@media (max-width : 1200px){
    .mega-menu{
        display:none;
    }
    header{
        position:relative;
    }
    
    .banner-content-new{
        margin-top:0;
    }
    
    .header-btn{
        position:absolute;
        top:20px;
        right:20px;
    }
    .side-icon-sitcky .call{
            display: block;
        background: #000;
        color: #fff;
        width: 40px;
        height: 40px;
        line-height: 50px;
        text-align: center;
        font-size: 25px;
        border-radius: 8px;
        margin-top: 10px;
    }

}

@media (max-width : 768px){
    .header-logo img{
       height:80px;
        object-fit: cover;
    }
    .header-btn{
        top:20px;
    }
    .banner-content h1, .banner-content-new h1{
        font-size:26px;
        text-align:center;
    }
    
    .header-btn .enqur-btn{
       font-size:12px;
       padding:10px 15px;
    }
    p{
        font-size:15px;
    }
    .why-ch-box .box-title p{
        text-align:justify;
    }
    .why-ch-mg:before{
        left:0;
        right:0;
        margin:0 auto;
    }
    .banner-content-new{
        text-align:center;
        margin-bottom:50px;
    }
    .banner-carousel .swiper-slide{
        height:600px;
    }
    .section-title.text-center{
        max-width:100%;
    }
    .brand-sec-main{
        padding:3rem 0;
    }
    .product-sec-main .row{
        align-items: center;
    }
    .sec-big-title{
        font-size:21px;
        text-align:center;
    }
   .about-img img{
       height:auto;
   }
    .brand-main{
        padding:10px;
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
    }
    .productt-box-img .title{
        font-size: 14px;
        position: relative;
        font-weight: 500;
        bottom:10px;
        padding:0 5px;
    }
    .faq-sec-main .row{
            flex-direction: column-reverse;
    }
    .brand-main .brant-items img{
        min-width:40px;
    }
    .brand-main .brant-items:nth-child(even){
        margin-top:0;
    }
    .brand-main .brant-items:nth-child(odd){
        margin-bottom:0;
    }
    .brand-main .brant-items .title{
        font-size:12px;
    }
    .brand-main .brant-items{
        width: 100%;
        max-height: auto;
         max-width: 100%;
         padding:10px;
    }
    .section-title {
        margin-bottom:20px;
    }
    .product-sec-main{
        padding:0 0 3rem;
    }
    .about-sec-main{
       padding:0 0 3rem; 
    }
    .about-content{
        margin-right:0;
    }
    .why-choose-sec{
        padding:3rem 0;
    }
    .why-ch-box .box-title .title{
                font-size: 15px;
        line-height: 1.5;
    }
    .why-ch-box .icon{
        min-width: 65px;
        height: 65px;
        line-height: 70px;
    }
    .why-ch-box .icon img{
        width:40px;
    }
    .why-ch-mg{
        margin:40px 0;
        text-align:center;
    }
    .faq-sec-main{
        padding:3rem 0;
    }
    .accordion-button{
        font-size:15px;
        line-height: 1.5;
    }
    .contact-info-box .contact-content .text-new{
        font-size:14px !important;
    }
    .accordion-collapse .accordion-body{
        padding:0 20px 20px;
        font-size: 16px;
        text-align: justify;
    }
    .contact-info-box .contact-content{
        padding:20px;
    }
    .contact-info-box .contact-content .icon i{
        font-size:40px;
    }
    .contact-info-box .contact-content .title{
        font-size:17px;
    }
    .contact-info-box .contact-content .text{
        font-size:16px;
    }
    .contact-info-box{
        margin:0 0 20px;
    }
    .contact-left-form{
        max-width:100%;
        padding:20px;
    }
    .contact-left-form .sec-big-title{
        font-size:20px;
    }
   
    .contact-left-form .rings{
        margin-bottom:15px;
        border-radius:20px;
        padding:15px 10px;
    }
    .footer-menu{
        flex-direction: column;
        gap:0;
    }
    .fot-info-main{
     flex-direction: column;
    gap: 15px; 
    align-items:start;
    margin-top:20px;
    }
    .copy-right-foter{
        margin-top:25px;
    }
    .copy-right-foter{
        text-align:center;
    }
    .copy-right-foter .text-end{
        text-align:center !important;
    }
    .form-detail-sec, .add-info-sec{
        padding:0 0 3rem;
    }
    .faq-img-left{
        margin-right:0;
        text-align:justify;
        margin-top:40px;
    }
    .inform-btn{
        padding: 8px 20px;
        font-size: 12px;
        max-width: fit-content;
        margin: 0 auto;
    }
    .footer-log img{
      height:80px;
        object-fit: contain;
    }
}

@media (min-width : 768px) and (max-width : 900px){
    .header-btn{
        top:40px;
    }
    .banner-content h1, .banner-content-new h1{
        font-size:30px;
    }
    .banner-content-new{
        text-align:center;
    }
    .brand-main {
        grid-template-columns: repeat(4, 1fr);
    }
    .sec-big-title{
        font-size:30px;
    }
    .section-title.text-center{
        max-width:100%;
    }
    .productt-box-img .title{
        font-size:16px;
    }
    .why-ch-mg {
        text-align:center;
    }
    .why-ch-mg{
        text-align:center;
        margin:20px 0;
    }
    .why-ch-mg:before{
        left:0;
    }
    .faq-img-left{
        margin-right:0;
        text-align:center;
    }
    .contact-info-box{
        margin-bottom:20px;
    }
    .contact-info-box .contact-content{
        padding:20px;
    }
    .contact-info-box .contact-content .icon i{
        font-size:50px;
    }
    .add-info-sec{
        padding:0 0 3rem;
    }
    .contact-left-form{
        max-width:100%;
    }
    .fot-info-main{
        flex-wrap: wrap;
        gap: 20px;
        
    }
    .banner-img{
        text-align:center;
    }
}

@media  (min-width :900px) and (max-width : 1200px){
    .banner-carousel .swiper-slide{
        align-items:end;
        height:auto;
    }
    .banner-content h1, .banner-content-new h1{
        font-size:35px;
    }
    .banner-content-new{
        margin-top:40px;
    }
    .header-btn{
        position:relative;
        top:unset;
        right:unset;
    }
    .sec-big-title{
        font-size:30px;
    }
    .brand-main{
        justify-items: center;
        padding:30px;
    }
    .brand-main .brant-items{
        width:100%;
        max-width:100%;
    }
    .productt-box-img .title{
        font-size:17px;
    }
    .why-ch-box .box-title .title{
        font-size:16px;
    }
    .contact-info-box .contact-content{
        padding:20px;
    }
    .contact-info-box .contact-content .title{
        font-size:18px;
    }
    .contact-info-box .contact-content .icon i{
        font-size:50px;
    }
    .contact-left-form{
        max-width:80%;
    }
    .inform-btn{
        font-size:16px;
    }
    .footer-menu{
        gap:20px
    }
}