/*
 Theme Name:   DROP SWAP OIL LLC
 Theme URI:    http://example.com/rmtheme-child
 Description:  Child theme for RMTheme
 Author:       Your Name
 Author URI:   http://example.com
 Template:     rmtheme
 Version:      1.0.0
 Text Domain:  dropswapoil
*/



:root {
    --blue: #1e90ff;
    --white: #ffffff;
    --placeholdercolor: currentColor;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'MonaSans-Medium';
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.clear {
    clear: both;
}
.alignleft, .alignright, .aligncenter {
    margin-bottom: 10px;
}
.alignnone {
    margin-bottom: 10px;
}
.alignleft {
    float: left;
    margin-right: 15px;
    margin-top: 0;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-top: 0;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px auto;
}
iframe, img {
    max-width: 100%;
    border: none;
    vertical-align: middle;
}
img {
    border: 0;
    height: auto;
}
a {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    text-decoration: none;
    transition: 0.5s;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'BarlowCondensed-Bold';
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: normal;
}
p, li, ul, ol, blockquote {
    font-family: 'MonaSans-Medium';
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 0;
}
ul, li {
    list-style: none;
}
a:visited {
    color: inherit;
}
a:hover {
    text-decoration: none;
}
a, a:hover, input[type="submit"], button {
    outline: 0;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}
input::-webkit-input-placeholder {
    color: var(--placeholdercolor);
}
input::-moz-placeholder {
    color: var(--placeholdercolor);
}
input:-ms-input-placeholder {
    color: var(--placeholdercolor);
}
input:-moz-placeholder {
    color: var(--placeholdercolor);
}
html {
    scroll-behavior: smooth;
}
.post, .page{
    margin: 0;background-color: #000;
}
ul,ol,li {
    list-style: none;
    margin:0;
    padding:0;
}
p:empty {display: none;}

/*Header Sticky Menu*/


.container{max-width: 1440px;width: 100%;margin: auto;}

.header-sticky.fixed-header {position: fixed; top: 0; width: 100%; padding: 10px 2%; background-color: #0c0c0c; z-index: 9999; border-bottom: 2px solid #ffb200; }
.sicky-logo {width: 100%; max-width: 300px; padding: 0 15px;}
.header-sticky {width: 100%; float: left; background: #c4c9b2; padding: 10px; display: none; } 
.header-sticky .sticky-cnt {width: 25%; float: left; text-align: center; font-size: 15px; color: #c4c9b2; padding: 0 8px; } 
.header-sticky .mobile_src_nav, .header-sticky .showhide {display: block; } 
.header-sticky .mobile_src_nav {background: transparent; } 
.header-sticky .stickyshowhide .txt {width: 40px; height: 40px; text-align: center; float: none; padding: 0; position: relative; font-weight: normal; } 
.header-sticky .sticky-cnt>a, .header-sticky .sticky-cnt button {font-size: 22px; color: #fff; font-family: 'BarlowCondensed-Medium'; position: relative; padding: 45px 0 0; display: inline-block; text-align: center; width: 100%; cursor: pointer; border: 0; outline: 0; background: transparent; } 
.header-sticky .sticky-cnt a:before, .header-sticky .sticky-cnt button:before {width: 40px; height: 40px; position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; top: 0; background: transparent; border-radius: 100%; border: 2px solid #ffffff; } 
.header-sticky .sticky-cnt button:before {background: url(images/header-sticky-menu.webp) no-repeat center; } 
.header-sticky .sticky-cnt a:before {background-image: url(images/header-sticky-call.webp); background-repeat: no-repeat; background-position: center; } 
.header-sticky .stickyshowhide .txt:before {display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: auto; font-size: 18px; border: 1px #fff solid; color: #f2f2f2; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } 
.sticky-mobinav ul li a.drop {font-size: 0; position: absolute; right: 0; top: 0; width: max-content; height: 45px; } 
.sticky-mobinav ul li a.drop.open {width: 28px; } 
.sticky-mobinav ul li a.drop:after {content: ""; background: url(images/sprite_icons.png) no-repeat left top; background-position: 0px 0px; width: 13px; height: 13px; position: absolute; right: 0; top: 9px; } 
.sticky-mobinav ul li a.drop.open:after {background-position: -28px 0px; } 
.header-sticky .sicky-cnt .stickyshowhide:before {background: url(images/header-sticky-menu.png) no-repeat center; } 
.header-sticky .sicky-cnt.sticky-faq-wrap a:before {background: url(images/header-sticky-faqs.png) no-repeat center; } 
.header-sticky .sicky-cnt.sticky-call-wrap a:before {background: url(images/header-sticky-call.png) no-repeat center; } 
.header-sticky .sicky-cnt.sticky-blog-wrap a:before {background: url(images/header-sticky-blog.png) no-repeat center; } 
#floatingMenu {position: fixed; top: 0; left: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; text-align: left; display: flex; width: 100%; height: 100vh; z-index: 99999; } 
.floatingMenu-list {width: 400px; background: #0c0c0c; overflow-y: auto; padding: 10px 10px; height: 100vh; position: relative; } 
#floatingMenu.openMenu {display: flex; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 
#cloaseFloatingMenu {text-align: right; font-size: 37px; line-height: 1; font-weight: 700; display: block; background: transparent; clear: both; outline: 0; border: 0; padding: 0; color: #ffffff; float: right; position: relative; z-index: 999; cursor: pointer; } button#cloaseFloatingMenu2 {flex-grow: 1; width: calc(100% - 280px); height: 100%; font-size: 0px !important; background: transparent; border: 0; } 
.floatingMenuInner li {position: relative; } 
.floatingMenuInner a {color: #fff !important; letter-spacing: 0.4px; font-family: 'Asap', sans-serif; font-weight: 500; padding: 4px 0; font-size: 18px; display: block; line-height: 1; border-bottom: 1px solid #222222; } 
.floatingMenuInner .sub-menu {display: none; } 
.floatingMenuInner .menu-item-has-children>a:after {content: ''; width: 10px; height: 2px; background-color: #fff; /* -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);*/ position: absolute; top: 15px; right: 6px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } 
.floatingMenuInner .menu-item-has-children>a:before {content: ''; width: 2px; height: 10px; position: absolute; top: 11px; right: 10px; display: block; opacity: 1; background-color: #fff; } 
.floatingMenuInner li.openSubMenu.menu-item-has-children>a::before {/*-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);*/ opacity: 0; } 
.header-sticky.fixed-header .container {display: flex; padding: 0; align-items: center; justify-content: space-between; } 
.sicky-logo{max-width:350px; text-align: center; } 
.sticky-wrap{display: none; } header#site-header.f-nav{position: fixed; border-bottom: 2px solid #82581f; background-color: #080d26; padding: 10px 0; } 
.showhide {display: none; color: #fff; width: 110px; height: 28px; float: none; text-align: left; cursor: pointer; padding: 0px 0 0 33px; position: relative; outline: 0; border: 0; background-color: transparent; } 
.showhide b.txtl {text-align: right; font-size: 25px; line-height: 28px; font-weight: 600 !important; text-transform: uppercase; margin: 0 0px 0 0px; padding-top: 2px; letter-spacing: 0.5px;font-family: 'BarlowCondensed-Medium';} 
.showhide b.txtr {position: absolute; top: 0; bottom: 0; left: 0; margin: auto; text-align: left; font-size: 37px; line-height: 27px;font-family: 'BarlowCondensed-Medium'; } 
.mobinav {display: none; width: 100%; color: #fff; box-sizing: border-box; z-index: 99999995; float: left; background: #0c0c0c; position: absolute; top: 38px; left: 0; } 
.mobinav ul {float: left; margin: 0px 0 0 0; padding: 5px 0px; width: 100%; } 
.mobinav ul li {float: left; margin: 0; width: 100%; list-style: none; padding: 0 20px; box-sizing: border-box; border: 0; margin: 0; padding: 0px; position: relative;font-family: 'BarlowCondensed-Medium'; } 
.mobinav a {width: 100%; float: left; padding: 6px 0; display: block; line-height: normal; color: #fff; font-size: 23px; letter-spacing: 0.5px; font-family: 'BarlowCondensed-Medium'; border: 0; margin: 0; text-decoration: none; } 
.mobinav a:hover {color: #ffb200; } 
.mobinav ul li ul {float: left; padding: 0 0 0 15px; } 
.mobinav ul li ul li a {text-transform: capitalize; } 
.mobile_src_nav {display: none; width: 100%; float: none; position: relative; padding: 10px 0; } 
.mobile_src_nav .container {position: relative; } 
.mobile_src_nav .search-form {width: 100%; float: left; } 
.displayblock {display:block; } 
.body-content {width:100%; float: left; height: 2000px; overflow: hidden; } 
.logo-section {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0; } 
.header-number {color: #fff; padding: 0 0 0 80px; position: relative; } 
.header-number strong {font-size: 15px; font-family: 'Instrument Sans'; font-weight: 400; line-height: 1; letter-spacing: 1.8px; text-transform: uppercase; color: #ffffff; display: block; } 
.header-number a {font-size: 34px; font-family: 'Anton-Regular'; line-height: 1; letter-spacing: 0px; color: #ffb200; margin: 0; display: inline-block; } 
.header-number a:hover {color: #fff;} 
.header-number a:before {position: absolute; content: ""; background-image: url(images/hm-sprites.webp); background-repeat: no-repeat; width: 60px; height: 55px; top: 0; bottom: 0; left: 0; margin: auto;background-position:-14px -14px; } 
#main-navigation ul{margin:0 } 
#main-navigation ul li{display: inline-block; padding: 0 0px 0; position: relative; margin:0 24px; } 
.site-heade .container{max-width: 100%;} 
#main-navigation ul li:first-child{margin-left:0 } 
#main-navigation ul li:last-child{margin-right:0 } 
#main-navigation ul li a{font-size: 24px; font-family: 'BarlowCondensed-Medium'; border-bottom: 4px solid #ffb20000;line-height: 1; color: #ffffff; padding: 0px 0px 40px; display: block; min-width: inherit; } 
.logo-rgt {display: flex ; justify-content: center; gap: 48px;align-items:start; } 
#main-navigation ul > li.current-menu-item > a, #main-navigation ul > li > a:hover{color: #ffb200; border-bottom: 4px solid #ffb200; } 
#main-navigation ul li ul.sub-menu{display:none; width:220px; position:absolute; color:#fff; top:100%; left:0; right:auto; background-color:#ffb200; padding:0px 0; z-index:999 } 
#main-navigation ul li:hover ul.sub-menu{display:block } 
#main-navigation ul li:hover ul.sub-menu li{position:relative } 
#main-navigation ul li:hover ul.sub-menu li:hover > ul{display:block; top:0; left:100% } 
#main-navigation .sub-menu li.current-menu-item > a{    background-color: #f5f1e9; color: #0a0a0a;}
#main-navigation .sub-menu li a{width: 100%; padding: 8px 10px; color: #ffffff; display: block; text-align: left; text-transform: capitalize; font-weight: 500; letter-spacing: 0; border-bottom: 0; font-size: 22px; } 
#main-navigation .sub-menu li a:hover, #main-navigation .sub-menu .current-menu-item > a{    background-color: #020406; color: #fff; border: 0;}
#main-navigation .sub-menu li:after{display:none; } 
#main-navigation .sub-menu li{width:100%; margin:0; padding:0 } 
#main-navigation .sub-menu li a:after{display:none } 
#main-navigation ul li ul.sub-menu li .sub-menu {display:none; width:100%; position:absolute; color:#fff; top:0; left:100%; padding:0px 0; z-index:999; } 
.site-header { transition: opacity 0.3s ease, visibility 0.3s ease; width: 100%; padding: 25px 100px 0px 80px;position:absolute;z-index:2; } 
.site-header:before{position: absolute;content: "";top: 0;right: 0;background-image: url(images/header-nav-bg.webp);background-repeat: no-repeat;width:75%;;height: 100%;}
.site-header .container{max-width: 100%;}
.site-header.is-sticky {top: 0; right: 0; left: 0; z-index: 999; position: fixed; background:#000000; animation: slideDown 0.65s ease-out; visibility: visible;    border-bottom: 2px solid #fff; }

 @keyframes slideDown {from {transform: translateY(-100%); } to {transform: translateY(0); } } 


.is-fading-out {opacity: 0; visibility: hidden; } 
.mobilenav {width:280px; height: 100vh; background-color: #333; color: white; position: fixed; top: 0; left: -280px; transition: left 0.4s ease; z-index: 999; } 
.mobilenav.show {left: 0; } 
#mobilenav-toggle {display:none; } 
.mobilenav-toggle {position: absolute; top: 20px; right: 20px; background-color: blue; border: none; cursor: pointer; z-index: 1000; font-size: 0; line-height: 0px; width:36px; height: 36px; background-position: center center; background-repeat: no-repeat; background-image: url(images/open-mobilenav.webp); } 
.mobilenav-toggle.active {background-image: url(images/close-mobilenav.webp); } 
.close-mobilenav {font-size:0; line-height:0px; position: absolute; top: 15px; right: 15px; cursor: pointer; background-color: red; background-image: url(images/close-mobilenav.webp); background-position: center center; background-repeat: no-repeat; width:36px; height: 36px; } @media screen and (max-width:992px) {#mobilenav-toggle {display:block } } 
#mobile-navigation {overflow-y:scroll; height: 100%; width:100%; padding-top:45px; } 
#mobile-navigation ul{margin:0; padding:0 } 
#mobile-navigation ul li{display:block; padding:0 0px; margin:0; position:relative } 
#mobile-navigation ul li a{font-size:15px; text-transform:uppercase; font-weight:bold; color:#000; padding:6px 10px; display:block; min-width:inherit } 
#mobile-navigation ul li.current-menu-item > a,#mobile-navigation ul li:hover > a{color:#fff } 
#mobile-navigation .sub-menu li a{width:100%; padding:6px; color:#ffffff; display:block; text-align:left } 
#mobile-navigation ul li .drop.close, #mobile-navigation ul li .drop.open {font-size: 0; position: absolute; right: 0px; top: 0; width: 20px; height: 20px; background-color: transparent !important; background-image: url(images/nav-open.webp); background-position: center center; background-repeat: no-repeat; padding: 0px 0px; cursor: pointer; } 
#mobile-navigation ul li .drop.open {width: 20px; background-image: url(images/nav-close.webp); } 
#mobile-navigation .sub-menu {padding-left: 15px; max-height: 0; overflow: hidden; transition: max-height 0.8s ease; } 
#mobile-navigation .sub-menu.open {max-height: 900px; transition: max-height 0.8s ease; } 



.text-heading {font-family: 'BarlowCondensed-Bold'; font-style: italic; font-size: 120px; letter-spacing: -3.6px; line-height: 1; margin: 0 0 40px; color: #fff; text-transform: uppercase; position: relative; z-index: 1; text-align: center; } 
a.cmn-btn {font-family: 'BarlowCondensed-Bold'; font-size: 35px; line-height: 1; margin: 0; display: inline-block; text-transform: uppercase; padding: 17px 48px; color: #fff; background-image: -webkit-linear-gradient( 180deg, rgb(255,178,0) 0%, rgb(244,136,71) 100%); border-radius: 50px; font-style: italic; } 
a.cmn-btn:hover{background-image: -webkit-linear-gradient( 180deg, rgb(244,136,71) 100%,  rgb(255,178,0) 0%); } 
.col-loop {font-size: 20px; margin: 0 0 10px; }
/*Banner section*/

.banner-sec{background-image: url(images/banner-image.webp);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;padding: 250px 0;}
.banner-sec:before{    position: absolute; content: "";    background-size: contain; bottom: -14%; left: 0; right: 0; margin: auto; width: 100%; background-image: url(images/banner-bottm-img.webp); background-repeat: no-repeat; height: 293px;}
.bnr-content {padding: 0 0px 0 80px; width: 70%; }
.banner-sec h1{font-size: 168px;line-height: 1;letter-spacing: -5.04px;color: #ffb200; font-family: 'BarlowCondensed-Bold';font-style: italic;text-transform: uppercase;padding: 0 0 25px;margin:0 0 30px; position: relative;}
.banner-sec h1:before{position: absolute;content: "";bottom: 0;left: 0;height: 4px;width: 69%;background-color: #ffb200;}
.banner-sec h3{font-size: 120px;line-height: 0.8;letter-spacing: -3.6px; font-family: 'BarlowCondensed-Bold';font-style: italic;color: #fff;text-transform: uppercase;margin: 0 0 35px;}
.banner-sec p{font-size: 22px;color: #fff;line-height: 1.4;margin: 0 0 48px; font-family: 'MonaSans-Medium';}


/*About us section*/

.about-sec{padding: 200px 0 250px;background-color: #0c0c0c;}
.about-items{display: flex;justify-content: space-between;}
.about-lft-itm{width: 42.5%;}
.about-lft-itm  h4{font-size: 60px;color: #fff;line-height: 1;font-family: 'BarlowCondensed-Bold';margin: 0 0 34px;text-transform: uppercase;}
.abt-lft-btm{padding-left:35px; border-left: 4px solid #fbab1a;}
.about-items p{font-size: 20px;color: #fff; font-family: 'MonaSans-Medium';line-height: 1.8;margin: 0 0 45px;}
.about-btm-img img{clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 22%); }
.abt-rgt-itm {width: 44%; position: relative; }
.abt-rgt-itm:before {position: absolute; content: ""; bottom: 9%; left: -40%; margin: auto; background-image: url(images/about-rgrt-bg-img.webp); background-repeat: no-repeat; width: 517px; height: 424px; z-index: 1; }
.about-btm-img{position: absolute; bottom: -75px; left: -172px;}
.about-lft-itm h2.text-heading {line-height: 0.9; text-align: left; }
.about-lft-itm h2.text-heading:before{position: absolute;content: "";bottom: 0;width: 170px;height: 20px;left: 0;background-color: #ffb200;z-index: -1;}

.abt-bnt {margin: 0 0 30px; }

/*drop swap oil section*/

.drop-swap-oil-sec h2 {font-size: 357px; text-align: center; font-family: 'Anton-Regular'; text-transform: uppercase; margin: 0 0 35px; letter-spacing: -7.92px; line-height: 1; color: transparent; -webkit-text-stroke: 2px  #ffb200; background-image: url('images/mask-img.webp'); background-repeat: no-repeat; background-size: contain; background-position: center; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.drop-swap-oil-sec {background-color: #0c0c0c; padding: 0 0 80px; }
.drop-swap-oil-cnt{padding:  0 80px 90px 80px;position: relative;}
.drop-swap-oil-cnt:before{position: absolute;content: "";background-image: url(images/oil-sec-bfr-img.webp);background-repeat: no-repeat;width: 611px;height: 68px;left: 0;right: 0;bottom: 0;margin: auto;}
.drop-swap-oil-cnt p{font-size: 22px;color: #fff; font-family: 'MonaSans-Regular';line-height: 1.8;text-align: center;margin: 0;}


/*bottom scroll section*/


.bottom-scroll .container{max-width: 100%;background-color: #0c0c0c;}

   


    /* Top (Dark angled) Carousel */
.top-carousel {background: #1c1c1c; transform: skewY(3deg); }
.bottom-carousel {background: #fbab1a; }
.owl-carousel .item{font-size: 66px;text-transform: uppercase;line-height: 1;font-family: 'BarlowCondensed-Bold';margin: 0;color: #fff;letter-spacing: -1.98px;font-style: italic;position: relative;padding-left: 110px}
.owl-carousel .item:before{position: absolute;content: "";background-image: url(images/hm-sprites.webp); background-repeat: no-repeat; width: 38px; height: 49px;left: 0;top: 0;bottom: 0;margin: auto;background-position: -15px -110px;}
.owl-carousel.bottom-carousel .item{color: #000;}
.owl-carousel.owl-theme{padding: 25px 0;}
.bottom-scroll.reverse .top-carousel {   transform: skewY(-3deg);}



/*services section*/

.service-sec {background-color: #050505; padding: 110px 0 55px; position: relative; } 
.service-sec::before{position: absolute; content: ""; background-image: url(images/service-cam-img.webp); background-repeat: no-repeat; background-size: cover; top: 0; right: 30px; width: 121px; height: 237px; } 
.service-sec .container {max-width: 100%;padding: 0 130px; } 
.service-sec .text-heading::before{position: absolute; content: ""; background-color: #fbab1a; left: 0; right: 0; bottom: 0; margin: auto; width: 26.8%; height: 20px; z-index: -1; } 
.service-btn {text-align: center; margin:  0 0 50px; } 
.service-btn a {font-family: 'BarlowCondensed-Bold'; font-style: italic; font-size: 74px; line-height: 1; letter-spacing: -2.2px; margin: 0; text-transform: uppercase; color: #fff; display: inline-block; padding: 49px 94px 45px 351px; text-align: center; background-image: url(images/service-btn-bg.webp); background-repeat: no-repeat; background-position: right center; position: relative; } 
.service-btn a::after{position: absolute; content: ""; background-image: url(images/service-btn-lft-img.webp); background-repeat: no-repeat; background-size: contain; background-position: left center; width: 170px; height: 100%; left: 0; top: 0; bottom: 0; margin: auto; } 
.service-btn a::before{position: absolute; content: ""; background-image: url(images/service-btn-car.webp); background-repeat: no-repeat; background-size: contain; background-position: left center; width: 222px; height: 114px; left: 130px; bottom: -10px; } 
.service-blk {display: flex; justify-content: center; gap: 50px; } 
.service-itm {clip-path: polygon(0 0, 83% 0, 100% 6%, 100% 100%, 0 100%); background-color: #414141; position: relative; width:22.64%; padding: 0 0 90px; } 
.service-itm:hover{background-color: #fbab1a; transition: 0.2s; } 
.service-itm:before{position: absolute; content: ""; background-image: url(images/service-itm-layer.webp); background-repeat: no-repeat; background-size: cover; width: 100%; height: 120px; left: 0; right: 0; bottom: 0; margin: auto; } 
.service-itm:hover::before{display: none; } 
.service-itm-img {clip-path: polygon(0 0, 82% 0, 100% 25%, 100% 100%, 0 100%); position: relative; outline: 8px solid transparent; outline-offset: -8px; } 
.service-itm:hover:hover .service-itm-img {clip-path: polygon(0 0, 80% 0, 100% 29%, 100% 100%, 0 100%); outline-color: #fbab1a; } 
.service-itm-img::before {position: absolute; content: ""; clip-path: polygon(0 0, 100% 0, 90% 8%, 100% 100%, 0 100%); background-color: #fbab1a; bottom: 0; left: 0; height: 8px; width: 250px; } 
.service-itm:hover .service-itm-img::before {background-color: #414141; } 
.service-itm h4 {font-family: 'BarlowCondensed-Bold'; font-style: italic; font-size: 34px; letter-spacing: -0.68px; line-height: 1; margin: 0; color: #010101; position: absolute; left: 15px; top: 27px; text-transform: uppercase; } 
.service-nav {padding: 26px 25px 0; } 
.service-nav ul li{position: relative; padding: 0 0 0 25px; } 
.service-nav ul li::before {position: absolute; content: ""; background-image: url(images/hm-sprites.webp); background-repeat: no-repeat; background-position: -214px -110px; width: 16px; height: 14px; left: 0; top: 5px; } 
.service-itm:hover .service-nav ul li::before{background-position: -214px -145px; } 
.service-nav ul li a{font-family: 'BarlowCondensed-Bold'; font-style: italic; font-size: 26px; letter-spacing: -0.52px; line-height: 1.2; margin:  0 0 20px; text-transform: uppercase; color: #fff; display: inline-block; } 
.service-itm:hover .service-nav ul li a {color: #000; } ul.service-sub-nav {margin: 0 0 10px -25px; } ul.service-sub-nav li {display: inline-block; margin: 0 10px 10px 0; padding: 0 0 0px 15px; position: relative; } ul.service-sub-nav li::before {position: absolute; content: ""; background-image: url(images/hm-sprites.webp); background-repeat: no-repeat; background-position: -260px -112px; left: 0; top: 0; bottom: 0; margin: auto; width: 9px; height: 10px; } 
.service-itm:hover ul.service-sub-nav li::before{background-position: -260px -146px; } ul.service-sub-nav li a {font-family: 'BarlowCondensed-Medium'; font-size: 20px; font-style: normal; line-height: 1; color: #dbdbdb; text-transform: none; margin: 0; display: inline-block; } 
.service-itm h6{font-family: 'BarlowCondensed-Bold'; font-style: italic; font-size: 22px; letter-spacing: -0.44px; line-height: 1; color: #fbab1a; margin: 0; position: absolute; left: 25px; bottom: 30px; } 
.service-itm:hover h6 {color: #000; }
 





/* New Tires section*/

.new-tires-sec {background-color: #050505; padding: 55px 0 90px; } 
.new-tires-sec .container {max-width: 1440px; } 
.new-tires-sec .text-heading {font-size: 74px; letter-spacing: -2.22px; margin:  0 0 35px; } 
.new-tires-cnct {background-image: url(images/new-tries-bg.webp); background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #414141; padding: 35px 265px 100px;position:relative; } 
.new-tires-cnct h5 {font-family: 'BarlowCondensed-Bold'; font-style: italic; font-size: 45px; letter-spacing: -0.9px; color: #fff; margin: 0 0 12px; text-align: center; text-transform: uppercase;     line-height: 1;} 
.new-tires-btn{text-align: center; margin:  0 0 30px; } 
.new-tires-btn a {font-family: 'BarlowCondensed-Bold'; font-style: italic; font-size: 25px; line-height: 1; margin: 0; text-transform: uppercase; padding: 17px 45px; background-color: #fbab1a; display: inline-block; clip-path: polygon(0 0, 90% 0%, 100% 43%, 100% 100%, 10% 100%, 0% 55%); } 
.new-tires-nav ul li{padding: 0 65px; position: relative; line-height: 1;} 
.new-tires-nav ul li::before{position: absolute; content: ""; height: 35px; width: 1px; background-color: #fff; right: 0; top: 0; bottom: 0; margin: auto; } 
.new-tires-nav ul li:last-child::before{background: transparent; } 
.new-tires-nav ul li:last-child{padding-right: 0; } 
.new-tires-nav ul li:first-child{padding-left: 0; } 
.new-tires-nav ul li a {font-family: 'BarlowCondensed-Bold'; font-style: italic; font-size: 30px; letter-spacing: -0.6px; margin: 0; text-transform: uppercase; color: #fff; } 
.new-tires-nav ul {display: flex; justify-content: center; flex-wrap: wrap; gap: 50px 0; position: relative; } 
.new-tires-nav ul::before{position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 1px; background-color: rgb(255, 255, 255, 0.2); } 
.new-tires-nav ul li strong {font-family: 'BarlowCondensed-Medium'; font-size: 20px; line-height: 1; color: #dbdbdb; display: inline-block; text-align: center; position: relative; padding: 0 19px 0 15px; } 
.new-tires-nav ul li strong::before{position: absolute; content: ""; background-image: url(images/new-tries-strong-border.webp); background-repeat: no-repeat; background-size: contain; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 211px; height: 43px; } 
.new-tires-nav ul li.tires {display: flex; align-items: center; gap: 20px; }

.tires-btns{display: flex;justify-content: center;gap: 20px;  position: relative;
    z-index: 2;}
.new-tires-btn.book-an a:hover {
    background-color: #fbab1a;

}
.new-tires-btn a:hover {
    background-color: #fff;
}
.new-tires-btn.book-an a {
    background-color: #fff;
}

.hvr-tires a{position: absolute;content: "";top: 0;bottom: 0;left: 0;right: 0;margin: auto;font-size: 0;z-index: 1;}
/*Mobile Oil Change Section*/

.mobile-oil-change{background-color: #050505; position: relative; } 
.mobile-oil-change .container {max-width: 100%; } 
.drop-swap-oil-img{position: relative; } 
.drop-swap-oil-cntr-img {position: absolute; left: 0; right: 0; top: 42px; margin: auto; text-align: center; }


/*Testimoanils Section*/

.hm-testimonials{background-color: #050505; padding: 60px 0; } 
.hm-testimonials .container {max-width: 100%; } 
.hm-testimonials .text-heading::before{position: absolute; content: ""; background-color: #fbab1a; left: 0; right: 0; bottom: 0; margin: auto; width: 25.7%; height: 18px; z-index: -1; } 
.hm-testimonials .testi-item{padding: 38px 65px 105px 45px; background-color: #fbab1a; position: relative; opacity: 0.3; clip-path: polygon(0 0, 90% 0, 100% 15%, 100% 100%, 0 100%); z-index: 1; } 
.testi-item::before{position: absolute; content: ""; background-image: url(images/hm-sprites.webp); background-repeat: no-repeat; background-position: -94px -205px; width: 79px; height: 68px; right: 50px; bottom: 38px; } 
.testi-item::after{position: absolute; content: ""; background-color: rgb(0, 0, 0, 0.9); width: 100%; height: 100%; clip-path: polygon(1% 2%, 89% 2%, 99% 16%, 99% 99%, 1% 98%); top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: -1; } 
.hm-testimonials .star-rat {background-image: url(images/star-rat.webp); background-repeat: no-repeat; background-size: cover; width: 184px; height: 31px; margin:  0 0 15px; } 
.hm-testimonials .testi-item p{font-family: 'MonaSans-Medium'; font-size: 18px; line-height: 2; margin: 0; color: #fff; text-align: left; } 
.hm-testimonials .testi-item h5{font-family: 'BarlowCondensed-Bold'; font-style: italic; font-size: 28px; line-height: 1; letter-spacing: -0.84px; margin: 0; text-align: left; color: #fff; padding: 0 0 0 95px; position: relative; position: absolute; left: 45px; bottom: 60px; } 
.hm-testimonials .testi-item h5::before{position: absolute; content: ""; width: 80px; height: 3px; left: 0; top: 0; bottom: 0; background-color: #fbab1a; margin: auto; } 
.hm-testi-list.owl-carousel .owl-item.active.center .testi-item{opacity: 1; background-color: #fff; border: none; } 
.hm-testi-list.owl-carousel .owl-item.active.center .testi-item p, .hm-testi-list.owl-carousel .owl-item.active.center .testi-item h5{color: #000; } 
.hm-testi-list.owl-carousel .owl-item.active.center  .testi-item::after{opacity: 0; } 
.hm-testi-list.owl-carousel .owl-item.active.center .testi-item::before{background-position: -94px -110px; } 
.hm-testi-list.owl-carousel .owl-dots {display: flex; justify-content: center; gap: 15px; margin: 50px 0 0; } 
.hm-testi-list.owl-carousel .owl-dots .owl-dot {width: 20px; height: 20px; border-radius: 50px; background-color: rgb(255, 255, 255, 0.2); } 
.hm-testi-list.owl-carousel .owl-dots .owl-dot.active {background-color: #fbab1a; }
 .hmtesti-btn {text-align: center; margin: 30px 0 0; }


/* -------------------- */

.home-drop-swap-section{background-image: url(./images/mobile-oil-bc.webp);background-position: center;background-size: cover;padding: 140px 0 345px;position: relative;background-repeat: no-repeat;}
.home-drop-swap-section .text-heading{font-size: 298px;letter-spacing: -10px;margin: 0 -6px -30px -35px;font-family: 'BarlowCondensed-Bold';font-style: italic;line-height: 1;background: linear-gradient(180deg, #fba719 43%, #dbae2d 92%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;    z-index: 0;}
.home-drop-swap-section::before{    content: ""; background-image: url(./images/car-road-img.webp); background-repeat: no-repeat; width: 100%; position: absolute; height: 921px; bottom: -15%; background-size: contain; pointer-events: none; background-position: bottom center; z-index: 1; left: 0px; overflow: hidden;}
.oil-car::after{position: absolute; content: ""; background-image: url(./images/drop-oil-box.webp); width: 121px; height: 237px; position: absolute; top: -15%; background-repeat: no-repeat; background-size: contain; left: 25px; } 
.drop-swap-blk{width: 100%; display: flex; justify-content: space-between; /* padding: 0 0 345px; */ position: relative; z-index: 0; } 
.drop-swap-blk::after, .drop-swap-blk::before{content: ""; background-image: url(./images/truck-oile.webp); width: 35.6%; height: 643px;background-repeat: no-repeat; position: absolute; z-index: 1; left: 24%; top: -6%; right: 0; margin: 0 auto; background-size: contain; } 
.services-hvr a {position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; font-size: 0px; display: inline-block; z-index: 1; }


/*.home-drop-swap-section::after {position: absolute; content: ""; background-repeat: no-repeat; background-image: url(./images/Service-truck.webp); width: 62.8%; height: 560px; bottom: 10%; top: auto; right: 0; left: 22%; pointer-events: none; margin: 0 auto; background-size: contain; }*/
.oil-car{position: relative;}
.drop-swap-left{position: relative; width: 61.12%; } 
.drop-oil-btn {margin: 0 0 20px; }
.drop-swap-left .drop-swap-img{margin: 0 0 0 -87px; } 
.drop-swap-left .drop-swap-img img{} 
.drop-swap-left .drop-swap-content{position: absolute; top: 73px; } 
.drop-swap-left .drop-swap-content h3{font-size: 170px; text-transform: uppercase; line-height: 0.9; color: #fff; letter-spacing: -5.1px; font-family: 'BarlowCondensed-Bold'; font-style: italic; border-bottom: 2px solid #fff; padding: 0 0 10px; } 
.drop-swap-left .drop-swap-content h3 strong{display: block; color: #fbab1a; } 
.drop-swap-left .drop-swap-content h5{font-size: 38px; line-height: 1.2; color: #fff; text-transform: uppercase; font-family: 'BarlowCondensed-Bold'; letter-spacing: -1.14px; } 
.drop-swap-left .drop-swap-content .drop-oil-btn a{font-size: 62px; text-transform: uppercase; color: #fbab1a; font-family: 'BarlowCondensed-Bold'; font-style: italic; line-height: 1; border-bottom: 2px solid; display: inline-block; letter-spacing: -1.86px; } 
.drop-swap-right{width: 32.2%; } 
.drop-swap-right .drop-rit-swap-img{margin: 0px 0 0 87px; width: 100%; } 
/*footer form*/ .ftr-form-sctn{text-align: center; background-image: url(./images/footer-form.webp); margin: 0 -40px 0 0; background-repeat: no-repeat; background-size: cover; background-position: center right; width: 46.8%;} 
.hm-form .gfield label {display: none; } 
.hm-form-sec .container{width: 100%; max-width: 100%; } 
.bnr-rit-cnt.footer {text-align: left; position: absolute; transform: rotate(269deg); left: 5%; top: 0; bottom: 0; margin: auto; font-size: 140px; pointer-events: none; right: auto; letter-spacing: 2.8px; } 
.hm-form-sec{padding: 55px 80px; position: relative; } 
.hm-form-sec .text-heading{font-size: 120px; letter-spacing: -3.6px; color: #fff; margin: 0 0 25px -30px; font-family: 'BarlowCondensed-Bold'; font-style: italic; line-height: 1; } 
.hm-form-sec p {font-family: 'Poppins-Medium'; font-size:18px; color:#fff; line-height:1; margin: 0 0 23px; letter-spacing:-0.36px; text-align: center; font-weight:500; } 
.hm-form .gform_required_legend{display: none; } 
.gchoice.gchoice_3_9_1 label {display: block; }
fieldset#field_3_9 {width: 100%; border: none; padding: 0; margin: -5px 0 0; }

.hm-form input::placeholder {color: #000; }
 .hm-form input:-ms-input-placeholder {color: #000; }
 .hm-form input::-ms-input-placeholder {color: #000; }
 .hm-form textarea::placeholder {color: #000; }
 .hm-form textarea:-ms-input-placeholder {color: #000; }
 .hm-form textarea::-ms-input-placeholder {color: #000; }
 .hm-form .gform_wrapper .top_label input, .hm-form .gform_wrapper select, .hm-form .gform_wrapper .top_label textarea {margin: 0px; width: 100% !important; color: #1b2026; outline: 0px; position: relative; border-radius: 0; font-family: 'MonaSans-Regular'; background: #fff; line-height: 1.2 !important; font-size: 20px !important; padding: 19px 20px !important; transition: all 0.5s; display: block; text-align: left; height: auto !important; letter-spacing: -0.2px; }
 .hm-form .gfield{position: relative !important ; }
 .hm-form .gfield.gfield--type-text , .hm-form .gfield.gfield--type-phone {width: 100% !important; }
 .hm-form .gfield.gfield--type-email{width: 100% !important }
 .hm-form .gform_fields {display: flex !important; flex-wrap: wrap; gap: 17px !important; justify-content: space-between; align-items:center; }
 .hm-form .gform_wrapper .top_label textarea {width: 100% !important; height: 165px !important; resize: none; margin: 0; padding-top: 20px !important; margin: 0px; min-block-size: 0px !important; }
 .hm-form .gfield.msg {width: 100%; }
 .hm-form-sec .gform_wrapper ul.gform_fields ul {margin: 0; padding: 0; }
 .hm-form-sec .gform_wrapper ul.gform_fields li {padding: 0 !important; margin: 0 !important; position: relative; width: 100%; }
 .hm-form .gform_wrapper .form-links a, .hm-form .gfield--type-checkbox .gchoice label {cursor: pointer; font-size: 17px; font-family: 'MonaSans-Regular'; line-height: 1; font-weight: 400; color: #fff; letter-spacing: -0.36px; margin: 0; text-align:left; }
 .hm-form .gform_wrapper .form-links a:hover {color: #fbab1a; }
 .hm-form-sec .gform_wrapper .form-links, .hm-form-sec .gfield.gfield--type-html.popfield {position: relative; width: 100%; color: #fff; line-height: 1; text-align: left; margin: 0 0 5px !important; }
 .hm-form-sec .gfield .ginput_container {margin: 0 !important; }
 .hm-form .gfield_description.instruction.validation_message {top: 3px; }
 .hm-form-sec .gform_wrapper .top_label input[type="checkbox"] {width: 15px !important; height: 15px !important; float: left; clear: both; margin: 0px 6px 0px 0 !important; padding: 0 !important; }
 .hm-form .gform_wrapper .gform_footer.top_label {padding: 0; text-align: center; margin: 20px auto 0; position: relative; max-width: max-content; }
 .hm-form .gform_wrapper .top_label input[type="submit"] {display: inline-block !important; background-color: #fbab1a!important; outline: none !important; border: 0px none !important; border-radius: 0 !important; cursor: pointer; text-transform: uppercase !important; transition-duration: 0.5s; font-family: 'BarlowCondensed-Bold'; width: auto !important; font-style: italic; color: #000!important; font-size: 40px !important; padding: 20px 80px !important; line-height: 1 !important; letter-spacing: 0; margin: 0; position: relative; z-index: 1; }
 .hm-form .gform_wrapper .top_label input[type="submit"]:hover{background-color: #fff !important; }
 .hm-form .gform_validation_errors{display: none !important; }
 .popup {position: relative; display: inline-block; left: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
 .popup .popuptext {top: 15px; visibility: hidden; color: #000; position: relative !important; transition: transform 0.15s ease-out 0.15s; z-index: 1; width: 100%; top: 5px; left: 0; margin: 0px; text-align: center; font-family: 'MonaSans-Regular'; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.2); background: #fff; font-size: 15px; color: black; transition: transform 0.15s ease-out; display: inline-block; line-height: 1.5; z-index: 12; }
 .popup .show {visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; position: inherit; pointer-events: auto; } div#popup-container {position: absolute; z-index: 2; pointer-events: none; width: 100%; }
 .hm-form-sec .gform_wrapper.gravity-theme .gfield {position: relative; text-align: left; }
 .gform_button.disabled {pointer-events: none; }
 .hm-form-sec .gform_fields .ginput_container, .hm-form-sec .gform_field {margin: 0; }
 .gfield--type-honeypot {display: none; } /*ERRROR*/ .hm-form .gfield_description{margin: 0px !important }
 .hm-form .gfield_description.validation_message {position: absolute; bottom: 13px; right: 8px !important; text-align: right; font-size: 14px; font-family: 'MonaSans-Regular'; color: red; margin: 0; pointer-events: none; }
 .hm-form .chk .gfield_description.validation_message{bottom: -17px !important; left: 0; text-align: left; }
/*.ftr-frm-sctn ends*/




/*Footer block*/
.ftr-block-sec {background-color: #000000; background-image: url(./images/footer-background-img.webp); padding: 100px 0 0; color: #fff; background-position: center; background-size: cover; position: relative; z-index: 1;} 
.ftr-block-sec::before{content: ""; background-image: url(./images/footer-Shape.webp); width: 100%; height: 316px; position: absolute; left: 0; top: -11%; background-size: contain;background-repeat: no-repeat; z-index: 1;} 
#footer-navigation ul {margin: 0 0 35px; font-size: 0; text-align: center; padding: 25px 0; border-top: 1px solid rgba(255, 255, 255, 0.22); } 
#footer-navigation ul li {display: inline-block; padding: 0; position: relative; margin: 0 13px; } 
#footer-navigation ul li a {font-size: 23px; color: #fff; font-weight: 500; font-family: 'BarlowCondensed-SemiBold'; line-height: 1; display: inline-block; } 
#footer-navigation ul li.current-menu-item > a, #footer-navigation ul li:hover > a {color: #f69800; } 
.ftr-block-sec .footer-blk-item{display: flex; justify-content: space-between; flex-direction: row-reverse; flex-wrap: wrap; align-items: center; } 
.ftr-left {padding: 0 0 50px;width: 53%;} 
.ftr-left .ftr-text-left {font-size: 200px; font-family: 'BarlowCondensed-Bold'; line-height: 1; font-style: italic; letter-spacing: -6px; text-transform: uppercase; -webkit-text-stroke: 2px #f5af16; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0px 0 50px -88px; position: relative; mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 18.5%, rgba(0, 0, 0, 0) 95%);} 
.ftr-left .site-branding{text-align: center; margin: 0 auto 50px; } 
.ftr-block-list {display: flex ; justify-content: space-between; } 
.ftr-block-list .footer-areas{padding: 0 0 0 78px; width: 48%; } 
.ftr-block-list .footer-areas h4{font-size: 43px; letter-spacing: -1.29px; text-transform: uppercase; font-family: 'BarlowCondensed-Bold'; font-style: italic; line-height: 1; margin: 0 0 15px; padding: 0 0 10px; position: relative; } 
.ftr-block-list .footer-areas h4::before{content: ""; background-image: url(./images/hm-sprites.webp); width: 50px; height: 50px; left: -77px; position: absolute; background-position: -208px -14px; background-repeat: no-repeat; } 
.ftr-block-list .footer-areas.contact h4::before{background-position: -297px -13px; } 
.ftr-block-list .footer-areas h4::after{content: "";position: absolute;width: 65%;height: 2px;background-color: #fbab1a;left: 0;bottom: 0;} 
.ftr-block-list .footer-areas p{font-size: 20px; font-family: 'MonaSans-Regular'; color: #fff; line-height: 1.4; } 
.ftr-block-list .footer-areas .ftr-cal{font-size: 20px; font-family: 'MonaSans-Regular'; line-height: 1.6; color: #fff; } 
.ftr-block-list .footer-areas .ftr-cal a{font-size: 36px; font-family: 'MonaSans-Bold'; color: #fbab1a; line-height: 1; display: inline-block; } 
.ftr-block-list .footer-areas .ftr-cal a:hover{color: #fff; } /*Copy Rights Section*/ .ftr-copyrights-sec {text-align: center; } 
.ftr-copyrights-sec p{margin: 0; color: #000; font-family: 'MonaSans-Medium'; font-size: 20px; line-height: 1; } 
.ftr-copyrights-sec .container{max-width: 100%; } 
.ftr-copyrights-sec .cpy-inr{width: 89.3%; background-color: #fff; padding: 30px 0; margin: 0 auto; clip-path: polygon(2% 0, 98% 0, 100% 40%, 100% 100%, 0 100%, 0 40%); } 
.ftr-copyrights-sec p a:hover{color: #f5af16;}
.copy-para i{ display: block; margin: 5px 0; font-size: 18px; }



/*scl-icons*/
.ftr-scl-icons{display: flex; justify-content: center; gap: 15px; position: relative; z-index: 1; }
.ftr-scl-icons a{display: inline-block; background-repeat: no-repeat;background-size: contain; background-color: #000; background-image: url("./images/facebook.webp"); font-size:0px; width: 50px; height: 50px; }
.ftr-scl-icons a.instagram{background-image: url("./images/instagram.webp"); }
.ftr-scl-icons:before, .ftr-scl-icons:after {width: 40%; position: absolute; left: 0; margin: auto; bottom: 0px; content: ""; z-index: -1; top: 0; height: 1px; background-color: #fbab36; }
.ftr-scl-icons:after {left: auto; right:0; }



/*resposive*/

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

.drop-swap-oil-sec h2 {font-size: 325px;}
.header-number a {font-size: 34px;}
.site-header{padding: 25px 80px 0px 70px;}
#main-navigation ul li {margin: 0 21px;}
.logo-rgt {gap: 38px;}
.header-number {padding: 0 0 0 74px;}




}

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

.site-header{padding: 25px 60px 0px 50px;}
.drop-swap-oil-sec h2 {font-size: 316px;}
.header-number a {font-size: 31px; }
.header-number a:before{transform: scale(0.9);}
#main-navigation ul li {margin: 0 19px; }
.header-number {padding: 0 0 0 70px; }



}

@media screen and (max-width:1700px) {
    
.banner-sec h1{font-size: 162px;}
.site-header {padding: 25px 40px 0px 30px; }
.site-branding {width: 100%; max-width: 250px; }

.header-number a:before {transform: scale(0.8); }
#main-navigation ul li {margin: 0 17px; }

.drop-swap-left .drop-swap-img {margin: 0 0 0 -55px; }
.drop-swap-right .drop-rit-swap-img{    margin: 0px 0 0 55px;}
.drop-swap-oil-sec h2 {font-size: 295px;}
.service-nav ul li a{font-size: 23px;}
.service-blk{gap: 40px;}

.service-sec .container{padding: 0 60px}
.owl-carousel .item{font-size: 60px;}

.home-drop-swap-section .text-heading{font-size: 275px;}
.drop-swap-left .drop-swap-content h3{font-size: 165px;}

    
}

@media screen and (max-width:1600px) {
.container{max-width: 1400px;}
.site-header {padding: 20px 20px 0px 20px; }
.site-branding {max-width: 230px; }
.header-number a {font-size: 28px; }
 .site-header:before{height:85%;   }
.header-number {padding: 0 0 0 65px; }
#main-navigation ul li {margin: 0 16px; }
#main-navigation .sub-menu li a {font-size: 20px;}

.logo-rgt {gap: 34px; }

.bnr-content{padding:0 0 0 60px ;}
.banner-sec h1 {font-size: 155px; }
.banner-sec{    padding: 190px 0;}
.banner-sec:before{bottom: -16%;}


.text-heading{font-size: 112px;    letter-spacing: -2.8px;    margin: 0 0 32px;}
.about-items p{font-size: 20px;    line-height: 1.7; margin: 0 0 38px;}

.about-lft-itm h4{    font-size: 52px;    margin: 0 0 26px;}
.abt-rgt-itm:before{transform: scale(0.9);    left: -44%;}
.about-sec{padding: 200px 0 190px;}


.drop-swap-oil-sec h2 {font-size: 265px; margin: 0 0 30px;letter-spacing: -6.62px;}

.service-sec{    padding: 90px 0 35px;}
.service-btn a{    font-size: 70px;    letter-spacing: -1.2px;    padding: 35px 55px 35px 310px;}
.service-sec .container {padding: 0 20px; }
.service-itm h4{font-size: 26px;    left: 14px;top: 15px;}
.service-itm{clip-path: polygon(0 0, 83% 0, 100% 4.5%, 100% 100%, 0 100%);}
.service-btn a::before{    left: 98px; bottom: -20px; transform: scale(0.9);}

.hm-testimonials .testi-item{padding: 35px 25px 95px 35px}
.hm-testimonials .testi-item p{line-height: 1.8;}
.testi-item::before{transform: scale(0.9);bottom: 25px;}
.hm-testimonials .testi-item h5{    left: 36px; bottom: 50px;    font-size: 26px;}

.owl-carousel .item {font-size: 50px; }

.oil-car::after{transform: scale(0.9);top:-14%;}
.home-drop-swap-section .text-heading {font-size: 245px; }
.drop-swap-left .drop-swap-content h3 {font-size: 155px; }


.drop-swap-left .drop-swap-img{margin: 0;}
.drop-swap-left .drop-swap-content{    left: 40px;}
.drop-swap-left .drop-swap-content h5{    font-size: 34px;letter-spacing: -0.94px;}
.home-drop-swap-section{    padding: 110px 0 300px;}
.owl-carousel.owl-theme {padding: 20px 0; }
.home-drop-swap-section::before{bottom:-14.3%;}

.ftr-block-sec::before{    top: -8%;}

.ftr-left .ftr-text-left{    margin: 0px 0 42px 0px; font-size: 172px;}
.ftr-left .site-branding{margin: 0 auto 30px;}
.ftr-block-list .footer-areas .ftr-cal a{    font-size: 32px;}
#footer-navigation ul li a {font-size: 22px;}

.hm-form-sec .text-heading {font-size: 110px; letter-spacing: -2.6px;    margin: 0 0 25px -10px;}

.ftr-form-sctn{margin: 0;   }
.hm-form-sec{    padding: 45px 55px;}
.drop-swap-right .drop-rit-swap-img {margin: 0px 0 0 0px; }
.hm-form .gform_wrapper .top_label input[type="submit"]{    font-size: 37px !important;padding: 17px 60px !important;}
.ftr-copyrights-sec p{font-size: 19px;}
.ftr-block-list .footer-areas h4::before{transform: scale(0.9);}
.ftr-block-list .footer-areas .ftr-cal {font-size: 19px;}
.copy-para i { font-size: 17px; }

.ftr-scl-icons a{width: 45px; height: 45px;}

}

@media screen and (max-width:1500px) {
    
}

@media screen and (max-width:1440px) {
.container {max-width: 1200px;}
.site-header {padding: 15px 10px 0px 10px; }
.site-branding { max-width: 180px;}
.header-number a {font-size: 22px; }
.logo-rgt{gap: 20px;}
#main-navigation ul li {margin: 0 14px; }
#main-navigation ul li a {padding: 0px 0px 28px;}


#main-navigation .sub-menu li a{font-size: 20px;}
.header-number a:before {transform: scale(0.7); }

.banner-sec h1 {font-size: 135px;    padding: 0 0 20px; margin: 0 0 22px;    letter-spacing: -1.04px; }
.banner-sec h3 {font-size: 95px; letter-spacing: -1.6px;margin: 0 0 25px;}

.banner-sec p{margin: 0 0 30px;    font-size: 20px;}

a.cmn-btn{    padding: 15px 37px;font-size: 30px;}
.banner-sec {padding: 140px 0; }
.banner-sec:before {bottom: -27%; }


.about-sec {padding: 150px 0 170px; }
.text-heading {font-size: 98px; letter-spacing: -1.8px; margin: 0px 0 20px; }
.about-items p {font-size: 18px; line-height: 1.6; margin: 0px 0 25px; }
.about-lft-itm h4 {font-size: 48px; margin: 0 0 20px; }
 .about-btm-img {bottom: -85px; left: -132px; }
.abt-rgt-itm:before {transform: scale(0.8); left: -47%; }
.about-btm-img img{max-width: 540px;}

.drop-swap-oil-sec h2 {font-size: 220px; margin: 0 0 22px; letter-spacing: -2.62px; }
.drop-swap-oil-cnt {padding: 0 40px 90px 40px;}
.drop-swap-oil-cnt p {font-size: 20px;}
.owl-carousel .item {font-size: 43px; }

.service-sec::before{transform: scale(0.9);    top: -12px;}
.service-btn a::before {left: 38px; bottom: -31px; transform: scale(0.7); }
.service-sec {padding: 70px 0 0px; }
.service-sec .container {padding: 0 15px; }
.service-nav {padding: 20px 15px 0; }
.service-blk {gap: 20px; }
.service-itm{width: 24.64%;}
.service-itm h4{font-size: 23px;}

.new-tires-sec .text-heading {font-size: 62px; letter-spacing: -1.22px; margin: 0 0 25px; }
.new-tires-cnct{    padding: 25px 140px 80px;}

.new-tires-nav ul li a{    font-size: 26px;}
.new-tires-nav ul li {padding: 0 40px;}
.new-tires-btn a{    font-size: 23px;}
.new-tires-nav ul::before{    width: 85%;}

.new-tires-sec{    padding: 50px 0 70px;}

.drop-swap-oil-cntr-img{top: 0;}
.hm-testimonials .testi-item {padding: 35px 20px 95px 20px; }

.hm-testimonials .testi-item p{font-size: 17px;}
.testi-item::before {transform: scale(0.8); bottom: 25px; }
.hm-testimonials .testi-item h5::before{    width: 70px;}
.hm-testimonials .testi-item h5{        font-size: 24px;padding: 0 0 0 80px;}
.hm-testi-list.owl-carousel .owl-dots{margin: 40px 0 0;}

.hm-testi-list.owl-carousel .owl-dots .owl-dot {width: 15px; height: 15px;}
.owl-carousel .item {font-size: 37px; }

.service-btn a {font-size: 48px; letter-spacing: -0.2px; padding: 20px 55px 20px 240px; }
.service-btn{margin: 0 0 30px;}
.home-drop-swap-section .text-heading {font-size: 205px; }

.oil-car::after {transform: scale(0.7); top:-10%; }
.drop-swap-left .drop-swap-content h3 {font-size: 122px; }
.drop-swap-left .drop-swap-content h5 {font-size: 27px; letter-spacing: 0; }
.drop-swap-left .drop-swap-content .drop-oil-btn a{font-size: 52px;letter-spacing: -0.86px;}
.home-drop-swap-section::before{    bottom:-12.8%;}
.home-drop-swap-section::after{ bottom: 4%; transform: scale(0.8);}
.home-drop-swap-section {padding: 40px 0 300px; }
.ftr-left .ftr-text-left {margin: 0px 0 30px 0px; font-size: 145px; }
#footer-navigation ul li a {font-size: 18px;}
#footer-navigation ul{padding: 15px 0;}
#footer-navigation ul li {margin: 0 12px; }
.ftr-block-list .footer-areas h4 {font-size: 34px; letter-spacing: 0;}
.ftr-block-list .footer-areas{    padding: 0 0 0 62px;}
.ftr-block-list .footer-areas p{font-size: 18px;}
.ftr-block-list .footer-areas .ftr-cal a {font-size: 25px; }
.ftr-block-list .footer-areas h4::before{transform: scale(0.8);}

.hm-form-sec .text-heading {font-size: 85px; letter-spacing: -0.6px; margin: 0 0 10px 0px; }

.hm-form .gform_wrapper .top_label input, .hm-form .gform_wrapper select, .hm-form .gform_wrapper .top_label textarea{    font-size: 18px !important;padding: 16px 20px !important;}
.hm-form .gform_wrapper .top_label textarea{    height: 135px !important;}
.hm-form .gform_wrapper .top_label input[type="submit"] {font-size: 30px !important; padding: 12px 55px !important; }
.ftr-copyrights-sec p {font-size: 17px; }

.ftr-copyrights-sec .cpy-inr{    padding: 22px 0;}
.ftr-block-list .footer-areas .ftr-cal {font-size: 18px;}

.copy-para i { font-size: 16px; }

.ftr-scl-icons a {width: 42px; height: 42px; }



}

@media screen and (max-width:1366px) {
    
}

@media screen and (max-width:1280px) {
    
}

@media screen and (max-width:1240px) {
.container {max-width: 990px;padding: 0 10px;}

.site-branding {max-width: 180px; }
.site-header{ padding: 15px 0px 0px 0px;}
 #main-navigation ul li a {padding: 0px 0px 25px;font-size:19px; }
.header-number a:before {transform: scale(0.6); }
#main-navigation .sub-menu li a {font-size: 16px; }
.header-number {padding: 0 0 0 55px; }

.header-number a {font-size: 20px; }
#main-navigation ul li {margin: 0px 8px; }

.banner-sec h1 {font-size: 108px; padding: 0 0 10px; margin: 0 0 12px; }
.bnr-content {padding: 0 0 0 30px; }
 .banner-sec h3 {font-size: 73px; letter-spacing: 0px; margin: 0 0 15px; }
 .banner-sec p {margin: 0 0 20px; font-size: 17px; }
 a.cmn-btn {padding: 13px 31px; font-size: 25px; }

.banner-sec {padding: 130px 0; }
.banner-sec:before {bottom: -34.4%; }
.about-sec {padding: 90px 0 100px; }
.text-heading {font-size: 73px; letter-spacing: 0px; margin: 0px 0 15px; }
.about-items p {font-size: 16px; line-height: 1.5; margin: 0px 0 15px; }
.abt-lft-btm {padding-left: 12px;}
.about-btm-img img {max-width: 430px; }
.about-btm-img {bottom: -35px; left: -82px; }
.abt-rgt-itm:before {transform: scale(0.7); left: -52%; }
.drop-swap-oil-sec h2 {font-size: 171px; margin: 0 0 14px; letter-spacing: -0.52px; }
.drop-swap-oil-cnt {padding: 0 10px 90px 10px; }
.drop-swap-oil-cnt p {font-size: 17px; line-height: 1.7; }
.drop-swap-oil-sec{padding: 0  0 50px;}
.service-sec::before {transform: scale(0.7); top: -37px; }
.service-btn a {font-size: 36px; letter-spacing: -0.2px; padding: 20px 35px 20px 160px; }
.service-btn a::before {left: 8px; bottom: -38px; transform: scale(0.5); }
.service-sec {padding: 50px 0 0px; }
.service-nav ul li a {font-size: 18px; margin: 0 0 12px; }
.service-itm{    padding: 0 0 70px;        clip-path: polygon(0 0, 84% 0, 100% 3.1%, 100% 100%, 0 100%)}
.service-itm h4 {font-size: 18px;letter-spacing:0; }

.new-tires-sec .text-heading {font-size: 52px; letter-spacing: 0; margin: 0 0 20px; }
.new-tires-cnct {padding: 15px 100px 60px; }
.new-tires-cnct h5{    font-size: 38px;}
.new-tires-nav ul li a {font-size: 23px; }
.new-tires-sec {padding: 50px 0 50px; }
	ul.service-sub-nav li::before{    top: -10px;}
.drop-swap-oil-cntr-img {width: 100%; max-width: 220px; }
.hm-testimonials .testi-item p {font-size: 16px; line-height: 1.6; }
.testi-item::before {transform: scale(0.6); bottom: 5px; right: 10px; }
.hm-testimonials .testi-item h5::before {width: 30px; }
.hm-testimonials .testi-item h5 {font-size: 22px; padding: 0 0 0 35px; }
.hm-testimonials .star-rat{    margin: 0px 0px 5px 0px; transform: scale(0.9);}
.owl-carousel .item {font-size: 31px; letter-spacing: 0; }


.oil-car::after {transform: scale(0.6); top: -14.4%; }
.home-drop-swap-section .text-heading {font-size: 165px; }
.home-drop-swap-section::after {bottom: -6%; }
.home-drop-swap-section::before{    bottom:-10.7%;}
.drop-swap-left .drop-swap-content h3 {font-size: 100px; }

.drop-swap-left .drop-swap-content h5 {font-size: 21px;  margin: 0 0 13px; }
.drop-swap-left .drop-swap-content .drop-oil-btn a {font-size: 42px; letter-spacing: 0; }
.ftr-left .ftr-text-left {margin: 0px 0 20px 0px; font-size: 118px; }
#footer-navigation ul li {margin: 0px 7px; }
.ftr-block-list .footer-areas {padding: 0 0 0 45px; }
.ftr-block-list .footer-areas h4::before {transform: scale(0.7); left: -60px; }
.ftr-block-list .footer-areas h4 {font-size: 25px; }
.ftr-block-list .footer-areas .ftr-cal a {font-size: 21px; }
.ftr-block-list .footer-areas p {font-size: 15px; }
    #footer-navigation ul {margin: 0 0 26px; }
.ftr-block-list .footer-areas .ftr-cal {font-size: 17px;}

.hm-form-sec .text-heading {font-size: 63px; letter-spacing: 0; }

.hm-form .gform_fields{gap: 10px !important;}
.hm-form-sec {padding: 25px 25px; }
.hm-form .gform_wrapper .top_label input, .hm-form .gform_wrapper select, .hm-form .gform_wrapper .top_label textarea {font-size: 17px !important; }

.hm-form .gform_wrapper .top_label input[type="submit"] {font-size: 25px !important; padding: 12px 45px !important; }
.ftr-copyrights-sec .cpy-inr {padding: 22px 20px; }

.ftr-copyrights-sec p{line-height: 1.5;}
.service-itm-img::before{ width: 180px;}
.drop-swap-oil-cnt:before{transform: scale(0.8);}

.copy-para i {
    margin: 0;
}
    
.ftr-scl-icons a {width: 38px; height: 38px; }
.ftr-scl-icons {gap: 10px;}
.ftr-scl-icons:before, .ftr-scl-icons:after {width: 38%;}




}

@media screen and (max-width:1140px) {
    
}

@media screen and (max-width:1040px) {
    
}

@media screen and (max-width:991px) {
.site-header .container,.container {max-width: 720px;padding:0 15px;}
.head-sec {padding: 20px 0; }
.showhide {display: block;}
.mobinav ul {display: block;}
.hdr-src {display: block;}
.mobile_src_nav {display: block;}
.top-menu {display: none;}
.logo-menu {display: inline-block;text-align: center;}
.topmenu {width: 100%;display: none;}
.showhide b.txtl, .showhide b.txtr {color: #fff;}
.logo {width: max-content;}
.logo img {max-width: 200px;}
.top-rit {max-width: 100%;position: inherit;display: inline-block;margin: 0;float: none;}
.mobinav ul {padding: 10px 10px;text-align: left;display: block;}
.mobinav {top: 44px;display: block;}
.mobile_src_nav {display: block;padding: 8px 0;background-color: #ffb201;}
.logo-rit {max-width: 100%;text-align: center;background-color: transparent;border: 0;padding: 0;}
.sticky-wrap {display: block;}
.header-sticky.fixed-header {display: block;}
header#site-header {border: none;background-color: transparent;}
nav#main-navigation {display: none;}
header.site-header.is-sticky{display: none;}
.logo-section{position: relative;align-items: center;}
.site-branding {width: 100%;max-width: 180px;padding: 0;}
.sicky-cnt.sticky-mobile-logo {width: 100%;max-width:200px;}


.site-header:before{display: none;}
.site-header {padding: 15px 0px; position: inherit; background-color: #0c0c0c; }


.banner-sec {padding: 50px 0; text-align: center;}
.bnr-content{width: 100%;padding: 0;}
.banner-sec:before{display: none;}
.banner-sec h1:before{right: 0;margin: auto;}

.about-sec {padding: 30px 0; }

.about-items{flex-direction: column;gap: 15px;}
.text-heading {font-size: 55px;}
.about-lft-itm {width: 100%; text-align: center; }
.abt-lft-btm{padding-left: 0;border: 0;}
.about-lft-itm h2.text-heading {text-align: center;}
.about-lft-itm h2.text-heading:before{right: 0;margin: auto;}
.about-lft-itm h4 {font-size: 37px; margin: 0 0 14px; }
.about-items p br{display: none;}

.about-btm-img{position: inherit;}

.abt-rgt-itm:before{display: none;}

.about-btm-img {position: inherit; left: 0; right: 0; top: 0; }

.about-btm-img img {max-width: 370px; }
.abt-rgt-itm {margin: auto; display: flex; width: 100%; justify-content: center; gap: 20px; align-items: center; }
.drop-swap-oil-sec h2 {font-size: 130px; letter-spacing: 0; }
.drop-swap-oil-cnt {padding: 0 0px 90px 0px; }
.drop-swap-oil-cnt:before {transform: scale(0.7); }
.drop-swap-oil-sec {padding: 0  0 30px; }

.service-sec::before {transform: scale(0.6); top: -48px; right: 0px; }
.service-sec {padding: 30px 0 0px; }

.owl-carousel.owl-theme {padding: 15px 0; }
.service-btn a::before {left: -13px; bottom: -43px; transform: scale(0.4); }
.service-btn a {font-size: 28px; letter-spacing: 0; padding: 17px 25px 17px 130px; }
.service-itm {width: 100%; max-width: 320px; margin: auto;height: 100%; }
.service-blk.owl-carousel .owl-stage, .service-blk.owl-carousel .owl-item{display: flex;}
.service-blk.owl-carousel .owl-dots {display: flex; justify-content: center; gap: 15px; margin: 50px 0 0; }
.service-blk.owl-carousel .owl-dots .owl-dot.active {background-color: #fbab1a; }
.service-blk.owl-carousel .owl-dots .owl-dot {width: 15px; height: 15px; border-radius: 30px; background-color: rgb(255, 255, 255, 0.2); }
.service-itm{clip-path: polygon(0 0, 84% 0, 100% 5.1%, 100% 100%, 0 100%);}
.new-tires-sec {padding: 30px 0; }

.new-tires-cnct {padding: 15px 30px 50px; }
.drop-swap-oil-cntr-img {width: 100%; max-width: 180px; }

.hm-testi-list.owl-carousel .owl-item.active.center .testi-item p, .hm-testi-list.owl-carousel .owl-item.active.center .testi-item h5 {
    color: #fff;
}

.hm-testi-list.owl-carousel .owl-item.active.center  .testi-item::after {
    opacity: 1;
}
.hm-testimonials .testi-item{opacity: 1;}
.hm-testi-list.owl-carousel .owl-item.active.center .testi-item{background-color: #fbab1a;}

.home-drop-swap-section .text-heading {font-size: 100px;     letter-spacing: -2px;    margin: 0;text-align: center;}
.drop-swap-blk{flex-direction: column; gap: 15px;}

.drop-swap-left{width: 100%;}

.drop-swap-blk::before{display: none;}
.drop-swap-left .drop-swap-content {left: 0; top: 0; right: 0; margin: auto; width: 100%; text-align: center; height: max-content; bottom: 0; }

.drop-swap-left .drop-swap-content h3{letter-spacing: 0;font-size: 80px;}
 .drop-swap-right {width: 100%; max-width: 320px; margin: auto; }
.home-drop-swap-section::before {bottom: -9.7%; }
 .home-drop-swap-section::after {bottom: -11%; transform: scale(0.8); }

 .ftr-block-sec::before{display: none;}
.ftr-block-sec{padding: 30px 0 0;}

.ftr-block-sec .footer-blk-item{flex-direction: column;}

.ftr-form-sctn{width: 100%;max-width: 500px;}
.hm-form .gfield_description.validation_message{bottom: 6px;}
.ftr-left {padding: 0 0 20px; width: 100%; }
 .ftr-left .ftr-text-left {margin: 0px 0 15px 0px; font-size: 88px; letter-spacing: -1.8px;text-align:center; }
.ftr-copyrights-sec p {font-size: 15px; }
.ftr-copyrights-sec .cpy-inr {padding: 15px 20px; }
.oil-car::after {top: -7.6%; }
.copy-para i { font-size: 14px; }

.drop-swap-blk::after{display:none;}

.ftr-scl-icons:before, .ftr-scl-icons:after {width: 41%; }


.abt-bnt {margin: 0 0 15px; }

}

@media screen and (max-width:767px) {
.container {max-width: 100%;padding: 0 15px;}


.home-drop-swap-section::after{display: none;}
.header-sticky .sticky-cnt a:before, .header-sticky .sticky-cnt button:before{transform: scale(0.8);}
.logo-section{flex-direction: column;gap: 20px;}
.banner-sec h1 {font-size: 58px; letter-spacing: 0; }
.banner-sec h3 {font-size: 52px;}
 .banner-sec p {margin: 0 0 12px; font-size: 15px; }
.bnr-content {padding: 10px; background-color: #0c0c0c94; }
a.cmn-btn {padding: 12px 25px;font-size: 20px; }
.banner-sec {padding: 40px 0;}
.text-heading {font-size: 45px; }
.about-items p {font-size: 15px; margin: 0px 0 12px;}
.about-lft-itm h4 {font-size: 32px;}
.abt-rgt-itm{flex-direction: column;}
.drop-swap-oil-sec h2 {font-size: 78px;}

.drop-swap-oil-cnt p {font-size: 16px; line-height: 1.6; }

.drop-swap-oil-cnt {padding: 0; }

.drop-swap-oil-cnt:before{display: none;}
.owl-carousel .item:before{transform: scale(0.8);}
.owl-carousel .item{    padding-left: 70px;}
.service-sec::before {transform: scale(0.4); top: -78px; right: -10px; }

.new-tires-sec .text-heading { font-size: 37px;}
.new-tires-cnct h5 {font-size: 30px; letter-spacing: 0; }
.new-tires-btn a {font-size: 20px; padding: 16px 33px; }


.new-tires-nav ul{    gap: 12px 0;}
.new-tires-nav ul li::before{display: none;}

 .new-tires-nav ul li {padding: 10px; width: 100%; background-color: #0c0c0c; margin:  0; }
.new-tires-nav ul::before{display: none;}
.new-tires-nav ul li:first-child {padding-left: 10px; }
.new-tires-cnct {padding: 15px 20px 30px; }
.owl-carousel.owl-theme {padding: 12px 0; }

.new-tires-btn {margin: 0 0 15px; }
.drop-swap-oil-cntr-img {width: 100%; max-width: 120px; }
.oil-car::after {transform: scale(0.3); top: -9%; left: 0;display:none; }

.home-drop-swap-section .text-heading {font-size: 58px;}
.drop-swap-left .drop-swap-content h3 {font-size: 58px; }

.drop-swap-left .drop-swap-content .drop-oil-btn a {font-size: 38px;}

.home-drop-swap-section::before {bottom: -50px; background-position: bottom; }
.home-drop-swap-section {padding: 0px 0 150px; }
.oil-car{padding:  30px 0 0;}
.home-drop-swap-section::after {bottom: -20%; }

#footer-navigation ul li {margin: 0px 8px; }

.ftr-block-list{flex-direction: column;gap: 15px;margin: 0 0 20px;}

.ftr-block-list .footer-areas h4::before{left: 0}
.ftr-block-list .footer-areas {width: 100%; max-width: 320px; margin: auto; padding: 10px; border: 1px solid #faab35; text-align: center; }
.ftr-block-list .footer-areas h4::after {width: 45%; left: 80px; bottom: 0; }


.ftr-copyrights-sec .cpy-inr{width: 100%;}

.ftr-copyrights-sec .cpy-inr{    clip-path: polygon(8% 0, 92% 0, 100% 40%, 100% 100%, 0 100%, 0 40%);}
.ftr-copyrights-sec img {
    max-width: 80px;
}
.ftr-scl-icons:before, .ftr-scl-icons:after {width: 37%; }
.drop-oil-btn {
    margin: 0 0 10px;
}

}

@media screen and (max-width:680px) {
    
}

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

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

 .about-btm-img img {max-width: 270px; }
.ftr-left .ftr-text-left{        font-size: 60px; letter-spacing: 0;}
 .new-tires-nav ul li.tires{flex-direction: column;        align-items: flex-start;}
.banner-sec h1 {font-size: 40px; }
.banner-sec h3 {font-size: 38px; }
.text-heading {font-size: 38px; }
.drop-swap-oil-sec h2 {font-size: 50px; }
.drop-swap-oil-cnt p {font-size: 15px;}
.owl-carousel .item {padding-left: 40px; font-size: 22px; }
.text-heading {font-size: 30px; }
.service-btn a::before {left: -33px; bottom: -45px; transform: scale(0.3); }

.service-btn a {font-size: 20px; letter-spacing: 0; padding: 15px 25px 15px 102px; }

.service-itm:hover:hover .service-itm-img {clip-path: polygon(0 0, 80% 0, 100% 35%, 100% 100%, 0 100%);}



.service-blk.owl-carousel .owl-dots{        margin: 20px 0 0;}
.new-tires-sec .text-heading {font-size: 25px; margin: 0 0 13px; }
.new-tires-cnct h5 {font-size: 22px;}


.new-tires-btn a {font-size: 18px; padding: 14px 23px; }
.new-tires-cnct {padding: 20px 5px; }
.new-tires-nav ul li a {font-size: 21px; letter-spacing: 0; }
 .drop-swap-oil-cntr-img {width: 100%; max-width: 80px; }

.hm-testimonials {padding: 40px 0; }
.service-sec .text-heading::before,.about-lft-itm h2.text-heading:before,.hm-testimonials .text-heading::before{height: 8px;    bottom: -4px;}
 .hm-testi-list.owl-carousel .owl-dots {margin: 20px 0 0; }

 .hm-testi-list.owl-carousel .owl-dots {margin: 20px 0 0; }

.drop-swap-left .drop-swap-content h3 {font-size: 32px;margin:0 0 10px; }

.drop-swap-left .drop-swap-content h5 {font-size: 16px;}

.drop-swap-left .drop-swap-content .drop-oil-btn a {font-size: 26px; }

.home-drop-swap-section .text-heading {font-size: 36px; letter-spacing: 0; }

.oil-car::after {top: -15%; left: -20px; }
.owl-carousel.owl-theme {padding: 8px 0; }

.hm-testimonials .star-rat {margin: 0px 0px 5px -21px; transform: scale(0.7); }
.testi-item::before {transform: scale(0.5);}
.hm-testimonials .testi-item h5{letter-spacing: 0;}
.hm-testimonials .testi-item {padding: 30px 10px 95px 10px; }
.hm-testi-list.owl-carousel .owl-dots .owl-dot {width: 12px; height: 12px; }

.home-drop-swap-section::after {bottom: -37%; }
.home-drop-swap-section {padding: 30px 0 120px; }
.hm-form-sec .text-heading {font-size: 40px; }
 .hm-form-sec {padding: 15px 12px; }
.hm-form .gform_wrapper .top_label input, .hm-form .gform_wrapper select, .hm-form .gform_wrapper .top_label textarea {font-size: 16px !important; padding: 12px 15px !important; }


.hm-form .gform_wrapper .form-links a, .hm-form .gfield--type-checkbox .gchoice label{font-size: 15px;}
.popup .popuptext{font-size: 14px;}


.ftr-left .site-branding {margin: 0 auto 10px; }

#footer-navigation ul li a { line-height: 1.5; }
 

 #footer-navigation ul {padding: 7px 0 0; }

.ftr-copyrights-sec .cpy-inr{clip-path: none;}
.ftr-copyrights-sec .cpy-inr {padding: 10px; }

.owl-carousel .item:before {transform: scale(0.6); }
.ftr-scl-icons:before, .ftr-scl-icons:after{display: none;}

}

@media screen and (max-width:400px) {
    
.home-drop-swap-section::after {bottom: -44%; }

}

@media screen and (max-width:375px) {
  .home-drop-swap-section::after {
    bottom: -49%;
}  

}

@media screen and (max-width:320px) {
    
}





.global-popup-wrapper.signin {
    position: absolute;
    width: 100%;
    max-width: 60%;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #000;
    z-index: 1;
    padding: 25px;
    top: -27%;
    bottom: 0;
    height: max-content;
}

#page-column .appoinet-blk{position: relative;}