/* large desktop :1400px. */
@media (min-width: 1400px) and (max-width: 2000px) {
  
}


/* desktop 1200px to 1600px */
@media (min-width: 1200px) and (max-width: 1600px) {
	
 }



/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
.topheader-section {
    height: auto;
    }
.stellarnav > ul > li > a {
    padding: 0px 6px;
    font-size: 14px;
    }
.logo {
    width: 381px;
    }
.banner-section .owl-nav .owl-prev {
    left: 61px;
    }
.banner-section .owl-nav .owl-next {
    right: 61px;
    }
.bannercarousel-text {
    top: 17%;
    padding: 0px 18%;
    }
.bannercarousel-text h2 {
    padding: 9px 0px;
    font-size: 38px;
    line-height: 41px;
    }
.atoniksupply {
    width: 65%;
    left: 50%;
    top: 40%;
    }
.featuredproducts-section .owl-nav .owl-prev {
    left: -22px;
    }
.featuredproducts-section .owl-nav .owl-next {
    right: -22px;
    }

.footer-quick-links ul li {
    width: 50%;
     }
.footer-quick-links ul li a {
    font-size: 16px;
    }
.brandsimg {
    height: 192px;
    }
.brandsimg img {
  width: 80%;
  object-fit: contain;
  }
.brands-section h5 {
	margin: 11px 0px 11px 0px;
	font-size: 28px;
	line-height: 34px;
    }
.hero-content {
    top: 1%;
    }
.skidsteer-text p {
    font-size: 16px;
    line-height: 28px;
    }
.locations-card {
    padding: 12px 32px;
    width: 100%;
    height: 317px;
    }


  }



/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.topheader-section {
    height: auto;
    }
.stellarnav .menu-toggle span.bars {
    top: 0px;
    }
.stellarnav .menu-toggle {
    padding: 6px;
    }
.stellarnav .menu-toggle span.bars span {
    width: 25px;
    height: 3px;
    margin: 0 0 5px;
    background: #fff;
    }
.stellarnav.mobile.right > ul {
    z-index: 999;
    background: #114084;
    }
.stellarnav .icon-close::after {
    border-bottom: solid 3px #fff;
    }
.stellarnav .icon-close::before {
    border-bottom: solid 3px #fff;
    }
.banner-section .owl-nav .owl-prev {
    left: 30px;
    width: 35px;
    height: 35px;
    font-size: 17px !important;
    }
.banner-section .owl-nav .owl-next {
    right: 30px;
    width: 35px;
    height: 35px;
    font-size: 17px !important;
    }
.logo {
    width: 339px;
    }
.bannercarousel-text {
    top: 17%;
    padding: 0px 8%;
    }
.bannercarousel-text {
    top: 17%;
    padding: 0px 19%;
    }
.bannercarousel-text h2 {
    font-size: 30px;
    line-height: 33px;
    }
.bannercarousel-text p {
    padding: 10px 0px;
    font-size: 23px;
    line-height: 33px;
    }
.atoniksupply {
    width: 74%;
    left: 50%;
    top: 36%;
    padding: 20px 55px;
    }
.atoniksupply h5 {
    padding: 11px 0px;
    font-size: 29px;
    line-height: 10px;
    }
.atoniksupply h6 {
    padding: 7px 0px;
    font-size: 16px;
    line-height: 21px;
    }
.featuredproducts-section {
    padding: 130px 0px 70px 0px;
    }
.featuredproducts-section h2 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    font-size: 34px;
    line-height: 51px;
    }
.owl-carousel .owl-nav.disabled {
    display: block;
    }
.featuredproducts-section .owl-nav .owl-prev {
    left: -20px;
    }
.featuredproducts-section .owl-nav .owl-next {
    right: -20px;
    }
.brandsimg {
    height: 157px;
    }
.brandsimg img {
    width: 84%;
    object-fit: contain;
    }
.brands-section h3 {
    margin: 11px 0px 3px 0px;
    padding: 5px 0px 0px 0px;
    font-size: 16px;
    line-height: 22px;
    }
.brands-section h5 {
    margin: 31px 0px 11px 0px;
    padding: 11px 22px 0px 22px;
    font-size: 25px;
    line-height: 36px;
    }
.brands-section {
    min-height: 492px;
    }
.customersay-section h2 {
    font-size: 34px;
    }
.customersay-card p {
    padding: 17px 11px;
    font-size: 17px;
    line-height: 22px;
    }
.cstomersayuser-card {
    padding: 33px 30px 67px 30px;
    }
.customersay-section .owl-carousel .owl-nav {
    display: none !important;
    }

.hero-content {
    top: 8%;
    }
.aboutus-section p {
    padding: 0px 27px 19px 0px;
    font-size: 16px;
    line-height: 26px;
    }
.aboutus-section h6 {
    font-size: 16px;
    line-height: 26px;
    }
.skidsteer-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    }
.skidsteer-text p {
    padding: 0px 0px 13px 0px;
    font-size: 15px;
    line-height: 22px;
    }
.locations-card {
    padding: 12px 9px;
    width: 100%;    
    height: 279px;
    }
.locations-card h3 {
    margin: 8px 0px;
    font-size: 18px;
    line-height: 28px;
     }
.locations-card p {
    padding: 0px 7px;
    font-size: 16px;
    line-height: 22px;
    }
.googlemapicon {
    width: 103px;
    }







.footer-quick-links ul li {
    width: 50%;
    }
.footer-quick-links ul li a {
    color: #ABD9F9;
    font-size: 14px;
    }
.copyright {
    font-size: 13px;
    }
.gettouch {
    margin-top: 32px;
    }
.footer-links h3 {
    margin-bottom: 5px;
    }



   
 }



/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {
.topheader-section {
    height: auto;
    }
.logo {
    width: 154px;
    margin: 16px 0px;
    }
.phone-icon {
    width: 23px;
    }
.phone-icon img{
    width: 100%;
    }
.topheader-right {
    font-size: 15px;
    gap: 5px;
    }
.stellarnav .menu-toggle span.bars {
    top: 0px;
    }
.stellarnav .menu-toggle {
    padding: 6px;
    }
.stellarnav .menu-toggle span.bars span {
    width: 25px;
    height: 3px;
    margin: 0 0 5px;
    background: #fff;
    }
.stellarnav.mobile.right > ul {
    z-index: 999;
    background: #114084;
    }
.stellarnav .icon-close::after {
    border-bottom: solid 3px #fff;
    }
.stellarnav .icon-close::before {
    border-bottom: solid 3px #fff;
    }
.banner-section .owl-nav .owl-prev {
    left: 22px;
    width: 20px;
    height: 20px;
    font-size: 12px !important;
    }
.banner-section .owl-nav .owl-next {
    right: 22px;
    width: 20px;
    height: 20px;
    font-size: 12px !important;
    }
.bannercarousel-text {
    top: 11%;
    padding: 0px 8%;
    }
.bannercarousel-text h2 {
    padding: 9px 0px;
    font-size: 15px;
    line-height: 18px;
    }
.bannercarousel-text p {
    font-size: 12px;
    line-height: 16px;
    padding: 0px 0px;
    }
.featuredpro-img img {
    height: 164px;
    }
.atoniksupply {
    width: 99%;
    left: 50%;
    height: 145px;
    top: 16%;
    padding: 12px 27px;
    }
.atoniksupply h5 {
    padding: 8px 0px 0px 0px;
    font-size: 18px;
    line-height: 12px;
    }
.atoniksupply h6 {
    padding: 8px 0px;
    font-size: 12px;
    line-height: 14px;
    }
.featuredproducts-section {
    padding: 136px 0px 70px 0px;
    }
.featuredproducts-section h2 {
    margin: 0px 0px 2px 0px;
    font-size: 22px;
    line-height: 40px;
    }
.featuredproducts-section .owl-nav .owl-prev {
    left: -5px;
    }
.featuredproducts-section .owl-nav .owl-next {
    right: -5px;
    }
.brands-section h5 {
    margin: 12px 0px 1px 0px;
    padding: 4px 17px 0px 17px;
    font-size: 23px;
    line-height: 29px;
    }
.customersay-section h2 {
    margin: 0px 0px 19px 0px;
    font-size: 22px;
    }
.customersay-card p {
    padding: 17px 12px;
    font-size: 15px;
    line-height: 19px;
    }
.cstomersayuser-card {
    padding: 9px 28px 60px 28px;
    flex-wrap: wrap;
    }
.cstomersayuser_user {
    width: 40px;
    height: 40px;
    }
.cstomersayuser_user img {
    width: 100%;
    height: 40px;
    }
.cstomersayuser {
    margin-bottom: 16px;
    }
.hero-content {
    top: 25%;
    }
.aboutimg {
    height: 300px;
    }
.aboutimg img {
    height: 300px;
    }
.aboutus-section p {
    padding: 0px 0px 19px 0px;
    font-size: 15px;
    line-height: 23px;
    width: 100%;
    }
.aboutus-section h6 {
    padding: 0px 0px 19px 0px;
    font-size: 15px;
    line-height: 23px;
    width: 100%;
    }
.aboutus-section {
    padding: 46px 0px 0px 0px;
    }
.hero-content-upper h2 {
    font-size: 23px;
    }
.skidsteer-img {
    margin: 0px 0px 25px 0px;
    height: auto;
    }
.skidsteer-img img {
    height: auto;
    }
.skidsteer-text h5 {
    font-size: 25px;
    }
.skidsteer-text p {
    padding: 0px 0px 16px 0px;
    font-size: 15px;
    line-height: 23px;
    }
.locations-card {
    margin: 0px 0px 25px 0px;
    padding: 12px 32px;
    }
.locations-section {
    padding-bottom: 25px;
    }
.contact-section h2 {
    margin: 0px 0px 16px 0px;
    font-size: 22px;
    line-height: 11px;
    }


    
.footer-quick-links {
    padding-left: 20px;
    }   
.footer-quick-links ul li {
    width: 100%;
    line-height: 27px;
    }
.gettouch p span {
	width: 19px;
	height: 40px;
	font-size: 17px;
}
.footer p {
    width: 100%;
    }   
.gettouch p span {
	width: 24px;
	height: auto;
	font-size: 17px;
  }
.footer-quick-links p {
    width: 100%;
    word-break: break-all;
    font-size: 14px;
    }
.copyright {
    text-align: center;
    }
.copyright .text-right {
    text-align: center !important;
    }
.footer-logo-area {
	margin: 0px auto 17px auto;
	width: 127px;
    }
.footer-social-icons {
    margin: 0px auto;
    width: 198px;
    }
.footer-links h3 {
	margin-top: 33px;
    }
.copyright {
	margin-top: 5px;
	padding: 11px 0px;
	font-size: 11px;
    }

}