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

}

@media only screen and (min-width: 1200px) and (max-width: 4000px) {
    form.inline-form .form-group.nights {
        width: 100px;
    }

    form.inline-form .form-group.eat {
        width: 145px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .settings-block .settings-nav a {
        font-size: 15px;
    }


}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .intro .intro-container {
        padding-bottom: 250px;
    }

    .intro-searching .type-of-vacation {
        margin-top: 170px;
    }

    .vacation-places .filter-search {
        margin-top: 55px;
    }

    .hide-menu-choose-country {
        border-radius: 0 20px 20px 20px;
        margin-top: 131px;
    }

    .hide-menu-choose-country.all-filters {
        margin-top: 128px;
    }

    header nav {
        justify-content: flex-end;
    }

    header nav ul.nav-menu {
        display: none;
    }


    /*    search-box*/
    .more-filters.show {
        border: none;
        margin-top: 0;
        padding-top: 0;
    }

    .more-filters .filters.close-f {
        display: table;
        margin: 12px 0 0 auto;
        height: auto;
    }

    .search-box .more-filters .button.search-sec {
        display: table;
        margin: 0 0 0 auto;
        font-size: 14px;
        position: static;
    }

    .more-filters .button.search-sec img {
        margin-left: 4px;
        width: 11px;
    }

    .search-box.remove-radius a.search-btn {
        display: none !important;
    }

    form.inline-form .form-group {
        margin-bottom: 20px;
    }


    .intro .search-box {
        padding-bottom: 12px;
    }

    .find-offer .offer-items {
        display: flex;
        align-items: center;
    }

    .find-offer .offer-items a.offer-block {
        margin-top: 15px;
    }

    .find-offer .offer-block.lastCH {
        margin-left: 30px;
    }

    .top-destination .offer-image-block {
        margin-bottom: 33px;
    }

    .intro-searching  .form-group.hotel-name:after {
        display: block;
    }

    .intro-searching .form-group.hotel-name {
        border-bottom: none;
    }

    .place-info-block .place-image,
    .place-info-block .place-info p {
        margin-bottom: 30px;
    }

    .place-info-block {
        padding: 25px;
    }

    .free-rooms .room-info-reservation ul {
        display: table;
        margin-left: auto;
    }

    .free-rooms .room-info-reservation a.button {
        float: right;
        vertical-align: bottom;
        position: relative;
        top: 100%;
        margin-top: -50px;
    }

    .guest-reviews ul li {
        margin-bottom: 10px;
    }

    .guest-reviews {
        margin-bottom: 10px;
    }


    .level-type-info-blocks .level-type-info.business-lvl {
        margin-top: 30px;
    }

    .friends-list .invite-friends-btn {
        text-align: left;
        margin-bottom: 29px;
    }

    .places-visited .stars {
        margin-bottom: 15px;
        text-align: right;
    }

    .loyalty-offers .loyalty-offer-block h4 {
        margin-bottom: 18px;
        font-size: 35px;
    }

    .loyalty-offers .loyalty-offer-block p {
        font-size: 16px;
        line-height: 24px;
        padding: 0;
    }

    .loyalty-offers .loyalty-offer-block h3 {
        font-size: 17px;
        line-height: 25px;
    }

    .settings-block form {
        padding: 0 50px;
    }

    .settings-block h5 {
        padding-left: 50px;
    }



}

@media only screen and (min-width: 0px) and (max-width: 1200px) {


    .place-info-block:after {
        display: none;
    }

    .intro-searching .form-group.hotel-name {
        padding: 0;
        display: block;
    }

    .intro-searching #hotelName {
        margin-left: 0;
    }


    /*    search-box*/
    .more-filters .budget-count span {
        font-size: 16px;
    }

    form.inline-form .form-group.subcategories:after {
        display: none;
    }

    .free-rooms .room-info-reservation ul {
        max-width: none;
        margin-bottom: 20px;
    }

    .free-rooms .room-info-reservation .prices {
        text-align: left;
        width: 100%;
    }

}

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

    header nav ul li.img-and-link a {
        font-size: 0;
        vertical-align: middle;
        position: relative;
        bottom: 1px;
    }

    header nav ul li.img-and-link.message {
        margin-left: 8px;
    }

    header nav ul li.social-item a {
        vertical-align: middle;
    }

    .search-box a.button.button-primary {
        display: table;
        margin: 7px 0 0 auto;
        position: static;
    }

    .intro .intro-container {
        padding-bottom: 160px;
    }

    .find-offer .offer-block {
        margin-top: 0;
    }

    .find-offer .offer .block-title h3 {
        font-size: 25px;
        line-height: 32px;
    }

    .find-offer .offer .percentage span.percent {
        transform: translate(-50%, -86%);
        font-size: 16px;
    }

    .find-offer .offer .percentage img {
        width: 82px;
    }

    .find-offer .offer .percentage span {
        transform: translate(-50%, 75%);
    }

    .find-offer .offer-block .find img {
        max-width: 44px;
    }

    .find-offer .offer button.call {
        width: 28px;
    }

    .top-destination .offer-image-block {
        margin-bottom: 20px;
    }

    .hide-menu-choose-country {
        margin-top: 97px;
    }

    .reservation-info-search .change {
        margin-top: 10px;
    }

    .more-extras ul {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }

    .location-map a,
    .location-map .location {
        font-size: 16px;
    }

    .location-map a.email-info img {
        margin-top: 8px;
    }

    .location-map a img {
        margin-top: 4px;
    }

    .intro-profile h3 {
        margin: 35px 15px 15px 0;
    }

    .how-to-raise-level {
        margin: 0 0 50px 0;
    }

    .friends .invite-friends-btn button.invite {
        margin-top: 10px;
    }

    .travel-club .travelClub-block.sec {
        padding-bottom: 40px;
    }

    .travel-club h3 {
        padding-top: 29px;
    }

    .travel-club .travelClub-block img.bookImg {
        width: 380px;
    }

    .intro.loyalty-program .intro-container h1 {
        margin-bottom: 18px;
        font-size: 35px;
        line-height: 40px;
    }

    .intro.loyalty-program .intro-container h1 span {
        font-size: 68px;
        line-height: 83px;
    }

    .loyalty-offers .loyalty-offer-block:first-of-type {
        margin-top: 40px;
    }

    .destinations .destination-block {
        margin-bottom: 35px;
    }

    .destination-block .destination-info {
        padding: 20px 15px 18px 15px;
    }

    .text-page .intro-text h5 {
        font-size: 31px;
        line-height: 39px;
        padding-right: 50px;
    }

    .register-block .text-block .heading {
        font-size: 29px;
        line-height: 36px;
    }

    .register-block .text-block img {
        width: 85px;
        margin-bottom: 23px;
    }

}

@media only screen and (min-width: 0px) and (max-width: 991px) {
    .travel-club .travelClub-info .image-cont {
        min-height: 100%;
    }

    .travel-club .travelClub-block {
        position: static;
    }

    .travel-club .vacation-info {
        margin-top: 25px;
        height: auto;
    }

    .travel-club .travelClub-info:hover .image-cont,
    .travel-club .vacation-info:hover .image-cont {
        transform: none;
    }

    .gallery .more-images {
        padding: 12px 0;
        text-align: center;
        width: 148px;
    }

    .gallery .more-images img {
        width: 15px;
        margin: -2px 2px 0 0;
    }

    .extras {
        padding-top: 0;
    }

    .extras .extra {
        margin-top: 26px;
    }

    .block-information p {
        margin: 10px 0 35px 0;
        font-size: 15px;
        line-height: 24px;
        padding: 0;
    }

    .block-information p.footerP {
        margin: 10px 0 0 0;
        font-size: 17px;
        line-height: 25px;
    }

    main.profile .container-fluid {
        padding: 0 15px 0 15px;
    }


}

@media only screen and (min-width: 0px) and (max-width: 767px) {

    .nav-btn {
        z-index: 10000;
        width: 36px;
        height: 42px;
        cursor: pointer;
        position: relative;
        display: block;
        top: 24px;
        margin: 0 0 0 auto;
    }

    .nav-btn span {
        display: block;
        border-radius: 20%;
        height: 4px;
        background-color: #3c5a5d;
        position: absolute;
        right: 0;
        top: 0;

        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);

        -webkit-transition: .1s ease-in-out;
        -moz-transition: .1s ease-in-out;
        -o-transition: .1s ease-in-out;
        transition: .1s ease-in-out;

        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }

    .nav-btn span:nth-child(1) {
        width: 100%;
    }

    .nav-btn span:nth-child(2) {
        width: 100%;
        top: 7px;
    }

    .nav-btn span:nth-child(3) {
        width: 100%;
        top: 14px;
    }

    .nav-btn:hover span:nth-child(2) {
        width: 100%;
    }

    .nav-btn:hover span:nth-child(3) {
        width: 100%;
    }

    .nav-btn.open {
        transition-duration: .3s;
    }

    .nav-btn.open span {
        box-shadow: none;
        background-color: #3c5a5d;
        right: -5px;
    }

    .nav-btn.open span:nth-child(1) {
        width: 26px;
        transform: rotate(45deg);
        top: -3px;
    }

    .nav-btn.open span:nth-child(2) {
        opacity: 0;
    }

    .nav-btn.open span:nth-child(3) {
        width: 26px;
        transform: rotate(-45deg);
        top: 16px;
    }

    header nav {
        width: 100%;
        background: white;
        z-index: 10001;
        text-align: center;
        padding: 0 0 40px 0;
        transition: all .5s;
        position: fixed;
        top: 0;
        right: -100%;
        bottom: 0;
        overflow: scroll;
        margin-top: 65px;
        display: block;
    }

    header.open nav {
        height: 100vh;
        right: 0;
        padding-bottom: 80px;
    }

    .button {
        font-size: 15px;
        letter-spacing: 0.3px;
    }

    header a.logo {
        padding-top: 10px;
    }

    header a.logo img {
        padding: 0;
    }

    header {
        padding: 0 0 13px 0;

    }

    header nav ul li {
        display: block;
        padding: 10px 0;
        margin-left: 0;
    }

    header nav ul li.social-item {
        display: inline-block;
        padding: 10px 4px;
    }

    header nav ul li a.button {
        min-width: 180px;
    }

    /*header.open {*/
    /*    bottom: 0;*/
    /*}*/
    main {
        margin-top: 70px;
    }


    .intro-container h1 {
        font-size: 25px;
        line-height: 34px;
        padding-top: 50px;
        margin-bottom: 45px;
    }

    .intro h1 span {
        font-size: 35px;
        letter-spacing: 1px;
        line-height: 60px;
    }

    .search-box .form-group {
        border-bottom: 1px solid #E8E8E8;
        padding: 10px 0;
    }

    .search-box .form-group select,
    .search-box .form-group input {
        padding-bottom: 0;
    }

    .intro .search-box {
        padding: 10px 0 0 0;
        margin: 0 2px;
    }

    .search-box .form-group.guests-gr {
        border: none;
    }

    .search-box.remove-radius .form-group.guests-gr {
        border-bottom: 1px solid #E8E8E8;
    }

    .search-box .form-group:after {
        display: none;
    }

    .more-filters.show {
        margin-top: 0;
        padding: 0 0 20px 0;
        border-top: none;
        position: static;
    }

    .age-and-btn {
        display: block;
    }

    .age-and-btn .form-group.guests-gr {
        border-bottom: 1px solid #E8E8E8;
    }

    .search-box .more-filters .button.search-sec {
        display: table;
        margin: 15px 20px 10px auto;
        height: auto;
        position: static;
    }

    .more-filters .filters.close-f {
        display: table;
        margin: 10px 20px 0 auto;
        height: auto;
    }


    .intro .search-box.remove-radius {
        border-radius: 30px !important;
    }

    .search-box .form-group {
        padding: 10px 20px 10px 10px !important;
    }

    .search-box form a.button.search-btn {
        bottom: 50%;
        margin-bottom: -22px;
    }

    .search-box .search-btn-block {
        padding: 10px 15px 30px 15px;
    }

    .search-box.remove-radius .search-btn-block {
        display: none;
    }

    .search-box .search-btn {
        display: table;
        margin: 0 0 0 auto;
    }

    .person-info-block .person-info select#age {
        height: 38px;
        padding: 7px 30px 7px 12px;
    }

    .intro .intro-container {
        padding-bottom: 45px;
    }

    .find-offer .offer-items {
        display: flex;
        align-items: center;
    }

    .find-offer .offer-items a.offer-block {
        margin-top: 15px;
    }

    .find-offer .offer-block.lastCH {
        margin-left: 30px;
    }

    .find-offer .offer-block {
        margin-top: 15px;
    }


    .find-offer h2 {
        margin-bottom: 20px;
        font-size: 25px;
        margin-right: 0;
        line-height: 31px;
    }

    p {
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 23px;
    }

    .find-offer p {
        margin-bottom: 10px;
    }

    .heading {
        font-size: 22px;
        line-height: 28px;

    }
    h2.heading {
        margin-bottom: 20px;
    }

    .space {
        padding: 40px 0;
    }

    .offer-slider .offer-article .place-info {
        padding: 15px 12px 0 12px;
    }

    .stars .star-info {
        font-size: 14px;
    }

    h3, h4 {
        font-size: 17px;
        letter-spacing: 0.5px;
        line-height: 21px;
    }

    /*    type-of-vacation*/
    .type-of-vacation .type {
        margin: 20px 0 20px 0;
    }

    .type-of-vacation .type .img-block {
        width: 105px;
        height: 105px;
    }

    .type-of-vacation .type .img-block img {
        max-height: 40px;
    }

    .type-of-vacation .type span {
        margin-top: 15px;
        font-size: 16px;
        line-height: 23px;
    }


    /*    top-destination*/
    .top-destination button.find img {
        width: 45px;
    }


    /*    footer*/
    footer {
        padding: 50px 0 20px 0;
    }

    footer h4 {
        margin-bottom: 15px;
    }

    footer ul {
        margin-bottom: 30px;
    }

    footer ul li {
        margin-bottom: 10px;
    }

    footer .license {
        margin-bottom: 30px;
    }

    footer .copyright {
        margin: 30px 0 0 0;
        font-size: 15px;
    }

    footer h4 {
        font-size: 17px;
    }

    footer ul li a,
    footer span {
        font-size: 15px;
    }


    .hide-menu-choose-country,
    .hide-menu-choose-country.show {
        width: auto;
        margin-left: 17px;
        top: 0;
        margin-top: 275px;

    }

    .search-block .hide-menu-choose-country.show {
        margin-left: 1px;
        top: 0;
        margin-top: 86px;
    }

    .hide-menu-choose-country ul li {
        padding: 12px 16px 12px 16px;
    }

    .intro-searching #hotelName {
        display: block;
    }

    .intro-searching  .form-group.hotel-name {
        margin-bottom: 0;
        padding: 10px 0;
    }

    .intro-searching .type-of-vacation {
        margin: 20px 0 0 0;
    }

    .intro-searching {
        padding: 40px 0;
    }

    .travel-club h3 {
        line-height: 31px;
        padding-top: 0;
        margin-bottom: 18px;
    }

    .travel-club p {
        margin-bottom: 26px;
        font-size: 17px;
        line-height: 24px;
    }

    .travel-club .travelClub-block {
        padding: 35px 20px 35px 25px
    }

    .travel-club .travelClub-block img.bookImg {
        display: block;
        margin: 0 auto 15px auto;
    }

    .newsletter form a.button {
        margin-bottom: 0;
    }

    .login-menu {
        width: 100%;
        margin-top: -56px;
        position: relative;
    }

    .login-menu .login-header h5 {
        font-size: 20px;
    }

    .login-menu:before {
        margin-left: -10px;
    }

    /*    listing*/
    .vacation-places {
        padding-top: 0;
    }

    .vacation-places h1 {
        margin: 0 0 15px 0;
    }

    .vacation-places .filter-search {
        display: block;
        margin-bottom: 10px;
    }

    .vacation-places .filter-buttons {
        text-align: left;
        margin-bottom: 10px;
    }

    .vacation-places .filter-buttons a {
        margin: 4px 8px 5px 0;
        width: 247px;
        position: relative;
        text-align: left;
        padding: 12px 25px 12px 25px;
    }

    .vacation-places .filter-buttons a img {
        width: 22px;
        height: 20px;
    }

    .place-info-block {
        padding: 19px;
        margin-bottom: 25px;
    }

    .place-info-block .place-info a.place-name {
        font-size: 19px;
        line-height: 22px;
    }

    .place-info-block .place-image {
        margin-bottom: 15px;
    }

    .place-info-block .place-info p {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 21px;
    }

    .place-info-block .place {
        font-size: 16px;
    }

    .place-info-block .place img {
        width: 11px;
    }

    .place-info-block .reservation-and-comments .reviews {
        font-size: 15px;
    }

    ul.comments {
        float: none;
        padding: 0;
    }

    .place-info-block .reservation-and-comments span.a-day {
        margin-bottom: 20px;
    }

    ul.breadcrumbs {
        padding-top: 0;
    }

    ul.breadcrumbs li {
        padding-right: 1px;
    }

    ul.breadcrumbs li a {
        width: 31px;
        height: 31px;
        font-size: 14px;
        padding: 5px 0;
    }

    ul.breadcrumbs li a img {
        width: 15px;
    }

    /*    place-details*/
    .hotel-detail {
        padding: 35px 0 0 0;
    }



    .hotel-detail .hotel-info .stars ul li img {
        width: 19px;
    }

    .hotel-detail .hotel-info .stars span.location-hotel {
        display: block;
        margin: 10px 0;
        padding: 0;
    }

    .hotel-detail .hotel-info .stars {
        margin: 0 0 20px 0;
    }

    .hotel-detail .hotel-info .stars a {
        bottom: 0;
        padding: 0;
        margin: 0;
    }

    .hotel-detail .hotel-info {
        display: block;
    }

    .hotel-detail .hotel-info .buttons {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 15px 0;
    }

    .hotel-detail .hotel-info .buttons a.button {
        margin-bottom: 15px;
        display: block;
        min-width: 180px;
        text-align: center;
    }

    .gallery a {
        margin-bottom: 17px;
    }

    .extras .extra img {
        margin-bottom: 5px;
    }

    .reservation-info-search {
        padding: 13px 15px 28px 15px;
    }

    .reservation-info-search .form-info:after {
        display: none;
    }

    .reservation-info-search .form-info {
        margin-bottom: 15px;
    }

    .reservation-info-search .change {
        justify-content: flex-start;
    }

    .reservation-info-search .form-info span:nth-child(1) {
        margin-top: 3px;
    }

    .free-rooms .room-info-reservation {
        padding: 20px 22px 28px 22px;
        margin-bottom: 25px;
    }

    .free-rooms .room-info-reservation h3 {
        font-size: 19px;
        line-height: 23px;
    }

    .free-rooms .room-info-reservation ul {
        margin-top: 20px;
    }

    .free-rooms .room-info-reservation .prices {
        margin-bottom: 20px;
        text-align: center;
    }

    .free-rooms .room-info-reservation .prices span.a-day {
        font-size: 15px;
    }

    .free-rooms .room-info-reservation a.button {
        margin: 0 auto;
    }

    .free-rooms .room-info-reservation ul li {
        font-size: 14px;
    }

    .free-rooms .room-info-reservation .beds span {
        font-size: 14px;
    }

    .free-rooms .room-info-reservation .beds img {
        max-width: 16px;
        margin-top: 0;
    }

    .free-rooms .room-info-reservation .prices {
        line-height: 18px;
    }

    .free-rooms .room-info-reservation .prices span.total-price {
        margin-bottom: 1px;
    }

    .more-extras {
        padding: 25px 0;
        margin: 25px 0;
    }

    .more-extras ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        margin-bottom: 0;
    }

    .more-extras .see-all,
    .description .see-all {
        margin-bottom: 0;
    }

    .description {
        padding: 0 0 25px 0;
    }

    .description h3 {
        font-size: 15px;
        line-height: 22px;
    }

    .description p:last-child {
        margin-bottom: 10px;
    }

    .see-all {
        font-size: 14px;
    }

    .see-all img {
        height: 11px;
        width: 13px;
    }

    .room-info-table table tr td,
    .room-info-table table tr td span {
        font-size: 14px;
    }

    .room-info-table {
        padding: 35px 0 30px 0;
    }

    .room-info-table .button {
        width: 148px;
        margin-right: 12px;
        margin-bottom: 10px;
    }

    .room-info-table .info-table p:nth-child(3) {
        font-size: 15px;
        line-height: 23px;
    }

    .guests-comments {
        padding: 25px 0 30px 0;
    }

    .guests-comments .stars span {
        font-size: 16px;
        display: inline-block;
        margin-bottom: 10px;
    }

    .guests-comments .stars span.comments {
        padding: 0;
    }

    .guests-comments .stars ul li img {
        width: 20px;
    }

    .location-map {
        padding: 25px 0 45px 0;
    }

    .location-map h3 {
        margin-bottom: 16px;
    }

    .location-map h4 {
        font-size: 19px;
        line-height: 26px;
        margin: 0 0 16px 0;
    }

    .location-map .google-map {
        margin-top: 15px;
    }

    .location-map a,
    .location-map .location {
        font-size: 15px;
    }

    .location-map .location img {
        margin-top: 1px;
        width: 14px;
    }

    .location-map a.email-info img {
        margin-top: 6px;
    }

    .location-map a img {
        margin-top: 2px;
    }

    /*    comments*/
    .comments {
        padding: 35px 0 45px 0;
    }

    .guest-reviews {
        padding: 20px 0;
        margin-bottom: 0;
    }

    .guest-reviews .reviews-info span.star-info {
        padding: 3px 18px;
        margin-right: 7px;
        font-size: 15px;
    }

    .guest-reviews .reviews-info span {
        font-size: 15px;
    }

    .guest-reviews ul li {
        font-size: 16px;
        padding: 0 25px 0 26px;
        margin-bottom: 7px;
    }

    .guest-reviews ul li img {
        width: 19px;
        height: 19px;
        top: 0;
        margin-top: 3px;
    }

    .guest-reviews ul li .stars ul {
        margin-top: 0;
    }

    .guest-reviews ul {
        margin-top: 25px;
    }

    .guest-reviews ul li .stars span {
        font-size: 17px;
    }

    .guest-comment-block {
        padding: 20px 20px 25px 20px;
    }

    .guest-comment-block .comment-block {
        margin-top: 18px;
        font-size: 17px;
        padding-left: 37px;
    }

    .guest-comment-block h4 {
        font-size: 21px;
        line-height: 25px;
    }

    .guest-comment-block .comment-block p {
        font-size: 15px;
        line-height: 21px;
        margin-top: 15px;
        margin-left: -37px;
    }

    .guest-comment-block .comment-block img {
        width: 27px;
    }

    .guest-comment-block .comment-block a {
        margin-left: -37px;
    }

    .client-opinion,
    .show-form-btn {
        margin-top: 25px;
    }

    .client-opinion {
        padding: 25px 17px 35px 17px;
    }

    .rates-container {
        margin-bottom: 19px;
    }

    .rate .rate-component {
        font-size: 14px;
        width: 107px;
        text-align: left;
    }

    .rate .rate-component img {
        width: 18px;
        margin-right: 2px;
        height: 18px;
        margin-top: -4px;
    }

    .rates-container img {
        height: 19px !important;
    }

    .client-opinion h5 {
        margin-bottom: 22px;
        font-size: 21px;
    }

    .rate .button-outline-secondary {
        margin-top: 18px !important;
        display: block  !important;
        width: 100% !important;
    }

    .rate form,
    .rate-modal .modal-body form {
        margin-top: 25px;
    }

    .modal-footer {
        padding-bottom: 10px;
    }

    .rate form .form-group label {
        font-size: 14px;
    }

    .rate form .form-group input {
        margin-top: 2px;
    }

    .rate form .form-group input::placeholder {
        font-size: 14px;
    }

    .rate form .button-primary {
        margin-top: 5px;
        width: 210px;
    }

    .show-form-btn button {
        width: 210px;
    }


    /*    reservation*/
    .reservation h4,
    .payment h4 {
        font-size: 21px;
        line-height: 26px;
        margin-bottom: 10px;
        padding-left: 20px;
    }

    .your-reservation-info {
        padding-top: 25px;
    }

    .your-reservation-info .info-row .selected-reservation {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .your-reservation-info .info-row .selected-reservation span {
        font-size: 16px;
        margin-top: 3px;
    }

    .your-reservation-info .info-row .selected-reservation div {
        font-size: 13px;
    }

    .your-reservation-info .info-row .you-choose h5 {
        font-size: 16px;
    }

    .your-reservation-info .info-row {
        padding: 16px 20px 0 20px;
    }

    .your-reservation-info .info-row:last-child {
        padding: 12px 20px 18px 20px;
    }

    .personal-info form .form-group {
        margin-bottom: 18px;
    }

    .personal-info form label {
        font-size: 15px;
    }

    .personal-info form input::placeholder {
        font-size: 14px;
    }

    .personal-info form .form-control
    .personal-info form .form-control::placeholder,
    .personal-info form .form-group select,
    .personal-info form .form-group textarea,
    .personal-info form .form-group input {
        font-size: 14px;
    }

    .reservation .personal-info h4 {
        margin-bottom: 25px;
    }

    .personal-info {
        padding: 25px 20px 18px 20px;
    }

    .payment-amount {
        padding: 25px 20px 23px 20px;
    }

    .payment-amount .amount {
        margin-bottom: 20px;
    }

    .payment-amount .amount span {
        font-size: 21px;
    }

    .form-group.checkbox label {
        font-size: 14px;
        padding-left: 27px;
    }

    .payment-amount form label a {
        font-size: 14px;
    }

    .form-group .checkmark {
        height: 20px;
        width: 20px;
    }

    .checkmark:after {
        left: 6.5px;
        top: 4px;
        width: 5px;
        height: 9px;
    }

    .payment {
        margin-bottom: 20px;
    }

    .payment .personal-info h4 {
        margin-bottom: 20px;
    }


    .personal-info .user-type button {
        font-size: 15px;
        line-height: 19px;
    }

    .payment-method {
        padding: 25px 20px 18px 20px;
    }

    .payment-method h4 {
        margin-bottom: 25px;
        padding: 0;
    }

    .payment-method form .form-group img {
        height: 35px;
        display: block;
        margin: 10px auto 8px auto;
    }

    .payment-method form .form-group label {
        height: 136px;
        width: 111px;
        font-size: 14px;
    }

    .payment-method form {
        justify-content: flex-start;
    }

    .payment-method form .form-group {
        margin-right: 14px;
    }

    .pay-now .see-all.back {
        margin-right: 10px;
    }

    .pay-now a.button {
        min-width: 166px;
    }


    /*    profile*/
    .intro-profile {
        padding-bottom: 45px;
    }



    .intro-profile h3 {
        margin: 35px 15px 0 0;
    }

    .how-to-raise-level {
        padding: 13px 20px 13px 20px;
        font-size: 16px;
        margin-bottom: 35px;
        margin-left: 0;
        width: 100%;
        margin-top: 18px;
    }

    .level-type-info-blocks .level-type-info {
        margin-bottom: 20px;
        height: auto;
        padding: 20px 20px 25px 20px;
    }

    .level-type-info-blocks .level-type-info .level-name {
        margin-bottom: 15px;
    }

    .level-type-info-blocks .level-type-info .level-name h5 {
        font-size: 20px;
    }

    .level-type-info-blocks .level-type-info ul li {
        padding-left: 21px;
    }

    .level-type-info-blocks .level-type-info ul li:last-child {
        margin-bottom: 0;
    }

    .level-type-info-blocks .level-type-info .level-name img {
        width: 18px;
        margin-top: -6px;
    }

    .profile-sidebar .bonus {
        padding: 14px 20px 14px 20px;
        font-size: 15px;
    }

    .profile-sidebar .bonus img {
        margin-right: 6px;
        width: 23px;
    }

    .profile-sidebar .bonus span {
        font-size: 17px;
    }

    .profile-sidebar .link-name-and-icon {
        font-size: 15px;
    }

    .profile-sidebar ul {
        padding: 0 20px;
    }

    .profile-sidebar .link-icon img {
        max-height: 18px;
    }

    .level-type-info-blocks {
        margin-top: -18px;
    }

    .friends-list .invite-friends-btn {
        text-align: left;
        margin-bottom: 20px;
    }

    .friends-list ul li {
        padding: 0 11px 12px 11px;
        margin-right: 9px;
    }

    .friends-list ul li a {
        font-size: 15px;
    }

    .friends .invite-friends-btn button.invite {
        margin-top: 10px;
    }


    .friends .user-info-block {
        padding: 18px 20px 15px 20px;
        margin-bottom: 20px;
    }

    .friends .user-info-block:last-child {
        margin-bottom: 20px;
    }

    .friends .user-info-block h3,
    .friends .user-title h3 {
        font-size: 21px;
        line-height: 25px;
        display: block;
        text-align: center;
        margin-right: 0;
    }

    .friends .user-info-block .level-type,
    .friends .user-title .level-type {
        display: table;
        margin: 0 auto;
    }

    .friends .user-info-block a.button {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .friends .invite-friends-btn .modal .inline-group {
        display: block;
    }

    .friends .invite-friends-btn .modal label {
        width: 100%;
    }

    main.profile .modal .button {
        display: table;
        width: 246px;
        margin: 0 auto;
    }

    .friends .user-title {
        padding: 10px 0 30px 0;
    }

    .map-visit-place {
        margin: 35px 0 30px 0;
    }

    .places-visited:last-child {
        margin-bottom: 20px;
    }

    .places-visited .stars img.like {
        width: 30px;
        margin-right: 5px;
    }

    .places-visited a.hotel-name {
        font-size: 20px;
        line-height: 23px;
        margin-top: 10px;
    }

    .places-visited span {
        font-size: 14px;
    }

    .map-visit-place .visit-info {
        font-size: 20px;
        line-height: 25px;
    }

    .places-visited {
        margin-bottom: 25px;
    }

    .my-reservations h3 ,
    .my-reviews h3 {
        margin-bottom: 25px !important;
    }

    .reservation-block .reservation-details span.date-of-reservation {
        font-size: 18px;
        line-height: 22px;
    }

    .reservation-block .price {
        font-size: 23px;
    }

    .my-reservations .your-reservation-info .info-row {
        padding: 16px 0 0 0;
    }
    .rate-modal .modal-header h5.modal-title {
        font-size: 20px;
        text-align: left !important;
    }


    .modal h5 {
        font-size: 19px;
        line-height: 23px;
    }

    .rate-modal .modal-header {
        padding: 20px 20px 25px 20px;
    }

    .rate-modal .modal-body {
        padding: 25px 15px 18px 15px;
    }

    .comment-the-hotel button {
        font-size: 15px;
    }

    .comment-the-hotel button img {
        width: 22px;
        margin-top: -4px;
    }

    .my-reservations article {
        margin-bottom: 25px;
    }

    .my-reservations article:last-child {
        margin-bottom: 20px;
    }

    .rate-block,
    article.your-review {
        margin-bottom: 25px;
        padding: 20px 20px 22px 20px;
    }

    .my-reviews h5 {
        font-size: 19px;
        line-height: 25px;
        margin-top: 0;
    }

    .shared-review .review-info img.like {
        width: 28px;
        margin-right: 3px;
    }

    .shared-review .review-info span {
        font-size: 16px;
    }

    .shared-review .review-info .stars img {
        width: 18px;
    }

    .shared-review .review-info {
        margin: 11px 0 19px 0;
    }

    .shared-review p {
        font-size: 14px;
        line-height: 21px;
    }

    article.your-review .btn-details {
        font-size: 14px;
    }

    .rate .stars ul li img {
        width: 19px;
    }

    .rate-block button img {
        width: 20px;
    }
    article.your-review:last-child {
        margin-bottom: 20px;
    }

    .find-offer h2 {
        margin-bottom: 18px;
        font-size: 22px;
        line-height: 28px;
    }

    .hotel-detail.fix-info .place-title {
        font-size: 22px;
        line-height: 30px;
    }

    .hotel-detail.fix-info .hotel-info .stars ul li img {
        width: 17px;
    }
    .hotel-detail.fix-info .hotel-info .stars span.location-hotel {
        font-size: 15px;
        margin: 4px 0;
    }

    .hotel-detail.fix-info .hotel-info .stars span.location-hotel img {
        width: 14px;
    }

    .hotel-detail.fix-info .buttons a {
        padding: 9px 28px;
        font-size: 14px;
    }

    .hotel-detail.fix-info .hotel-info .stars a,
    .hotel-detail.fix-info .buttons #commentLoc {
        display: none;
    }

    .heading-2 {
        font-size: 25px;
        line-height: 32px;
    }

    .forgot-password {
        padding: 45px 0 70px 0;
    }

    .forgot-password .forgot-pass-form form input {
        font-size: 15px;
    }

    .intro.loyalty-program .intro-container h1 {
        margin-bottom: 15px;
    }

    .intro.loyalty-program .intro-container img {
        margin: 0 auto;
    }

    .intro.loyalty-program .intro-container .intro-info {
        padding: 0 15px;
    }

    .loyalty-info {
        margin-top: 15px;
    }

    .loyalty-offers .loyalty-offer-block:first-of-type {
        margin-top: 0;
    }

    .loyalty-offers .loyalty-offer-block.even .loyalty-info {
        padding: 0;
    }

    .loyalty-offers .loyalty-offer-block {
        margin-top: 35px;
    }

    .loyalty-offers .loyalty-offer-block h3 {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 24px;
    }

    .loyalty-offers .loyalty-offer-block h4 {
        margin-bottom: 15px;
        line-height: 27px;
        font-size: 22px;
    }

    .loyalty-offers .loyalty-offer-block p {
        padding: 0;
        margin-bottom: 15px;
    }

    .register-block .text-block .heading {
        font-size: 24px;
        line-height: 29px;
    }

    .register-block .text-block img {
        width: 75px;
        margin-bottom: 15px;
    }

    .destinations .heading-2 {
        margin-bottom: 25px;
    }

    .destinations .destination-block {
        margin-bottom: 30px;
    }

    .destination-block .destination-info {
        padding: 20px 12px 16px 12px;
    }

    .destination-block .destination-info h3 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .destination-block .destination-info .hotel-count {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .destination-block .destination-info .top-hotels {
        font-size: 14px;
    }

    .destination-block .destination-info .top-hotels .top-hotel {
        font-size: 16px;
        margin-top: 5px;
    }

    .destination-block .destination-info .see-all {
        margin: 16px 0 0 0 !important;
    }

    .destinations .dest-cont {
        padding: 0;
    }

    .block-information img {
        height: 40px;
    }

    .text-page h1 {
        margin: 0 0 8px 0;
    }

    .text-page .intro-text h5 {
        font-size: 20px;
        line-height: 28px;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .text-page .text-information h5 {
        font-size: 20px;
        margin-top: 35px;
        line-height: 25px;
        padding-top: 30px;
    }

    .text-page p,
    .text-page ul li {
        font-size: 15px;
        line-height: 24px;
    margin-bottom: 15px;
    }

    .text-page ul li {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .person-info-block {
        border: 1px solid #E8E8E8;
        box-shadow: none;
        margin: 5px 0 0 0;
        width: 100%;
        position: static;
    }

    .thank-you .thank-you-block {
        padding: 0 15px 45px 15px;
    }

    .thank-you .thank-you-block img {
        margin-top: -20px;
    }
    .thank-you .thank-you-block p {
        font-size: 18px;
        line-height: 28px;
    }

    .settings-block {
        padding: 10px 15px 35px 15px;
    }

    .settings-block .settings-nav a {
        font-size: 15px;
        line-height: 20px;
        padding-top: 14px;
    }

    .settings-block form .form-group {
        margin-bottom: 18px;
    }

    .settings-block form {
        padding: 0;
    }

    .settings-block h5 {
        padding-left: 0;
        margin: 28px 0;
        font-size: 20px;
    }

    .settings-block form label {
        font-size: 14px;
    }

    .settings-block form input,
    .settings-block form select {
        font-size: 14px;
        padding-left: 18px;
    }

    header nav ul li.profile-menu {
        margin-left: 0 !important;
    }

    .search-box a.button.button-primary {
        position: static;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .friends .user-info {
        justify-content: center;
        margin-top: 20px;
        flex-wrap: wrap;
    }

    .friends .user-info-block ul {
        margin-right: 20px;
        margin-bottom: 15px;
    }
    .places-visited .stars {
        text-align: right;
    }

    .rate-modal .close {
        margin: 16px 20px 0 30px;
    }

    .my-reviews .rate-modal .close {
        margin: 11px 20px 0 30px;
    }

    .my-reviews .review-check {
        font-size: 14px;
    }




}


@media (max-width: 575px) {
    .find-offer .offer-block {
        border: none;
    }

    .find-offer .offer-items {
        display: block;
    }

    .find-offer .offer-block.lastCH {
        margin-left: 0;
    }

    h2.heading {
        display: block;
        margin-right: 0;
    }

    .see-all {
        margin-bottom: 20px;
    }

    .find-offer .offer .block-title h3 {
        max-width: 228px;
        margin: 0 auto;
        font-size: 25px;
        line-height: 32px;
    }

    .find-offer .offer-block.lastCH .block-title h4 {
        max-width: 100%;
        padding: 0 20px;
    }


    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        width: 50px;
        height: 50px;
    }

    .owl-carousel .owl-nav button.owl-next {
        margin-right: 35px;
        margin-top: 35px;
    }

    .owl-carousel .owl-nav button.owl-prev {
        margin-top: 35px;
        margin-left: -27px;

    }

    footer .travel-info {
        margin-bottom: 17px;
    }

    footer h4,
    footer .travel-info,
    footer .license,
    footer ul,
    footer .copyright {
        text-align: center;
    }

    footer ul.contacts {
        text-align: left;
        display: table;
        margin: 0 auto 30px auto;
    }

    .hide-menu-choose-country {
        max-width: 286px;
    }

    .place-info-block .place-info ul.list-extra {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .hotel-detail h1 {
        margin-top: 8px;
    }

    .gallery .more-images {
        width: 110px;
        padding: 10px 0;
    }

    .gallery .more-images img {
        width: 14px;
    }

    .gallery a {
        border-radius: 25px;
    }

    .gallery img {
        border-radius: 25px;
    }

    .more-extras ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .more-extras ul li {
        font-size: 14px;
    }

    .confirm-reservation {
        margin-top: 10px;
    }

    .confirm-reservation a.button {
        margin-bottom: 20px;
    }

    .personal-info .user-type button span {
        max-width: 122px;
        margin: 0 auto;
        display: block;
    }

    .personal-info form textarea.form-control {
        height: auto;
    }

    .pay-now a.button {
        margin-bottom: 23px;
    }

    .intro-profile h3 {
        margin-bottom: 5px;
    }

    .friends-list ul {
        border: none;
        margin: 0 auto;
        text-align: center;
    }

    .friends-list ul li {
        padding: 8px 11px 8px 11px;
        display: table;
        border-bottom: 1px solid #D5D5D5;
        margin-right: 0;
        width: 100%;
    }

    .friends-list ul li:first-of-type {
        text-align: left;
    }

    .friends-list ul li:last-of-type {
        text-align: right;
    }

    .friends .user-info {
        display: block;
        text-align: center;
        margin-top: 20px;
    }

    .friends .user-info-block ul {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .places-visited .hotel-image {
        width: 100%;
        border-radius: 30px;
    }

    .places-visited .stars {
        margin: 10px 0;
    }

    .places-visited .place-images {
        margin: 0;
    }

    .friends .user-title .user-info .invite-friends-btn {
        margin-left: 0;
    }

    .reservation-block .reservation-details span:first-child {
        margin: 10px auto;
    }

    .reservation-block .reservation-details {
        margin-left: 0;
        text-align: center;
        margin-bottom: 7px;
    }

    .reservation-block .price {
        text-align: center;
    }

    .reservation-block .buttons {
        text-align: center;
    }

    .reservation-block .buttons a {
        margin: 5px 5px 10px 5px;
    }

    .reservation-block a.hotel-image img {
        border-radius: 30px;
    }

    .my-reservations .your-reservation-info .info-row .selected-reservation,
    .my-reservations article .you-choose {
        text-align: center;
    }

    .your-reservation-info .info-row .you-choose h5 {
        margin-bottom: 5px;
    }

    .rate-modal .modal-header img {
        margin: 10px auto 15px auto;
        border-radius: 30px;
    }

    .rate-modal .modal-header span {
        display: block;
        text-align: center;
    }
    .modal h5 {
        text-align: center;
    }

    .rate-modal .close {
        margin: 10px 20px 0 30px;
    }

    .my-reviews .rate-modal .close {
        margin: 10px 20px 0 30px;
    }

    .my-reviews .reviews-info {
        text-align: center;
        margin: 12px 0 0 0;
    }

    .rate-block a.hotel-image img,
    .shared-review a.hotel-image img {
        display: block;
        margin: 0 auto;
        border-radius: 30px;
    }

    .my-reviews .review-check {
        margin: 13px auto 10px auto;
        font-size: 14px;
    }

    .hotel-detail.fix-info .buttons {
        text-align: left;
    }

    .forgot-password .forgot-pass-form {
        padding: 25px 20px 35px 20px;
        width: 100%;
    }

    .forgot-password .forgot-pass-form h5 {
        font-size: 21px;
        line-height: 26px;
    }

    .forgot-password .forgot-pass-form p {
        font-size: 15px;
        line-height: 23px;
    }

    .forgot-password .forgot-pass-form form .form-group {
        margin-bottom: 20px;
    }

    .payment-amount .amount .amount-info .discount {
        margin-top: 8px;
        max-width: 140px;
    }


}

@media (max-width: 424px) {
    .owl-carousel .owl-nav button.owl-next {
        margin-right: 19px;
        margin-top: 13px;
    }

    .owl-carousel .owl-nav button.owl-prev {
        margin-top: 13px;
    }

    .register-modal .modal-dialog {
        margin-left: 0;
        margin-right: 0;
    }
}