@media only screen and (max-width: 1199px) {
    .main-head .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .nav-bar li {
        width: 37%;
    }
    .logo-wrap .langs {
        padding-left: 25px;
    }
    .main-menu {
        padding-left: 10px;
    }
    .main-screen {
        padding-left: 0px;
    }
    .main-screen {
        min-height: 608px;
        padding-top: 120px;
        background-size: cover;
    }
    .banner-wrap h1 {
        font-size: 48px;
    }
    .nav-access {
        padding-left: 0px;
    }
    .form-wrap {
        padding: 21px 21px 43px;
        margin-top: 45px;
    }
    #cities {
        width: 211px;
        background-position-x: 180px;
    }
    #start-date,
    #dept-date {
        width: 194px;
        background-position-x: 155px;
    }
    .search-btn-wrap button {
        width: 144px;
    }
    .collage-item-top,
    .collage-item-middle,
    .collage-item-bottom {
        width: 243px;
        height: 280px;
        padding: 20px 16px 40px;
    }
    .collage-item-top {
        top: 180px;
        left: 163px;
    }
    .collage-item-middle {
        top: 63px;
        left: 5px;
    }
    .collage-item-bottom {
        left: 190px;
        top: 30px;
    }
    .slider-wrap {
        max-width: 930px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0px;
    }
    .storie-item {
        padding-left: 50px;
    }
    .storie-item p:nth-child(2),
    .storie-item p:nth-child(3) {
        width: 370px;
    }
    .storie-item p:nth-child(3) {
        height: 63px;
        overflow: hidden;
    }
    .card-item-1 {
        width: 300px;
        height: 238px;
        font-size: 22px;
        background-size: contain;
    }
    .card-item-1 .badge-wrap {
        padding: 10px 18px 0px;
    }
    .card-item-1 .badge-wrap img {
        width: 62px;
        height: 62px;
    }
    .card-item-1 .narrator {
        vertical-align: middle;
        padding-top: 0px;
    }
    .tour-description {
        font-weight: 500;
        padding: 19px 25px 0px;
    }
    .city {
        margin-top: 13px;
    }
    .btn-wrap a {
        margin-top: 4px;
    }
    .plane-wrap,
    .pisa-wrap,
    .eiffel-wrap {
        display: none;
    }
    .guides-cards .button {
        margin-top: 20px;
    }
    .our-vision p {
        width: 75%;
    }
    .city-card {
        width: 220px;
        height: 272px;
        padding-left: 10px;
    }
    .city-card h4 {
        padding: 7px 8px;
    }
    footer p {
        padding: 10px 15px 20px;
    }
    .socials-wrap {
        justify-content: flex-start;
    }
    .viator-tickets__item-img {
        height: auto;
        width: 100%;
    }
    .viator-tours__filter-date .date,
    .viator-tours__filter .sorting-filter__button,
    .viator-tours__filter .button {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .title {
        font-size: 26px;
    }
    .menu-wrap {
        padding: 0px 15px;
    }
    .main-menu,
    .nav-access {
        display: none;
    }
    .mobile-menu-btn {
        display: block;
    }
    .main-screen {
        background-position-x: right;
    }
    .banner-wrap h1 {
        font-size: 46px;
    }
    .banner-p {
        font-size: 18px;
    }
    .form-wrap {
        max-width: 100%;
        border-radius: 0px;
    }
    .form-md-centered {
        max-width: 690px;
        margin: 0 auto;
    }
    .tour-form {
        max-width: 100%;
    }
    .hotels {
        margin-left: 0px;
    }
    .tours {
        margin-left: 0px;
    }
    #cities {
        width: 410px;
        background-position-x: 360px;
    }
    .persons-wrap {
        margin-right: 20%;
    }
    .start-wrap,
    .dept-wrap,
    .search-btn-wrap {
        padding-top: 32px;
    }
    .all-offers {
        position: absolute;
        top: 54px;
        left: -30px;
    }
    .all-offers::after {
        bottom: 0px;
    }
    .search-btn-wrap button {
        width: 258px;
    }
    .stories-slider {
        padding-top: 45px;
    }
    .slider-wrap {
        margin-top: 110px;
    }
    .stories h2 {
        font-size: 32px;
    }
    .storie-item {
        padding-left: 30px;
        padding-right: 30px;
    }
    .storie-item p:nth-child(2) {
        width: 100%;
    }
    .storie-item p:nth-child(3) {
        display: none;
    }
    .prev-arrow::before,
    .next-arrow::before {
        top: 42%;
    }
    .prev-arrow::before {
        left: -31px;
    }
    .next-arrow::before {
        right: -28px;
    }
    .slick-dots {
        left: 0px;
        bottom: -100px !important;
    }
    .storie-item a {
        margin-top: 25px;
    }
    .collage-item-top,
    .collage-item-middle,
    .collage-item-bottom {
        width: 125px;
        height: 145px;
        padding: 10px 10px 24px;
        top: 0px;
        right: 0px;
        left: 0px;
        bottom: 0px;
    }
    .collage-wrap {
        position: absolute;
        left: 140%;
        width: 200px;
        height: 200px;
    }
    .storie-item {
        padding-left: 20px;
        padding-right: 20px;
    }
    .collage-item-top {
        top: -5px;
        left: 0px;
    }
    .collage-item-middle {
        top: -65px;
        left: -85px;
    }
    .collage-item-bottom {
        top: -85px;
        left: 10px;
    }
    .guides-cards .button {
        margin-top: 60px;
    }
    .socials-wrap span {
        padding-left: 25px;
        padding-top: 35px;
    }
    .socials {
        padding-top: 35px;
    }
    .footer-menu::after {
        position: absolute;
        left: 0px;
        bottom: -20px;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #E3E3E3;
    }
    .attractions-search__head {
        padding-top: 200px;
        padding-bottom: 150px;
    }
    .attractions-search__head-title {
        font-size: 26px;
    }
    .attractions-search__head-title br {
        display: block;
    }
    .attractions-search__head .tour-form .select-city,
    .attractions-search__head .tour-form .select-dest {
        max-width: unset;
        width: 450px !important;
        margin: auto;
    }
    .attractions-search__form {
        padding-top: 10px;
    }
    .attractions-search__form-input {
        width: 100%;
        margin-bottom: 15px;
    }
    .tour-form .attractions-search__form-input .button {
        width: 450px !important;
        margin: auto;
    }
    .attraction-media iframe,
    .attraction-media img {
        height: auto;
        min-height: 450px;
    }
    .viator-tickets__item-title {
        margin-top: 15px;
    }
    .coast-wrap {
        width: 100%;
        justify-content: space-around;
    }
    .viator-tickets__item-button {
        margin: 0 !important;
    }
    .check-ticket #viatorTicket {
        margin: 0 15px 0 15px;
        padding-bottom: 25px;
    }
    .check-ticket-note .note-item {
        margin-right: 50px;
    }
    .nav-menu {
        height: 300px;
        margin-top: 10px;
        padding-top: 30px;
    }
    .nav-buttons-wrap .attraction-link {
        max-width: unset;
        width: auto;
        min-width: unset;
    }
    .main-screen {
        padding-bottom: 0;
    }
    .secure .position-lg-sticky {
        position: relative;
    }
    .secure .secure-details .button {
        display: none;
    }
    .secure .secure-footer {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .menu-wrap {
        padding: 0px 15px !important;
    }
    .whatsapp-link {
        display: none;
    }
    .logo-wrap img {
        width: 52px;
    }
    .logo-wrap .logo {
        font-size: 20px;
    }
    .logo-wrap .langs {
        padding-top: 0px;
    }
    .main-screen {
        padding-top: 110px;
        background-position: 83% 0%;
        padding-bottom: 0px;
    }
    .banner-wrap h1 {
        font-size: 50px;
    }
    .banner-p {
        font-size: 22px;
    }
    .nav-buttons-wrap {
        flex-direction: column;
        justify-content: start !important;
    }
    .guides,
    .hotels,
    .tours {
        padding: 8px 145px;
        margin-bottom: 15px;
    }
    .guides::before,
    .hotels::before,
    .tours::before {
        left: 27%;
    }
    #cities {
        width: 345px;
        background-position-x: 300px;
    }
    .persons-wrap {
        margin: 0px;
    }
    .form-wrap {
        background-color: rgba(14, 69, 87, 1);
    }
    .form-md-centered {
        max-width: 450px;
    }
    #start-date,
    #dept-date {
        width: 219px;
        background-position-x: 175px;
    }
    .start-wrap,
    .dept-wrap {
        padding-top: 52px;
    }
    .search-btn-wrap {
        padding-top: 72px;
    }
    .search-btn-wrap button {
        width: 450px;
    }
    .all-offers {
        left: unset;
        top: 180px;
    }
    .collage-wrap {
        top: -160px;
        left: 85%;
    }
    .collage-item-top,
    .collage-item-middle,
    .collage-item-bottom {
        width: 152px;
        height: 182px;
        padding: 15px 15px 30px;
    }
    .slider-wrap {
        margin-top: 280px;
    }
    .storie-item p:nth-child(2) {
        padding-top: 10px;
    }
    .slick-dotted.slick-slider {
        padding-top: 15px;
    }
    .prev-arrow::before,
    .next-arrow::before {
        top: 118%;
    }
    .next-arrow::before {
        right: 0px;
    }
    .prev-arrow::before {
        left: 0px;
    }
    .guides-cards h2 {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .card-item-1 {
        width: 420px;
        height: 335px;
        background-size: cover;
    }
    .card-item-1 .badge-wrap {
        padding-top: 40px;
    }
    .tour-description {
        padding-left: 20px;
        padding-right: 100px;
    }
    .btn-wrap a {
        margin-top: 30px;
    }
    .our-vision p {
        width: 80%;
    }
    .footer-menu {
        line-height: 35px;
    }
    .socials a {
        width: 32px;
        display: inline-block;
    }
    .socials a svg {
        width: 32px;
        height: 32px;
    }
    .attractions-search__head-title {
        text-align: left;
    }
    .attractions-search__head .tour-form .select-city,
    .attractions-search__head .tour-form .select-dest {
        width: 100% !important;
    }
    .tour-form .attractions-search__form-input .button {
        width: 100% !important;
    }
    .attraction-media iframe,
    .attraction-media img {
        min-height: 290px;
    }
    .accessability-form ul {
        padding: 0 15px;
        justify-content: space-between;
    }
    .accessability-form .nav-item {
        max-width: 50%;
        margin: 0;
    }
    .accessability-form .nav-item .nav-link {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .check-ticket .check-ticket__slider,
    .check-ticket .check-ticket__slider-img {
        width: auto;
        height: auto;
    }
    .check-ticket .check-ticket__slider-nav {
        width: auto;
    }
    .check-ticket__slider {
        margin-bottom: 10px;
    }
    .check-ticket-note .note-item {
        margin-right: 15px;
    }
    .nav-buttons-wrap .attraction-link {
        max-width: 100%;
        padding-left: 60px;
        padding-right: 30px;
    }
    .nav-buttons-wrap .attraction-link::before {
        left: 10px !important;
    }
}

@media only screen and (max-width: 576px) {
    .logo-wrap .logo {
        font-size: 18px;
    }
    .dropdown {
        font-size: 16px;
    }
    .dropdown-toggle::after {
        top: 10px;
        left: 18px;
        border-top: 0.2em solid;
        border-right: 0.2em solid transparent;
        border-left: 0.2em solid transparent;
    }
    .main-screen {
        padding-top: 160px;
        background-position: 75% 0%;
    }
    .mobile-menu-btn {
        padding-top: 24px;
    }
    .mobile-menu-btn p {
        display: none;
    }
    .logo-wrap .langs {
        padding-left: 15px;
        padding-top: 2px;
    }
    .logo-wrap img {
        margin-right: 5px;
    }
    .form-wrap {
        background: linear-gradient(to bottom, rgba(14, 69, 87, 0.65) 0.54%, #0E4557 31%);
        background: -moz-linear-gradient(top, rgba(14, 69, 87, 0.65) 0.54%, #0E4557 31%);
        background: -webkit-linear-gradient(top, rgba(14, 69, 87, 0.65) 0.54%, #0E4557 31%);
    }
    .team-wrap {
        display: none;
    }
    .stories h2,
    .guides-cards h2,
    .destinations h2 {
        width: 100%;
        font-size: 28px;
    }
    .collage-wrap {
        left: 70%;
    }
    .narrator p {
        font-size: 18px;
    }
    .narrator span:nth-child(2) {
        font-size: 16px;
    }
    .storie-item {
        padding: 0px;
    }
    .storie-item p:nth-child(2),
    .storie-item a {
        font-size: 14px;
    }
    .team-slider img {
        margin-left: 10%;
    }
    .footer-wrap {
        width: 100%;
    }
    .card-item-1 .badge-wrap {
        padding-top: 15px;
    }
    .our-vision {
        padding-top: 80px;
    }
    .our-vision p {
        width: 90%;
        font-size: 18px;
    }
    .city-card {
        width: 290px;
        height: 358px;
        margin: 15px auto !important;
    }
    .socials-wrap span {
        padding-left: 35px;
    }
    footer .row {
        width: 100%;
    }
    footer p {
        font-size: 16px;
    }
    .guides,
    .hotels,
    .tours {
        padding: 8px 90px 8px 120px;
    }
    .guides::before,
    .hotels::before,
    .tours::before {
        left: 28%;
    }
    .attractions-search__head-title br {
        display: block;
    }
    .check-ticket-note::after {
        width: 100%;
        left: 0;
    }
}

@media only screen and (max-width: 480px) {
    .title {
        font-size: 24px;
    }
    .main-screen {
        background: url(../images/mobile-main-bg-new.png) top center;
    }
    .banner-wrap h1 {
        font-size: 33px;
    }
    .banner-p {
        font-size: 16px;
        padding-top: 0px;
    }
    .form-wrap {
        margin-top: 0px;
    }
    .form-md-centered {
        max-width: 280px;
    }
    .persons-wrap {
        margin-top: 30px;
    }
    .all-offers {
        top: 110px;
    }
    #start-date,
    #dept-date {
        width: 280px;
        background-position-x: 235px;
    }
    #cities {
        width: 335px;
        background-position-x: 235px;
    }
    .search-btn-wrap button,
    #cities {
        width: 280px;
    }
    .search-btn-wrap {
        padding-top: 42px;
    }
    .footer-menu li {
        padding: 0px 15px;
        font-size: 16px;
    }
    .socials-wrap span {
        padding-left: 25px;
    }
    .attractions-search__head {
        padding-top: 150px;
        padding-bottom: 130px;
    }
    .attractions-search__head-title {
        font-size: 24px;
        line-height: 30px;
    }
    .attraction-media iframe,
    .attraction-media img {
        min-height: 200px;
    }
    .attraction {
        font-size: 14px;
    }
    .accessability-form ul {
        flex-direction: column;
        align-items: flex-start;
    }
    .accessability-form .nav-item {
        max-width: unset;
    }
    .attraction-mask {
        height: 65px;
    }
    .viator-tickets__item-access {
        flex-direction: column;
    }
    .coast-wrap {
        padding: 0 10px;
        flex-direction: column !important;
        align-items: center !important;
    }
    .viator-tickets__item-button {
        margin-top: 10px !important;
    }
    .viator-tours-title {
        font-style: 16px;
    }
    .check-ticket .check-ticket__slider-nav {
        display: none;
    }
    .check-ticket .description-title {
        font-size: 22px;
    }
    .check-ticket .check-ticket__form-btn {
        font-size: 16px;
    }
    .check-ticket .ticket-inputs .spiner-wrap p {
        font-size: 14px;
    }
    .check-ticket .ticket-inputs .range {
        font-size: 12px;
    }
    .check-ticket .spiner-lower,
    .check-ticket .spiner-upper {
        font-size: 18px;
        line-height: 18px;
        padding: 0 4px;
        height: 23px;
        width: 23px;
    }
    .check-ticket .dropdown-menu-spiner span {
        line-height: 25px;
    }
}

@media only screen and (max-width: 410px) {
    .form-wrap {
        background-color: rgba(14, 69, 87, 1);
    }
}

@media only screen and (max-width: 350px) {
    .main-screen {
        padding-top: 125px;
    }
}


/*����� �������� ��� ����� ������ ������*/

@media only screen and (max-width: 767px) {
    .hotels-wrap {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .hotels-form {
        min-height: 870px;
        padding-top: 100px;
    }
    .hotels-wrap {
        height: 720px;
    }
    .form-centered {
        width: 90%;
    }
    .city-select {
        width: 100%;
        background-position-x: 95%;
    }
    .sub-heading {
        font-size: 24px;
    }
    .input-box label,
    .input-date label,
    .hotels-wrap p {
        font-size: 15px;
    }
    .children .input-box:nth-child(2) {
        padding-left: 5px;
        padding-right: 5px;
    }
    .form-control.date,
    .sorting-filter .sorting-filter__button {
        font-size: 14px;
        background-image: none;
    }
}


/*--------------------------------------------------------*/


/*����� ��� �������� ������ ������*/

@media only screen and (max-width: 480px) {
    .product-item {
        width: 290px;
        margin: 35px auto 0px auto;
    }
}


/*����� ��� �������� �����*/

@media only screen and (max-width: 1199px) {
    .hotel-page h2 {
        font-size: 30px;
    }
    .hotel-page .tab-content {
        padding-left: 35px;
    }
    .hotel-page .room-wrap {
        padding-left: 0px;
    }
    .hotel-page .room-wrap h5 {
        padding-left: 30px;
    }
    .hotel-page .room-wrap .carousel-inner {
        width: 100%;
    }
    .hotel-page .room-wrap .carousel-control-next {
        margin-right: 0px;
    }
    .hotel-page .room-wrap .carousel-indicators {
        margin: auto;
    }
}

@media only screen and (max-width: 991px) {
    .hotel-page .carousel {
        width: 100%;
    }
    .hotel-page .hotel-description {
        padding-top: 20px;
        padding-left: 15px;
    }
    .hotel-page .room-card {
        padding-left: 60px !important;
        padding-right: 15% !important;
    }
    .hotel-page .reviews p {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 768px) {
    .hotel-page .nav {
        justify-content: space-between;
    }
    .hotel-page .room-card {
        padding-right: 20px !important;
    }
}

@media only screen and (max-width: 576px) {
    .hotel-page {
        padding-top: 0px;
    }
    .tab-pane .row {
        margin: 0px;
    }
    .hotel-page .tab-content {
        padding-left: 0px;
    }
    .hotel-page .nav-item {
        margin: 0px;
    }
    .hotel-page .room-card {
        padding: 0px 8% !important;
    }
    .hotel-page .residence-time,
    .hotel-page .response-time {
        font-size: 14px;
    }
    .hotel-page .facilities {
        max-height: 415px;
        overflow: hidden;
        margin-top: 25px;
    }
    .hotel-page .facilities ul:nth-child(2) {
        margin-bottom: 0px;
    }
    .hotel-page .facilities ul:nth-child(3) {
        padding-top: 0px;
    }
    .hotel-page .open-more {
        display: block;
    }
    .hotel-page .reviews-btns {
        margin: 0px;
    }
    .hotel-page .reviews-btns .more-rev {
        margin-bottom: 25px;
    }
    .viator-tours__filter .button {
        width: 290px;
        margin: auto;
    }
    .viator-tours__filter-date .input-date,
    .sorting-filter .input-date {
        width: 290px;
        padding-top: 5px;
        margin: auto;
    }
    .viator-tours__filter .button {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 480px) {
    .hotel-page .hotel-details-img {
        height: 230px;
    }
    .hotel-page .carousel {
        height: 230px;
    }
    .hotel-page h2 {
        font-size: 22px;
        text-align: center;
    }
    .hotel-page .hotel-description p {
        text-align: center;
        font-size: 16px;
    }
    .hotel-page .nav {
        padding-top: 30px;
        padding-left: 15px;
        justify-content: start;
    }
    .hotel-page .nav-item {
        width: 100%;
    }
    .hotel-page .custom-control-inline {
        padding-left: 30px;
    }
    .hotel-page .custom-control-label::before,
    .hotel-page .custom-control-label::after {
        left: -30px;
    }
    .hotel-page .upd-btn-wrap {
        text-align: left;
    }
    .hotel-page .upd-btn-wrap span {
        display: block;
        padding-right: 0px;
        padding-bottom: 15px;
    }
    .hotel-page .room-wrap h5 {
        padding-left: 15px;
        font-size: 16px;
    }
    .hotel-page .room-wrap .btn-info {
        margin-right: 15px;
    }
    .hotel-page .no-reviews {
        padding-left: 15px;
        padding-right: 0px;
    }
    .hotel-page .reviews {
        padding-left: 30px;
    }
    .hotel-page .no-reviews p {
        text-align: left;
        padding-top: 20px;
    }
    .hotel-page .reviews .rating-stars ul .fa {
        font-size: .9em;
    }
    .hotel-page .room-card {
        text-align: left;
        padding: 0px 0px 0px 15px !important;
        font-size: 14px;
    }
    .hotel-page .reviews p {
        font-size: 16px;
    }
    .hotel-page .open-more {
        bottom: 10px;
        right: 10px;
    }
}


/*����� ��� �������� ������ �����*/

@media only screen and (max-width: 1199px) {
    .guides-list .become-guide .guide-png {
        left: -60px;
        bottom: 0px;
    }
    .guides-list .guide-form .select-city,
    .guides-list .guide-form .select-dest {
        width: 200px;
        background-position-x: 165px;
    }
    .guides-list .guide-form .select-type {
        width: 170px;
        background-position-x: 135px;
    }
    .guides-list .guide-form .btn-primary {
        width: 180px;
    }
    .guides-list .guide-card .guide-name,
    .guides-list .guide-card .language {
        padding-left: 25px;
    }
    .guides-list .guide-card .cities-list {
        padding-left: 40px;
    }
}

@media only screen and (max-width: 991px) {
    .guides-list .become-guide p {
        padding-right: 20% !important;
    }
    .guides-list .become-guide .guide-png {
        left: -130px;
        bottom: -40px;
    }
    .guides-list .become-guide .guide-png img {
        width: 260px;
    }
    .guides-list .guide-form .select-city,
    .guides-list .guide-form .select-dest,
    .guides-list .guide-form .select-type {
        width: 100%;
        background-position-x: 290px;
    }
    .guides-list .guide-form .btn-primary {
        width: 100%;
    }
    .guides-list .guide-card .guide-name,
    .guides-list .guide-card .language {
        padding-left: 15px;
    }
    .guides-list .guide-card .cities-list {
        padding-left: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .guides-list .become-guide {
        padding-top: 40px
    }
    .guides-list .become-guide p {
        padding-right: 19% !important;
    }
    .guides-list .become-guide .guide-png {
        left: unset;
        right: -18px;
    }
    .guides-list .become-guide .guide-png img {
        width: 190px;
    }
    .guides-list .guide-form .select-persons {
        width: 100%;
    }
    .guides-list .guide-form .select-city,
    .guides-list .guide-form .select-dest,
    .guides-list .guide-form .select-type {
        background-position-x: 95%;
    }
    .guides-list .guide-card .guide-name,
    .guides-list .guide-card .language {
        padding-left: 25px;
    }
    .guides-list .guide-card .cities-list {
        padding-left: 40px;
    }
}

@media only screen and (max-width: 576px) {
    .guides-list .become-guide .guide-png {
        right: 0px;
    }
    .guides-list .become-guide p:nth-child(2) {
        padding-right: 0px !important;
    }
    .guides-list .become-guide p:nth-child(3) {
        padding-right: 40% !important;
    }
}

@media only screen and (max-width: 480px) {
    .guides-list .become-guide h2 {
        font-size: 26px;
    }
    .guides-list .become-guide p {
        font-size: 16px;
    }
    .guides-list .become-guide p:nth-child(2) {
        padding-top: 10px;
    }
    .guides-list .become-guide p:nth-child(3) {
        padding-right: 70px !important;
    }
    .guides-list .become-guide .btn {
        width: 170px;
    }
    .guides-list .become-guide .guide-png {
        bottom: -54px;
    }
    .guides-list .become-guide .guide-png img {
        width: 150px;
    }
    .guides-list .guide-form h4 {
        font-size: 16px;
    }
    .guides-list .guide-form .boxes {
        padding-left: 0px;
    }
    .guides-list .guide-card .guide-name,
    .guides-list .guide-card .language {
        padding-left: 10px;
    }
    .guides-list .guide-card .cities-list {
        padding-left: 25px;
    }
}

@media only screen and (max-width: 350px) {
    .guides-list .guide-card {
        width: 290px;
    }
}


/*���������� �������� �����*/

@media only screen and (max-width: 991px) {
    .guide-profile .guide-name {
        padding-left: 15px;
    }
    .float-name {
        padding-left: 15px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 576px) {
    .guide-profile .card-item-1 {
        height: 285px;
    }
    .guide-profile .guide-services {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .guide-profile {
        background: #FFFFFF;
    }
    .guide-profile .guide-description img {
        width: 100%;
    }
}


/*�������� ������*/

@media only screen and (max-width: 767px) {
    .forum .forum-search-form {
        padding-top: 15px;
    }
    .forum .forum-search-form h1 {
        margin-bottom: 20px
    }
    .forum .forum-search-form .lang-wrap {
        width: 100%;
    }
    .forum .forum-search-form .lang-select,
    .forum.topic .forum-search-form .search-input {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 8px;
    }
    .forum .forum-search-form .btn-primary {
        width: 100%;
    }
    .forum .forum-search-form .lang-select {
        background-position-x: 93%;
    }
    .forum .topic-list {
        padding-top: 10px;
    }
    .forum .topic-list p {
        padding-right: 20px;
        min-height: 47px;
        font-size: 16px;
    }
    .forum .topic-list .replies,
    .forum .topic-list .posted-on {
        font-size: 16px;
    }
    .forum .topic-list .posted-on {
        display: block;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .forum .forum-search-form h1 {
        font-size: 28px;
    }
}


/*����� ��� ������*/

@media only screen and (max-width: 767px) {
    .forum.topic .forum-search-form {
        padding-top: 130px;
    }
}


/*����� �������� ������ �������*/

@media only screen and (max-width: 991px) {
    .stories-list .story-headline {
        text-align: center;
    }
    .story .story-search-form .button {
        width: auto !important;
    }
    .stories-list form {
        padding-top: 15px;
    }
    .stories-list .new-story {
        margin-left: 16px;
        width: 230px !important
    }
}

@media only screen and (max-width: 576px) {
    .stories-list .story-search-form {
        padding-top: 3px;
    }
    .stories-list form {
        padding-top: 0px;
    }
    .stories-list .country-wrap,
    .stories-list .city-wrap {
        width: 100%;
    }
    .stories-list .country-select,
    .stories-list .city-select {
        width: 100%;
        background-position-x: 95%;
    }
    .story .story-search-form .button {
        width: 100% !important
    }
    .stories-list .new-story {
        margin-left: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .stories-list .story-headline {
        font-size: 22px;
    }
    .stories-list label {
        font-size: 13px;
    }
    .stories-list .country-select,
    .stories-list .city-select {
        height: 44px;
    }
    .story-search-form .button {
        width: 100%;
        height: 47px;
        margin-left: 0px;
    }
    .stories-list .new-story {
        width: 100% !important;
        text-align: center;
        padding: 12px 0px;
    }
    .stories-list .new-story::before {
        left: 5px;
        top: 5px;
    }
    .stories-list .story-item {
        width: 296px;
    }
    .stories-list .story-link img {
        width: 296px;
        min-height: 296px;
    }
    .pagination-bar .page-item {
        margin-left: 2px;
        margin-right: 2px;
    }
    .secure-board__header {
        flex-direction: column;
        align-items: center;
    }
    .secure-board__img {
        height: auto;
        width: 100%;
    }
    .secure-board__desc {
        padding-left: 0 !important;
        padding-top: 15px;
    }
    .secure-radio__label-img {
        max-width: 135px;
    }
    .secure-form__select-code {
        max-width: 70px;
    }
}


/*����� ������� Destinations*/

@media only screen and (max-width: 1199px) {
    .destinations-cards .product-item {
        width: 290px;
        height: 250px;
    }
}

@media only screen and (max-width: 991px) {
    .destinations-list .destinations-search {
        height: 400px;
        padding-top: 140px;
    }
    .destinations-cards .product-item {
        width: 330px;
        height: 290px;
    }
}

@media only screen and (max-width: 767px) {
    .destinations-cards .product-item {
        width: 100%;
        height: 290px;
    }
}

@media only screen and (max-width: 480px) {
    .destinations-list .form-control {
        width: 100%;
        order: 0;
    }
    .destinations-list .button {
        width: 100%;
        order: 1;
        margin-top: 10px;
    }
    .destinations-list .destinations-headline {
        font-size: 24px;
    }
    .pagination-bar .page-item {
        margin-left: 2px;
        margin-right: 2px;
    }
}


/*����� �������� �����������, ����������*/

@media only screen and (max-width: 1199px) {
    .dest-city .city-head {
        height: 350px;
        background-position: center;
    }
    .dest-city .dest-buttons .button {
        width: 210px;
        min-width: unset;
        padding-left: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .dest-city .dest-buttons .nav-item {
        width: 50%;
    }
    .dest-city .dest-buttons .button {
        width: auto;
        padding: 13px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .dest-city .dest-buttons .nav-item {
        width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .dest-city .city-head {
        background-position-x: center;
        background-size: 270%;
    }
}

@media only screen and (max-width: 480px) {
    .dest-city .story-item {
        width: 290px;
    }
    .dest-city .story-link img {
        width: 290px;
    }
    .dest-city .topic-list p {
        font-size: 14px;
        width: 90%;
    }
    .dest-city .topic-list .replies {
        font-size: 14px;
    }
}


/*���������� �������� �������*/

@media only screen and (max-width: 991px) {
    .story-search-form .button {
        width: auto !important;
    }
}

@media only screen and (max-width: 576px) {
    .story .story-search-form {
        padding-top: 150px;
    }
    .story-search-form .button {
        width: 100% !important;
    }
}


/*����� ��� �������� ������ �����*/

@media only screen and (max-width: 1199px) {
    .guides-list .guide-form .selector-wrap {
        max-width: 630px;
        margin: 0px auto;
    }
    .tour-form .button {
        width: 100% !important;
    }
}

@media only screen and (max-width: 991px) {
    .tour-svg {
        position: absolute;
    }
    .tour-cards .tour-card {
        width: 330px;
    }
}

@media only screen and (max-width: 767px) {
    .tour-svg {
        padding: 0px;
        bottom: 10px;
        top: unset;
        left: unset;
        right: 0px;
    }
    .tour-form .select-city,
    .tour-form .select-dest {
        width: 100% !important;
    }
    .tour-form .selector-wrap label:nth-child(4) {
        margin-left: auto !important;
    }
    .tour-form .select-hours,
    .tour-form .select-days {
        width: 100% !important;
    }
    .tour-form .select-hours,
    .tour-form .select-days {
        background-position-x: 90%;
    }
    .tour-form .select-city,
    .tour-form .select-dest {
        background-position-x: 95% !important;
    }
    .tour-svg img {
        width: 130px;
    }
}

@media only screen and (max-width: 576px) {
    .tour-svg {
        right: 11%;
    }
}

@media only screen and (max-width: 480px) {
    .tour-form .select-hours,
    .tour-form .select-days {
        width: 100%;
        background-position-x: 80%;
    }
    .tour-cards .tour-card {
        width: 290px;
    }
    .tour-list .pagination-bar .page-item {
        margin: 0px 2px;
    }
    .tour-form .select-city,
    .tour-form .select-dest {
        background-position-x: 92% !important;
    }
    .tour-svg {
        right: 10px;
    }
    .tour-svg img {
        width: 70px;
    }
}


/*����� ��� ����*/

@media only screen and (max-width: 1199px) {
    .tour-desc .carousel-inner .carousel-item img {
        height: 600px;
    }
}

@media only screen and (max-width: 991px) {
    .tour-desc .carousel-inner .carousel-item img {
        height: 470px;
    }
}

@media only screen and (max-width: 767px) {
    .tour-desc .carousel-inner .carousel-item img {
        height: 350px;
    }
}

@media only screen and (max-width: 576px) {
    .tour-desc .carousel {
        width: 100%;
    }
    .tour-desc .carousel-inner {
        width: auto;
    }
    .tour-desc .carousel-inner .carousel-item img {
        width: 100%;
        height: auto;
    }
    .guide-info .btn-primary {
        width: 100%;
    }
    .guide-info .price {
        padding-top: 10px;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .route {
        width: 290px;
    }
    .route::after {
        left: 8px;
    }
}

@media only screen and (max-width: 350px) {
    .main-screen {
        padding-top: 105px;
    }
}

@media only screen and (max-width: 480px) {
    .input-box label,
    .input-date label,
    .hotels-wrap p {
        font-size: 15px;
        line-height: 15px;
    }
}

@media only screen and (max-width: 1199px) {
    .logo-wrap .langs {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .forum .topic-list p {
        padding-right: 20px;
        min-height: 53px;
        font-size: 16px;
        line-height: 18px;
    }
}


/*����� ��� ���������� cookie*/

@media only screen and (max-width: 1199px) {
    .cookie-notice .button {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 350px;
    }
    .cookie-notice .btn-primary {
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 480px) {
    .cookie-notice .cookie-text {
        font-size: 18px;
    }
    .cookie-notice .button {
        width: 290px;
        padding: 13px 0px;
        font-size: 14px;
    }
}


/*����� ��� ���-�����*/

@media only screen and (max-width: 480px) {
    .checkbox-wrap {
        left: 45px;
    }
}


/*����� ��� ����� ������ �� �����*/

@media only screen and (max-width: 576px) {
    .access-tabs .tab-pane {
        padding-left: 8px;
    }
    .access-tabs .nav-item {
        margin-right: 0px;
        margin-bottom: 3px;
    }
}


/*����� ��� ����� ������ �� �����*/

@media only screen and (max-width: 576px) {
    .access-tabs .tab-pane {
        padding-left: 8px;
    }
    .access-tabs .nav-item {
        margin-right: 0px;
        margin-bottom: 3px;
    }
}


/*����� ��� ����� ������ �� �����*/

@media only screen and (max-width: 576px) {
    .access-tabs .tab-pane {
        padding-left: 8px;
    }
    .access-tabs .nav-item {
        margin-right: 0px;
        margin-bottom: 3px;
    }
}


/*����� ��� �������� ����������*/

@media only screen and (max-width: 576px) {
    .attractions-cards .card {
        margin: auto;
    }
    .attractions-search form {
        flex-direction: column;
    }
    .attractions-search .form-control {
        margin-right: 0px;
        width: 100%;
    }
    .attractions-search .button {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .attractions-cards .card {
        width: 100%;
    }
    .attractions-cards .card-img-custom {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .attractions-cards .button {
        width: 100%;
    }
}


/*���������� �������� ����*/

@media only screen and (max-width: 768px) {
    .cafe .attraction-img {
        width: 100%;
        height: auto;
    }
    .cafe .slick-prev {
        left: 0px;
    }
    .cafe .slick-next {
        right: 17px;
    }
    .access-revs .reviews p {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 480px) {
    .cafe .access-props .button,
    .access-revs .button {
        display: block;
        float: unset;
    }
    .cafe .cafe-map {
        height: 290px;
    }
}


/*����� ��� �������� Login*/

@media only screen and (max-width: 480px) {
    .login .button {
        width: 100%;
        margin-bottom: 20px;
    }
    .forgot-link {
        margin: 0px auto;
    }
    .login .register::before {
        width: 91%;
    }
}


/*����� ��� �������� ���������� ������������ ����*/

@media only screen and (max-width: 767px) {
    .cafe-access .access-tabs .nav-item {
        margin-bottom: 15px;
    }
    .cafe-access .access-tabs .nav-link {
        display: inline;
        padding: 12px 0px;
        transition: none;
        text-decoration: underline;
    }
    .cafe-access .access-tabs .nav-link:hover {
        border: none;
        border-radius: 0px;
    }
    .cafe-access .access-tabs .nav-item .active {
        border: none;
        border-radius: 0px;
        color: #1BBEF2;
    }
}

@media only screen and (max-width: 576px) {
    .cafe-access .cafe-map {
        width: 100%;
        height: 300px;
    }
    .cafe-access .button {
        margin: 0px;
        width: 100%;
    }
}