@media only screen and (max-width: 1700px) {
  
    .h-innerr {
        gap: 15px;
        flex-wrap: wrap;
    }

    header {
        padding: 32px 20px;
    }
    img.p1 {
        top: 111px;
        left: 11px;
        max-width: 178px;
    }
}

    .about-left p ,  .about-left .sec-title {
        padding-right: 0px;
        padding-left: 100px;
    }
    img.p1 {
        top: 209px;
    
    }

    img.p-3 {
        max-width: 298px;
        left: -40px;
    }

    section#testimonial {
        padding: 106px 160px 300px 195px;
    }

    ul.sec-social {
        right: -185px;
    }

  



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

    .contact-info li a {
        font-size: 116%;
        gap: 10px;
    }

    .contact-info {
        gap: 8px;
    }

    .social-icon li a {
        height: 33px;
        width: 33px;
        font-size: 15px;
    }

    header h2 {
        font: normal normal 800 20px/28px Poppins;

    }

    .stellarnav.light li a {
        font-size: 16px;
        line-height: 28px;
    }

    .stellarnav ul {
        padding-right: 65px;
        margin-top: 31px;
    }

    .stellarnav li {
        margin: 0px 10px;
    }

    header {
        padding: 21px 20px;
    }

    .brand-logo img {
        max-width: 136px;
        display: block;
        margin-left: auto;
    }

    .banner a {
        width: 219px;
        height: 53px;
        font: normal normal bold 13px/28px Poppins;
        bottom: 55px;
        left: 28%;
        transition: all 0.3s ease-in-out;
    }
    .about-left p {
        font: normal normal normal 16px/28px Montserrat;
        letter-spacing: 0px;
        color: #373737;
        padding-right: 136px;
    }

    .about-left p {
        font: normal normal normal 16px/28px Montserrat;
        padding-right: 0px;
    }

    img.p-3 {
        max-width: 254px;
        left: -40px;
        bottom: 0;
    }

    img.sec-logo {
        bottom: 27px;
        right: 37px;
        max-width: 130px;
    }

    .gal-card  a img {
        height: 259px;
        width: 100%;
    }

    img.play-btn {
        max-width: 65px;
    }

    section#testimonial {
        padding: 0px 124px 50px 161px;
    }

    .nav-tabs .nav-item.show .nav-link h4, .nav-tabs .nav-link h4 {
        font: normal normal 600 18px/116% Poppins;

    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        padding: 9px 20px;
    }

    .nav-tabs .nav-item.show .nav-link p, .nav-tabs .nav-link p {
        font: normal normal 300 16px/25px Poppins;
   
    }

    .tab-content p {
        font: normal normal normal 18px/30px Montserrat;
  
    }

    ul.tab-content-heading {
     
        margin-bottom: 15px;
    }

    section#testimonial img.p1 {
        top: 153px;
        max-width: 135px;
    }

    ul.sec-social li {
        font: normal normal bold 20px/28px Poppins;
    }
    .sec-social li a img {
        max-width: 40px;
    }
    ul.sec-social {
        right: -120px;
        top: 31%;
        gap: 10px;
    }

    img.p1 {
 
        max-width: 140px;
    }
    
    img.p-3 {

    bottom: 0;
}

}

@media only screen and (max-width: 1100px) {
    button.owl-prev img {
        left: -30px;
    }

    button.owl-next img {
        right: -81px;
    }

    .book-your-sticker h2 {
        font: normal normal bold 44px/46px Poppins;
    
    }

    .about-left p, .about-left .sec-title {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media only screen and (max-width: 991px) {
    section.about-us {
        padding: 80px 0px;
    }

    .about-us .position-img {
        display: none;
    }
    section#testimonial {
        padding: 0px 120px 50px 0px;
    }

    .book-your-sticker a {
        max-width: 303px;
        height: 59px;
        font: normal normal bold 18px/28px Poppins;
     
    }

    .banner a {
        bottom: 27px;
        
    }

    #product-service {
        padding: 65px 0px 65px 0px;
        
    }
}

@media only screen and (max-width: 767px) {
    
    .common-heading {
    font: normal normal 800 20px/28px Poppins;
    margin-bottom: 0px;
    margin-top: 42px;
}
    .brand-logo img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }

    .h-innerr {
        gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .stellarnav.mobile {
        text-align: center;
    }

 .banner img {
    width: 100%;
    min-height: auto;
}

  .banner a {
    bottom: -98px;
    left: 50%;
    transform: translate(-50%, -50%);
}

section.about-us {
    padding: 120px 0px 80px 0px;
}

    .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {
 
        z-index: 9999;
        padding: 0px;
        margin: 0px;
        box-shadow: -2px 0px 6px #00000017;
    }

    .stellarnav.mobile > ul > li > a {
        display: block;
    }

    .stellarnav li {
        margin: 0px;
    }

    section#testimonial {
        padding: 0px 0px 50px 0px;
    }

   .book-your-sticker img {
    width: 332px;
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

    .book-your-sticker h2 {
        font: normal normal bold 31px/36px Poppins;
    }
    .book-your-sticker a {
        max-width: 259px;
        height: 47px;
        font: normal normal bold 16px/28px Poppins;
    }

    footer h3 {
     
        margin-top: 50px;
    }

    .owl-nav {
        display: none;
    }

    .ps-card h3 {
        font: normal normal bold 24px/39px Poppins;
 
        margin-top: 20px;
    }

    .ps-card p {
        font: normal normal normal 16px/24px Montserrat;
        letter-spacing: 0px;
        color: #373737;
    }

    .p-s-slide .owl-dots {
        margin-top: 20px;
    }

    .foot-2 ul {
        justify-content: center;
       
    }

    .foot-2 {
        padding: 20px 0px;
        margin-top: 50px;
    }

    .contact-info {
        flex-wrap: wrap;
        justify-content: center;
    }

    ul.sec-social {
        transform: unset;
        position: static;
        justify-content: center;
        margin-top: 50px;
        flex-wrap: wrap;
        max-width: 292px;
        margin: 50px auto 0 auto;
    }

    ul.sec-social li:not(:first-child) {
        transform: unset;
    }

    footer .contact-info {
   
        justify-content: flex-start;
    }
}