@media screen and (min-width:1300px) and (max-width:1900px){
    .text-data h1{font-size:2.7rem;line-height:3.2rem}
    .logo img{width:13vw!important}
}

@media screen and (min-width:1900px){
    .pin img{width:15vw!important;max-width:15vw!important}
    .text-data h1{font-size:2.4vw;line-height:2.7vw}
    .logo img{width:12vw!important}
    .container-megagen{padding-left:70px;padding-right:70px}
    .user-profile .flag{height:1.5vw}
    .user-operations .user-down-menu{top:2.6vw;width:10vw}
    .user-operations .user-down-menu ul li a{font-size:.7vw}
    .user-operations .user-down-menu ul li a .flag{width:1.5vw;margin-right:15px}
    .detail-head{padding-top:25px;padding-bottom:25px}
    .product-item-megagen-img .type{font-size:.9vw;padding-left:20px;padding-right:20px}
    .product-item-megagen-img .type-col{left:.8vw;top:.8vw}
    .detail-col{padding:40px;padding-left:10px}
    .our-products-left-col{padding:40px;padding-right:10px}
    .detail-body{padding-top:28px}
    .detail-body .g-3{--bs-gutter-x:1.1rem;--bs-gutter-y:1.1rem}
}
    
@media screen and (min-width:3000px){
    .product-item-megagen-img .type{font-size:.9vw;padding-left:20px;padding-right:20px}
    .product-item-megagen-img .type-col{left:.8vw;top:.8vw}
    .detail-col{padding:60px;padding-left:20px}
    .our-products-left-col{padding:60px;padding-right:20px}
    .detail-body{padding-top:40px}
    .detail-body .g-3{--bs-gutter-x:2rem;--bs-gutter-y:2rem}
}

@media screen and (min-height:1000px){
    .main-header{margin-top:3%}
}


@media (max-width:300px){
    .main-header .logo img{width:150px}
}


.product-gorup-filter{display:none}


@media screen and (max-width:576px){
    .mobil-menu-navigate-menu .navigation-bg{
        top: 45% !important;
    }
    .navigation-bg{
        left: 43% !important;
    }
    
    .product-gorup-head{overflow:unset;padding:0!important}
    .product-gorup-head .tab{display:none}
    .product-gorup-filter{display:flex}
    .product-gorup-filter .user-box{position:absolute!important;top:0;width:100%!important;height:100%!important;border:none;z-index:9999;padding-left:30px;padding-right:30px}
    .product-gorup-filter .user-box .user-profile{width:100%!important;height:100%!important}
    .product-gorup-filter .user-down-menu{border-radius:16px;left:0!important;width:100%!important;top:75px!important;overflow:hidden}
    .product-gorup-filter .user-down-menu ul{display:block}
    .product-gorup-filter .user-down-menu ul li a{font-weight:400}
    .product-gorup-filter .user-down-menu .active a{font-weight:600}
    .container-megagen{padding-left:20px;padding-right:20px}
    .radio_container-main{z-index:99;top:50px;margin-top:10px}
    .radio_container-main div{width:100%}
    .radio_container-main div label{padding-left:inherit!important;padding-right:inherit!important}
    .main-header{margin-top:30px}
    .main-header .logo img{width:170px}
    .our-products-left-col{height:60vh}
    .our-products-left-col .head{height:25%!important}
    .our-products-left-col .body-img{height:75%!important}
    .our-products-left-col .head .text-col h2{font-weight:700;font-size:25px!important;line-height:25px!important;margin-bottom:0}
    .our-products-left-col .head .text-col h6{font-weight:500;font-size:11px!important;letter-spacing:.2em;margin-bottom:0}
    .blue-text {

        bottom: 2vh;
        left: 3vh;
        font-size: 3vh;
    }
    .mobil-menu-navigate-menu .blue-text{
        bottom:  2.9vh !important;
    }
    
    .pink-text {
        color: white;
        font-weight: 500;
        position: absolute;
        bottom: 2.5vh;
        left: 2vh;
        font-size: 2.3vh;
    
    }
    
    .yellow-text {
        font-size: 0.7rem;
        bottom: 2vh;
        left: 2vh;
    }

    .green-text {
        color: white;
        font-size: 1.2rem;
        font-weight: 500;
        position: absolute;
        bottom: 1.5vh;
        left: 2vh;
        font-size: 1vh;
    }
    
}



@media screen and (max-width:768px) and (min-width:576px){
    .container-megagen{padding-left:20px;padding-right:20px}
}




@media screen and (max-width:768px){
    .detail-col,.our-products-left-col{padding:15px!important}
    .our-products-left-col{padding-bottom:0!important}
    .detail-body,.detail-col{height:100%!important}
    .mr-position{left:-10%;top:30px;height:50vh!important;width:50vh!important}
    .qr-code{display:none}  
}


@media screen and (max-width:990px) and (min-width:768px){
    .container-megagen{padding-left:30px!important;padding-right:30px!important}
    .product-item .product-name-col{font-size:15px}
}


@media screen and (max-width:990px){
    .accordion-item{margin-bottom:10px}
    .accordion-flex{display:block}
    .accordin-col-sidebar{width:100%}
    .accordin-col-content{width:100%}
    .btn-contact{margin-bottom:1rem}
    .logo img{width:25vh}
    .text-data br{display:none!important}
    .text-data{width:100%}
    .text-data h1:first-child{font-size:1.2rem;line-height:1.5rem}
    .text-data h1:last-child{font-size:1.5rem;line-height:1.7rem}
    .content-accordion .box{display:block}
}
@media screen and (max-width:1200px){
    .product-item{margin-bottom:24px}
    .product-item-megagen-content h6{font-size:12px!important}
}

@media screen and (min-width:1200px) and (max-width:1360px){
    .product-item .product-name-col{font-size:15px}
}

@media screen and (min-width:1300px){
    .informatin-text{font-size:1vw}
    .modal-logo{width:10vw}
    .radio_container-main label{font-size:1vw;display:flex;justify-content:center;align-items:center;padding-left:10px;padding-right:10px;padding:6px 15px;width:auto;text-align:center;border-radius:100px;color:#fff;margin-left:4px}
    .radio_container-main input[type=radio]:checked+label{background-color:#191919;border:1px solid #323131;color:#f1f3f5}
    .radio_container-main .flag-icon{width:1.2vw;margin-right:15%}
}

@media screen and (max-width:1300px){
    .informatin-text{font-size:16px}
    .modal-logo{width:150px}
    .radio_container-main label{font-size:16px;display:flex;justify-content:center;align-items:center;padding-left:10px;padding-right:10px;padding:10px 15px;width:auto;text-align:center;border-radius:100px;color:#fff}
    .radio_container-main input[type=radio]:checked+label{background-color:#191919;border:1px solid #323131;color:#f1f3f5;margin-right:15px}
    .radio_container-main .flag-icon{width:20px;margin-right:15%}
}

@media (min-width:809px){ /* ======================== Media ==================================== */
    .iziToast-title{font-size:32px!important;line-height:30px!important}
.iziToast-message{font-size:25px!important;line-height:30px!important}
.iziToast-buttons button{font-size:16px!important;line-height:20px!important;padding:7px 20px!important;border:1px solid #000!important}
}