@media only screen and (max-width: 767px){
html::-webkit-scrollbar { width: 4px}
.hr3,#totopbutton,.header .social-icons{display: none!important}    
.hr2{max-width: 100px}
.mtc, .footer{text-align: center}    
.f-text{text-align: center}  
.header{height:70px!important; padding-top: 5px;z-index: 99999999!important; position: fixed; width: 100%; left: 0; top: 0;}
.page-container{padding-top: 70px}   
.logo{height: 55px;margin-left: -25px}    
.Xh-logo{margin-top: -35px; margin-left: -15px}
.Xh-logo svg{height: 55px!important}    
.home-banner, .contact-banner{min-height:300px!important}
.footer svg{max-width: 100px}   
  
.social-icons, .footer .header-right {justify-content: center!important}  
.team-member-flex .vc_column-inner,.team-member-flex .wpb_wrapper {height: auto} 
    
}

@media only screen and (max-width: 959px){
.mpt{padding-top: 35px}   
.main-menu{}    
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {color:#f26c4d!important; position: absolute; top:-40px; right:5px; padding:0!Important; height:35px!important; width:35px!important; line-height:30px; text-align:center!important;font-size:24px!important; }
.header .vc_col-sm-3{width: 100%}  
.header .top-button{position: absolute; top:-40px; right:50px} 
.top-button a{font-size: 12px}    
.header .vc_col-sm-3 {order: 2;width: 100%}
.header .vc_col-sm-8 {order: 3;width: 100%}    
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {text-align: left}
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:hover {color:#fff!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:#273263!important; color:#fff!important}   
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {background-color:#f26c4d;top:70px;position:fixed; left:0; right:0; width:100%!important; z-index: 99999999!important} 
.home-banner:before,.contact-section:before{width:90px; height: 97px}  
.top-banner h1, .contact-banner h1{font-size:28px; line-height: 30px}
.button a{padding: 10px 15px!important}    
.orange-button a{font-size: 16px}  
.ult-tabto-actitle{padding-top: 20px!important; padding-bottom: 20px!important}    
.team-img img{max-width: 350px!important}
    .page-id-22 .h-text1, .page-id-22 .abt-title4{position: relative; z-index: 999!important; padding-top: 30px}   
.ult-tabto-accordionItem .container, .ult-tabto-accordionItem .vc_column_container>.vc_column-inner{padding-left: 0!important; padding-right: 0!important}    
    .ult-tabto-accordionItem .abt-title3{margin-bottom: 0!important}   
}


@media only screen and (min-width : 960px){
.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:#fff; z-index: -1; transition: transform .5s ease; } 
.ubermenu-item-level-0 > a span:hover:before { transform: scaleX(1); transform-origin: bottom left; }
.single-portfolio .vc_row.vc_column-gap-35>.vc_column_container {
    padding: 0 15px!important;
} 
 
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .header .social-icons {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
.xheader .social-icons{display: none}    
.footer svg{max-width: 100px}
.footer .header-right{margin-top: -20px!important} .f-text{text-align: right}  
.Xult_tabmenu.style1 .ult_tab_li {width: 33.33% !important;display: inline-block !important;text-align: center!important;}
.Xult_tabmenu.style1 .ult_tab_li .ult_a {height: 90px;width: 100% !important} 
.quform-form-2 .quform-button-submit-default{float: right}   
.home .ult_tabmenu.style1 .ult_tab_li .ult-span-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;display:inline-block;max-width:90%;font-size: 16px!important}  
.page-id-22 .ult_tabmenu.style1 .ult_tab_li .ult-span-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;display:inline-block;max-width:90%;font-size: 16px!important}
.header .top-button{top:-50px} 
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main{top:-55px}   
.m-img img{max-height: 450px!important;width: auto!important}    
.home-box1{max-width: 320px; margin:0 -30px 0 0; float: right}    
}



@media (min-width: 1024px) and (max-width: 1199px) {
.f-text{text-align: right}
.home .sub-title{padding-top:40px}    
.home-tab{padding-bottom: 40px}  
.home .ult_tabmenu.style1 .ult_tab_li .ult-span-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;display:inline-block;max-width:80%}    
.page-id-22 .ult_tabmenu.style1 .ult_tab_li .ult-span-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;display:inline-block;max-width:80%}    
.Xult_tabmenu.style1 .ult_tab_li {width: 33.33% !important;display: inline-block !important;text-align: center!important;}
.Xult_tabmenu.style1 .ult_tab_li .ult_a {height: 90px;width: 100% !important}
.home-blue:before{width:200px; height: 378px; bottom: -165px} 
.about-blue:before{width:200px; height: 378px; bottom: -50px}    
.pl{padding-left:40px}.pr{padding-right:40px}.pr40{padding-right:40px}
.page-id-22 .home-tab{position: relative}
.home-tab:before{content: ''!important; width: 100%; height: 90px; display: block!important; top:0; left:0; position: absolute; background-color: #f26c4d}    
.abt-title4{font-size:40px; padding-top: 55px; padding-bottom: 50px; line-height: 40px}  
.abt-section1{padding: 60px 60px 25px 60px!important} 
.quform-form-2 .quform-button-submit-default{float: right} 
.m-img img{max-height: 500px!important;width: auto!important}    
.home-box1{max-width: 320px; margin:0 -30px 0 0; float: right}    
}

@media only screen and (min-width : 1200px){
.f-text{text-align: right}
.ptd{padding-top: 30px}
.pl{padding-left: 80px}.pr{padding-right: 80px}.pr40{padding-right:60px!important}
.plr{padding-right: 30px; padding-left: 30px}
.xlogo{height:100px!important; width: auto!important}  
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{padding-left:25px!important;padding-right:25px!important; font-size:16px;font-weight: 500!important}
    .xtop-button{margin-left: 30px}    
.footer-form{margin-left: 150px}
.home-banner, .contact-banner {min-height: 650px!important}
.top-banner h1, .contact-banner h1{max-width: 1000px;margin: 0 auto; font-size: 50px; line-height: 50px}   
.sub-title, .abt-title1,.con-title1{font-size: 40px}    
.home-banner:before{width:300px; height: 324px} 
.contact-banner:before{width:378px; height: 300px;bottom:-100px;}     
.page-id-22 .home-banner:before{bottom:-100px; left:0;width:250px; height: 275px}
 .contact-section:before{width:300px; height: 324px;bottom:30px; right: -15px;} 
.h-text1, .c-text1{font-size: 24px}   
.h-text2{font-size: 20px}    
.h-text1{max-width: 700px; margin: 0 auto} 
.page-id-22 .h-text1, .page-id-24 .h-text1{max-width: 900px; margin: 0 auto}    
.home-section1{min-height: 700px}
.home-section4 .vc_column-inner{min-height: 650px!important}    
.home-box1{max-width: 320px; margin:0 -30px 0 0; float: right}  
    
.home-section2{min-height: 250px} 
.h-text2{padding-left: 50px; padding-right: 50px}    
.home-section3:before{ bottom:50px; left: -100px; width:430px; height: 342px; z-index:2;}
.home-section5{min-height:1100px}
.home-section5-box{padding: 60px;max-width: 500px; margin: 0 auto} 
.home .sub-title{padding-top: 70px}    
.home .home-tab{padding-bottom: 35px}
.abt-section1{padding: 60px 60px 25px 60px!important}
.Xhome .ult_tabmenu.style1 .ult_tab_li {width: 33.33% !important;display: inline-block !important;text-align: center!important;}
.Xhome .ult_tabmenu.style1 .ult_tab_li .ult_a {height: 90px;width: 100% !important}
.Xult_tabmenu.style1 .ult_tab_li {width: 25% !important;display: inline-block !important;text-align: center!important;}
.Xult_tabmenu.style1 .ult_tab_li .ult_a {height: 90px;width: 100% !important}
.page-id-22 .home-tab{position: relative}
.page-id-22 .home-tab:before{content: ''!important; width: 100%; height: 90px; display: block!important; top:0; left:0; position: absolute; background-color: #f26c4d}    
.home-blue:before{width:200px; height: 378px; bottom: -165px} 
.about-blue:before{width:200px; height: 378px; bottom: -50px}     
.abt-title1{padding: 40px 0 60px 0}
.abt-title1:before{bottom:60px!important}
.abt-title4{font-size:40px; padding-top: 55px; padding-bottom: 50px; line-height: 40px} 
.numbers{font-size:70px}
.abt-title3, .abt-title3 p{font-size:40px; line-height: 35px!important}.abt-title2{font-size:22px} 
.quform-form-2 .quform-button-submit-default{float: right} 
    .map-wrapper{height:500px}   
    .m-img img{max-height: 560px!important;width: auto!important}
 .portfolio-item .excerpt {
width: 80%; left: 10%;}
   
}




/* - Ipad Pro Landscape */

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio:2) {
.container{max-width:none!important}
}



/* - Ipad Landscape */

@media only screen  and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
body,.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target,.f-text a{ font-size:14px!important}    
.Xheader .header-right{display: none} 
.Xheader{padding-top: 10px; padding-bottom: 10px} 
.Xheader div{margin-bottom: 0}    
.vc_row {display: flex;flex-wrap: wrap}
.hr2 {order: 1; width: 20%!important}
.hr1 {order: 2; width: 60%!important}
.hr3 {order: 3; width: 20%!important}
.Xheader svg{max-width: 80px} 
.f-text{text-align: right; margin-top: -30px!important}   
.footer .header-right{margin-top: -30px!important}      
}



/* - Ipad Portrait */


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.header .social-icons{display: none!important}    
.hide-ipad-po, .hr3{display: none!important}
.ipad-fw-po{width: 100%!important}.ipad-50-po{width:50%!important}
.xheader{max-height: 100px; padding: 10px 0 0 0!important; margin: 0!important} 
.Xheader svg{max-height: 70px!important; width: auto!important}        
.Xheader .header-right{display: none} 
.hr2 {order: 1; width: 20%!important}
.hr1 {order: 2; width: 80%!important}
.xubermenu-responsive-toggle.ubermenu-responsive-toggle-main {top:20px; right:0;} 
.quform-1 .quform-submit{padding: 9px 10px!important;}
.footer svg{max-width: 100px}   
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {top:100px!important}
    
}



/* - Ipad Pro Portrait */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.header{max-height: 100px; padding-top: 0!important} 

.xvc_row {display: flex;flex-wrap: wrap}
.hr2 {order: 1; width: 20%!important}
.hr1 {order: 2; width: 60%!important}
.hr3 {order: 3; width: 20%!important; display: block!important}
.social-icons, .footer .header-right{justify-content:flex-end!important}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {top:auto!important}
}