@media(min-width: 1500px){
    .col-xxl-4{
        max-width: 33.333333%;
    }
}
@media(min-width: 1600px){
    .left-about-us-section{
        max-width: 38%;
    }
    .company-trust-section .company-trust-heading{
        max-width: 460px;
    }
    .company-text-section .company-text{
        line-height: 30px;
    }
    .company-icon-item{
        max-width: 385px;
    }
    #check-service-tab{
        max-width: calc(100% - 220px);
    }
    .right-quote-section .right-quote-description{
        max-width: 470px;
    }
    .company-trust-descrption{}
}
@media(min-width: 1900px){
    #check-service-tab{
        max-width: calc(100% - 220px);
    }
    .left-about-us-section{
        max-width: 38%;
    }
    .company-trust-section .company-trust-heading{
        max-width: 510px;
    }
    .company-icon-item{
        max-width: 385px;
    }
    .right-quote-section .right-quote-description{
        max-width: 470px;
    }
}
@media(min-width: 2240px){
    #check-service-tab{
        max-width: calc(100% - 220px);
    }
    .left-about-us-section{
        max-width: 38%;
    }
    .company-trust-section .company-trust-heading{
        max-width: 510px;
    }
    .company-icon-item{
        max-width: 385px;
    }
    .right-quote-section .right-quote-description{
        max-width: 470px;
    }
}


@media(max-width: 1700px){
    .home-page .banner-title{
        font-size: 70px;
        line-height: 80px;
    }
}
@media(max-width: 1500px){
    .home-page .banner-title{
        font-size: 60px;
        line-height: 70px;
    }
    .about-us-section:after{
        width: 20%;
    }
    .left-about-us-section{
        max-width: 40%;
    }
    .feature-icon-number{
        font-size: 40px;
    }
    .quote-section,
    .company-trust-section,
    .service-section,
    .feature-section,
    .about-us-section,
    .home-page .banner-section,
    .information-section,
    .contact-page,
    .log-in-page,
    .quick-response-section,
    .help-support-section{
        padding-block: 75px;
    }
    .feature-heading-section{
        margin-bottom: 40px;
    }
    .feature-icon svg{
        height: 40px;
    }
    .company-trust-section .company-trust-heading{
        max-width: 500px;
    }
    .company-text-section .company-text{
        font-size: 20px;
    }
    #check-service-tab{
        max-width: calc(100% - 220px);
    }   
    .right-quote-section .right-quote-description{
        max-width: 470px;
    }
    .comman-heading{
        font-size: 40px;
        line-height: 50px;
    }
    .contact-us-heading{
        font-size: 30px;
    }
}
@media(max-width: 1400px){
    .left-about-us-section{
        max-width: 50%;
    }
    .service-item-name{
        font-size: 17px;
    }
    #track-order-tab{
        max-width: 230px;
        padding-inline: 10px;
    }
    #check-service-tab{
        max-width: calc(100% - 190px);
        padding-inline: 10px;
    }
    .right-information-input input,
    .right-information-input input::after,
    .right-information-input{
        height: 20px;
        width: 20px;
    }
    .right-information-input input:checked:before{
        height: 10px;
        width: 10px;
    }
    .right-information-label{
        font-size: 16px;
    }
    .service-item-description{
        font-size: 14px;
    }
}
@media(max-width: 1200px){
    .social-media-icon{
        gap: 20px;
    }
    .home-page .banner-title{
        font-size: 40px;
        line-height: 40px;
    }
    .about-us-top-icon svg,
    .about-us-bottom-icon svg{
        height: 30px;
        width: 30px;
    }
    .about-us-bottom-icon-section{
        padding-block: 15px;
        padding-right: 15px;
        bottom: 20px;
        right: 32px;
    }
    .about-us-section .about-heading{
        font-size: 30px;
        line-height: 40px;
    }
    .feature-heading,
    .service-heading{
        font-size: 30px;
        line-height: 30px;
    }
    .feature-icon-number{
        font-size: 35px;
        line-height: 35px;
    }
    .company-trust-section .company-trust-heading,
    .right-quote-section .right-quote-title{
        font-size: 30px;
        line-height: 35px;
    }
    .company-trust-descrption{
        max-width: 410px;
    }
    .company-icon-section svg{
        height: 25px;
        width: 25px;
    }
    .company-icon-section{
        height: 50px;
        width: 50px;
    }
    .company-text-section .company-text{
        font-size: 18px;
        line-height: 20px;
    }
    #track-order-tab,
    #check-service-tab{
        max-width: 100%;
    }
}
@media(max-width: 991px){
    .social-media-icon{
        gap: 0px;
    }
   .banner-section .left-banner{order: 2;margin-top: 50px;}
   .banner-section .right-banner{order: 1;}
   .left-about-us-section{max-width: 75%;order: 2;margin-top: 50px;}
   .feature-icon-heading{
    line-height: 25px;
    font-size: 20px;
   }
   .company-trust-section:before{
    background-image: none;
   }
   .company-trust-section:after{
    width: 100%;
   }
   .right-company-trust-section,
   .right-information-section{
    order: 1;
    margin-bottom: 50px;
   }
   .company-icon-item{
    margin-left: 0;
   }
   .left-company-trust-section,
   .left-information-section{
    order: 2;
   }
   .company-text-section .company-text{
    color: var(--bg-black);
   }
   .left-quote-section{margin-bottom: 50px;}
   .order-tracking-section .bg-light-white td{
    white-space: nowrap;
   }
   .right-about-us-section{
    max-width: 50%;
   }
   .about-us-section:after{
    background-color: transparent;
   }
   .form-group-inline .form-group{
    display: block;
   }
    .form-group-inline.gst label,
    .form-group-inline.gumasta label,
    .form-group-inline.cheque label{
        text-align: left;
        margin-bottom: 10px;
    }
    .form-group-inline.gst input,
    .form-group-inline.gumasta input,
    .form-group-inline.cheque input{
        max-width: 100%;
        margin-bottom: 20px;
    }
    .form-group-inline.gst .form-group,
    .form-group-inline.gumasta .form-group,
    .form-group-inline.cheque .form-group{
        margin-bottom: 0px;
    }
    .left-contact-section,
    .left-help-support-section{
        order: 2;
        margin-top: 25px;
    }
    .right-contact-section,
    .right-help-support-section{
        order: 1;
    }

}

@media(max-width: 767px){

    .right-about-us-section{
        max-width: 100%;
        transform: scale(0.9);
    }
    .left-about-us-section{
        max-width: 100%;
    }
    .about-us-section .about-heading,
    .feature-heading,
    .service-heading,
    .company-trust-section .company-trust-heading,
    .right-quote-section .right-quote-title{
        font-size: 25px;
        line-height: 30px;
    }
    .home-page .banner-title,
    .left-information-heading{
        font-size: 30px;
        line-height: 30px;
    }
    .about-us-icon-section{
        margin-bottom: 20px;
    }
    .about-us-icon-section:last-child{
        margin-bottom: 30px;
    }
    .feature-icon-box{
        margin-bottom: 30px;
    }
    .feature-icon-number{
        margin-top: 10px;
    }
    .service-heading{
        margin-bottom: 25px;
    }
    .quote-section,
    .company-trust-section,
    .service-section,
    .feature-section,
    .about-us-section,
    .home-page .banner-section,
    .information-section,
    .contact-page,
    .log-in-page,
    .quick-response-section,
    .help-support-section{
        padding-block: 50px;
    }
    .c-gap-30{
        gap: 30px;
    }
    .col-md-4:last-child .feature-icon-box{
        margin-bottom: 0;
    }
}
@media(max-width: 575px){
    .right-information-card,
    .left-form-card,
    .right-form-card{
        padding: 15px;
    }
    .service-item-card-body{
        padding: 20px;
    }
    .comman-heading,
    .right-help-support-heading{
        font-size: 25px;
        line-height: 30px;
    }
    .contact-us-heading{
        font-size: 25px;
        line-height: 25px;
    }
    .c-form-control{
        padding-block: 10px;
        font-size: 13px;
    }
    .form-group-inline.gst input,
    .form-group-inline.gumasta input,
    .form-group-inline.cheque input{
        height: 42px;
        line-height: 21px;
    }
    .partner-page{
        padding-block: 50px;
    }
    .comman-header{
        padding-top: 56px;
    }
    .right-help-support-description{
        font-size: 14px;
    }
}
@media(max-width: 400px){
    .header-section .header-logo,
    .footer .footer-logo{
        max-width: 100px;
    }
    .contact-us-description{
        font-size: 13px;
    }
}