.burger {
    display: none;
    z-index: 150;
}

@media (min-width: 991px) {
    #section2 {
        min-height: 80vh;
    }
    #header .nav-list ul li ul {
        visibility: hidden;
        opacity: 0;
        box-shadow: inset 0 6px 0 #90da20;
    }
    #header .nav-list ul li:hover > ul,
    #header .nav-list ul li:focus-within > ul,
    #header .nav-list ul li ul:hover,
    #header .nav-list ul li ul:focus {
       visibility: visible;
       opacity: 1;
       display: block;
       z-index: 100;
    }
    #header .nav-list ul li ul {
        background: #61391a;
        visibility: hidden;
        margin-left: 25px;
        opacity: 0;
        display: none;
        min-width: 15rem;
        position: absolute;
        margin-top: 8px;
        left: 0;
        /*border-top: 6px solid #90da20;*/
        padding: 20px 0 30px 0;
        box-shadow: 0 18px 18px rgba(45, 45, 45, 0.37);
        z-index: 150;
    }
    #header .nav-list ul li ul li {
        clear: both;
      	width: 100%;
      	white-space: nowrap;
      	padding: 0;
      	border:0;
        padding: 0 5px 0 20px;
        height: auto;
          
    }
    #header .nav-list ul li ul li a {
        clear: both;
      	width: 100%;
      	padding: 0 20px 0 20px;
      	/*display:inline-block;*/
      	display: table-cell;
    }
    .indic-card h3 {
        font-size: calc(100vw / 40);
    }


}
@media (min-width: 991px) and (max-width: 1269px) {
    .section__address {
        display: none;
    }

}
@media (max-width: 991px) {
    .container__menu {
        display: flex;
        position: relative;
        justify-items: center;
        justify-content: space-between;
        height: 42px;
        width: 100%;
        align-items: center;
    }
    nav {
        display: block;
        position: fixed;
        top: -2000px;
        left: 0;
        width: 100%;
        height: 100%;
        background: #66a408;
        transition: all 0.3s ease 0s;
        overflow: auto;
        z-index: 100;
    }
    nav.active {
        top: 0 !important;
    }
    #header .top__menu ul li ul li {
        height: 100%;
    }
    #header .top__menu ul li {
        height: 100%;
        margin: 10px 0;
    }
    #header .top__menu ul li ul {
        display: block;
        position: relative;
        box-shadow: none;
        padding: 0;
    }

    /*#top .top__menu ul li:hover > ul,*/
    /*#top .top__menu ul li:focus-within > ul,*/
    /*#top .top__menu ul li ul:hover,*/
    /*#top .top__menu ul li ul:focus {*/
    /*    visibility: hidden;*/
    /*    opacity: 0;*/
    /*    display: none;*/
    /*}*/

    #header .top__menu ul li ul {
        margin: 10px;
        background: #66a408;
        /*visibility: hidden;*/
        /*opacity: 0;*/
        display: none;
        /*min-width: 15rem;*/
    }
    #header .top__menu ul li ul li {
        height: 45px;
    }
    #theaderop .top__menu ul {
        margin: 30px 0 0 50px;
        display: flex;
        flex-direction: column;
    }
    #header .top__menu li {
        border: none ;
        float: none ;
    }
    .caret::before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        margin-left:-17px;
        margin-right: 10px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-top: 4px solid\9;
        border-right: 4px solid
        transparent;
        border-left: 4px solid
        transparent;
    }

    .burger {
        display: block;
        position: absolute;
        width: 30px;
        height: 20px;
        margin-right: 10px;
        right: 0;
        cursor: pointer;
        z-index: 101;

    }
    .burger::before, .burger::after, .burger span {
        content: "";
        background: #fff;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        transition: all 0.3s ease 0s;
    }
    .burger span {
        top: 9px;
    }
    .burger::before {
        top: 0;
    }
    .burger::after {
        bottom: 0;
    }
    .burger.active {
        position: fixed;
        top: 20px;
        right: 10px;
    }
    .burger.active span {
        transform: scale(0);
    }
    .burger.active::before {
        transform: rotate(45deg);
        top: 9px;
    }
    .burger.active::after {
        transform: rotate(-45deg);
        bottom: 9px;
    }
    body.lock {
        overflow: hidden;
        /*position: fixed;*/
    }
    .above-title {
        font-size: 2.7rem;
        margin-bottom: 20px;
        display: block;
    }
    .title {
        font-size: calc(100vw / 15);
        line-height: 120%;
    }
    .sub-title {
        font-size: 2rem;
    }
    .main-title {
        font-size: 2.5rem;
    }
    .indic-card {
        padding: 20px;
    }
    .indic-card h3 {
        margin: 0;
        text-align: center;
    }
    .indic-card h3::before {
        position: relative;
        margin: 0;
        width: 100%;
        left: auto;
    }

}
@media (min-width: 434px) {

}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    #top .top__grid {
        justify-items: left;
    }
    #section2 h1 span.section2__title_Panton-light {
        color: #7dc90a;
        font-family: "Panton ExtraLight";
        font-size: 95px;
        font-weight: 200;
        display: inline-block;
        line-height: 100%;
        margin-bottom: 20px;
    }
    #section2 h1 span.section2__title_font-coco {
        color: #7dc90a;
        font-family: "Annabelle";
        font-size: 100%;
        font-weight: 200;
        display: inline-block;
        line-height: 100%;
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
    }

    #section2 h1 span.section2__title_font-panton {
        /*text-shadow: 0 1px 0 #077fd3;*/
        color: #3dafff;
        font-family: PantonBlackCaps;
        font-size: 70%;
        font-weight: 200;
        line-height: 115%;
        text-transform: uppercase;
        display: inline-block;
        margin-bottom: 25px;
        text-align: center;
    }

    #section2 h1 span.section2__title_font-museo {
        /*text-shadow: 0 1px 0 #599402;*/
        color: #7dc90a;
        font-family: "Museo900";
        font-size: 60%;
        /*text-transform: uppercase;*/
        line-height: 100%;
        display: inline-block;
        text-align: center;
        /*margin-bottom: 30px;	*/
    }
    #section2 a.section2__button-link {
        text-align: center;
    }
    #section2 .section2__title-container {
        width: 100%;
    }
    #section2 {
        min-height: 700px !important;
        background: url('../images/section2__bg-main2.jpg') no-repeat top left !important;
        background-size: auto;
        width: 100%;
        color: white;
        background-size: cover;
    }
    #section2 .section2__title-blur {
        margin-top: -500px;
        height: 100%;
        position: relative;
    }
    .section-card {
        margin: 0;
    }
    .card-title::before {
        content: " ";
        background: url('../images/svg/arrow-right.svg') no-repeat top center;
        width: 25px;
        height: 25px;
        right: 20px;
        position: absolute;
    }
    .section__check-group li::before {
        content: " ";
        background: url('../images/svg/check.svg') no-repeat center center;
        width: 30px;
        height: 30px;
        position: absolute;
        left: 3px;
    }
    .section__check-group li {
        padding: 0 0 30px 40px;
        /*margin-left: 10px;*/
    }
    h2.section__title {
        font-size: 27px;
        margin-bottom: 40px;
    }
    span.section__title_namber {
        color: #7bc80d;
        font-size: 40px;
    }
    #advice .block-contact {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(270px, 500px)) ;
        align-items: center;
        margin-top: 50px;
        font-size: 1em;
    }
    #advice p.section__text {
        color: black;
        font-size: 1em;
        text-align: center;
        margin: 0;
        line-height: 120%;
    }
    section {
        /* padding: 50px 0 50px 0; */
    }
    #section6 .section__check-group ul li::before {
        background: none;
        width: 0;
        height: 0;
    }
    #section6 .section__check-group li {

    }
    #section6 .section__check-group li::before {
        display: none;
    }
    #section6 .section6__content-block {
        padding: 15px;
    }
    #section8 .comment-left-block {
        background-color: #6fb00b;
        height: 450px;
        width: 100%;
        border-radius: 20px 20px 0 0 ;
        padding: 40px 0 0 0 ;
        font-family: "Museo900";
        font-size: 30px;
        line-height: 40px;
    }
    .comment__container {
        background-color: white;
        border-radius: 20px;
        width: 100%;
        min-height: 600px;
        height: 100%;
        color: black;
    }
    .m-item-card {
        padding: 8%;
    }
    .m-card-body p {
        font-size: 20px;
    }
    .m-item-card h2 {
        font-size: calc(100vw / 14);
    }
    .m-category-name span {
        padding: 3px;
    }
    .num-item-border {
        display: none;
    }
    .framing-green {
        padding: 15px;
    }

    #sectionTable table.table thead tr > *:nth-child(4),
    #sectionTable table.table thead tr > *:nth-child(5),
    #sectionTable table.table thead tr > *:nth-child(6),
    #sectionTable table.table thead tr > *:nth-child(7),

    #sectionTable table.table tbody tr > *:nth-child(3),
    #sectionTable table.table tbody tr > *:nth-child(4),
    #sectionTable table.table tbody tr > *:nth-child(5),
    #sectionTable table.table tbody tr > *:nth-child(6),

    #sectionTable table.table tfoot tr > *:nth-child(3),
    #sectionTable table.table tfoot tr > *:nth-child(4),
    #sectionTable table.table tfoot tr > *:nth-child(5)
    {
        display: none;
    }
    .title {
        font-size: calc(100vw / 9);
        line-height: 120%;
    }
    .num-list-program {
        margin: 0;
        padding: 0 15px 0 15px;
    }
    .num-list-program li h4 {
        line-height: 100%;
        margin-bottom: 15px;
    }
    .arrow-down-green::before {
        ntent: "";
        background: url('../images/svg/arrow-right-green.svg') no-repeat top center;
        width: 100%;
        margin-bottom: 10px;
    }
    span.droplist-methods {
        text-align: center;
        font-family: "Panton Black";
        font-size: 18px;
        font-weight: 400;
        line-height: 100%;
        cursor: pointer;
        display: block;
        text-decoration: underline;
        margin-top: 8%;
    }
    span.droplist-methods span {
        margin-top: 15px;
        font-size: 18px;
    }
    .m-category {
        padding-left: 15px;
        text-align: center;
        line-height: 100%;
    }
    .ic-down {
        padding: 15px;
    }
    .ic-down::before {
        display: none;
    }
    .table td.name {
        padding: 10px;
    }
    ul.questions {
        margin: 70px 0 30px 10px;

    }
    li .h60-w60 {
        width: 40px;
        height: 40px;
    }
    .sym-icon-border {
        padding: 1%;
    }
    .num-item.f2em span {
        font-size: 100%;
    }
    .img-clin {
        grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
    }
    .img-clin img {
        width: 270px;
    }
    .pers {
        grid-template-columns: repeat( auto-fit, 290px);
    }

    .pers .a {
        grid-column:unset;
    }
    .pers .b {
        grid-column:unset;
    }
    .sert-img img {
        width: 100%;
    }
    .f400pr {
        font-size: 200% !important;
    }
    #section2 .section2__title {
        text-align: center;
    }
    .advice-w input {
        width: 240px;
        /*min-width: 200px;*/
        height: 37px;
        background-color: white;
        border-radius: 10px;
        margin: 15px 0 15px 10px;
        padding: 3px 10px 5px 10px;
    }
    .head__form {
        padding: 0;
    }
    .advice-h {

    }
    form#advice-form .advice-h-btn {
        font-size: 25px;
    }
    .tp-xs-0 {
        padding-top: 0;
    }
    .pers__group {
        flex-direction: column;
        align-items: center;
    }
    .list-prof {
        padding-left: 0;
        max-width: 300px;
        min-width: 270px;
    }

}
@media (max-width: 994px) {
    #section5-1 .grid-container {
        margin-top: 0;
    }

    #section5-1 .grid-container::after {

    }

    #section5-1 .list-dis-bg {
        display: none;
    }

    #section5-1 .left ul li::after {
        content: " ";
        width: 0;
        height: 0;
        display: inline-block;
        border-radius: 0;
        background: none;
        margin-right: 0;
        text-align: left;
    }

    #section5-1 .right ul li::before {
        margin-left: 0;
    }

    #section5-1 .left ul li::before {
        content: "";
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 50%;
        background: #7dc90a;
        margin-right: 10px;
        text-align: left;
    }

    #section5-1 .left, #section5-1 .right {
        text-align: left;
        margin-left: 30px;
    }

    #section5-1 .left ul.list-dis-item::after,
    #section5-1 .right ul.list-dis-item::before {
        content: " ";
        width: 0;
        height: 0;
        border: none;
        border-radius: 0;
        display: inline-block;
        background-clip: content-box;
        position: absolute;
        top: 0;
        margin: 0px;
    }

    #section5-1 ul.item1::after {
        background: none;
    }

    #section5-1 .left ul, #section5-1 .right ul {
    }
}

@media only screen and (max-width: 320px) {
    .header-top {
        
    }
    .header-top__locate {
        font-size: 105%;
    }
    .header-top__flex-item {
        margin-bottom: 20px;
    }
    .contact-title {
        font-size: 28px;
    }
    .logo::before {
        width: 75px;
        background-size: 70px;
    }
    #header {
        
    }
    .header-offer__title h1 {
        font-size: 160%;
    }
    .header-offer__subtitle p {
        font-size: 110%;
        line-height: 120%;
    }
    .order__form {
        flex-direction: column;
    }
    .order__form div {
        width: 100%;
        
    }
    .form-group {
        margin-bottom: 20px;
    }
    .datepickers-container {
        left: -50px !important;
    }
    .order__submit input {
        width: 100%;
    }
    #datepickers-container {
        margin-right: 60px;
    }
    input {
        border: none !important;
    }
    .columns {
        justify-content: center;
        
    }
    .triggers__block {
        margin-bottom: 30px;
    }
    .pt-100 {
        padding-top: 50px;
    } 
    .pb-100 {
        padding-bottom: 50px;
    }
    .section-title {
        font-size: 130%;
    }
    .room-info-card {
        width: 100%;
        padding: 25px;
        margin-top: 144px;
    }
    .room-items-container {
        flex-direction: column;
        height: 100%;
        background-size: 150% !important;
         background-position-x: 0px  !important;
    }
    ul.tabs-label {
        flex-direction: column;
    }
    .tabs-label li {
        width: 80%;
    }
    .section-subtitle {
        font-size: 100%;
    }
    .service__item {
        width: 100%;
        height: 340px;
    }
    .overflow {
        padding: 30px;
    }
    .container-room {
        flex-direction: column;
    }
    .slider-room {
        width: 100% !important;
        height: 100%;
        margin-bottom: 20px;
    }
    .owl-carousel .owl-item img {
        width: 100%;
        height: 193px;
    }
    .form-h input {
        width: 200px;
    }
    .icon-calendar-h::before {
        margin-left: -5px;
        width: 18px;
    }
    .form-h {
        align-items: flex-end
    }
    .tabs-label__item {
        margin-bottom: 10px !important;
    }
    .main-price-room span {
        font-size: 34px;
    }
    .main-price-room {
        font-size: 30px;
    }
    .seats-room {
        font-size: 26px;
    }
    .tabs .content {
        padding: 7px;
    }
    .tabs {
        font-size: 18px;
    }
    .rest-price-room {
        font-size: 22px;
        display: block;
        width: 100px;
    }
    .desc-room {
        padding: 0;
    }
    .contact-text {
        font-size: 24px;
        line-height: 130%;
    }
    .clear_320 {
        display: none;
        opacity: 0;
    }
    .table-x__row .col-x-col3, .table-x__row .col-x-col4 {
        width: auto;
    }
}