/* large desktop :2160px. */
@media (min-width: 2160px) and (max-width: 3840px) {
 
}
  
  
 /* large desktop :2001px. */
 @media (min-width: 2001px) and (max-width: 2160px) {
    .bannercarousel-text {
        top: 22%;
        right: 16%;
        }
    .hero-content-upper {
        padding-top: 0px;
        }
    .hero-content {
        top: 34%;
        }
}

/* 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) {
.stellarnav > ul > li {
    margin: 0px 8px;
    }    
.stellarnav > ul > li > a {
    padding: 4px 0px;
    font-size: 16px;
    }
.stellarnav ul {
    gap: 20px;
    }
.loginbtn {
    font-size: 12px;
    }
.breadcumb img {
    height: 255px;
    max-height: 255px;
    }
.bannercarousel-text {
    top: 11%;
    padding: 0px 8%;
    width: 100%;
    }
.bannercarousel-text h2 {
    padding: 0px 0px 30px 0px;
    font-size: 37px;
    line-height: 49px;
    }
.bannerright {
    height: 380px;
    }
.bannerleft {
    height: 380px;
    }
.bannerleft img {
    height: 100%;
    }
.aboutright h2::before {
    width: 85%;
    }
.aboutleft-img {
    height: 450px;
    }
.aboutleft-img img {
    height: 100%;
    }
.repairservics-section .owl-nav .owl-prev {
    left: -24px;
    }
.repairservics-section .owl-nav .owl-next {
    right: -24px;
    }
.servicstext h3 {
    font-size: 16px;
    line-height: 24px;
    }
 .servicstext h6 {
    font-size: 15px;
    line-height: 21px;
    }
.repairservics-section {
    padding: 42px 0px;
    }
.beatingright p {
    margin: 0px 0px 31px 0px;
    font-size: 20px;
    line-height: 32px;
    width: 100%;
    }
.aboutpage-carimg {
    margin: 23px 0px 0px 0px;
    height: 300px;
    }

  }



/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.beatingright p {
    margin: 0px 0px 19px 0px;
    font-size: 18px;
    line-height: 26px;
    width: 100%;
    }
.aboutpage-carimg {
    margin: 23px 0px 0px 0px;
    height: 278px;
    }
.stellarnav {
    justify-content: right;
    padding: 22px 0px;
    }
.stellarnav.mobile.right > ul {
    z-index: 999;
    background: #000;
    }
.main-nav .stellarnav ul ul {
    width: 100%;
    background: #7575754f;
    padding: 0px 0px 1px 0px;
    overflow: hidden;
    }
.main-nav .stellarnav li li a {  
    color: #fff;
    font-size: 14px;
    border-bottom: 1px transparent solid;
    }
.main-nav .stellarnav li li a:hover {  
    background:#ffdbdb;
    }    
.stellarnav > ul > li > a:hover {
    color: #E71818 !important;
    border-bottom: 1px #EFF3F445 solid;
    }
.stellarnav > ul > li > a.active {
    color: #E71818 !important;
    border-bottom: 1px #EFF3F445 solid;
    }
.stellarnav .icon-close::after {
    border-bottom: solid 3px #ffffff;
    }
.stellarnav .icon-close::before {
    border-bottom: solid 3px #ffffff;
    }
.stellarnav a.dd-toggle .icon-plus::after {
    border-bottom: solid 3px #fff;
    }
.stellarnav a.dd-toggle .icon-plus::before {
    border-bottom: solid 3px #fff;
    }
.stellarnav.mobile li a {
    padding: 11px 15px;
    font-size: 17px;
    color: #fff;
    border-bottom: 1px #EFF3F445 solid;
    }
.menu-toggle {
    display: block !important;
    text-align: center;
    }
.stellarnav .menu-toggle span.bars {
    top: 3px;
    }
.stellarnav .menu-toggle {
    padding: 6px;
    }
.stellarnav .menu-toggle span.bars span {
    width: 25px;
    height: 3px;
    margin: 0 0 4px;
    background: #000;
    }
.logo {
    width: 173px;
    }


    
.breadcumb img {
    height: 241px;
    max-height: 241px;
    }
.bannercarousel-text {
    position: absolute;
    top: 6%;
    width: 100%;
    }
.banner-section .owl-nav .owl-prev {
    top: 45%;
    left: 5%;
    }
.banner-section .owl-nav .owl-next {
    top: 45%;
    right: 5%;
    }
.bannercarousel-text h2 {
    padding: 1px 0px 29px 0px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    }
.bannerleft {
    height: 350px;
    }
 .bannerleft img {
    height: 100%;
    }
.bannerright {
    height: 350px;
    }
 .aboutright h2::before {
    width: 85%;
    }
.aboutright h2 {
    padding: 0px 0px 24px 0px;
    font-size: 30px;
    line-height: 30px;
    }
.aboutleft-img {
    height: 310px;
    }
.aboutleft-img img{
    height: auto;
    }
.repairservics-section h2 {
    padding: 0px 0px 6px 0px;
    font-size: 30px;
    line-height: 42px;
    }
.repairservics-section {
    padding: 36px 0px;
    }
.repairservics-section .owl-carousel .owl-nav {
    display: block;
    }
.repairservics-section .owl-nav .owl-prev {
    left: -29px;
    }
.repairservics-section .owl-nav .owl-next {
    right: -29px;
    }
.testitext h3 {
    margin: 0px 0px 13px 0px;
    font-size: 30px;
    line-height: 30px;
    gap: 11px;
    }
.testiicon {
    width: 49px;
    height: 49px;
    }
.testitext h6 {
    margin: 0px 0px 15px 0px;
    font-size: 18px;
    line-height: 28px;
    width: 88%;
    }
.testiimg {
    height: auto;
    }
.testiimg img {
    height: auto;
    }
.testimonials-section {
    padding: 52px 0px 14px 0px;
    }
.beforeafter-section h2 {
    padding: 0px 0px 16px 0px;
    font-size: 30px;
    line-height: 46px;
    }
.beforeafter-section {
    padding: 28px 0px 0px 0px;
    }
   
 }



/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {
.contactus-section {
    padding: 33px 0px;
    }
.contact-box {
    gap: 5px;
    margin-bottom: 10px;
    }

.topsocial-section {
    padding: 0px 0px 7px 0px;
    }
.topsocial a {
    font-size: 13px;
    width: 23px;
    height: 23px;
    padding: 0px 1px;
    }
.topsocial {
    padding: 8px 0px 1px 0px;
    justify-content: center;
    gap: 5px;
    }
.topsocial-link li a {
    font-size: 12px;
    }
.topsocial-link li {
    margin: 0px 10px 0px 0px;
    font-size: 14px;
    }
.logo {
    width: 128px;
    margin: 0px auto;
    }
.topsocial-sec {
    flex-wrap: wrap;
    justify-content: center;
    }  
.stellarnav {
    justify-content: end;
    padding: 13px 0px;
    }
.stellarnav.mobile > ul > li > a {
    padding: 11px 15px;
    font-size: 17px;
    }
.menu-toggle {
    display: block !important;
    text-align: center;
    }
.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 4px;
    background: #000;
    }
.stellarnav.mobile.right > ul {
    z-index: 999;
    background: #000;
    }
.main-nav .stellarnav ul ul {
    width: 100%;
    background: #7575754f;
    padding: 0px 0px 13px 0px;
    overflow: hidden;
    }
 .main-nav .stellarnav li li a {
    font-size: 17px;
    padding: 12px 18px;
    color: #fff;
    font-weight: 400;
    border-bottom: 1px transparent solid;
    }
.main-nav .stellarnav li li a:hover {
    background: #fcb7b7;
    color: #E71818;
    }
.stellarnav > ul > li > a:hover {
    color: #E71818 !important;
    border-bottom: 1px #EFF3F445 solid;
    }
.stellarnav > ul > li > a.active {
    color: #E71818 !important;
    border-bottom: 1px #EFF3F445 solid;
    }
.stellarnav .icon-close::after {
    border-bottom: solid 3px #fff4f4;
    }
.stellarnav .icon-close::before {
    border-bottom: solid 3px #fff4f4;
    }
.stellarnav a.dd-toggle .icon-plus::after {
    border-bottom: solid 3px #fff;
    }
.stellarnav a.dd-toggle .icon-plus::before {
    border-bottom: solid 3px #fff;
    }
.stellarnav.mobile li a {
    color: #fff;
    border-bottom: 1px solid rgba(210, 176, 176, 0.24);
    }
.stellarnav .menu-toggle span.bars {
    top: 0px !important;
    }
.bannerleft {
    height: auto;
    }
.bannerright {
    height: auto;
    }
.aboutleft-img {
    margin: 0px 0px 41px 0px;
    height: auto;
    }
.aboutleft-img img {
    height: auto;
    }
.aboutright h2 {
    padding: 0px 0px 18px 0px;
    font-size: 25px;
    line-height: 30px;
    }
.aboutright h2::before {
    width: 84%;
    }
.repairservics-section {
    margin: 25px 0px;
    padding: 25px 0px;
    }
.repairservics-section h2 {
    padding: 0px 0px 4px 0px;
    font-size: 24px;
    line-height: 34px;
    }
.repairservics-section .owl-nav .owl-prev {
    background: #9f9b9b9c !important;
    top: 40%;
    left: -10px;
    }
.repairservics-section .owl-nav .owl-next {
    background: #CC0001 !important;
    top: 40%;
    right: -10px;
    }

.testimonials-section {
    padding: 4px 0px 44px 0px;
    }
.testitext h3 {
    margin: 0px 0px 12px 0px;
    font-size: 25px;
    gap: 8px;
    }
.testiicon {
    width: 40px;
    height: 40px;
    padding: 5px;
    }
.testitext h6 {
    padding: 0px 0px 9px 0px;
    font-size: 15px;
    line-height: 22px;
    width: 93%;
    }
.testiuser h5 {
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 9px 0px;
    font-size: 16px;
    line-height: 24px;
    }
.testiimg {
    height: auto;
    }
.testiimg img{
    height: auto;
     }
.testiimg-right::before {
    height: 56px;
    right: -3%;
    top: 0px;
    }
 .testimonials-section .owl-nav {
    gap: 10px;
    bottom: -30px;
    }
.beforeafter-section h2 {
    padding: 0px 0px 8px 0px;
    font-size: 25px;
    }
.beforeaftercard {
    flex-wrap: wrap;
    }


.bannercarousel-text h5 {
    margin: 0px 0px 19px 0px;
    font-size: 15px;
    line-height: 17px;
    }
.banner-section .owl-nav .owl-prev {
    top: 38%;
    left: 4%;
    }
.banner-section .owl-nav .owl-next {
    top: 38%;
    right: 4%;
    }
.bannercarousel-text {
    top: 16%;
    padding: 0px 4%;
    width: 100%;
    text-align: center;
    }
.bannercarousel-text h2 {
    margin: 0px 0px 28px 0px;
    padding: 0px 0px;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    width: 100%;
    }
.bannercarousel-text p {
    margin: 0px 0px 6px 0px;
    padding: 0px 0px;
    font-size: 11px;
    line-height: 14px;
    } 
 .contactbtn {
    padding: 9px 18px;
    font-size: 13px;
    }
.productcard-text {
    padding: 44px 16px;
    }
.productcard3 .productcard-text {
    margin: -3% 0px 0px 0px;
    }
.partnercardicon img {
    width: 100%;
    }
.product-section {
    padding: 35px 0px;
    }
.main-nav.scroll {
    height: 70px;
    }
.productcard-text h5 {
    margin: 0px 0px 3px 0px;
    font-size: 21px;
    }
.productcard2 .productcard-text {
    margin: 1% 0px 0px 50%;
    }
.productcard3 .productcard-text h5 {
    margin: 0px 0px 12px 0px;
    font-size: 20px;
    line-height: 21px;
    }
.productcard4 .productcard-text {
    padding: 18px 21px 18px 56%;
    }
.productcard5 .productcard-text {
    padding: 18px 21px 18px 47%;
    }
.productsavailablecard {
    flex-wrap: wrap;
    }
.boutpageleft-img {
    height: auto; 
    margin-bottom: 15px;
    }
.boutpageleft-img img {
    height: auto; 
    }
 .aboutpage-carimg {
    margin: 23px 0px 32px 0px;
    height: 249px;
    }
.aboutpage-carimg img{
    height: 100%;
    }
.beatingleft-img {
    margin: 0px 0px 18px 0px;
    height: auto;
    }
.beatingleft-img {
    height: 100%;
    }
.beatingright p {
    margin: 0px 0px 19px 0px;
    font-size: 18px;
    line-height: 26px;
    }



.footer-links p {
    margin: 0px 0px 2px 0px;
    font-size: 16px;
    text-align: left;
    }
.footer-links {
    margin-top: 16px;
    }
.footer-links h3 {
    margin: 0px 0px ;
    padding: 0px 0px;
    }
.footer-links ul li {
    line-height: 23px;
    text-align: left;
  }

.footer-social-icons {
    margin: 23px auto;
    width: 200px;
    }
.footer .square-img2 {
    width: 120px;
    }
.copyright-right {
    text-align: center;
    font-size: 13px;
    }
.copyright-right a{
    font-size: 13px;
    }
.footer .square-img1 {
   left: 2%;
   width: 63px;
   top: -28px;
   }
.footer-links ul {
    column-count: 1;
    text-align: left;
    margin-bottom: 15px;
    }
 .copyright-right {
    justify-content: center;
    }
.copyright-right a {
    font-size: 13px;
    text-align: center;
    }
.copyright {
    padding: 10px 0px;
    font-size: 13px;
    text-align: center;
    margin: 10px 0px 3px 0px;
    line-height: 17px;
    }
.copyright .text-right {
    text-align: center !important;
    }
.footer-logo-area {
    margin: 0px auto 13px auto;
    width: 172px;
    }
.footer {
    padding: 28px 0px 0px 0px;
    }
.footer-social-icons a .fa {
    width: 42px;
    height: 42px;
    text-align: center;
    padding: 6px 0px;
    }


}