@media screen and (max-width: 1280px) {
    .site-wrap {
        width:100%;
        padding:0 10px;
        box-sizing:border-box;
    }
}
@media screen and (max-width: 1100px) {
    .product-title {
        font-size:23px;
    }
    .product-price {
        font-size:23px;
    }
    .section-title {
        font-size:26px;
    }
}
@media screen and (max-width: 910px) {
    .header-links {
        display:none;
    }
    
    .mobile-icon {
        display: block;
        top:90px;
      }
    .languages {
        float:left;
        width:100%;
    }
    .top-info {
        font-size:11px;
    }
    .top-info.info1:before, .top-info.info2:before, .top-info.info3:before, .top-info.info4:before {
        top:6px;
        background-size:80%;
    }
    .logo {
        width: 95px;
        margin-top:10px;
    }
    .top-section {
        margin-top:10px;
    }
    .bye {
        width:180px;
    }
}
@media screen and (max-width: 800px) {
    .header-elements {
        flex-wrap:wrap;
    }
    .info-dark-section {
        width:100%;
        padding:10px;
        box-sizing:border-box;
    }
    .bottom-links {
        width:100%;
    }
    .all-bottom-links {
        flex-wrap:wrap;
        display: flex;
        justify-content: center;
    }
    .product-box {
        padding:0px;
        box-sizing:border-box;
    }
    .product-img {
        width:55%;
    }
    .product-img img {
        width:100%;
    }
    .popup {
        width:100%;
        float:left;
        top:70%;
    }
    .contact-form {
        margin-top:20px;
    }
    .white-section {
        padding:0px;
    }
}
@media screen and (max-width: 750px) {
    .img-txt-wrap {
        flex-wrap:wrap;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top:20px;
        gap:10px;
    }
    .image-box {
        width:50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .text-box {
        width:100%;
    }
    .products {
        flex-wrap:wrap;
    }
    .product-box {
        width:100%;
    }
    .contact-form {
        flex-wrap:wrap;
    }
    .left-contact-part, .right-contact-part {
        width:100%;
    }
    .dark-section {
        height: auto;
        margin-top:20px;
    }
    .custom-arrow {
        width:35px;
        height: 35px;
    }
    .product-description {
        height: auto;
    }
}
@media screen and (max-width: 550px) {
    .section-title {
        font-size:21px;
    }
    .txt p {
        font-size:15px;
    }
    .product-title {
        font-size:20px;
    }
    .logo {
        width:55px;
        margin:10px 0px;
    }
    .top-section {
        margin-top:0px;
    } 
    .product-price {
        font-size: 16px;
        margin:5px 0px;
    }
    .section-title {
        padding-right:70px;
        box-sizing:border-box;
    }
    .section-title:after {
        width:70px;
    }
    .bottom-links {
        margin:10px 0px;
        padding-top:10px;
        box-sizing:border-box;
    }
    .links-title {
        font-size:16px;
    }
    a.bottom-link {
        font-size:15px;
    }
    .all-bottom-links {
        gap:10px;
    }
    .input-row input {
        min-height: 40px;
    }
    .input-row textarea {
        min-height: 120px;
    }
    .contact-form {
        gap:15px;
    }
    .custom-arrow {
        top:65%;
    }
    .products {
        gap:0px;
    }
    .product-description {
        font-size:17px;
    }
    .top-section img {
        height: 200px;
        object-fit:cover;
    }

    .modal-body {
        padding: 0;
    }

    .products-container {
        gap: 8px;
    }

    .product-summary {
        gap: 5px;
        padding: 2px;
        align-items: center;
    }

    .product-summary img {
        width: 60px;
        height: 60px;
    }

    .modal-content {
        padding: 10px;
    }

    .product-summary-title {
        font-size: 14px;
    }

    .product-summary-price {
        font-size: 10px;
    }

    .quantity-btn {
        font-size: 1rem;
    }

    .total-price {
        font-size: 16px;
    }

    .quantity-box input[type="number"] {
        width: 40px;
    }

    .product-summary-info .quantity-control {
        margin-top: 5px;
    }

    .grand-total {
        padding: 5px;
        font-size: 18px;
        margin-top: 6px;
    }
}
@media screen and (max-width: 500px) {
        .top-info {
            font-size: 9px;
        }
        .top-info.info1:before, .top-info.info2:before, .top-info.info3:before, .top-info.info4:before {
            background-size: 42%;
        top: -4px;
        left: -3px;
        }
        .top-info {
            padding:8px 0px;
            padding-left:25px;
            box-sizing:border-box;
            
        }
        .header-links.active {
            top:140px; 
        }
}
@media screen and (max-width: 330px) {
    .quantity-box {
        width:100%;
        margin-bottom:10px;
    }
    .quantity-box input[type="number"] {
        width:100%;
        padding-right:0px;
    }
    .bye {
        width:100%;
    }
    .product-title {
        font-size:16px;
    }
    .product-img img {
        float:left;
        width:100%;
    }
    .product-description {
        font-size:16px;
    }
    
}