@media only screen and (max-width: 767px){
html::-webkit-scrollbar { width: 4px}  
#totopbutton,.header-right,.vision:before,.vision:after,.orange-bg:before, .f-logo{display:none!important}
#page-container{padding-top: 60px}
.header{height:60px!important; padding-top: 10px}
.logo{height: 40px!important; margin-left: -15px!important} 
.container{padding-left:0!important; padding-right:0!important}    
.social-icons{position: absolute; right: 0; top:10px;gap:5px;}    
.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:#48484a!important; color:#f68f73!important}   
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {background-color:#f68f73; top:60px;position:fixed; left:0; right:0; width:100%!important} 
.banner h1{padding-top:180px!important}  
.banner:before{top: 100px; right:-30px;width: 100px; height: 115px;background-size:100px 115px}
.banner:after{bottom: -100px; left:-90px;width:240px; height: 138px;background-size:auto 70%}
.ora-hex:after{top: -60px; right:-50px;width: 188px; height: 216px;background-size:auto 50%}    
.m-tc, .m-tc p{text-align:center!important}  
    .t1 p{margin-top: -30px}    
    h2{font-size: 24px}
    .team{min-height:200px; margin-top: -35px}
    .white-content .t4{margin-top: -15px}
    .t15{margin-top: 35px}
    .quote1:before,.quote2:before{left:5px}.quote2:after{right:15px}.quote1:after{right:15px}
    .footer, .footer-links, .footer .social-icons{text-align: center}
.social-icons {justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
}


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

    
}






@media only screen and (min-width : 768px){
.header{padding-top: 20px; padding-bottom: 0px;}   
.logo img {width: 161px;height: 100px;}

}



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

{

.logo{height: 85px!important}   
.social-icons{position: absolute; right: 0; top:10px;gap:5px;}


}

@media only screen and (min-width : 960px){
html::-webkit-scrollbar{width: 6px}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{padding-left:15px!important;padding-right:15px!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:#f68f73; z-index: -1; transition: transform .5s ease; } 
.ubermenu-item-level-0 > a span:hover:before { transform: scaleX(1); transform-origin: bottom left; }
.ubermenu .ubermenu-submenu a:hover {padding-left: 20px !important}  
.tr, .tr p, .tr a{text-align:right!important}
.pl50{padding-left:50px!important}
.mt-p0 p:first-child{margin-top: 0}  
.zero .vc_column-inner{padding-right: 0!important; padding-left: 0!important}
.zero1 {padding-right: 0!important; padding-left: 0!important}
    .zero1l .vc_column-inner{padding-left: 0!important} .zero1r .vc_column-inner{padding-right: 0!important}
    .zero1lr .vc_column-inner{padding-right: 7.5px!important;padding-left: 7.5px!important}
.banner{min-height: 450px}
.green-bg{margin-top:70px; margin-bottom:70px} 
.mission{padding-top: 70px; padding-bottom: 70px}    
.t1, .t3, .green-bg h2{padding-right: 20px;} 
.t2{font-size: 18px;} 
.box1,.box2,.box3{padding:25px;}
.box2, .box3{margin-top:55px!important}
}





@media only screen and (min-width: 1200px) {
body{font-size: 18px!important}   
#page-container{padding-top:110px}    
.header{height:140px;padding-top:40px} 
.small.header{height:60px;padding-top:10px}     
.small .logo{height:40px!important; margin-top:0!important}  
.small .header-right{margin-top:-3px} 
.small .main-menu{margin-top:-10px} 
  
.space{min-height: 100px;}
.banner{min-height: 500px}    
.banner h1 {max-width: 600px}  
.footer{padding-top:50px; padding-bottom: 15px}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{padding-left:25px!important;padding-right:25px!important}
.green-bg{margin-top:90px; margin-bottom: 90px}  
.mission{padding-top: 90px; padding-bottom: 90px}   
.padding{padding-top: 95px; padding-bottom: 60px}    
.t1, .t2, .green-bg h2{padding-right: 20px; padding-left: 20px;}
.box1,.box2,.box3{padding:45px; max-width:730px; margin:  0 auto}  
.box4{position: absolute; top:50%; left: -400px; transform: translateY(-50%) rotate(90deg); font-size: 40px}
.mw-700{max-width: 670px; margin: 0 auto}
.team{min-height:700px}    
.beige-bg{transform: translateY(-250px); margin-bottom:-250px;}    
.beige-content{ padding:45px!important}
.white-content{ padding:0 45px!important}
    .button1 .quform-popup-link-2{margin-left: 45px;width: 90%}    
    .pr200{padding-right:100px}  
.orange-bg{margin-top:60px; margin-bottom:60px; padding-top: 90px!important; padding-bottom: 55px}
.gray-bg{margin-top:60px; margin-bottom:60px; padding-top: 90px!important; padding-bottom: 55px} 
#Testimonials{margin-top:60px; padding-top: 90px!important; padding-bottom: 55px} 
    .quote1{padding-right: 100px}
    .quote1:after {right:50px} 
    .t11a{font-size:38px}
}


@media (min-width: 1400px){
html::-webkit-scrollbar { width: 8px}
.container{max-width: 1180px!important;}


}





@media screen and (min-width:1600px) {


}







/* - 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 Portrait */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

.ipad-fw-po{width: 100%!important}
.header{height:70px!important; padding-top: 5px}
.logo{height: 55px!important; margin-left: -15px!important}    
.social-icons{position: absolute; right: 0; top:10px;gap:5px;}    

}



/* - Ipad Pro Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { 
.top-banner .splide__slide { height:600px;max-height:600px}
h1{font-size:26px}

}

