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

@media screen and (max-width: 991px) {

    .main-wrapper {
        padding-top: 70px;
    }

    .fxd-header {
        position: fixed;
        height: 70px;
        width: 100%;
        flex-direction: initial;
    }

    .sec-follow {
        display: none
    }

    .logo-mobile {
        display: block;
    }

    .hamburger,
    .is-closed {
        width: 70px;
        height: 70px;
    }

    .sub_menu .lang-site {
        display: block
    }

    #header {
        display: none
    }

    .logo-site img {
        max-width: 160px;
    }

    .main_menu {
        position: fixed;
        width: 100%;
        background: var(--main-color);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .menu-toggle {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .section_home .container {
        padding: 0;
    }

    .section_home .item {
        background-size: cover !important;
        background-position: 10% !important;
    }

    .sec_head .btn-site {
        display: none;
    }

    .txt-subscription ul {
        display: flex;
    }

    .txt-subscription .btn-site {
        padding: 12px 15px;
    }

    .txt-package {
        align-items: baseline;
        flex-direction: column;
    }

    .txt-package p a {
        font-size: 22px;
    }

    .txt-package strong {
        font-size: 20px;
    }

    .sub-now {
        width: 100%
    }

    .txt-package .btn-site {
        height: 55px;
        width: 100%;
    }

    .txt-package .btn-site span {
        font-size: 20px;
    }
    
    .stage-padding {
        padding-top: 15px;
    }
    
    .customize-package {
        flex-direction: column;
    }
    
    .customize-package h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    
    .customize-package strong {
        padding: 15px 20px;
    }
    
    .form-package .form-group {
        flex-direction: column;
    }

    .hint-package {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .form-package .form-group .form-control {
        max-width: 100%;
    }
    
    .no-day,
    .form-package .d-flex {
        overflow-x: auto;
    }
    
    .no-day::-webkit-scrollbar,
    .form-package .d-flex::-webkit-scrollbar,
    .flex-meals::-webkit-scrollbar {
      opacity: 0;
    }
    
    .d-flex input[type="checkbox"] + label span {
        width: 40px;
        height: 40px;
        padding: 0;
    }
    
    .proceed-checkout {
        flex-direction: column;
    }
    .payment-details {
        width: 100%;
        margin-bottom: 10px;
    }
    .btn-proceed {
        width: 100%;
    }
    .btn-proceed .btn-site {
        width: 100%;
        height: 50px;
    }
    .btn-proceed .btn-site span {
        font-size: 20px;
    }
    .cont-package-checkout {
        margin-bottom: 20px;
    }
    .form-mls-address {
        flex-direction: column;
    }
    .form-mls-address .form-group {
        margin: 0 0 15px;
    }
    .flex-meals {
        overflow-x: auto;
    }
    .flex-meals input[type="radio"] + label {
        width: max-content;
    }
    .cont-meals-for p {
        position: absolute;
        bottom: 15px;
    }
    .aside-acount {
        margin-bottom: 20px;
    }
    
}

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

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