@media (max-width: 1400px) {
    .container {
        max-width: 100% !important;
    }

    .container-gold {
        max-width: 95%;
    }

    .container-as {
        max-width: 85% !important;
    }

    .navbar-nav li a {
        font-size: 14px;
    }

    .first-page-search {
        min-width: 290px;
    }

    .navbar-expand-lg::after {
        content: unset !important;
    }

    .contome-col-1 {
        width: 20% !important;
    }
    .contome-col-2 {
        width: 80%;
    }

    .container-product-detail {
        max-width: 85%;
    }
}

@media (max-width: 768px) {
    .no-table {
        width: max-content;
    }
}

@media (max-width: 992px) {
    .order-child section:nth-of-type(even) .contome-col-2,
    .order-child section:nth-of-type(even) .border-bottom-0 {
        padding-left: 0 !important;
    }

    @keyframes slideUp22 {
        from {
            transform: translateY(-100px);
        }
        to {
            transform: translateY(-46px);
        }
    }

    .delete-xs {
        animation: slideUp22 0.5s ease-in-out forwards;
    }

    .container-as,
    .container-product-detail {
        max-width: 100% !important;
    }

    .panel-sidebar {
        background-color: transparent !important;
    }

    .head-font {
        font-size: 23px;
    }

    .products.position-relative::before,
    .login::before,
    .login::after {
        content: unset !important;
    }

    footer .footer-elipsis {
        padding-bottom: 6rem !important;
    }
    .search-results {
        min-width: 100%;
    }

    footer {
        margin-top: 10rem;
    }

    .container-gold::after {
        content: unset !important;
    }

    .footer-property {
        gap: 10px;
        padding: 10px;
    }

    .footer-property img {
        width: 25px;
    }

    .footer-property p {
        font-size: 12px;
        margin-top: 10px !important;
    }

    .top-60 {
        top: -60px !important;

        .container-gold {
            max-width: 100% !important;
        }

        .first-slider .swiper-pagination {
            right: unset !important;
            margin-left: 15px;
        }

        .products .tilte {
            font-size: 22px;
        }

        .products .tilte::after {
            width: 80px;
        }

        .contome-col-2 {
            width: 100% !important;
        }
    }

    @keyframes toastIn2 {
        from {
            opacity: 0;
            transform: translateY(40px);
        }
        to {
            opacity: 1;
            transform: translateY(-70px);
        }
    }

    .custom-toast {
        animation: toastIn2 0.45s ease-out forwards !important;
    }

    .contome-col-2 {
        width: 100% !important;
    }
}

@media (min-width: 1400px) {
    .navbar-collapse .navbar-nav {
        gap: 30px !important;
    }
}