/******************** HEADERS / CONTENT ********************/
                     
/********* 1250px *********/
@media (max-width: 1250px) {    
/* one */
.cwip-header .cwiph-one {
    font-size: 7.5px;
}

/* two */
.cwip-header .cwiph-two {
    font-size: 35px;
}

/* three */
.cwip-header .cwiph-three {
    font-size: 15px;
}
}

/********* 900px *********/
@media (max-width: 900px) {   
/* one */
.cwip-header .cwiph-one {
    font-size: 7px;
}

/* two */
.cwip-header .cwiph-two {
    margin-top: 15px;
    padding-bottom: 20px;
    font-size: 30px;
}

/* three */
.cwip-header .cwiph-three {
    margin-top: 20px;
    font-size: 14px;
}

.cwip-header .cwiph-three.more-margin {
    margin-top: 50px;
} 
}

/********* 700px *********/
@media (max-width: 700px) {   
/* one */
.cwip-header .cwiph-one {
    font-size: 6.5px;
}

/* two */
.cwip-header .cwiph-two {
    margin-top: 14px;
    padding-bottom: 18px;
    font-size: 27.5px;
}

/* three */
.cwip-header .cwiph-three {
    margin-top: 18px;
    font-size: 13px;
}

.cwip-header .cwiph-three.more-margin {
    margin-top: 45px;
} 
}








/******************** WELCOME SECTION ********************/     
 
/********* 1250px *********/
@media (max-width: 1250px) {      
#WelcomeSection {   
    height: 800px;
}

/* cols */
#WelcomeSection .welcome-col {
    height: 600px;
}

/* inner content col */
#WelcomeSection .welcome-col.content-col .content-col-inner {
    width: 330px; 
}
}

/********* 1200px *********/
@media (max-width: 1200px) {    
#WelcomeSection {   
    margin-top: 80px;  
}
}

/********* 900px *********/
@media (max-width: 900px) {      
#WelcomeSection {   
    height: 600px;   
}

/* cols */
#WelcomeSection .welcome-col {
    width: calc(40% - 50px);   
    height: 500px;   
    top: 50px;   
}

/* img col */
#WelcomeSection .welcome-col.image-col {
    margin-left: 50px;    
}

/* content col */
#WelcomeSection .welcome-col.content-col {
    width: calc(60% - 50px);   
    margin-left: 25px;   
}

/* inner content col */
#WelcomeSection .welcome-col.content-col .content-col-inner {
    padding-top: 50px;   
}

/* blocks */
#WelcomeSection #WelcomeSectionBlockOne {
    width: 20%;   
}

#WelcomeSection #WelcomeSectionBlockTwo {
    width: 80%;   
    height: calc(100% - 50px);   
}
}

/********* 850px *********/
@media (max-width: 850px) {    
#WelcomeSection {   
    margin-top: 70px; 
}
}

/********* 700px *********/
@media (max-width: 700px) {      
#WelcomeSection {   
    height: auto;  
}

/* cols */
#WelcomeSection .welcome-col {
    display: block;   
    float: none;  
}

/* img col */
#WelcomeSection .welcome-col.image-col {
    width: calc(100% - 40px);   
    height: 300px;  
    margin-left: 0px;  
    left: 20px;  
    border-top-left-radius: 50px;  
    border-bottom-right-radius: 50px;   
}

/* content col */
#WelcomeSection .welcome-col.content-col {
    width: 100%;  
    height: auto;  
    margin-left: 0px;  
    top: auto;     
}

/* inner content col */
#WelcomeSection .welcome-col.content-col .content-col-inner {
    padding-top: 150px;  
    padding-bottom: 100px;  
}

/* blocks */
#WelcomeSection #WelcomeSectionBlockOne {
    width: 30%;  
}

#WelcomeSection #WelcomeSectionBlockTwo {
    width: 70%;  
}
}








/******************** NO HARM SECTION ********************/

/********* 1250px *********/
@media (max-width: 1250px) {    
#NoHarmSection {
    width: 900px;   
}

/* header */
#NoHarmSection .cwip-header {
    width: 600px;   
}

/* col el - img */
#NoHarmSection #NoHarmSectionCols .nhs-col img {
    height: 45px;   
}

/* col el - p */
#NoHarmSection #NoHarmSectionCols .nhs-col p { 
    font-size: 14px;   
}
}

/********* 900px *********/
@media (max-width: 900px) {    
#NoHarmSection {
    width: 600px;    
}

/* header */
#NoHarmSection .cwip-header {
    width: 500px;   
}

#NoHarmSection .cwip-header .cwiph-three {
    padding: 0px 25px 0px;   
}

/* col el - four */
#NoHarmSection #NoHarmSectionCols .nhs-col.four {
    width: calc(25% - 15px);   
    margin-right: 20px;   
}
  
/* col el - three */
#NoHarmSection #NoHarmSectionCols .nhs-col.three {
    width: calc(33.333333% - 20px);   
    margin-top: 50px;    
    margin-left: 15px;   
}

/* col el - img */
#NoHarmSection #NoHarmSectionCols .nhs-col img {
    height: 40px;   
}

/* col el - p */
#NoHarmSection #NoHarmSectionCols .nhs-col p {
    margin-top: 20px;   
    padding-top: 25px;   
    font-size: 13px;   
}
}

/********* 700px *********/
@media (max-width: 700px) {    
#NoHarmSection {
    width: 330px;   
    padding: 100px 0px 100px;   
}

/* header */
#NoHarmSection .cwip-header {
    width: 330px;   
}

/* cols */
#NoHarmSection  #NoHarmSectionCols {
    margin-top: 35px;   
}

/* col el */
#NoHarmSection #NoHarmSectionCols .nhs-col {
    width: 145px !important;    
    margin: 50px auto 0px !important;     
}

#NoHarmSection #NoHarmSectionCols .nhs-col.nhsc1,
#NoHarmSection #NoHarmSectionCols .nhs-col.nhsc3,
#NoHarmSection #NoHarmSectionCols .nhs-col.nhsc5 {
    margin-right: 40px !important;
}

/* col el - img */
#NoHarmSection #NoHarmSectionCols .nhs-col img {
    height: 30px;   
}

/* col el - p */
#NoHarmSection #NoHarmSectionCols .nhs-col p {
    margin-top: 10px;   
    padding-top: 15px;   
    font-size: 12px;   
}

#NoHarmSection .no-harm-sec-clear-float.mobile {
    display: block;   
}
}








/******************** WATER SOLUBLE SECTION ********************/
   
/********* 1250px *********/
@media (max-width: 1250px) {   
#WaterSolubleSection {  
    height: 900px;  
}

/* col - content - inner */
#WaterSolubleSection .watersol-col .content-col-inner {
    width: 330px;  
    padding-top: 100px;  
}
}

/********* 900px *********/
@media (max-width: 900px) {
#WaterSolubleSection {  
    height: 800px;  
}

/* col - content */
#WaterSolubleSection .watersol-col.content-col {
    width: calc(70% - 10px);   
}

/* col - image */
#WaterSolubleSection .watersol-col.image-col {
    width: calc(30% - 10px);   
} 
}
 
/********* 700px *********/
@media (max-width: 700px) {   
#WaterSolubleSection {  
    width: 100%;   
    height: auto;   
}

/* col */
#WaterSolubleSection .watersol-col {
    display: block;   
    float: none;   
    border-radius: 0px !important;   
}

/* col - content */
#WaterSolubleSection .watersol-col.content-col {
    width: 100%;   
    margin-right: 0px;   
    border-top-right-radius: 50px !important;   
    border-top-left-radius: 50px !important;   
}

/* col - content - inner */
#WaterSolubleSection .watersol-col .content-col-inner {
    padding-bottom: 100px;   
}

/* col - image */
#WaterSolubleSection .watersol-col.image-col {
    width: calc(100% - 40px);   
    height: 300px;   
    margin-top: 20px;   
    border-bottom-right-radius: 50px !important;   
    border-bottom-left-radius: 50px !important;   
}
}








/******************** NOT ARTIFICIAL SECTION ********************/

/********* 1250px *********/
@media (max-width: 1250px) { 
/* header */
#NotArtificialSection .cwip-header {
    width: 800px;
}

#NotArtificialSection .cwip-header .cwiph-three {
    padding: 0px 50px 0px;
}
}

/********* 900px *********/
@media (max-width: 900px) {
/* header */
#NotArtificialSection .cwip-header {
    width: 600px;
}

#NotArtificialSection .cwip-header .cwiph-three {
    padding: 0px 25px 0px;
}
}

/********* 700px *********/
@media (max-width: 700px) {
#NotArtificialSection {  
    padding: 100px 0px 100px; 
}

/* header */
#NotArtificialSection .cwip-header {
    width: 330px;
}

#NotArtificialSection .cwip-header .cwiph-three {
    padding: 0px 0px 0px;
}
}
 







/******************** INGREDIENTS SECTION ********************/
  
/********* 1250px *********/
@media (max-width: 1250px) { 
#IngredientsSection {     
    width: 800px;     
}

/* ing el - cont */
#IngredientsSection .ing-el .ing-cont {
    padding-left: 75px;   
    padding-right: 50px;   
}

/* ing el - cont - p */
#IngredientsSection .ing-el .ing-cont p {
    font-size: 11px;   
}

/* ing el - cont - h1 */
#IngredientsSection .ing-el .ing-cont h1 {
    font-size: 27.5px;   
}

/* ing el - cont - h2 */
#IngredientsSection .ing-el .ing-cont h2 { 
    font-size: 14px;   
}
}

/********* 900px *********/
@media (max-width: 900px) { 
#IngredientsSection {     
    width: 600px;     
}

/* ing el - cont */
#IngredientsSection .ing-el .ing-cont {
    padding-left: 35px;   
    padding-right: 35px;   
}

/* ing el - cont - p */
#IngredientsSection .ing-el .ing-cont p {
    font-size: 10px;   
}

/* ing el - cont - h1 */
#IngredientsSection .ing-el .ing-cont h1 {
    margin-top: 8px;   
    padding-bottom: 12px;   
    font-size: 25px;   
}

/* ing el - cont - h2 */
#IngredientsSection .ing-el .ing-cont h2 { 
    margin-top: 25px;   
    font-size: 13px;   
}

#IngredientsSection .ing-el .ing-cont h2.first {
    margin-top: 50px;   
}
}

/********* 700px *********/
@media (max-width: 700px) {
#IngredientsSection {     
    width: 330px;      
    padding-top: 100px;    
}

/* ing el */
#IngredientsSection .ing-el {
    height: auto;    
}

/* ing el - cols */
#IngredientsSection .ing-el .ing-img,
#IngredientsSection .ing-el .ing-cont {
    width: 100% !important;    
    height: auto;    
    position: relative;    
}

/* ing el - img */
#IngredientsSection .ing-el .ing-img {
    height: 200px;    
    border-top-left-radius: 50px;    
    border-bottom-right-radius: 50px;    
}

/* ing el - cont */
#IngredientsSection .ing-el .ing-cont {
    padding-left: 30px;    
    padding-right: 30px;    
    padding-top: 30px;    
}

/* ing el - cont - p */
#IngredientsSection .ing-el .ing-cont p {
    font-size: 9px;    
}

/* ing el - cont - h1 */
#IngredientsSection .ing-el .ing-cont h1 {
    margin-top: 5px;    
    padding-bottom: 9px;    
    font-size: 22.5px;    
}

/* ing el - cont - h2 */
#IngredientsSection .ing-el .ing-cont h2 { 
    margin-top: 10px;    
    font-size: 12px;    
}

#IngredientsSection .ing-el .ing-cont h2.first {
    margin-top: 30px;    
}

/* ing divider */
#IngredientsSection .ing-divider {
    margin: 55px auto 55px;    
}
}


 


 


/******************** VERTICAL DIVIDER ********************/                                                                           
                                                                
/********* 850px *********/
@media (max-width: 850px) {
.vertical-divider {
    height: 150px;
    padding-top: 30px;
}

.vertical-divider .divider {
    height: 45px;
}
}
 

 





/******************** MF SECTION ********************/

/********* 1050px *********/
@media (max-width: 1050px) {
#MFSection {
	height: 500px;
}
}

/********* 850px *********/
@media (max-width: 850px) {
#MFSection {
	height: 800px;
}

/* col */
#MFSection .col {
	display: block;
	width: 100%;
	height: 50%;
	float: none;
}
}