@media only screen and (max-width: 1400px) {
 
}

@media only screen and (max-width: 1300px) {
    .main-menu > ul > li > a, .h-boxes {
        font-size: 14px;
    }
    .slider-1 .description {
        padding-left: 40px;
    }
}

@media only screen and (max-width: 1199px) {
    .box-12-2 {
        width: 510px;
    }
    .table-1 table td {
        font-size: 13px;
    }

    .box-12 .txt-2 {
        font-size: 60px;
        padding-top: 20px;
    }
    header {
        padding: 30px 0
    }
    .box-1 .txt-1 {
        font-size: 50px;
        padding-top: 36px;
    }
    .content-box-1-1 figure {
        width: 240px;
    }
    .x-content-box-4 .col-box-2 {
        padding: 0 20px;
    }
    .main-content-basket {
        margin-top: 0;
    }
    .x-content-box-1 {
        margin-top: 0;
    }
    .boxes-8 .col-box {
        width: 20%;
    }
    .main-1 {
        width: 70%;
    }
    .sidebar-1 {
        width: 30%;
    }
    .boxes-4-1 {
        max-width: 100%;
    }
    .main-menu > ul > li > a, .h-boxes {
        font-size: 12px;
    }
    .logo {
        width: 100px;
    }
    .box-1 .txt-2 span {
        font-size: 50px;
    }
    .box-1-3 .txt-3 {
        font-size: 16px;
    }
    .sidebar {
        width: 280px;
    }
    .main {
        width: calc(100% - 280px);
    }
    .slider-1 .bx-controls {
        width: 592px;
    }
}

@media only screen and (min-width: 992px) {
    .menu-rsp {
        display: none !important;
    }
}

@media only screen and (max-width: 992px) {
    .body-login {
        background: #EDE5D9 url('../img/img03.png') center 300px no-repeat;
        background-size: 992px auto;
    }
    .boxes-12 {
        flex-wrap: wrap;
    }
    .box-12 {
        width: calc(50% - 30px);
        margin-bottom: 30px;
    }
    .box-12-2 {
        width: calc(100% - 30px);
    }
    .table-1 table td, .table-1 table th {
        font-size: 13px;
    }    
    .menu-1 li {
        margin-right: 5px;
    }
    .menu-1 a {
        width: auto;
        padding: 0 15px;
        padding-top: 2px;
    }
    .slider-1 .description {
        padding: 20px;
        width: 100%;
        background: #fff;
        text-align: center;
        border-radius: 10px;
        height: auto;
    }
    .content-box-1 .col-lg-4 > .button-box {
        margin-top: 60px;
    }
    .slider-1 .bx-controls {
        width: 100%;
    }
    .slider-1 .button-box {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        display: flex;
        justify-content: center;
        padding: 15px 0 0 0;
    }
    .slider-1 .link-1 {
        padding-left: 22px;
    }
    .slider-1 {
        width: 100%;
        padding: 0;
    }
    .content-box-1-1 figure {
        display: none;
    }
    .content-box-1-1 {
        height: auto;
    }
    header {
        padding: 15px 0;
    }
    .x-content-box-4 .col-box-2 {
        padding: 30px 0;
        width: 100%;
    }
    .slider-1 {
        background: none;
    }
    .x-content-box-4 {
        flex-wrap: wrap;
    }
    .x-content-box-4 .col-box-1, .x-content-box-4 .col-box-3 {
        width: 100%;
    }
    .x-content-box-3 .x-prev-box {
        text-align: center;
        margin:0;
        margin-bottom: 20px;
    }
    .x-table-1 figure {
        width: 100px;
        height: 100px;
        padding: 10px;
    }
    .x-prev-box {
        margin-bottom: 20px;
        text-align: center;
    }
    .boxes-8 .col-box {
        width: 25%;
    }
    .fl-btn {
        margin-right: 20px;
    }
    .filtration-box {
        margin-bottom: 10px;
    }
    .fl-list li {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .main-1 {
        width: 100%;
        padding: 0 0 30px 0;
    }
    .main-wrapper-1 {
        flex-wrap: wrap;
    }
    .sidebar-1 {
        width: 100%;
    }    
    .boxes-4 .row-box {
        flex-wrap: wrap;
    }
    .banner-1 img {
        border-radius: 15px;
    }

    .banner-1 {
        margin-bottom: 25px;
    }
    .sidebar {
        width: 100%;
        padding-right: 0;
    }
    .main {
        width: 100%;
        margin-top: 30px;
    }
    .main-wrapper {
        display: block;
    }
    .header-rsp {
        display: block;
        background: #EDE5D9;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }
    body {
        padding-top: 70px;
    }
    header {
        position: relative;
    }
    header .logo {
        display:none;
    }
    .main-menu {
        display: none;
    }
    .h-boxes {
        justify-content: center;
        width: 100%;
    }

    .content-box-1 .title {
        text-align: center;
    }
    .content-box-4 .col-box-1 {
        width: 45%;
    }
    .content-box-4 .col-box-2 {
        width: 45%;
    }
    .content-box-4 .txt-2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .body-login header {
        display: block;
    }
    .body-login header .logo {
        display: block;
    }
    .body-login {
        padding-top: 10px;
    }
    .log-button-box {
        padding-top: 22px;
    }

    .body-login .main-content {
        padding-bottom: 25px;
    }
    .sidebar-2 {
        width: 200px;
    }

    .box-11 {
        width: 100%;
        margin-bottom: 20px;
    }
    .content-box-7 {
        flex-wrap: wrap;
    }
    .content-box-7 .col-box {
        width: 100%;
    }
    .height-1 {
        min-height: 5px;
    }
    .main-2 {
        width: calc(100% - 200px);
    }
    .content-box-7-1 {
        margin-left: 0;
    }
    .box-12 {
        margin-left: 15px;
        margin-right: 15px;
    }
    .boxes-12 {
        justify-content: center;
    }
    .user-image {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .l-logo {
        padding-bottom: 0;
    }
    .padding-top-1 {
        padding-top: 0;
    }
    .box-12 {
        width: calc(100% - 30px);
        margin-bottom: 15px;
    }
    .box-12-2 {
        width: calc(100% - 30px);
    }
    .box-12-2 .col-box {
        width: 100%;
    }
    .box-12-2 .row-box {
        display: block;
    }
    .box-12 {
        height: auto;
    }
    .box-12 .txt-1, .box-12 .txt-3 {
        min-height: 1px;
    }
    .box-12 .txt-2 {
        padding-top: 0;
        font-size: 40px;
        line-height: 1;
    } 
    .box-12 .txt-3 {
        display: none;
        margin-bottom: 5px;
    }
    .box-12-2 .txt-3 {
        display: block;
    }
    .box-12-2 {
        padding-bottom: 60px;
    }
    .box-12-2 .row-box > div:first-child {
        margin-bottom: 20px;
    }
    .menu-1 li {
        margin-right: 0;
        width: 50%;
        padding: 1px;
    }
    .text h2 {
        font-size: 20px;
    }
    .boxes-4-1 .box-4 {
        height: auto;
    }
    .boxes-4 .col-box {
        margin-bottom: 15px;
    }
    .boxes-4 {
        padding-bottom: 15px;
    }
    .menu-1 ul {
        border-radius: 0;
        background: none;
        flex-wrap: wrap;
    }
    .menu-1 a {
        background: #fff;
    }
    .h-box .dropdown-menu {
        width: 200px;
        right: 50% !important;
        transform: none !important;
        top: 100% !important;
        margin-top: 5px !important;
        margin-right: -100px !important;
    }
    .box-8 .txt, .box-8 .date {
        text-align: center;
    }
    .box-8 .button-box {
        justify-content: center;
    }
    .x-table-1 td, .x-table-1 th {
        padding-left: 10px;
        padding-right: 10px;
    }
    .sidebar-2 {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }
    .basket-form-button button {
        width: 100%;
    }
    .content-box-7 .form-box-1 {
        margin-bottom: 0;
    }

    .menu-1 {
        text-align: center;
    }
    .main-2 {
        width: 100%;
    }
    .main-wrapper-2 {
        flex-wrap: wrap;
    }
    .content-box-5, .content-box-6 {
        border-radius: 15px;
    }
    .boxes-10 {
        display: block;
    }
    .box-10 {
        width: 100%;
    }
    .content-box-5 .txt-2 {
        font-size: 20px;
    }
    .form-button-box .btn-1 {
        width: 285px;
        max-width: 100%;
    }
    .form-button-box {
        justify-content: center;
    }
    .content-box-4 .col-box-1 {
        width: 100%;
    }
    .content-box-4 {
        display: block;
    }
    .content-box-4 .txt-1, .content-box-4 .txt-2 {
        text-align: center;
    }
    .content-box-4 .col-box-2 {
        width: 100%;
        padding-top: 50px;
    }
    .boxes-8 .col-box {
        width: 33.3333%;
    }
    .boxes-7 .row-box {
        flex-wrap: wrap;
    }
    .boxes-7 .col-box {
        width: 100%;
    }
    .box-7 {
        min-height: 10px;
    }

    .progress-content .active-1 {
        font-size: 12px;
    }
    .f-boxes, footer .row-box {
        flex-wrap: wrap;
    }
    footer .row-box .col-box, .f-boxes .f-box {
        width: 100%;
        text-align: center;
    }
    .f-boxes .f-box {
        margin-bottom: 15px;
    }
    .f-boxes .f-box:last-child {
        margin-bottom: 0;
    }
    .social-box {
        justify-content: center;
    }
    .box-3 .txt-2 span {
        font-size: 37px;
    }
    .boxes-2 .row-box {
        flex-wrap: wrap;
    }
    .boxes-2 .col-box {
        width: 100%;
    }
    .box-2 .txt-1 {
        display: block;
        color: #E94B0E;
        font-weight: bold;
        padding: 15px 0;
    }
}

@media only screen and (max-width: 576px) {
    .boxes-8 .col-box {
        width: 100%;
    }
    .fl-list a, .fl-list div {
        min-width: 10px;   
    }
    .fl-btn {
        margin-right: 15px;
    }
}