@media (min-width:576px){.container{max-width:560px!important; margin: 0 auto!important}}
@media (min-width:768px){.container{max-width:750px!important; margin: 0 auto!important}}
@media (min-width:992px){.container{max-width:980px!important; margin: 0 auto!important}}
@media (min-width:1200px){.container{max-width:1180px!important; margin: 0 auto!important}}


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

html::-webkit-scrollbar { width: 4px}  
#page-container{padding-top:60px!important}    
#totopbutton, .book span{display:none!important}
.mtc{text-align: center}
.reverse-row{ display:flex!important;flex-direction:column-reverse!important}
.m-nm, .f-adj1{margin-top:-25px!important}
.mob-mt30{margin-top: 30px}
.header{padding:5px 0 0 0!important;height:60px!important; max-height: 60px!important}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:16px!important; color:#fff!important}
.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { color:#fff!important; }
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {background:#f2b7a5!important; color:#000!important}   
.logo{height: 50px; width: auto}
.social-icons{float:left} 
.f-email{text-align: left!important}
.book a{width: 40px; height: 35px; margin-right: 50px;margin-top:5px;border-radius: 0; padding: 0}    
.book a img{display: block!important; margin-left: 6px; margin-top: 3px} 
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {background-color: #36b6a5; top:60px;position:fixed; left:0; right:0; width:100%!important}       
.h-banner .upb_row_bg{background-size: auto 440px!important;background-position:calc(50% + 300px)  top!important;} 
.ab-banner .upb_row_bg{background-size: auto 440px!important;background-position:center top!important;}   
.coa-banner,.s-banner,.con-banner{background-color: #e7e5df}    
.coa-banner .upb_row_bg{background-size: auto 200px!important;background-position:right top!important;} 
.lea-banner .upb_row_bg{background-size: auto 440px!important;background-position:calc(50% - 150px) top!important;} 
.s-banner .upb_row_bg{background-size: auto 200px!important;background-position:left top!important;}
.con-banner .upb_row_bg{background-size: auto 200px!important;background-position:right top!important;}    
.home-banner{min-height:420px!important}
.contact-banner{min-height:270px!important}    
.service-banner{min-height: 200px!important}
.services-banner{padding-top:50px}    
    .services-title h1{font-size: 30px}   
.ab-banner h1{padding-top: 140px} 
.ab-text1{padding-top:50px}
    .con-banner h1{padding-top: 180px}    
.coa-banner h1{padding-top: 160px}
.lea-banner h1{padding-top: 420px}   
.certificate img{max-width: 300px!important}
.services-icon:before{content: ''; position: absolute; top:10px; right: 2%; width: 80px; height:80px;}    
}









@media only screen and (min-width : 768px){
.f-links1{text-align: right}
.lg-pad20 h4{padding-left:10%; padding-right:10%}  
}



@media only screen and (min-width : 768px) and (max-width: 1023px)

{



}



@media only screen and (min-width : 1024px) {
html::-webkit-scrollbar{width: 6px}
#page-container{padding-top:100px}    
.header{padding:10px 0 0 0!important;height:100px!important}
.top-banner{min-height: 370px}    
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{padding-left:20px!important;padding-right:20px!important}
.ubermenu .ubermenu-submenu a:hover{padding-left:25px!important}
.ubermenu-item-level-0 > a span{position: relative!important}
.ubermenu-item-level-0 > a span:before { transform: scaleX(0); transform-origin: bottom right;content: " "; display: block; position: absolute; right: 0; top: -10px; left: 0; height:2px; background:#f2b7a5; z-index: -1; transition: transform .5s ease; } 
.ubermenu-item-level-0 > a span:hover:before { transform: scaleX(1); transform-origin: bottom left; }
.f-email{margin-bottom: 20px}
.f-text3{margin-left:15px}
.f-links1{margin-right:15px} 
.f-text3{margin-left:0} 
.w-50{max-width:70%; margin: 0 auto} 
.ptb-normal{padding-top:40px; padding-bottom: 15px}    
.h-link1,.h-link2,.h-link3,.h-link4{min-height: 420px}    
.bo1{border-left: 3px solid #fff}    
.ab-text1 h2{font-size: 28px} 
.con-banner h1{font-size: 38px} 
.s-banner h1, .s-banner a{margin-left: 90px}     
.ab-adj1{width:47%!important; margin-left:3%;}
.ab-adj2{width:47%!important; margin-right:3%;}
.certificate img{max-width: 350px!important}
    .quform-button-submit-default{margin-top: -15px} 
.services-icon:before{top:-50px; right:10%;background-size:contain; width: 300px; height:300px;}
.short-width{padding-left:10%; padding-right:10%}  
.service-adj{padding-bottom:15px}    
}



@media only screen and (min-width: 1200px) {
#page-container{padding-top:120px}    
.header{padding:20px 0 0 0!important;height:120px!important}
.f-logo,.logo{width:200px}
.f-adj1{margin-left: -50px;}
.f-adj2{margin-left: 50px;}
.h-adj1{margin-top:15px}    
.h-link1 p,.h-link2 p,.h-link3 p,.h-link4 p{padding-left: 57px; padding-right: 57px} 
.w-50{max-width:50%; margin: 0 auto}
.top-banner{min-height: 390px}    
.lg-pad30{padding-left: 30px; padding-right: 30px}
.ab-text1{padding:60px}
.ab-adj1{width:45%!important; margin-left:5%;}
.ab-adj2{width:45%!important; margin-right:5%;} 
.lg-pad20 h4, .short-width{padding-left:20%; padding-right:20%}
.short-width{padding-left:15%; padding-right:15%}    
.certificate img{max-width: 470px!important}
.le-box{padding: 60px 0 60px 0}
.le-text1{padding:0 50px 0 100px; font-size: 36px; line-height: 42px} 
.le-text2{padding:20px 100px 0 50px}
.faq{padding-left: 100px; padding-right: 100px}
.faq-shadow{max-width: 1050px; margin: 0 auto!important; float: none!important}
.quform-1 .quform-field{margin-bottom:20px!important}  
.services-title h1{font-size:80px;transform: translateY(20px)} 
.pp h1{font-size: 32px}
    .pp {text-align: justify}
}



@media (min-width: 1400px){
html::-webkit-scrollbar { width: 8px}
}


/* - Ipad Pro Landscape */

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {



}



/* - Ipad Landscape */

@media only screen  and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.ipad-hw-la{width: 50%!important; max-width: 50%!important}
.ipade-hide-la, .pattern2:before{display: none!important}
.home .lg-pad30{padding:0px 30px 0 30px}   
.bo1{border-left:0}     
}



/* - Ipad Portrait */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.ipad-fw-po{width: 100%!important}
.ipad-hw-po{width: 50%!important}
.ipade-hide-la, .pattern2:before, .book span{display: none!important}  
 #page-container{padding-top:60px}      
.header{padding:5px 0 0 0!important;height:60px!important; max-height:60px!important}
.logo{height: 50px; width: auto}
.book a{width: 40px; height: 35px; margin-right: 50px;margin-top:5px;border-radius: 0; padding: 0}    
.book a img{display: block!important; margin-left: 6px; margin-top: 3px} 
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {background-color: #36b6a5; top:60px;position:fixed; left:0; right:0; width:100%!important}        
}


@media only screen and (min-height: 1366px) and (orientation: portrait){
.book a{position: absolute; right: -80px;z-index: 9999!important}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {position:relative!important; margin-top: -100px!important; background-color: #fff; }    
}
     


@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: landscape) {
.ipad-fw-po{width: 100%!important}
}