@media screen and (min-width:1920px){
    p{
        font-size: 20px;
    }
    .sec-1-logo img{
        width: 70%;
    }

    .sec-1-btn{
        font-size: 10px;
        padding: 5px 10px;
    }

    .sec-3-contant-h1{
        font-size: 70px;
    }

}


@media screen and (max-width:1199px) and (min-width:992px){
    .sec-1-logo img{
        width: 70%;
    }
    .nav-item{
        font-size: 13px;
    }
    .sec-1-btn{
        font-size: 10px;
        padding: 5px 10px;
    }

    .sec-3-contant-h1{
        font-size: 70px;
    }


    .sec-6-flex{
        flex-wrap: wrap;
    }


    /* Section 7 */
    .sec-7-img5 , .sec-7-img1 , .sec-7-img4 , .sec-7-img6 , .sec-7-img7{
        padding: 190px 20px 10px 20px;
        margin-top: 0px;
    }
    .sec-7-img2{
        padding: 190px 20px 10px 20px;
    }
    .sec-7-img3{
        padding: 190px 20px 10px 20px;
        margin-top: 70px;
    }
    .sec-7-img8{
        padding: 190px 20px 10px 20px;
        margin-top: 50px;
    }
}


@media screen and (max-width:991px) and (min-width:768px){
    .sec-3-contant-h1{
        font-size: 65px;
    }



    .sec-6-flex{
        flex-wrap: wrap;
    }
    .mySwiper{
        height: 350px;
    }
    .sec-7-p1{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0px;
    }


    /* Section 7 */
    .sec-7-img5 , .sec-7-img1 , .sec-7-img4 , .sec-7-img6 , .sec-7-img7{
        padding: 190px 20px 10px 20px;
        margin-top: 0px;
    }
    .sec-7-img2{
        padding: 190px 20px 10px 20px;
    }
    .sec-7-img3{
        padding: 190px 20px 10px 20px;
        margin-top: 70px;
    }
    .sec-7-img8{
        padding: 190px 20px 10px 20px;
        margin-top: 50px;
    }

}

@media screen and (max-width:767px){
    .sec-3-img1-home{
      margin-top: 0px;
    }
    .product-top-main-sec .pro-bro-div {
    flex-direction: column;
            align-items: flex-start !important;
}
.product-top-main-sec .ask-ex-div {
        flex-direction: column;
    gap: 20px !important;
}
.flag-left-div{
        width: 100% !important;
}
.product-top-main-sec .product-name-main {
        margin-top: 20px !important;
}
.app-ul {
    grid-template-columns: 1fr !important;

}
    .sec-6-flex{
        flex-wrap: wrap;
    }
    
    .sec-3-contant-p{
        width:100%;
    }
    .mySwiper{
        height: 350px;
    }
    .sec-7-p1{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0px;
    }.sec-12-h3{
        font-size:25px;
    }
    .sec-6-col-1{
        padding: 30px;
    }
    
    .sec-3-img1{
        width:100%;
    }
    
    .sec-3-img1-home img{
        display:none;
    }
    
    .sec-3-contant-h2{
        font-size:28px;
        width:100%;
    }
    
    .sec-3-img2 img{
         width:100%;
    }
    
    .sec-4-h1{
        width:100%;
        font-size:28px;
    }
    
    .sec-3-div-5{
        margin-top:30px;
    }
       .sec-3-contant-h1{
        font-size: 65px;
        padding-bottom: 25px;
    }
    
    .product-top-main-sec .pro-txt{
        margin-top:40px;
    }
  .sec-4-home {
    margin: 50px 10px;
}
.sec-6-col-1{
    margin-top: 0px;
}
.sec-7 .row {
    margin-top: 15px;
}
.sec-8 {
        padding: 0;
}
.sec-8-p{
  width: 100%;
}
    
}

@media screen and (max-width:480px){
    .sec-3{
        padding:0px 0px 100px 0px;
    }
 
    .sec-6-col-2{
        padding-top: 10px;
        padding-left: 0px;
        height: 300px;
        background-size: 100vh;
    }

    .newSwiper{
        height: 300px;
    }
    .newSwiper .swiper-slide{
        height: auto;
    }

    .sld-img{
        width: 60%;
    }
    .sld-img img{
        border-radius: 10px;
        width: 100%;
    }

    .sec-7{
        margin-top: 0px;
    }

    .sec-12 .row{
        flex-direction: column-reverse;
    }
}