@media only screen and (max-width: 1184px) {

.cont_row .anim2 .chart_sec .legends { right: 50px; }

}


@media only screen and (max-width: 1084px) {

.cont_row .anim1 .anim_cont > h3 { padding: 0 0 43px; }
.cont_row .anim1 .anim_box .anim_upper h3 { font-size: 95px; line-height: 96px; /*padding:0 130px 0 0;*/ }

.cont_row .anim2 .chart_sec .legends { right: 0; }
.cont_row .anim2 .chart_sec .symptoms li { font-size: 18px; line-height: 22px; }

}



@media only screen and (max-width: 1024px) {
	
div#siteloader { background: #fff url(../images/loader.gif) no-repeat center center; background-size:300px auto !important; }	

.intro_cont { padding: 100px 0 90px; }
.intro_cont h1 { font-size: 75px; line-height: 74px; }
.intro_cont p { font-size: 20px; line-height: 30px; max-width: 550px; }

.cont_row .head_sec { padding: 70px 30px 40px; }
.cont_row .head_sec h3 { font-size: 44px; line-height: 48px; }
.cont_row .head_sec ul.social_icon { margin-top: 10px; }

.cont_row .text_row { padding: 50px 30px 0; }
.cont_row .text_row .text_col:nth-child(1){ padding:0 25px 0 0; }
.cont_row .text_row .text_col:nth-child(2){ padding:0 0 0 25px; }
.cont_row .text_row .text_col h3 { font-size: 30px; line-height: 28px; padding: 0 0 30px; }


.cont_row .anim1 { margin: 80px 0 80px; /*margin:0 0 50px;*/ }
.cont_row .anim1 .anim_cont > h3 { padding: 0 0 20px; max-width: 480px; }
/*.cont_row .anim1 .anim_box{ max-height:450px; }*/
.cont_row .anim1 .anim_box .anim_upper h3 { font-size: 65px; line-height: 75px; /*padding: 0 20px 0 0;*/ }


.cont_row .anim2_container { padding: 0 50px; }
.cont_row .anim2 { padding: 70px 30px 120px; }
.cont_row .anim2 > h3 { font-size: 22px; line-height: 26px; padding: 0 0 25px; max-width: 435px; }
.cont_row .anim2 .chart_sec .legends { right: 0; top: -75px; }

.cont_row .anim2 .chart_sec .percentage { left: -40px; width: 32px; }
.cont_row .anim2 .chart_sec .percentage li { font-size: 16px; line-height: 20px; margin-top: 44px; }
.cont_row .anim2 .chart_sec h4 { font-size: 9px; line-height: 13px; left: -140px; }
.cont_row .anim2 .chart_sec .bars li { padding: 0 15px; }
.cont_row .anim2 .chart_sec .symptoms li { font-size: 14px; line-height: 18px; }


}
	

@media only screen and (max-width: 767px) {
div#siteloader { background: #fff url(../images/loader.gif) no-repeat center center; background-size:250px auto !important; }		
.head-wrap { padding-bottom: 100px; }
.ad_container { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); min-height:70px; }

header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 0 15px 0; min-height:70px; }
header a.paid_logo { margin: 0 auto 0; line-height: 18px; padding: 1px 5px 1px; top:auto; bottom:-18px; left:0; right:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
header ul.left_logos { font-size:0; float:none; display:block; margin:0 auto; width:192px; }
header ul.left_logos li.health_logo { padding: 0 24px 0 0; }
header ul.left_logos li.health_logo a { width: 65px; }
header ul.left_logos li.validose_logo { padding: 0 0 1px 10px; }
header ul.left_logos li.validose_logo a { width: 90px; }


header .social_part{ width:39px; padding:11px 5px 0; }
header .social_part .toggle_social{ display:block; }
header .social_part .social_icons { width:39px; position:absolute; left:0; top:100%; width:100%; padding:5px 5px 5px; background:#fff; border-radius:15px; display:none; }
header ul.social_icon { margin-top:0px; font-size:0; }
header ul.social_icon li { margin:0 0 5px; }
header ul.social_icon li a { width: 29px; height: 29px; border: 1px solid #248ceb; }
header span.sep { margin: 0 3px; }

header .menu_bar { min-height: 30px; background: #f4f4f4; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); }
header .menu_bar a.toggle_tabs{ display:block; }
header .menu_bar .menu_items{ position:absolute; left:0; top:100%; width:100%; overflow:auto; padding: 43px 0 12px; height:calc(100vh - 100px); max-height:calc(100vh - 100px); background:#f4f4f4; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); display:none; }
header .menu_bar .menu_items ul{ padding:0 30px; display:block; }
header .menu_bar .menu_items ul li { width: 100%; margin:0 0 31px; }
header .menu_bar .menu_items ul li:after{ display:none; }	
/*header .menu_bar .menu_items ul li a{ color:#151515; }*/

.mob-show { display: block !important; }
.desktop{ display:none !important; }


.intro_cont { padding: 40px 30px 40px; }
.intro_cont h1 { font-size: 40px; line-height: 44px; }
.intro_cont h1 span{ display:inline; padding:0 0 0 10px;}
.intro_cont p { font-size: 16px; line-height: 26px; max-width: 320px; padding: 20px 0 25px; }


.desc_sec p { font-size: 16px; line-height: 26px; padding: 0 0 26px; }


.cont_row { padding: 0 0 40px; }

.cont_row .head_sec { padding: 45px 30px 25px; }
.cont_row .head_sec h3 { font-size: 25px; line-height: 29px; letter-spacing: 0; }
.cont_row .head_sec ul.social_icon { margin-top: 2px; }

.cont_row .text_row { padding: 35px 30px 0;}
.cont_row .text_row .text_col { width: 100%; }
.cont_row .text_row .text_col:nth-child(1) { padding: 0 0 30px 0; }
.cont_row .text_row .text_col:nth-child(2) { padding: 0 0 0 0; }
.cont_row .text_row .text_col h3 { font-size: 26px; line-height: 28px; padding: 0 0 30px; }
.cont_row .text_row .text_col p { font-size: 16px; line-height: 26px; padding: 0 0 24px; }


.cont_row .anim1 { margin: 60px 0 60px; /*margin:0 0 50px;*/ }
.cont_row .anim1 .anim_cont > h3 { font-size: 14px; line-height: 20px; max-width:330px; padding:0 0 15px; }
/*.cont_row .anim1 .anim_box{ max-height:400px; }*/
.cont_row .anim1 .anim_box .anim_upper h3 { font-size: 40px; line-height: 44px; bottom: calc(100% - 6px); /*padding: 0 5px 0 0;*/ }

.cont_row .anim2_container { padding: 0 15px; }
.cont_row .anim2 { padding: 50px 30px 100px; }
.cont_row .anim2 > h3 { font-size: 16px; line-height: 20px; padding: 0 0 45px; max-width: 400px; }
.cont_row .anim2 .chart_sec .legends { top: -40px; }
.cont_row .anim2 .chart_sec .legends li { font-size: 8px; line-height: 18px; }
.cont_row .anim2 .chart_sec h4 { font-size: 8px; line-height: 12px; left: -115px; letter-spacing: 0.5px; }
.cont_row .anim2 .chart_sec .percentage { left: -24px; width: 22px; }
.cont_row .anim2 .chart_sec .percentage li { font-size: 10px; line-height: 14px; margin-top: 50px; }
.cont_row .anim2 .chart_sec .symptoms li { font-size: 10px; line-height: 14px; padding: 0 3px; }
.cont_row .anim2 .chart_sec .bars li { padding: 0 10px; }
.cont_row .anim2 .chart_sec .bars li span { margin: 0 3px; }




.social_icons_box.active { opacity: 1; top: 0; bottom: 0; }

footer { padding: 15px 0 10px;}
footer ul li { padding: 0; width: 100%; background:none;}
footer ul li a { display: inline-block;}
}

@media only screen and (max-width: 540px) {

.cont_row .head_sec h3 br{ display:block; }

.cont_row .anim1 .anim_cont > h3{ max-width:170px; }
	
}




@media only screen and (max-width: 374px) {
	
header .menu_bar .menu_items ul{ padding:0 15px; }

.desc_sec { padding: 0 15px; }
.cont_row .head_sec { padding: 45px 15px 25px; }

.cont_row .text_row { padding: 35px 15px 0;}

.source_links { padding: 0 15px; }

.cont_row .anim1 .anim_cont{ padding:0 15px; }

.footer .wrapper { padding:0 15px; }
.social_icons_box{ padding:42px 15px 0; }

}

@media only screen and (min-width: 768px) {
header .menu_bar .menu_items{ display: block !important; }	
header .social_part .social_icons { display: block !important; }
.social_icons_box.active { opacity: 0; top: 100%; bottom: auto; }

}