@media (max-width: 575.98px) {
    #header-bottom .navigation .hotel-name {
        display: none !important;
    }
    .returning-guest,
    .register-guest,
    .returning-guest .form-group label,
    .register-guest .form-group label,
    .returning-guest .form-group input,
    .register-guest .form-group input,
    .register-guest .form-group select {
        width: 100%;
    }
    .register-guest .form-group.newsletter .pretty {
        white-space: normal;
    }
    .register-guest .form-group.newsletter .pretty .state label:after,
    .register-guest .form-group.newsletter .pretty .state label:before {
        top: 0;
    }
    .register-guest .form-group.newsletter .pretty.p-icon .state .icon {
        top: 0;
    }
    .returning-guest .form-group label.hidden-label,
    .register-guest .form-group label.hidden-label {
        display: none;
    }
    #header-bottom .navigation {
        text-align: left;
        height: 25px;
    }
    #header-bottom .navigation ul {
        visibility: hidden;
    }
    #header-bottom .navigation ul li {
        display: block;
        margin-left: 0;
    }
    .page-title h1 {
        font-size: 20px;
    }
    .hotel-checkin h2,
    .hotel-location h2 {
        font-size: 18px;
    }
    .hotel-checkin input,
    .hotel-location select {
        width: 100%;
        margin-top: 20px;
    }
    .proceed-to-results {
        margin-bottom: 20px;
    }
    .hotel-location .btn {
        font-size: 16px;
    }
    .proceed-to-results .btn {
        width: 100%;
        font-size: 16px;
    }
    #footer-top .footer-quote,
    #footer-bottom .footer-links,
    #footer-bottom .footer-copyright {
        text-align: center;
    }
    #footer-bottom .footer-links ul li {
        margin-right: 5px;
    }
    #footer-bottom .footer-links ul li span {
        display: none;
    }
    .advertisement {
        margin-top: 0;
    }
    .slider {
        display: none;
    }
    .basket-summary .reward-credit .pretty {
        font-size: 13px;
    }
    .hotel-result .hotel-description {
        margin-top: 20px;
    }
    .hotel-result .hotel-description h2 {
        font-size: 18px;
    }
    .hotel-result .hotel-description h3 {
        font-size: 16px;
    }
    .hotel-result .hotel-description p {
        font-size: 14px;
    }
    .hotel-result .hotel-booking .book,
    .hotel-result .hotel-booking .info {
        line-height: 25px;
        font-size: 16px;
    }
    #hotel-tabs ul li,
    #hotel-tabs ul li a {
        width: 100%;
    }
    #hotel-tabs .ui-widget-header {
        border-bottom: 0;
    }
    .ui-tabs .ui-tabs-panel {
        padding: 0 !important;
        margin-top: 20px;
    }
    .rewards .btn {
        width: 100%;
        font-size: 16px;
        line-height: 25px;
        padding: 15px;
    }
    .booking-button .btn {
        width: 100%;
    }
    .hotel-policies-content ul,
    #parking ul,
    #directions ul,
    #check-in ul {
        padding-left: 25px;
    }
    #directions a {
        text-align: left;
    }
    .description-slider {
        display: none;
    }
    .hotel-policies-content h3,
    #parking h3,
    #directions h3,
    #check-in h3,
    #check-in h5 {
        font-size: 18px;
    }
    .rooms-title,
    .basket,
    .roomsbooked-logo {
        display: none;
    }
    .basket-summary .discount-code input,
    .basket-summary .additional-info textarea {
        font-size: 13px;
    }
    .basket-summary .forgot-something .btn {
        width: 135px;
    }
    .hotel-location,
    .hotel-checkin,
    .hotel-checkout {
        padding-bottom: 20px;
    }
    .hotel-result .hotel-booking {
        margin-top: 15px;
    }
    .results-title h1 {
        font-size: 18px;
    }
    .results-sorter select {
        width: 100%;
    }
    .room-result .choose-policy .pretty {
        font-size: 15px;
    }
    .room-result .choose-extras .extra label {
        font-size: 15px;
        width: 130px;
    }
    .basket-summary .proceed .book-now,
    .booking-login-register form .btn {
        width: 100%;
    }
    .col-block {
        max-width: 100%;
        flex: 100%;
    }
    .room-result .room-occupancy {
        margin-top: 15px;
    }
    #room-mobile-desc {
        display: none;
    }
    .mobile-basket .empty-basket {
        margin-top: 20px;
        margin-bottom: 50px;
        text-align: center;
    }
    .mobile-basket .empty-basket p {
        font-size: 18px;
        font-weight: 700;
        color: #636363;
    }
    .desktop-empty-basket {
        display: none;
    }
    .booking-overview .account-wrapper table {
        display: none;
    }
    .room-result .room-description h2 {
        font-size: 20px;
    }
    .room-result .room-description h4 {
        font-size: 18px;
    }
    .login-form {
        width: 100%;
    }
    .login-form .form-group.submit label,
    .login-form .form-group.reset label {
        display: none;
    }
    .login-form .form-group label,
    .login-form .form-group input,
    .update-contact-form {
        width: 100%;
    }
    .account-overview .account-wrapper .nav-tabs li {
        width: 100%;
        text-align: center;
    }
    .account-overview .account-wrapper .rewards-history .header,
    .update-form form .form-group label.hidden-mobile {
        display: none;
    }
    .update-form,
    .update-form form .form-group label,
    .update-form form .form-group input,
    .update-form form .form-group select,
    .update-form form .form-group .help-block {
        width: 100%;
    }
    .update-form form .form-group .pretty {
        margin-bottom: 10px;
    }
    .account-overview h1,
    .account-overview .account-wrapper .rewards-title h2,
    .account-overview .account-wrapper .rewards-history h3,
    .account-overview .account-wrapper .query h1,
    .account-overview .account-wrapper .booking-overview .booking-title,
    .update-form h1,
    .update-contact-form h1,
    .address-form h3 {
        font-size: 20px;
    }
    .update-contact-form form .pretty {
        width: 49%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .update-contact-form form .form-group label,
    .update-contact-form form .form-group input {
        width: 100%;
    }
    #hotel-tabs .directions .route-table .route {
        text-align: center;
    }
    #hotel-tabs .direction .route-table .route a {
        font-size: 18px;
    }
    .hotel-result .slider {
        margin-top: 0;
    }
    .hotel-result {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .hotel-result .hotel-booking .info {
        line-height: 35px;
    }
    .attraction-page h1 {
        font-size: 20px;
    }
    .attraction-page h3 {
        font-size: 16px;
    }
    .attraction-page .discount-code {
        width: 100%;
    }
    .attraction-page .discount-code p {
        font-size: 16px;
    }
    .attraction-page h4 {
        font-size: 17px;
    }
    .attraction-page .hotel .btn {
        width: 100%;
        margin-bottom: 10px;
    }
    .attraction-page .events .btn {
        width: 100%;
    }
    .attraction-page .attraction-img {
        margin-top: 20px;
    }
    #hotel-tabs .parking h1,
    #hotel-tabs .directions h1,
    #hotel-tabs #description h1 {
        font-size: 20px;
    }
    #hotel-tabs .parking h3,
    #hotel-tabs .directions h3 {
        font-size: 16px;
    }
    #hotel-tabs .parking br {
        display: none;
    }
    #hotel-tabs .parking p {
        font-size: 14px;
    }
    #hotel-tabs .parking .btn {
        margin-top: 0;
        font-size: 14px;
    }
    #hotel-tabs .checkin-instructions h1,
    #hotel-tabs .checkin-instructions h3 {
        font-size: 19px;
    }
    #BusinessesServices h3 {
        font-size: 19px;
    }
    .room-result .add-room-slider {
        margin-top: 0;
    }
    .add-room .room-description {
        margin-top: 0;
    }
    .add-room .choose-policy .pretty {
        font-size: 16px;
    }
    .add-room .choose-extras .extra label {
        width: 100%;
    }
    .add-room .add-booking {
        margin-top: 10px;
    }
    .register-form,
    .register-form .form-group label,
    .register-form .form-group input,
    .register-form .form-group select,
    .register-form .form-group .help-block,
    .register-form .form-group.pretty-input input,
    .register-form .form-group.pretty-input .pretty,
    .register-form .form-group.marketing {
        width: 100%;
    }
    .register-form .label-hidden {
        display: none;
    }
    .register-form .form-group.pretty-input .pretty {
        margin-bottom: 15px;
    }
    .register-form .form-group .pretty {
        width: 100px;
        margin-bottom: 10px;
    }
    .login-form,
    .reset-form {
        width: 100%;
    }
    .reset-form label {
        width: 20%;
    }
    .reset-form input {
        width: 78%;
    }
    .reset-form .label-hidden {
        display: none;
    }
    .reset-form .btn {
        width: 100%;
    }
    .contact-form .form-body h1 {
        font-size: 23px;
    }
    .contact-form .form-body .form-group label,
    .contact-form .form-body .form-group input,
    .contact-form .form-body .form-group select,
    .contact-form .form-body .form-group textarea,
    .contact-form .form-body .form-group .g-recaptcha,
    .contact-form .form-footer .btn {
        width: 100%;
    }
    .contact-form .form-body .form-group .label-hidden {
        display: none;
    }
    .room-result .room-description {
        margin-top: 20px;
    }
    .home-slider {
        margin-top: 0;
    }
    .slider .fa-chevron-circle-left {
        display: none;
    }
    .slider .fa-chevron-circle-right {
        display: none;
    }
    .orange-line {
        margin-top: 1rem;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .orange-line {
        margin-top: 1rem;
    }
    #header-bottom .navigation ul.active {
        margin-top: 10px;
    }
    #header-bottom .navigation .menu-icon {
        display: inline-block;
        margin-bottom: 0;
    }
    #header-bottom .navigation .hotel-name {
        float: right;
        display: inline-block
    }
    .returning-guest,
    .register-guest,
    .returning-guest .form-group label,
    .register-guest .form-group label,
    .returning-guest .form-group input,
    .register-guest .form-group input,
    .register-guest .form-group select {
        width: 100%;
    }
    .register-guest .form-group.newsletter .pretty {
        white-space: normal;
    }
    .register-guest .form-group.newsletter .pretty .state label:after,
    .register-guest .form-group.newsletter .pretty .state label:before {
        top: 0;
    }
    .register-guest .form-group.newsletter .pretty.p-icon .state .icon {
        top: 0;
    }
    .returning-guest .form-group label.hidden-label,
    .register-guest .form-group label.hidden-label {
        display: none;
    }
    .update-contact-form form .form-group label,
    .update-contact-form form .form-group input,
    .update-contact-form {
        width: 100%;
    }
    #header-bottom .navigation {
        text-align: left;
        height: 25px;
    }
    #header-bottom .navigation ul {
        visibility: hidden;
    }
    #header-bottom .navigation ul li {
        display: block;
        margin-left: 0;
    }
    .page-title h1 {
        font-size: 22px;
    }
    .hotel-location,
    .hotel-checkin,
    .hotel-checkout {
        padding-bottom: 20px;
    }
    .hotel-checkin h2,
    .hotel-location h2 {
        font-size: 20px;
    }
    .hotel-checkin input,
    .hotel-location select {
        width: 100%;
        margin-top: 20px;
    }
    .hotel-location .btn {
        font-size: 18px;
    }
    .proceed-to-results .btn {
        font-size: 18px;
        width: 100%;
    }
    .advertisement {
        margin-top: 0;
    }
    .roomsbooked-logo {
        display: none;
    }
    .slider {
        display: none;
    }
    .hotel-result .hotel-description {
        margin-top: 20px;
    }
    .hotel-result .hotel-description h2 {
        font-size: 18px;
    }
    .hotel-result .hotel-description h3 {
        font-size: 16px;
    }
    .hotel-result .hotel-description p {
        font-size: 14px;
    }
    .hotel-result .hotel-booking .book,
    .hotel-result .hotel-booking .info {
        line-height: 25px;
        font-size: 16px;
    }
    #hotel-tabs ul li,
    #hotel-tabs ul li a {
        width: 100%;
    }
    #hotel-tabs .ui-widget-header {
        border-bottom: 0;
    }
    .ui-tabs .ui-tabs-panel {
        padding: 0 !important;
        margin-top: 20px;
    }
    .rewards .btn {
        width: 100%;
        font-size: 16px;
        line-height: 30px;
    }
    .hotel-policies-content ul,
    #parking ul,
    #directions ul,
    #check-in ul {
        padding-left: 25px;
    }
    #directions a {
        text-align: left;
    }
    .description-slider,
    .basket {
        display: none;
    }
    #hotel-tabs #description h1,
    .hotel-policies-content h3,
    #parking h3,
    #directions h3,
    #check-in h3,
    #check-in h5 {
        font-size: 18px;
    }
    .results-title h1 {
        font-size: 18px;
    }
    .hotel-result .hotel-booking {
        margin-top: 15px;
    }
    .room-result .room-occupancy {
        margin-top: 15px;
    }
    .basket-summary .proceed .book-now,
    .booking-login-register form .btn {
        width: 100%;
    }
    #room-mobile-desc {
        display: none;
    }
    .advertisement img {
        width: 100%;
    }
    .mobile-basket .empty-basket {
        margin-top: 20px;
        margin-bottom: 50px;
        text-align: center;
    }
    .mobile-basket .empty-basket p {
        font-size: 18px;
        font-weight: 700;
        color: #636363;
    }
    .desktop-empty-basket {
        display: none;
    }
    .login-form {
        width: 100%;
    }
    .login-form .form-group label,
    .login-form .form-group input {
        width: 100%;
    }
    .login-form .form-group.submit label,
    .login-form .form-group.reset label {
        display: none;
    }
    .account-overview .account-wrapper .nav-tabs li {
        width: 100%;
        text-align: center;
    }
    .account-overview .account-wrapper .rewards-history .header,
    .update-form form .form-group label.hidden-mobile {
        display: none;
    }
    .update-form,
    .update-form form .form-group label,
    .update-form form .form-group input,
    .update-form form .form-group select,
    .update-form form .form-group .help-block {
        width: 100%;
    }
    .update-form form .form-group .pretty {
        margin-bottom: 10px;
    }
    .booking-overview .account-wrapper table {
        display: none;
    }
    .hotel-result .slider {
        margin-top: 0;
    }
    .hotel-result {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .hotel-result .hotel-booking .info {
        line-height: 35px;
    }
    .attraction-page h1 {
        font-size: 20px;
    }
    .attraction-page h3 {
        font-size: 16px;
    }
    .attraction-page .discount-code {
        width: 100%;
    }
    .attraction-page .discount-code p {
        font-size: 16px;
    }
    .attraction-page h4 {
        font-size: 17px;
    }
    .attraction-page .hotel .btn {
        width: 100%;
        margin-bottom: 10px;
    }
    .attraction-page .events .btn {
        width: 100%;
    }
    .attraction-page .attraction-img {
        margin-top: 20px;
    }
    #hotel-tabs .parking h1,
    #hotel-tabs .directions h1,
    #hotel-tabs #description h1 {
        font-size: 25px;
    }
    #hotel-tabs .parking h3,
    #hotel-tabs .directions h3 {
        font-size: 16px;
    }
    #hotel-tabs .parking br {
        display: none;
    }
    #hotel-tabs .parking p {
        font-size: 16px;
    }
    #hotel-tabs .parking .btn {
        margin-top: 0;
        font-size: 16px;
    }
    #hotel-tabs .checkin-instructions h1,
    #hotel-tabs .checkin-instructions h3 {
        font-size: 25px;
    }
    #BusinessesServices h3 {
        font-size: 25px;
    }
    .hotel-policies-content h3 {
        font-size: 25px;
    }
    .room-result .add-room-slider {
        margin-top: 0;
    }
    .add-room .room-description {
        margin-top: 0;
    }
    .add-room .choose-policy .pretty {
        font-size: 16px;
    }
    .add-room .choose-extras .extra label {
        width: 100%;
    }
    .add-room .add-booking {
        margin-top: 10px;
    }
    .register-form,
    .register-form .form-group label,
    .register-form .form-group input,
    .register-form .form-group select,
    .register-form .form-group .help-block,
    .register-form .form-group.pretty-input input,
    .register-form .form-group.pretty-input .pretty,
    .register-form .form-group.marketing {
        width: 100%;
    }
    .register-form .label-hidden {
        display: none;
    }
    .register-form .form-group.pretty-input .pretty {
        margin-bottom: 15px;
    }
    .register-form .form-group .pretty {
        width: 100px;
        margin-bottom: 10px;
    }
    .login-form,
    .reset-form {
        width: 100%;
    }
    .reset-form label {
        width: 20%;
    }
    .reset-form input {
        width: 78%;
    }
    .reset-form .label-hidden {
        display: none;
    }
    .reset-form .btn {
        width: 100%;
    }
    .contact-form .form-body h1 {
        font-size: 23px;
    }
    .contact-form .form-body .form-group label,
    .contact-form .form-body .form-group input,
    .contact-form .form-body .form-group select,
    .contact-form .form-body .form-group textarea,
    .contact-form .form-body .form-group .g-recaptcha,
    .contact-form .form-footer .btn {
        width: 100%;
    }
    .contact-form .form-body .form-group .label-hidden {
        display: none;
    }
    .home-slider {
        margin-top: 0;
    }
    .slider .fa-chevron-circle-left {
        margin-left: 10px;
    }
    .slider .fa-chevron-circle-right {
        margin-left: 470px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #description h1 {
        display: none;
    }
    .booking-overview .account-wrapper .mobile-basket-item {
        display: none;
    }
    .account-overview .account-wrapper .nav-tabs li a {
        font-size: 14px;
    }
    .basket-summary .reward-credit .pretty {
        font-size: 15px;
    }
    .update-form {
        width: 100%;
    }
    .update-form form .form-group input,
    .update-form form .form-group select,
    .update-form form .form-group .help-block {
        width: 64%;
    }
    .update-form form .form-group label,
    .update-form form .form-group .pretty {
        width: 35%;
    }
    #header-bottom .navigation p {
        display: none;
    }
    .page-title h1 {
        font-size: 24px;
    }
    .hotel-checkin h2,
    .hotel-location h2 {
        font-size: 22px;
    }
    .hotel-checkin input,
    .hotel-location select {
        width: 100%;
        margin-top: 20px;
    }
    .basket {
        display: none;
    }
    .hotel-result .hotel-description h2 {
        font-size: 18px;
    }
    .hotel-result .hotel-description h3 {
        font-size: 16px;
    }
    .hotel-result .hotel-description p {
        font-size: 14px;
    }
    .hotel-result .hotel-booking .book,
    .hotel-result .hotel-booking .info {
        line-height: 25px;
        font-size: 16px;
    }
    #directions a {
        text-align: left;
    }
    #hotel-tabs ul li,
    #hotel-tabs ul li a {
        width: 100%;
    }
    .ui-tabs .ui-tabs-panel {
        padding: 0 !important;
        margin-top: 20px;
    }
    #hotel-tabs #description h1,
    .hotel-policies-content h3,
    #parking h3,
    #directions h3,
    #check-in h3 {
        font-size: 22px;
    }
    .proceed-to-results .btn {
        width: 100%;
    }
    .hotel-result .hotel-booking {
        margin-top: 15px;
    }
    #room-mobile-desc {
        display: block;
    }
    #room-desktop-desc {
        display: none;
    }
    #room-mobile-desc .room-description {
        margin-top: 0;
    }
    #room-mobile-desc .room-occupancy {
        width: 50%;
        margin-top: 0;
        margin-bottom: 0;
        display: inline-block;
    }
    #room-mobile-desc .room-booking {
        width: 49%;
        display: inline-block;
        vertical-align: bottom;
    }
    .room-result .choose-extras .extra label {
        font-size: 16px;
    }
    .room-result .room-description {
        margin-top: 0;
    }
    .room-result .choose-policy h2,
    .room-result .choose-extras h2 {
        font-size: 18px;
    }
    .room-result .choose-policy .pretty {
        font-size: 16px;
    }
    .room-result .choose-extras .add-extras .btn {
        margin-top: 15px;
    }
    .mobile-basket .empty-basket {
        margin-top: 20px;
        margin-bottom: 50px;
        text-align: center;
    }
    .mobile-basket .empty-basket p {
        font-size: 18px;
        font-weight: 700;
        color: #636363;
    }
    .desktop-empty-basket {
        display: none;
    }
    .register-form {
        width: 100%;
    }
    .home-slider {
        margin-top: 0;
    }
    .hotel-search-slider {
        margin-top: 0;
    }
    .room-result .room-description h2 {
        font-size: 25px;
    }
    .room-result .room-description h4 {
        font-size: 20px;
    }
    .room-result .more-info,
    .room-result .add-booking {
        font-size: 15px;
    }
    .room-result .add-room-slider {
        margin-top: 0;
    }
    .slider .fa-chevron-circle-left {
        margin-left: 10px;
    }
    .slider .fa-chevron-circle-right {
        margin-left: 500px;
    }
    .slider-1 .fa-chevron-circle-right {
        margin-left: 170px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #description h1 {
        display: none;
    }
    .hotel-search-slider {
        margin-top: 10px;
    }
    .basket-summary .reward-credit .pretty {
        font-size: 13px;
    }
    #header-bottom .navigation p,
    .mobile-basket {
        display: none;
    }
    .booking-overview .account-wrapper .mobile-basket-item {
        display: none;
    }
    .hotel-checkin input,
    .hotel-location select {
        width: 100%;
        margin-top: 20px;
    }
    .hotel-result .hotel-description h2 {
        font-size: 20px;
    }
    .hotel-result .hotel-description h3 {
        font-size: 18px;
    }
    .hotel-result .hotel-booking .book,
    .hotel-result .hotel-booking .info {
        line-height: 30px;
        font-size: 18px;
    }
    #hotel-tabs ul li {
        font-size: 14px;
    }
    .basket-summary .discount-code input,
    .basket-summary .additional-info textarea {
        font-size: 14px;
    }
    .basket-summary .forgot-something .btn {
        width: 135px;
    }
    #room-mobile-desc {
        display: none;
    }
    .room-result .room-description,
    .room-result .room-occupancy {
        margin-top: 0;
    }
    .room-result .choose-extras .input-group {
        width: 120px;
    }
    .room-result .choose-extras .input-group {
        display: inline-flex;
    }
    .basket thead .hotel span,
    .basket thead .room-type span,
    .basket thead .checkin span,
    .basket thead .checkout span,
    .basket thead .policy span,
    .basket thead .price span,
    .basket thead .remove span {
        font-size: 17px;
    }
    .room-result .choose-policy .pretty,
    .room-result .choose-extras .extra label {
        font-size: 16px;
    }
    .page-title h1 {
        font-size: 25px;
    }
    .room-result .add-room-slider {
        margin-top: 0;
    }
    .basket .policy {
        width: 20% !important;
    }
    .slider .fa-chevron-circle-left {
        margin-left: 10px;
    }
    .slider .fa-chevron-circle-right {
        margin-left: 380px;
    }
    .slider-1 .fa-chevron-circle-right {
        margin-left: 540px !important;
    }
}

@media (min-width: 1200px) {
    #description h1 {
        display: none;
    }
    #header-bottom .navigation p,
    .mobile-basket {
        display: none;
    }
    .booking-overview .account-wrapper .mobile-basket-item {
        display: none;
    }
    #room-mobile-desc {
        display: none;
    }
    .hotel-search-slider {
        margin-top: 5px;
    }
    .slider-1 .fa-chevron-circle-right {
        margin-left: 660px !important;
    }
}