@media (max-width:1199.99px) {
    .commerce__content_cards {
        gap: 20px;
    }
    
    .custom__content_cards {
        gap: 20px;
    }
}

@media (max-width:991.99px) {
    .nav {
        position: relative;
    }

    .form input {
        position: absolute;
        left: 0;
        height: 100%;
        width: 0;
        opacity: 0;
        top: 0;
        font-size: 18px;
    }

    .form:hover input {
        width: 100%;
        opacity: 1;
    }

    .nav__list {
        gap: 20px;
    }
}

@media (max-width:767.99px) {
    .header {
        overflow: hidden;
    }

    .nav__list {
        position: absolute;
        right: -100%;
        top: 100%;
        flex-direction: column;
        background-color: white;
        padding: 25px;
        border: 1px solid #e5e5e5;
        transition: .5s;
    }

    .nav__menu_btn {
        display: flex;
    }

    .nav__menu:hover .nav__list {
        right: 0;
    }

    .dropdown {
        width: 120px;
        left: -142px;
    }

    .nav__content {
        justify-content: start;
        gap: 10px;
    }

    .nav__menu {
        order: 1;
    }

    .form {
        margin-left: auto;
    }

    .header__content_title {
        text-align: center;
    }
    
    .commerce__content_cards {
        overflow-x: scroll;
    }
    
    .commerce__content_card {
        min-width: 255px;
    }
    
    .custom__content_cards {
        overflow-x: scroll;
    }
    
    .custom__content_card {
        min-width: 255px;
    }
}

@media (max-width:575.99px) {
    .header__content_title {
        font-size: 35px;
        padding: 10px 31px;
        line-height: 37px;
    }

    .header__content {
        min-height: 550px;
    }

    .logo {
        transform: scale(0.80);
    }
}