/* Updated 18-11- 2024 */

@media only screen and (max-width:767px) {
#page-container{overflow-x: hidden!important}
.tcm{text-align: center}
.ab-text7{margin-top: -35px}
.reverse-row{ display:flex;flex-direction:column-reverse}
.header{position:fixed!important;height:75px!important; left:0!important;right:0!important; top:0!important; width:100%!important; padding:0!important; margin:0!important;background-color: #fff}
.page-container{padding-top:75px}
 .slick-dots{display:block!important}  
.orange-bg .slick-next,.orange-bg .slick-prev, .home .slick-next, .home .slick-prev{display:none!important}

.logo{padding:5px 0 0 0; height:70px!important;max-height:70px!important;float:left!important; margin: 0!important; width: auto!important}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {background-color: #bf1e2e; top:75px;position:fixed; left:0; right:0; width:100%!important}
.ubermenu, .ubermenu-target{line-height:100%!important; font-size:16px!important}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {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:#faa728!important; color:#000!important}
.f-links1{margin-top: 30px}
.f-links2{margin-top: 30px;margin-bottom: 30px}
.main-title{max-width:400px!important; text-align: center!important;padding-left: 10%!important;padding-right: 10%!important}     
.main-title h1{font-size:16px!important; line-height: 24px!important; text-align: center!important}
.home .b-o-w {font-size:14px!important; margin-top: 10px!important}   
.footer .row:after{right:0;top:-35px}
.footer .row:before{right:35px;top:-35px}
.home-links1 a:after{top:-50%; left:-150%; width:500%; height:200%;border-radius:0}
.about-banner{border-bottom: 20px solid #fff; border-right:0!important} 
.about-footer:before{content: 'SERVICES'!important;font-size:30px;position: absolute; bottom:0; right: -200px;height:500px; width:200px; display: inline-block!important;color: #bf1e2e; z-index: 999999!important;transform:rotate(270deg); text-align: right!important}  
.fixmargin{margin-left: 15px}
.ab-text2{padding:90px 25px 35px 25px; font-size:16px}
.ab-text3{font-size:16px;padding:35px 15px 0 15px}       
.about-middle:after{display: none!important}
.about-middle:before{bottom: auto!important; top:30px!important; text-align: center;font-size:40px; width: 100%!important}
.about-line1{padding-top: 35px}
.ab-text6{padding-bottom: 20px; line-height: 22px; font-size:22px}
.about-footer:before{font-size:40px;bottom:auto; top: 0;transform:rotate(0deg); right: 0; width: 100%; height: 100px; text-align:center!important}
.brands{padding-top:35px} 
.rs-text2{padding-top: 35px}
.rs-text2, .rs-text3, .rs-text4, .rs-text5{padding-left: 15px; padding-right: 15px}
.rs-gallery{min-height: 60vh!important}
.page-id-566 .ab-text3{padding-left:0; padding-right:0}
.zero, .zero .vc_column-inner, .zero .vc_column_container, .zero .wpb_wrapper{margin-left: 0!important; margin-right: 0!important; padding-left: 0!important; padding-right: 0!important}
.rs-img2{margin-top: 50px}
    .blog-master-title{font-size:30px}
     .orange-bg h4{font-size:30px}
    .blog-footer .buttons{width: 100%; margin-bottom: 10px!important}    
}

@media only screen and (min-width : 768px) {
.about-banner{border-right:30px solid #fff} 
.about-top{border-bottom: 30px solid #fff;border-top: 30px solid #fff}
.about-line1,.about-line2,.about-line3{position: relative}
.about-line1:before{content: '';position: absolute; top: -35px; right: 35px;height:100%; width:2px;background-color: #fff} 
.about-line2:before{content: '';position: absolute; top: -35px; right: -10px;height:100%; width:2px;background-color: #fff} 
.about-line3:before{content: '';position: absolute; top: -35px; right: 0px;height:100%; width:2px;background-color: #fff} 
.brands{padding-top:25px; padding-bottom:25px} 
    .slick-dots{display: none!important}
.rs-middle, .rs-bottom{position: relative}    
.rs-middle:after{content: ''; position: absolute; width: 100%; height:300px; background-color: #000; display: inline-block; left: 0;top: 0}
.rs-bottom:after{content: ''; position: absolute; width: 100%; height:300px; background-color: #bf1e2e; display: inline-block; left: 0;top: 0}



}


@media only screen and (min-width: 1024px) {
.small{height:70px!important;background:#f7f7f7}
.small .logo{ max-height:80px!important;margin-top:-15px}
.small .main-menu{margin-top:-30px!important}
.ubermenu-submenu-id-38{min-width:170px}
#menu-item-731 .ubermenu-target {color:#fff!important; padding-top:100px; margin-top: -100px;background-color: #bf1e2e;width: 100px;padding-left: 0!important; padding-right: 0!important; text-align: center!important}
#menu-item-731 .ubermenu-item-level-0:hover > .ubermenu-target{color:#000!important; background-color: #faa728!important}
.footer{padding:50px 0}    
.footer .row:after{right:15px; top:-50px; width:35px; height:50px}
.footer .row:before{right:50px; top:-50px; width:35px; height:50px}
.f-text2 .o-w{padding-left:50px}
.main-title{width:320px!important}  
h1{font-size: 32px!important; line-height: 40px!important}
.home .b-o-w{font-size:22px!important}
.home-links1 a{font-size:60px; line-height: 55px}   .home-links1 a span{font-size:30px}  
.home h2  {font-size:50px!important; }
.home-links1 a:after{min-width: 960px; left: 50%; margin-left: -480px} 
.about-middle{padding-top: 80px}
.about-middle:before{font-size:100px;position: absolute;top: 100px; left: 0;transform: rotate(270deg)}
.about-footer:before{font-size:60px;bottom:-50px} 
.brands{padding-top:50px; padding-bottom: 15px}
.page-id-249 .brands{padding-bottom:0;margin-bottom: -30px!important} 
.quform-field-2_17{min-height: 45px}
.contact-line{padding-top: 35px}   
.page-id-266 .footer{margin-top: -35px}
.rs-middle{padding-top:30px}    
.rs-text4 {font-size:32px}
.blog-footer{margin: 50px auto 50px auto}    
}

@media only screen and (min-width: 1200px) {
.header{height: 140px} 
.page-container{padding-top: 140px}    
.logo{padding-top:20px;max-height:120px!important}
.main-menu{padding-top:30px}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {padding-left:20px!important; padding-right:20px!important}
.f-logo{max-height:120px!important}
.home-links1 a:after{min-width: 1140px; left: 50%; margin-left: -570px}
.ab-text1{font-size:28px; padding-right:80px}
.aboutus-adjust{margin-left: 100px}
.ab-text2{font-size:26px; padding:40px 50px 50px 10px} 
.ab-text3{font-size:26px; padding:90px 50px 70px 0}  
.page-id-566 .ab-text3{padding:50px 50px 70px 0; transform: translateX(-10px)}
.c-text1 h1,.blog-master-title{font-size:36px!important}
.c-text2 h2{font-size:24px; max-width:50%; margin: 0 auto}    
.brands a img{max-width:60%!important; height: auto!important}
.page-title h1{font-size:60px!important;line-height: 110%!important}
.banner-title h1{font-size:60px!important; line-height: 110%!important}
.c-text5 h1{font-size:50px!important;line-height: 110%!important}      
.about-img{transform: translate(15px, -400px); z-index: 99999999!important; overflow: auto!important; position: relative!important; margin-bottom: -550px!important}
.blog-button{margin-bottom:70px!important}
.rs-img2{transform: translate(-15px, -320px); z-index: 99999999!important; overflow: auto!important; position: relative!important; margin-bottom: -550px!important}    
.ab-text4, .ab-text5{font-size:28px} 
.about-line3 .ab-text6,.about-line3 .ab-text7,.about-line4 .ab-text6,.about-line4 .ab-text7{padding-left: 35px}
.ab-text6{font-size:26px;line-height: 120%}
.ab-text8{font-size:54px} 
.about-footer:before{font-size:100px;bottom:-250px!important}  
.brands a div{ font-size:28px}
.brands a div:before{height: 8px;bottom:-20px; } 
.quform-2{padding-left:50px; padding-right:50px}
.rs-slider{max-width: 1100px; margin: 0 auto}

.rs-slider .slick-next, .rs-slider .slick-prev{font-size: 30px!important}
.rs-slider .slick-next{right: -40px!important}
.rs-slider .slick-prev{left: -40px!important}
.contact-line{padding-top:50px} 
.adjust-width{margin-left:35px!important; margin-right:35px!important}
.c-text4 h4{font-size:28px}
.c-text6 h2{max-width: 60%; margin: 0 auto}
.pro-description{font-size:18px; text-align: justify}
.rs-text1 h1{max-width: 80%; margin: 0 auto; font-size: 40px}
.rs-middle{padding-top:80px}
.rs-text2{padding-top:-30px}.rs-text6{font-size: 26px}
.rs-text3{font-size: 20px}.rs-text4 {font-size:40px; max-width: 500px; transform: translateX(50px)} .rs-text5 {font-size:34px; transform: translateX(50px)}   .rs-text6,.rs-text7,.cash-icon{transform: translateX(35px)}   
.news-content{padding-left: 100px; padding-right: 100px}  
    .orange-bg{padding:20px 0 20px 0}
    .orange-bg h4{padding-bottom:50px}
    .slick-next,.slick-prev{font-size:40px!important; top:-40px}
.slick-next:hover, .slick-prev:hover{color:#000!important}
    .orange-bg .slick-next{right: -40px}
    .orange-bg .slick-prev{left: -40px}
}

@media only screen and (min-width:1400px){
.home-links1 a:after{min-width: 1320px; left: 50%; margin-left: -660px}      
}

@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}


/* - 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) {
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {padding-left:19px!important; padding-right:19px!important}
.quform-1 .quform-submit{padding: 10px 15px 10px 15px}
.main-title{max-width:600px!important} 

}

/* - Ipad Landscape */
@media only screen  and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.header{padding-top: 10px}
.page-container{padding-top:70px}    
.small{height:70px!important;background:#f7f7f7}
.small .logo{ max-height:60px!important;margin-top:-5px}
.small .main-menu{margin-top:-10px!important}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:14px!important; padding-left: 13px!important;padding-right: 13px!important}
.quform-1 .quform-submit{padding: 13px 12px 13px 13px;font-size: 13px}
.main-title{max-width:600px!important} 
.main-title h1{margin-left:50px}.main-title .buttons{transform: translateX(40px)}    
.about-banner{border-right:10px solid #fff} 
.about-top{border-bottom:10px solid #fff;border-top:10px solid #fff}
.fixmargin{margin-left: 15px}
.ab-text2{padding-bottom: 35px  }
.about-middle:before{left: -100px}
.about-img{transform: translate(15px, -200px); z-index: 99999999!important; overflow: auto!important; position: relative!important; margin-bottom: -550px!important} 
.ab-text3{transform: translateY(50px)!important; padding-bottom:80px}
.rs-img2{transform: translate(-15px, -200px); z-index: 99999999!important; overflow: auto!important; position: relative!important; margin-bottom: -450px!important} 
.rs-text6{padding-top:80px}
.about-footer:before{font-size:50px; bottom:auto!important; left:auto; right:-270px!important; top:280px!important; text-align: right!important}
}

/* - Ipad Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#page-container{overflow-x: hidden!important}
.about-line1:before,.about-line2:before,.about-line3:before{display: none}  
.tcm{text-align: center}
.ipad-fw, .about-line1, .about-line2, .about-line3, .about-line4,.rs-img2{width: 100%!important}
.ipad-5w{width: 100%!important}    
.reverse-row{ display:flex;flex-direction:column-reverse}
.header{position:fixed!important;height:75px!important; left:0!important;right:0!important; top:0!important; width:100%!important; padding:0!important; margin:0!important;background-color: #fff}
.page-container{padding-top:75px}
.logo{padding:5px 0 0 0; height:70px!important;max-height:70px!important;float:left!important; margin: 0!important; width: auto!important}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {background-color: #bf1e2e; top:75px;position:fixed; left:0; right:0; width:100%!important}
.ubermenu, .ubermenu-target{line-height:100%!important; font-size:16px!important}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {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:#faa728!important; color:#000!important}
.f-links1{margin-top: 30px}
.f-links2{margin-top: 30px;margin-bottom: 30px}
.main-title{max-width:400px!important; text-align: center!important;padding-left: 10%!important;padding-right: 10%!important}     
.main-title h1{font-size:24px!important; line-height: 24px!important; text-align:left!important}
.home .b-o-w {font-size:14px!important; margin-top: 10px!important}   
.footer .row:after{right:0;top:-35px}
.footer .row:before{right:35px;top:-35px}
.home-links1 a:after{top:-50%; left:-150%; width:500%; height:200%;border-radius:0}
.about-banner{border-right:10px solid #fff} 
.about-top{border-bottom:10px solid #fff;border-top:10px solid #fff}
.fixmargin{margin-left: 15px}
.ab-text2{padding-right: 35px; padding-left: 35px; padding-top:120px}
.ab-text3{padding:35px}  
.ab-text7{margin-top: -35px}
.ab-text6{padding-bottom: 20px; line-height: 22px; font-size:22px}
.about-middle:before{bottom: auto!important; top:30px!important; text-align: center;font-size:50px; width: 100%!important}
.about-footer:before{font-size:50px;bottom:auto; top: 0;transform:rotate(0deg); right: 0; width: 100%; height: 100px; text-align:center!important}    .about-line1{padding-top: 35px}
.ipad1{width: 33%} .ipad2{width: 33%} .ipad3{width: 33%}
.footer .ipad-fw{padding-top: 50px}
.quform-element-row>.quform-element-column.quform-element-1_4{max-width: 250px!important}
.quform-1 .quform-submit{padding: 10px 45px 10px 45px}
.rs-text2{padding-top: 35px}
.rs-text2, .rs-text3, .rs-text4, .rs-text5{padding-left:25px; padding-right:25px}
.rs-gallery{min-height: 60vh!important}

}

/* - Ipad Pro Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
.quform-1 .quform-submit{padding: 10px 5px 10px 5px; font-size: 14px}
.main-title h1{margin-left:50px}.main-title .buttons{transform: translateX(40px)}
.main-title{width:600px!important;max-width:600px!important; text-align: center!important;padding-left: 10%!important;padding-right: 10%!important} 
.main-title h1{font-size:24px!important; line-height: 24px!important; text-align:left!important}
.about-footer:before{font-size:50px; bottom:auto!important; left:auto; right:-270px!important; top:130px!important; text-align: right!important} 
.about-middle:before{font-size:50px!important;bottom:auto; top:10px!important; left: 0;height: 600px; width: 800px}    
.quform-1 .quform-submit{padding: 10px 45px 10px 45px}
}