@media screen and (max-width:1330px) {
    .db-l {
        width: 30%
    }

    .db-2 {
        width: 68%;
        margin-right: 0;
    }

    .db-3 {
        width: 100%;
        margin-top: 20px
    }
}

@media screen and (max-width:1100px) {
    .book-tab-inn {
        width: 100%
    }
}

@media screen and (max-width:992px) {
    /*Top Bar*/

    .booking-widget-section .inner-sec {
        margin-top: 9rem;
    }
    
    .search-top {
        background: #0A4E6B !important;
        padding: 7vw 0;
        box-shadow: 0 4px 15px 0 rgba(0,0,0,0.32);
        width: 100%;
        border-top: 1px solid #dedede;
        margin: 106px 0 0;
    }
    
    .search-top .banner_strip p{
        font-size:3vw !important;
        margin:0 !important;
    }
    
    .search-top .banner_strip{
        margin: 0 !important;
        text-align: center;
    }
    
    .mob-sign ul li a{
        padding:0;
        font-size: 3vw !important;
    }
    .mob-sign ul {
        display: flex;
        justify-content: flex-start;
        padding: 0 !important;
    }
    .mob-sign ul li:first-child {
        background-color: #F59331;
    }
    .mob-sign ul li:nth-child(2) {
        background-color: #32ABDF;
    }
    li.mob-sign-item.contact-us {
        background: #000753 !important;
    }
    .mob-sign ul li:nth-child(2) a{
        background-color: transparent;
    }
    li.mob-sign-item.reservations {
        background-color: #EF4209!important;
    }
    li.mob-sign-item {
        text-align: center;
        padding: 4px 1px;
    }
    .ed-mob-menu {
        width: 101% !important;
        height: 106px !important;
    }
    .wed-logo a img {
        width: 40vw;
        max-width: 200px !important;
        padding: 5px 0 0;
        margin-left: -10px;
    }
    
    .ed-micon .menu-toggle-icon {
        width: 5vw;
        max-width: 25px;
        margin: 6px 0 0; 
    }
    /*Top Bar End*/
    
    #vacation_detail_page .tour_head div.visible-xs {
        margin-top: -35px !important;
    }
    
    .imp_videos .imp_video_slide a .video-link {
        max-height: 150px !important;
        object-fit: cover !important
    }

    .profile_con_img,
    .profile_con,
    .curated_profile_img,
    .home_video_img_big,
    .home_video_img {
        height: auto;
        min-height: auto
    }

    .top-logo,
    .ed-top,
    .footer_blue_banner {
        display: none
    }

    .ed-mob-menu {
        display: block
    }

    .offer-r {
        display: none
    }

    .cus-book-form {
        width: 90%
    }

    .head_left img {
        margin: 0 auto;
        padding: 8px 0;
        display: table
    }

    .head_right ul {
        display: table;
        float: initial
    }

    .n-help {
        background-size: cover
    }

    .n-help-con {
        width: 80%;
        float: initial;
        margin: 0 auto
    }

    .arrange ul li {
        width: 46%
    }

    .home_enq {
        background: #03a9f4;
        position: relative;
        overflow: hidden;
        padding-bottom: 10px
    }

    .n-help::before {
        background: rgba(18, 180, 187, 0.88)
    }

    .e_h1 {
        display: none
    }

    .nh-help {
        background-size: cover
    }

    .nh-help::before {
        background: #00bcd4
    }

    .ho-vid {
        margin-top: 70px
    }

    .place h3 {
        margin-top: 20px;
        margin-bottom: 0
    }

    .footer_places {
        margin-top: 25px
    }

    .footer_places ul {
        margin-bottom: 0
    }

    .tour_r {
        margin-top: 45px
    }

    .tour_offer a {
        width: 200px;
        margin: 0 auto
    }

    .hot-page2-alp-r-list {
        margin: 15px;
        margin-bottom: 30px
    }

    .hot-page2-alp-con-left {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .hot-page2-alp-r-hot-page-rat {
        display: none
    }

    .inner_banner ul {
        margin-bottom: 0;
        display: block;
        position: absolute;
        padding: 0 0 5px 0;
        margin-top: 0
    }

    .search-top {
        /*padding-top: 70px*/
    }

    .inner_banner p:first-child {
        padding-top: 70px
    }

    .inner_banner ul li {
        padding-left: 0;
        padding-right: 8px
    }

    .hot-page2-alp-ri-p2 ul li {
        padding-right: 15px
    }

    .hot-page2-alp-ri-p3 {
        padding: 0 15px 30px 15px;
        position: relative;
        overflow: hidden
    }

    .hot-page2-alp-ri-p3 span {
        display: inline-block;
        text-align: center;
        width: 33.33%;
        float: left;
        font-size: 24px;
        font-weight: 600;
        color: #00bcd4
    }

    .hot-list-p3-4 {
        width: 100% !important;
        padding-top: 15px
    }

    .hot-page2-alp-ri-p2 {
        padding: 30px 15px 20px 15px
    }

    .hot-list-p3-1 {
        color: #979797 !important;
        font-size: 14px !important;
        padding-top: 10px
    }

    .hot-page2-alp-con-right {
        padding-bottom: 45px;
        padding-top: 50px
    }

    .home_form form ul {
        padding: 8px 8px 8px 8px
    }

    .dir-rat-right {
        text-align: center
    }

    .dir-rat-right ul {
        margin: 0 auto;
        display: table
    }

    .tr-room-type-list-2 h4 {
        margin-top: 35px
    }

    .tourz-search-form div:nth-child(1) {
        width: 100%
    }

    .tourz-search-form div:nth-child(2) {
        width: 100%
    }

    .tourz-search-form div:nth-child(3) {
        width: 100%
    }

    .tourz-search-form div {
        margin-bottom: 5px
    }

    .main_menu {
        display: none
    }

    .head {
        display: none
    }

    .mob-menu {
        display: block
    }

    .db {
        padding: 50px;
        padding-top: 100px
    }

    .db-2-main-1 {
        width: 100%
    }

    .db-2-main-2 {
        border-right: 0 solid #eaedef;
        padding: 20px
    }

    .db-2-main-com span {
        text-align: left;
        display: block
    }

    .db-2-main-com img {
        margin: inherit
    }

    .db-done {
        display: inline !important
    }

    .db-not-done {
        display: inline !important
    }

    .tr-regi-form {
        width: 75%;
        padding: 40px 50px 50px 50px;
        margin-top: 100px
    }

    .inner_banner {
        padding: 250px 0 40px 0
    }

    .inner_banner_restaurant {
        padding: 100px 0 40px 0
    }

    .main-menu-v2 {
        display: none
    }

    .v2-ho-se-ri h1 {
        font-size: 52px;
        margin-top: 50px
    }
}

@media screen and (max-width:767px) {
    .tour_rela_2 h4 {
        font-size: 3.5vw;
        margin-top: 15px;
    }
    
    .tour_rela_2 h4 .bill-price {
        font-size: 3.5vw;
        float: right;
    }
    
    .tour_rela_2 h4 .sub-content {
        font-size: 3vw;
    }
    
    .view-on-expand{
        display:none;
    }
    /*Vacation Sales Page*/
    #vacation_detail_page .tour_head div.visible-xs {
        margin-top: -35px !important;
    }
    
    .ticket .tour_rat{
        background: #FFF4E8;
        color: #F59331;
        font-size: 3vw;
        font-weight: 700;
        padding: 3px 8px;
        border-radius: 5px;
    }
    
    .ticket .tour_star i {
        font-size: 3vw;
        margin-right: 5px;
        color: #f59331;
    }
    
    .ticket ul li {
        border-radius: 6px !important;
        padding: 4px 10px !important;
    }
    
    .vacation_description_p{
        font-size: 3.5vw;
        font-weight: 900;
    }
    
    ul#video-tabs{
        border-bottom: none;
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0;
    }
    
    ul#video-tabs li {
        float: left;
        margin-bottom: -1px;
        flex-shrink: 0;
        margin-right: -1px;
    }
    .vacation_sale_video_block{
        padding: 0 !important;
    }
    
    ul#video-tabs li a {
        border-radius: 0 !important;
    }
    ul#video-tabs li:last-child a {
        border-top-right-radius: 6px !important;
    }
    ul#video-tabs li:first-child a {
        border-top-left-radius: 6px !important;
    }
    .book-tab-inn ul li a {
        color: #F59331;
        font-weight: 700;
        font-size: 3.2vw;
        background: #FFF4E8;
    }
    .carousel-inner1>.item>img, .carousel-inner1>.item>a>img{
        width: 100%;
        margin: auto;
        margin-top: -1px;
    }
    a.right.carousel-control {
        margin-right: 20px;
    }
    a.left.carousel-control {
        margin-left: -10px;
    }
    .desk-tab.trip_overview{
        margin-bottom: 15px;
    }
    .vacation_sale_video_block .carousel-control {
        opacity:1;
    }
    .vacation_sale_video_block .carousel-control .hotel-gal-arr{
        background: #32ABDF;
        font-size: 18px;
        padding: 6px;
        border-radius: 50%;
    }
    
    .vacation_sale_video_block .carousel-indicators-1{
        display:flex;
    }
    
    /*Vacation Sales Page End*/
    
    .modal .modal-header button.close {
        margin-top: -2px !important;
        font-size: 8vw;
        font-weight: 100 !important;
        line-height: 1;
        opacity: .5 !important;
    }
    
    .modal h2.modal-title {
        font-size: 5.5vw;
        font-weight: 900;
        font-family: 'Poppins',sans-serif;
    }
    
    .modal p.modal-title {
        /* font-family: 'Poppins',sans-serif; */
        font-size: 3.5vw;
    }
    
    .modal a.reason_button {
        color: #32ABDF;
        font-size: 3vw;
        font-family: 'Poppins',sans-serif;
        font-weight: 900;
        text-transform: none;
    }
    
    .modal .modal-body .reason_button_block {
        margin-top: 15px;
        background: #E4F7FF;
        border-radius: 6px;
        padding: 10px 25px;
        text-align: center;
    }
    
    #cancle_reservation_modal .modal-content {
        padding: 15px;
    }
    
    #cancle_reservation_modal .modal-header button.close {
        margin: -15px -15px 0 0 !important;
    }
    
    #cancle_reservation_modal .modal-dialog {
        margin: 15vh 15px;
    }
    
    #cancle_reservation_modal .back-btn-reason {
        background: #32ABDF;
    }
    
    #cancle_reservation_modal #back_button_reason {
        color:white;
    }
    
    #cancle_reservation_modal .reason_button_block:hover{
        background: #F59331;
    }
    #cancle_reservation_modal .reason_button_block:hover .reason_button{
        color: white;
    }
    
    .billing-payment-card-fields::placeholder {
        font-size: 3.3vw;
        font-weight: 600;
        font-family: 'Poppins',sans-serif;
    }
    
    [type="checkbox"].filled-in:not(:checked) + label:after{
        border: 2px solid rgba(0,0,0,.2) !important;
        border-radius: 5px;
    }
    
    /*Vacation User Details*/
    .customer_details .form-control, .user_creation .form-control, .payment_section .form-control, .form-control {
        height: 55px!important;
        border-radius: 6px !important;
        padding: 0 0 0 7vw;
        line-height: 1.5;
        color: #818181;
        font-size: 3vw !important;
        vertical-align: middle;
        background-color: #F3F3F3;
        border: 0;
    }
    
    
    .customer_details label, .user_creation label, .payment_section label {
        font-size: 3vw !important;
        color: #333333;
        font-family: 'Poppins',sans-serif !important;
    }
    
    ul.progressbar li:before {
        font-weight: 600;
    }
    
    .booking-alert{
        background-color: #F59331;
        padding: 5% 6%;
        border-radius: 6px;
        font-size: 3vw;
        color: white;
    }
    .booking-alert #time_left{
        color: white !important;
        font-weight: 600;
        font-size: 3vw;
    }
    
    .payment_section .booking-alert {
        margin:0 !important;
    }
    
    .payment_section .qualify-alert {
        margin: 7vw 0 0 !important;
        font-size: 3vw !important;
        /*font-weight: 700;*/
        padding: 5% 6%;
        border-radius: 6px;
    }
    
    .booking_page div.tour_head,
    .booking_page div.tour_head + hr{ 
        display:none !important;
    }
    
    .booking_page .text-navigation{
        display:none;
    }
    
    .banner_strip {
        margin: 0 !important;
    }
    
    .banner_strip h1 {
        color: #FFF;
        margin-top: 1vw;
        font-size: 4vw;
        display:block;
        font-weight: 600;
        text-shadow: 2px 3px 5px #32abdf66; 
    }
    
    .booking_page .progressdiv{
        padding: 0 !important;
    }
    
    .booking_page .progressdiv .container{
        padding: 0 !important;
        margin: 10vw 0;
    }
    
    ul.progressbar {
        height: 13vw;
        margin: 0 -6%;
    }
    
    ul.progressbar li:after {
        height: 5px;
        top: 15px;
    }
    
    ul.progressbar li {
        line-height: 20px;
        padding: 0px 5%;
        font-size: 14px;
    }
    
    .user-details-continue{
        text-align:center; 
        margin-bottom: 7vh !important;
    }
    .final-step-continue{
        text-align:center; 
    }
    
    .user-details-continue #qualify_continue{
        
    }
    
    .video_hide{
        display:none;
        width:0;
    }
    
    .only-mob-view.preview_vacation_summary .trip_summary_vacation{
        background: #ECF9FF !important;
        padding: 1px 15px;
        border-radius: 6px;
        margin: auto -7px;
    }
    
    .only-mob-view.preview_vacation_summary .trip_summary_vacation h3{
        font-size: 4vw;
        margin: 15px 0 0;
    }
    
    .trip_summary_vacation .total-summary {
        display: flex;
        justify-content: space-between;
        background: #32ABDF;
        color: white;
        margin: auto -15px;
        border-bottom-left-radius: 6px;
        padding: 5px 15px;
        border-bottom-right-radius: 6px;
    }
    
    .trip_summary_vacation .total-summary h4{
        font-size: 4vw;
        font-weight: 500;
    }
    
    .vacation_payment_card_types{
        border: 1px solid rgba(0,0,0,0.1);
        border-radius: 6px;
        padding: 1% 6% 6%; 
        margin: 15px 0;
    }
    
    .vacation_field_title{
        margin: 10% 0 6%;
    }
    
    button#cancle_reservation {
        background: #FE4545 !important;
        padding: 0 6vw !important;
    }
    
    .vacation_field_title h3{
        font-family: 'Poppins',sans-serif;
        font-size: 5vw;
    }
    
    .only-mob-view.preview_vacation_summary .trip_summary_vacation .preview_checkin {
        padding: 0!important;
        justify-content: space-between;
    }
    
    .payment_section #form_vacation_payment{
        margin: auto -15px;
    }
    
    .preview_checkin span.text-left{
        text-align:left;
    }
    .preview_checkin span.text-right{
        text-align:right;
    }
    
    .only-mob-view.preview_vacation_summary{
        margin-top: 15px !important;
    }
    
    .follow-us-block div.follow-icons button {
        width: 19vw !important;
        height: 7.5vw !important;
        border-radius: 6px;
        margin-right: 2vw;
        padding: 0 !important;
    }
    
    .follow-us-block .follow-text {
        margin-bottom: 12px;
        font-size: 5vw;
        font-weight: bolder;
    }
    
    .follow-us-block {
        background: #E4F7FF;
        padding: 7% 0;
        margin: 0 -30px !important;
    }
    
    .follow-us-block .follow-icons button i {
        font-size: 4vw !important;
    }
    
    .follow-us-block button.btn-facebook {
        background: #3B5998 !important;
    }
    
    .follow-us-block button.btn-twitter {
        background: #55ACEE !important;
    }
    
    .follow-us-block button.btn-instagram {
        background: #125688 !important;
    }
    
    /*.btn-orange {*/
    /*    border-radius: 6px !important;*/
    /*    padding: 0vw 9vw !important;*/
    /*    font-weight: 600!important;*/
    /*    text-transform: none;*/
    /*    font-size: 3.2vw;*/
    /*    color: #fff!important;*/
    /*    background-color: #F59331!important;*/
    /*    height: 10vw !important;*/
    /*}*/
    
    .booking_page .btn-orange {
        height: 10vw !important; 
        padding: 0vw 9vw !important;
        font-weight: 600!important;
        text-transform: none;
        font-size: 3.2vw;
        color: #fff!important;
        background-color: #F59331!important;
        border-radius: 6px !important;
        margin: auto;
    }
    
    .payment_section  .row,
    .customer_details .row
    {
        margin-bottom: -15px !important;
    }
    
    .customer_details .col-md-6, 
    .customer_details .col-md-12, 
    .payment_section .col-md-6, 
    .payment_section .col-md-12 
    {
        margin: 5vw 0 0;
    }
    
    .btn-orange .vacation_booking_btn,
    #qualify_continue{
        margin-bottom: 7vw;
        margin-top: 3vw;
    }
    
    .customer-reviews-block{
        padding: 0 !important;
        margin: 0 -30px !important;
    }
    
    .customer-reviews-block .travel-new-heading{
        margin: 15px !important;
    }
    
    .customer-reviews-block .travel-new-heading h3{
        font-size: 6.5vw !important;
    }
    
    .all-videos-page .v_place_img .video-thumbs, .customer_video .video-thumbs {
        max-height: 45vw;
        height: auto;
        object-fit: cover;
    }
    
    .v_place_img img {
        width: 100%!important;
        object-fit: cover;
    }
    
    .to-ho-hotel-con {
        border-radius: 6px;
    }
    
    .review-videos-block{
        display: flex;
        overflow-x: auto;
    }
    
    .review-videos-block .review-videos{
        flex-shrink: 0;
        width: 100%;
    }
    
    .view-more-review-video{
        margin:auto;
    }
    
    .video_rating {
        width: 100%;
        text-align: center;
        background: rgba(0,0,0,.1);
    }
    
    .to-ho-hotel-con-2 h4 {
        margin: 5vw 2vw !important;
        padding-bottom: 0;
    }
    
    .view-more-review-video{
        margin:auto;
    }
    
    .vacation-block-hr{
        margin: 10vw -15px;
    }
    
    .vacation-faq-block {
        margin: auto -30px 30px;
    }
    
    .vacation-faq-block h3{
        margin: auto 30px 15px;
        font-family: 'Poppins',sans-serif;
        font-weight: 900;
    }
    
    .vacation-faq-block .card.faq-card {
        background: #EAF5F9;
        border: none;
        border-radius: 6px;
    }
    
    .vacation_billing_hr{
        margin: 40px 0 0px;
    }
    
    .vacation-faq-block .card-header.faq-header {
        padding: 15px;
        display: flex;
        justify-content: space-between;
    }
    
    .vacation-faq-block .card-header.faq-header p {
        color: #0B374A;
        line-height: 2rem;
        font-weight: 900;
        font-size: 3vw;
    }
    
    .vacation-faq-block .card-header.faq-header p.active-faq {
        color: #32ABDF;
    }
    
    .vacation-faq-block .card-header.faq-header i {
        align-self: center;
        color: #32ABDF;
    }
    
    .vacation-faq-block .card-body.faq-card-body {
        padding-top: 0;
        color: #5D6F76;
        font-size: 3.2vw;
    }
    
    .vacation-faq-block .card-body:before,
    .vacation-faq-block .card-body:after {
        display:none;
    }
    
    .navigate-buttons{
        display: flex !important;
        justify-content: center;
    }
    
    .navigate-buttons div{
        margin: auto 2vw;
    }
    
    .navigate-buttons .left-navigate-btn i{
        background: #D6F3FF;
    }
    .navigate-buttons .right-navigate-btn i{
        color:white;
        background: #32ABDF;
    }
    
    .navigate-buttons i{
        font-size: 2.5vw;
        height: 7vw;
        border-radius: 50%;
        width: 7vw;
        padding: 2.3vw;
        text-align: center;
    }
    
    .tour-ri-com {
        border: none; 
        margin: auto -15px;
        margin-bottom: 15px;
    }
    
    .imp-video-container .tour_rela_1 {
        padding: 0 !important;
        margin: auto -15px;
        display: flex;
        flex-direction: row;
        /*overflow-x: auto;*/
    }
    
    
    .imp-video-container .tour_rela_1.imp_videos .row {
        flex-shrink: 0;
        width: 100%;
    }
    
    .imp_videos .row {
        margin: auto -15px auto 15px;
        border-bottom: none; 
    }
    
    .imp_videos .imp_video_slide {
        margin: 0 -15px !important;
    }
    
    .imp_videos .imp_video_slide a .video-link {
        max-height: 230px !important;
        object-fit: none !important;
        border-radius: 6px;
    }
    
    .imp_videos .imp_video_text {
        position: absolute;
        bottom: 10px;
        margin: auto -15px;
        text-align: center;
    }
    
    .imp_videos .imp_video_text  p {
        color: white !important;
        font-size: 3.5vw;
        background: rgb(0 0 0 / 35%);
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        margin-right: 4px;
        padding: 2vw;
    }
    
    .tour_right h3{
        background: none;
        color: black;
        font-weight: 900;
        text-transform: none;
        font-size: 6.5vw;
        margin: 15px;
        padding: 0 !important;
    }
    
    .discount_coupon p {
        color: #F5A85B !important;
        text-decoration: underline;
    }
    
    .billing-coupon-row p,
    .billing-coupon-row div {
        font-size: 3.5vw !important;
        text-align: center;
    }
    
    .billing-coupon-row.coupon-row-1{
        margin-top:30px !important;
    }
    
    .billing-coupon-row p label a{
        color: #32ABDF;
    }
    
    .billing-coupon-row{
        background: #F3F3F3;
        margin: auto -30px !important;
        padding: 0 15px;
    }
    
    .billing-coupon-row #complete_reservation{
        background: #2AC02A !important;
        border-color: #2AC02A !important;
        height: 12vw !important;
        margin: 6% 0 0!important;
    }
    
    .validate-icon{
        display:inline-block !important;
        font-size:3.4vw;
    }
    
    .validate-icon .fa-check-circle {
        color: #2AC12A;
        margin-left: 5px;
    }
    
    .validate-icon .fa-times-circle {
        color: #FF2424;
        margin-left: 5px;
    }
    
    .coupon_buttons_block {
        margin: 0% 0 8% !important;
    }
    
    .policy_section .policy-text{
        color: #929292;
    }
    
    .row.card-date-block {
        margin-top: 20px;
    }
    
    .row.card-date-block .col-xs-12 {
        margin-top: 5px;
    }
    
    /*Vacation User Details Ends*/
    
    /*Vacation Calendar*/
    #vacation_calendar > .jCalMo ~ .jCalMo {
        display: none;
    }
    
    .jCalMo .jCal{
        display: flex;
        flex-direction: row;  
        margin-bottom: 5vw;
    }
    
    .jCalMo {
        width: 100% !important;
        padding-top:0 !important;
    }
    
    .jCalMo .jCal .left{
        background-color: #E4F7FF;
        padding: 3.3vw;
        border-radius: 50%;
        background-position: center;
        background-size: 2.7vw;
    }
    
    .jCalMo .jCal .right{
        background-color: #32ABDF;
        padding: 3.3vw;
        border-radius: 50%;
        background-position: center;
        background-size: 2.7vw;
    }
    
    .jCalMo .jCal .month{
        display: flex;
        flex-direction: row-reverse;
        width: 100% !important;
        height: 6vw;
        justify-content: center;
    }
    
    .jCalMo .jCal .month span{
        color: #32ABDF;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        margin: auto 0;
        width:auto !important;
        font-size: 4vw !important;
    }
    
    .jCalMo .jCal .month span.monthYear{
        margin-left: 8px;
    }
    
    .jCalMo div.dow{
        background: #F3F3F3 !important;
    }
    
    .jCalMo div.aday {
        background: none !important;
        color: #ffffff !important;
    }
    
    .jCalMo .dow, 
    .jCalMo .day, 
    .jCalMo .pday, 
    .jCalMo .aday, 
    .jCalMo .overDay, 
    .jCalMo .invday, 
    .jCalMo .selectedDay {
        border: 1px solid #F3F3F3 !important;
        border-left: unset!important;
        border-top: unset!important;
        font-weight: 600;
        width: 53px!important;
        padding: 5px 10px!important;
        margin-bottom: 0 !important;
        height: 40px !important;
        line-height: 30px !important;
        font-size: 10pt!important;
        font-family: 'Poppins', sans-serif;
    }
    
    #secretDateModal .jCal_calendar_div {
        border: 0 solid #c5c5c5;
        box-shadow: 0 0 10px rgba(0,0,0,0.31);
        padding: 4%;
    }
    
    .custom-select {
        display: inline-block;
        width: 100%;
        height: calc(2.25rem+2px);
        padding: 0 0 0 7vw; 
        line-height: 1.5;
        color: #818181;
        font-size: 3vw !important;
        vertical-align: middle;
        background: #F3F3F3 url(../images/custom-select-mob.svg) no-repeat right 7vw center; 
        background-color: #F3F3F3;
        background-size: auto;
        background-size: 12px 12px;
        border:0;
        border-radius: 6px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    #selectDateModal #form-select-vacation h4{
        font-size:4vw;
    }
    
    .only-mob-view .vacation-apply-btn a{
        text-transform: none !important;
        background: #F59331;
        font-family: 'Poppins',sans-serif;
        font-size: 3.5vw !important;
        padding: 3vw 10vw;
        color: #fff!important;
        font-weight: 700!important;
        border-radius: 6px;
    }
    
    .only-mob-view .vacation_error_message{
        color: red;
        font-weight: 600;
    }
    
    .select_bottom_text p {
        text-align: center;
        margin-top: 10%;
        color: #959595;
        font-weight: 700;
        font-size: 3.2vw !important;
    }
    
    .only-mob-view .vacation-apply-btn #vacation_option_back_btn{
        display: flex;
        justify-content: center;
        background: #FFF6EE;
        color: #F59331 !important;
    }
    
    .only-mob-view .vacation-apply-btn #vacation_option_back_btn>i{
        margin: auto;
        margin-right: 4vw;
    }
    
    /*price summery*/
    .deal_detail, .deal_price_detail {
        box-shadow: none !important;
        margin: -4% -15px 0 !important;
        padding: 0 !important;
    }
    
    .deal_detail h3, .deal_price_detail h3{
        text-align: left !important;
        font-size: 4.8vw;
        font-weight: 900;
        font-family: 'Poppins',sans-serif;
        margin-bottom: 4vw;
    }
    
    .vacation_preview_summary .preview_checkin,
    .vacation_preview_summary .trip_bill{
        background: #ECF9FF !important;
        border: 0 !important;
        border-radius: 6px !important;
        margin: 0 0 15px !important;
    }
    
    .vacation_preview_summary .preview_checkin{
        padding: 6% 5% !important;
        display: flex;
        justify-content: center;
    }
    
    .vacation_preview_summary .trip_bill{
        padding: 2% 5% 0!important;
        margin-bottom: 10% !important;
    }
    
    .vacation_preview_summary .trip_bill h4,
    .vacation_preview_summary .trip_bill h4 span.trip_price {
        font-family: 'Poppins',sans-serif !important;
        font-size: 3.5vw !important;
    }
    
    .vacation_preview_summary .trip_bill h4 {
        font-weight: 600 !important;
    }
    
    .vacation_preview_summary .trip_bill h4.vacation_preview_total {
        margin: 0% -6%;
        padding: 6%;
        color: #ffffff;
        background: #32ABDF;
    }
    
    .vacation_preview_summary .trip_bill h4.vacation_preview_exrooms span:first-child{
        font-size: 3vw !important;
    }
    
    .preview_checkin label, .preview_checkin span{
        color:#32ABDF !important;
        font-size:3.4vw !important;
    }
    
    .preview_checkin span{
        margin:auto 2vw;
    }
    
    .preview_checkin p {
        font-size: 3.5vw;
        font-weight: 700;
    }
    
    
    /*Offer Footer Css*/
    .footer-nav .book-now-block{
        float:none;
        width: 100%;
        margin-top: 5%;
    }
    
    .footer-nav .book-now-block .total-discount{
        border-right: none !important;
        float: left;
        color: #FDFEFF;
        font-size: 9vw;
    }
    
    .footer-nav .tips-home{
        background:#32ABDF;
    }
    
    .footer-nav .btn-orange{
        border-radius: 6px !important;
        padding: 8px 30px!important;
        font-weight: 600!important;
        color: #fff!important;
        background-color: #F49331!important;
        border-color: #F49331!important;
        height: 40px!important;
    }
    
    .only-mob-view{
        display:block;
        /*padding: 0% 8%;*/
    }
    .only-desk-view{
        display:none;
    }
    
    .only-mob-view .book-footer-offer .offer-family{
        display: flex;
        flex-direction: row;
        font-size: 10vw;
        font-weight: 700;
        margin: 4% 0% 2%;
        color: #FDFEFE;
        font-family: 'Poppins',sans-serif!important;
    }
    
    .only-mob-view .book-footer-offer .offer-family .btn-orange{
        margin: 2.5% 0 0 auto;
    }
    
    .only-mob-view .book-footer-offer .offer-family .offer-footer-text{
        display: flex;
        flex-direction: column;
        margin: 2.5% 3%;
    }
    
    .only-mob-view .book-footer-offer .offer-family .offer-footer-text span{
        line-height: 5vw !important;
        font-size: 3.2vw;
    }
    
    .only-mob-view .book-footer-offer .offer-family .offer-footer-text .original_amt{
        color:#FDFEFE !important;
        font-size: 3.2vw !important;
    }
    
    .only-mob-view .sale-end-clock-img{
        width: 9vw;
        height: 9vw;
        padding: 5%;
        margin: 1% 4% 0 0;
        border-radius: 50%;
        background: #32ABDF;
    }
    
    .only-mob-view .sale-end-time-block{
        display: flex;
        flex-direction: row;
    }
    .only-mob-view .sale-end-time-block .mob_time_footer{
        display: flex;
        flex-flow: column;
    }
    
    .only-mob-view .sale-end-time-block .mob_time_footer span{
        color:#FDFEFE;
        line-height: 5vw !important;
        font-size: 3vw;
    }
    
    
    .only-mob-view .sale-end-time-block .mob_time_footer .sale-end-time{
        font-weight:600;
        font-size: 3.5vw;
        font-family:sans-serif;
    }
    
    
    .only-mob-view .book-footer-offer .offer-family-more{
        padding: 5%;
        background: #259ACC;
        margin: 0px -10%;
    }
    
    .only-mob-view .book-footer-offer .offer-family-more .no-date-block{
        text-align:center;
        display: flex;
        flex-direction: column;
    }
    .only-mob-view .book-footer-offer .offer-family-more .no-date-block a,
    .only-mob-view .book-footer-offer .offer-family-more .no-date-block a span{
        color: #ffffff;
        font-size: 3.5vw;
        font-weight: 600;
        font-family: sans-serif;
    }
    .only-mob-view .book-footer-offer .offer-family-more .no-date-block>span{
        line-height: 5vw !important;
    }
    
    .only-mob-view .book-footer-offer .offer-family-more .no-date-block .no-date-text{
        color: #FFFFFF;
        font-size: 3vw;
    }
    
    .only-mob-view .arrow-toggle-footer-nav{
        display: flex;
        position: relative;
        justify-content: center;
    }
    
    .only-mob-view .arrow-toggle-footer-nav a{
        position: fixed;
        margin: -2%;
    }
    
    .only-mob-view .arrow-toggle-footer-nav a>i{
        color: #ffffff;
        background: #32ABDF;
        font-size: 5vw;
        padding: 13%;
        height: 7vw;
        width: 7vw;
        text-align: center;
        border-radius: 50%;
    }
    
    .only-mob-view .no-date-footer-expand{
        text-align: center;
        color: #ffffff;
        font-size: 5vw;
        margin: 5% 0% 2%;
    }
    
    .only-mob-view .no-date-footer-expand .no-date-text{
        text-align: center;
        font-size: 5vw;
        color: #ffffff;
        margin: 0% 0 5% 0;
    }
    
    .on-expand-footer-nav .no-date-footer-expand p>a.btn{
        background: #F59331;
        font-weight: 900;
    }
    
    .on-expand-footer-nav .no-date-footer-expand p>a.btn span{
        font-weight: 900;
    }
    
    .on-expand-footer-nav .only-left-offer{
        background: #0A4E6B;
        border-radius: 5px;
        padding: 5% 0 1% 0;
    }
    
    .on-expand-footer-nav .only-left-offer p{
        text-align: center;
        color: #ffffff !important;
    }
    
    .on-expand-footer-nav .only-left-offer p.only-left-offer-text{
        font-size: 5vw;
        margin-bottom:1%;
        font-weight: 900;
    }
    
    .on-expand-footer-nav .seprator-footer-nav-expand{
        margin: -3% 4% 7%;
        background: #58B9E3;
        height: 2px;
        width: auto;
    }
    
    .on-expand-footer-nav .sale-ends-in-with-timer{
        background: #5BBCE6;
        text-align: center;
        margin: 20px 0;
        border-radius: 5px;
        padding: 6% 0;
        color: #ffffff;
    }
    
    .on-expand-footer-nav .mob_time_footer{
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .on-expand-footer-nav .mob_time_footer>span{
        line-height:9vw !important;
        font-size: 3.4vw;
    }
    
    .on-expand-footer-nav .mob_time_footer .hurry-message{
        font-size: 3vw;
    }
    
    .on-expand-footer-nav .mob_time_footer .sale-end-time{
        font-size:8vw !important;
        font-weight: 600;
    }

    .fa-angle-up{
        transform: rotate(0deg);
        transition: transform 0.5s linear;
    }
    
    .fa-angle-up.open{
        transform: rotate(180deg);
        transition: transform 0.5s linear;
    }
    
    .fa-chevron-down{
        transform: rotate(0deg);
        transition: transform 0.5s linear;
    }
    
    .fa-chevron-down.open{
        transform: rotate(180deg);
        transition: transform 0.5s linear;
    }

    /*Offer Model Css*/
    #buyModal .modal-header {
        text-transform: none;
    }

    #buyModal .modal-body, 
    #secretModal .modal-body{
        background-repeat: no-repeat;
        text-transform: none !important;
        background-size: cover;
        text-transform: capitalize;
        background-color: white !important;
    }
    
    #buyModal .select_by_dates .h1_txt, 
    #secretModal .select_by_dates .h1_txt{
        background-color: #FFF2E5;
        padding: 12% 20% 1%;
        text-transform: none !important;
        text-align: center;
        color: #F59331;
        font-size: 6vw !important;
    }
    
    #buyModal .select_date_save_percent{
        display: block;
        margin: 15% 0% 13%;
        font-size: 9vw;
        color: #F59331 !important;
        font-weight: 700;
        font-family: 'Poppins',sans-serif;    
    }
    
    #buyModal .select_by_dates, 
    #secretModal .select_by_dates{
        border: 5px solid #FFE3C7;
        border-radius: 6px;
        text-transform: none !important;
        background-color: #FFF2E5;
    }
    
    .select_by_dates div {
        padding: 1% 18% 6%;
        text-align: center;
    }
    
    .select_by_dates div h2 {
        font-weight: 900;
        font-family: 'Poppins',sans-serif;
        font-size: 3vw !important;
        text-transform: none !important;
        color: #818181 !important;
    }
    
    .select_by_dates div p {
        font-family: 'Poppins',sans-serif;
        color: #818181;
        font-weight: 700;
        margin-bottom: 7%!important;
        text-transform: none !important;
        font-size: 3vw;
    }
    
    .select_date_save {
        font-size: 4.3vw;
        font-weight: 900;
        color: #333333!important;
        text-transform: none !important;
        font-family: 'Poppins',sans-serif;
    }
    
    .btn-date {
        background-color: #F59331!important;
        border-color: #F59331!important;
        padding: 0px 22px;
        text-transform: none;
        color: #fff!important;
        font-weight: 700!important;
        margin-bottom: 10px!important;
    }
    
    /*By Price Modal*/
    #buyModal .select_by_price .h1_txt, 
    #secretModal .select_by_price .h1_txt {
        background-color: #E5F7FF;
        padding: 12% 18% 1%;
        text-align: center;
        color: #32ABDF;
        text-transform: none !important;
        font-size: 6vw !important;
    }
    
    #buyModal .select_by_price, 
    #secretModal .select_by_price {
        border: 5px solid #C7EEFF;
        background:#E5F7FF;
        text-transform: none !important;
        border-radius: 6px;
    }
    
    .select_date_price {
        color: #32ABDF!important;
        font-size: 9vw;
        margin-bottom: 7%;
        font-weight: 700;
        font-family: 'Poppins',sans-serif;
    }
    
    .btn-price {
        background-color: #32ABDF!important;
        border-color: #32ABDF!important;
        color: #fff!important;
        font-weight: 700!important;
        text-transform: none;
        padding: 0px 22px;
        margin-bottom: 7% !important;
    }
    
    .select_by_price div h2 {
        font-weight: 900;
        font-family: sans-serif;
        font-size: 3vw !important;
        text-transform: none !important;
        color: #818181 !important;
        margin-bottom: 7% !important;
    }
    
    .select_by_price div p {
        color: #333333;
        margin-bottom: 7% !important;
        text-transform: none !important;
        font-size: 4.3vw;
        font-family: 'Poppins',sans-serif;
        font-weight: 900;
    }

    .imp_box{
        font-size: 15px!important;
    }
    .dy-center-align {
        display: unset !important;
        justify-content: unset !important
    }

    .deal_description h3 {
        font-size: 16px
    }

    .p-50 {
        padding: 30px 20px
    }

    .faq .btn-link {
        font-size: 12px
    }

    .error_404 .error_img {
        width: 100%
    }

    .error_404 .p-100 {
        padding: 10px
    }

    .back-div {
        margin: unset !important
    }

    .back-div a {
        margin-bottom: 10px !important
    }

    .tb-space {
        padding: 75px 0
    }

    .pad-bot-redu {
        padding-bottom: 45px !important
    }

    .pad-bot-incre {
        padding-bottom: 75px !important
    }

    .pad-bot-redu-5 {
        padding-bottom: 25px !important
    }

    .head_left img {
        display: table;
        margin: 0 auto;
        margin-bottom: 15px
    }

    .pack_icon ul {
        margin: 0 auto;
        display: table;
        padding-bottom: 10px;
        padding-top: 0
    }

    .b_pack h4 {
        margin-bottom: 5px
    }

    .view_all {
        text-align: center
    }

    .family img {
        display: none
    }

    .mob_logo {
        display: block;
        padding: 15px
    }

    .head {
        display: none
    }

    .main_menu {
        background: #000;
        box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.8);
        top: 0;
        width: 100%;
        z-index: 9999
    }

    .navbar-inverse {
        background-color: #000;
        border-radius: 0
    }

    .navbar-nav>li>a {
        line-height: 15px;
        border-radius: 1px;
        border-bottom: 1px solid #1a1a1a;
        color: #fff !important
    }

    .menu_book {
        float: none
    }

    .menu_book a {
        display: block
    }

    .home_consul a {
        margin-top: 15px;
        margin-bottom: 25px
    }

    .arrange ul li {
        width: 47%
    }

    .head_left img {
        margin: 0 auto;
        padding: 8px 0
    }

    .head_left img {
        display: table;
        margin: 0 auto;
        padding: 8px 0
    }

    .footer_social iframe {
        width: 100%
    }

    .footer_sub input[type="submit"] {
        width: 100%;
        float: left
    }

    .banner_book_1 ul li {
        width: 48%
    }

    .dl3 {
        display: none !important
    }

    .dl2 {
        display: none !important
    }

    .tour_star {
        display: block
    }

    .event-res {
        display: none
    }

    .p2 h3 span {
        display: block
    }

    .book_poly h3 {
        padding-top: 50px
    }

    /*.footer {*/
    /*    padding-bottom: 0;*/
    /*    padding-left: 30px;*/
    /*    padding-right: 30px*/
    /*}*/
    
    .giotrips-footer.footer {
        background: #242424;
        position: relative;
        overflow: hidden;
        padding: 35px 25px;
    }
    
    .giotrips-footer.footer ul.footer-list li {
        line-height: 35px;
    }
    
    .giotrips-footer.footer ul.footer-list {
        padding: 0;
    }
    
    .giotrips-footer.footer ul.horizontal-li li {
        margin-right: 20px;
    }
    
    .giotrips-footer.footer ul.horizontal-li{
        display: flex;
        flex-direction: row;
        border-top: 2px solid;
        border-bottom: 2px solid;
        padding: 15px 0;
        justify-content: center;
    }
    
    .giotrips-footer.footer .footer-logo{
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-left: 0 !important;
    }
    
    .giotrips-footer.footer .desc-text {
        padding:0;
    }
    
    .giotrips-footer.footer .foot-sec2 p {
        color: #969696 !important;
    }
    
    .copy {
        background: #333333;
    }

    .footer_places {
        padding-left: 30px;
        padding-right: 30px
    }

    .disco {
        margin-bottom: 30px;
        margin-left: 15px;
        margin-right: 15px
    }

    .footer h4 {
        padding-bottom: 10px;
        margin-top: 40px
    }

    .foot-spec h4 {
        margin-top: 0
    }

    .foot-com {
        padding-left: 0;
        padding-right: 0;
        /*padding-bottom: 35px*/
    }

    .testi-2 {
        margin-top: 35px
    }

    .footer1 {
        padding-bottom: 50px !important
    }

    .cbb2-ab-p1-right {
        margin-top: 50px
    }

    .cbb2-ab-p3-1 {
        margin-bottom: 0
    }

    .cbb2-ab-p-3 {
        padding: 50px 0 50px 0
    }

    .icon-float ul li:nth-child(1) {
        display: none
    }

    .icon-float {
        position: fixed;
        left: 0;
        bottom: -1px;
        z-index: 999;
        top: inherit;
        width: 100%;
        background: transparent
    }

    .icon-float ul {
        padding: 0
    }

    .icon-float ul li {
        list-style-type: none;
        float: left;
        width: 16.5999%;
        text-align: center
    }

    .icon-float ul li a {
        display: block;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        padding: 0
    }

    .icon-float ul li a i {
        padding: 8px;
        width: 40px;
        height: 32px;
        text-align: center;
        color: #fff
    }

    .share_widget {
        padding: 40px 0
    }

    .navbar-nav {
        display: block !important
    }

    .home_form form ul li input {
        width: 100%
    }

    .events table tr td:nth-child(2) {
        width: 260px;
        position: relative;
        overflow: hidden;
        font-size: 14px;
        text-overflow: ellipsis;
        float: left;
        overflow: hidden
    }

    .events img {
        display: none
    }

    .events table tr td a {
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
        vertical-align: middle
    }

    .slider-cap h1 {
        font-size: 32px
    }

    .carousel-caption {
        padding-top: 4%;
        padding-bottom: 7%;
        padding-left: 20px;
        padding-right: 20px
    }

    .bg-none {
        padding: 30px 15px;
        background: url(../images/list-p-bg.jpg) no-repeat center center;
        background-size: cover
    }

    .tips_left_1,
    .tips_left_2,
    .tips_left_3 {
        background-size: 55px
    }

    .tips_left_1 {
        padding-bottom: 15px
    }

    .tips_left_2 {
        padding-bottom: 15px
    }

    .tips_left {
        padding-left: 90px
    }

    .tourb2-ab-p-4 {
        padding: 75px 0 35px 0
    }

    .tourb2-ab-p-2 {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .tourb2-ab-p1-right {
        margin-top: 30px
    }

    .tourb2-ab-p3-com {
        padding: 15px 15px 0 15px
    }

    .p2 h3 {
        margin-top: 30px
    }

    .p2_book ul {
        margin-bottom: 0
    }

    .posts h3 {
        margin-top: 30px
    }

    .book_poly {
        padding: 0 8px
    }

    .book_poly ul {
        margin-bottom: 0
    }

    .p-tesi {
        text-align: center
    }

    .p-tesi h4 {
        margin-top: 20px
    }

    .p_testimonial p {
        text-align: center
    }

    .to-con-2 {
        font-size: 30px
    }

    .hot-ameni ul li,
    .locality_list ul li {
        width: 50%
    }

    .c3-slider::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        background: rgba(19, 40, 58, 0.87)
    }

    .dir-rat-right ul li span {
        display: none
    }

    .dir-rat-right ul li a i {
        padding: 0 10px
    }

    .tourz-hom-ser ul li a {
        width: 65px;
        height: 65px;
        padding: 10px 2px 10px 2px
    }

    .tourz-hom-ser ul li a img {
        width: 24px
    }

    .db {
        padding: 25px;
        padding-top: 100px
    }

    .db-l {
        width: 100%
    }

    .db-2 {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-top: 20px
    }

    .db-3 {
        width: 100%;
        margin-top: 20px
    }

    .book-tab-inn ul.nav-tabs {
        /*display: none*/
    }

    .desk-tab select,
    .desk-tab .bootstrap-select {
        display: block !important
    }

    .time_remain {
        margin-top: 20px
    }

    #secretDateModal .modal-header .close,
    #selectDateModal .modal-header .close {
        margin-right: 0 !important
    }

    .select_by_price {
        margin-top: 20px
    }


    .tour_star {
        display: unset !important
    }

    .itinerary-dates button {
        margin: 0 10px 20px
    }

    .jCalMo .dow,
    .jCalMo .day,
    .jCalMo .pday,
    .jCalMo .aday,
    .jCalMo .overDay,
    .jCalMo .invday,
    .jCalMo .selectedDay {
        width: 14.2% !important;
        padding: 5px 10px !important
    }

    .jCalMo .day,
    .jCalMo .pday,
    .jCalMo .aday,
    .jCalMo .overDay,
    .jCalMo .invday,
    .jCalMo .selectedDay {
        width: 40px;
        line-height: 30px
    }


    /*.jCal .month {*/
    /*    width: 85% !important;*/
    /*    text-align: center !important;*/
    /*    display: flex !important;*/
    /*    justify-content: space-around !important;*/
    /*    float: none;*/
    /*    margin: 0 auto*/
    /*}*/

    /*.jCal .right {*/
    /*    position: absolute;*/
    /*    right: 35px !important;*/
    /*    top: -23px;*/
    /*    display: block;*/
    /*    float: left;*/
    /*    width: 10%;*/
    /*    height: 30px;*/
    /*    right: 5px;*/
    /*    text-align: center;*/
    /*    line-height: 20px;*/
    /*    margin-bottom: 15px*/
    /*}*/

    /*.jCal .left {*/
    /*    position: absolute;*/
    /*    left: 15px !important;*/
    /*    top: -23px;*/
    /*    display: block;*/
    /*    float: left;*/
    /*    width: 10%;*/
    /*    height: 30px;*/
    /*    text-align: center;*/
    /*    line-height: 20px;*/
    /*    margin-bottom: 15px*/
    /*}*/

    .hotel-book-room,
    .trip_terms_condition {
        margin-bottom: 60px
    }
}

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

    #tix_picker .ui-datepicker td a,
    #tix_picker .ui-datepicker td span {
        width: 80px !important;
        height: 40px;
        padding: 8px
    }

    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0
    }

    .help-line {
        background: url('../images/home_left.jpg') no-repeat #ffc107;
        background-size: cover;
        padding: 20px 0 32px 0;
        position: relative;
        overflow: hidden
    }

    .help-line::before {
        position: absolute;
        background: rgba(0, 188, 212, 0.75);
        content: '';
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .home_consul {
        width: 100%;
        text-align: center
    }

    .home_consul a {
        display: initial
    }
}

@media screen and (max-width:480px) {
    .video-iframe{
        min-height: 250px !important;
        margin-bottom: 15px
    }
    body {
        overflow-x: hidden !important
    }
    .rest_gift_btn,.apply_filter_btn,.rest_view_btn{
    	display: block;
    	float: unset;
    	width: 100%;
    }
    .spe-title h2{
    	margin-top: 10px;
    }
    .spe-title h2, .spe-title h2 span {
    font-size: 27px !important;
	}
    .spe-title{
    	margin-bottom: 30px;
    }
    .hot-page2-alp-con-right{
    	padding-top: 0px 
    }
    .restaurant_info_title,.restaurant_info_desc{
    	font-size: 12px;
    	margin-bottom: 0px;
    }
    .hot-page2-alp-r-list{
    	margin:0px 0px 30px 0px !important;
    	padding: 8px 5px !important;
    }

    .hot-page2-hli-1 img {
        height: 150px
    }

    .hot-page2-alp-ri-p2 {
        padding: 0
    }

    .hot-page2-alp-r-list .btn-orange {
        width: 100%
    }

    .restaurant_home_page .inner_banner {
        padding: 100px 0 40px
    }

    .restaurant_home_page .container {
        padding: 0
    }

    .restaurant_home_page .btn-blue {
        width: 100%
    }

    .r_city_title {
        font-size: 20px !important;
        max-width: 350px;
        margin: 30px 0 10px;
        padding: 0 15px
    }

    .restaurant-box-bg {
        height: 120px
    }

    .restaurants-grid .col-md-4,
    .restaurants-grid .col-sm-6,
    .restaurants-grid .col-xs-6 {
        padding-right: 5px;
        padding-left: 5px
    }

    .restaurant-box-desc {
        padding: 10px 5px
    }

    .r_collections h3,
    .r_restaurants h3 {
        display: inline-block
    }

    .r_city_title span {
        font-size: 20px !important
    }

    .text-navigation ul li {
        font-size: 10px
    }

    .text-navigation ul li a {
        font-size: 12.5px
    }

    .inv-title,
    .inv-title span,
    .invoice .invoice-to .to,
    .ex_timer_div {
        font-size: 20px !important
    }

    .ex_timer_md,
    .ex_timer_md span {
        font-size: 15px !important
    }

    #invoice {
        padding: 0 5px
    }

    .faq .btn-link::before {
        left: 86%
    }

    .spl_tix_con {
        display: unset !important
    }

    .title-div h4 {
        height: 50px
    }

    .vacation_desti {
        padding: unset !important
    }

    .arrange ul li {
        width: 98% !important
    }

    .banner_book_1 ul li {
        width: 100%
    }

    .dl1 {
        display: none !important
    }

    .mob_logo {
        width: 80%
    }

    .events table tr td:nth-child(2) {
        width: 180px
    }

    .events table tr th {
        font-size: 16px
    }

    #myTable th,
    #myTable td {
        padding: 0 5px
    }

    .to-con-2 {
        font-size: 20px
    }

    .hot-ameni ul li,
        {
        width: 100%
    }

    .dir-rat-form input[type="submit"] {
        width: 100%
    }

    .tourz-hom-ser ul li {
        width: 50%;
        margin-bottom: 10px
    }

    .tourz-hom-ser ul li a {
        width: 100%;
        height: 100%
    }

    .db-pay-amount {
        display: none
    }

    .db-pay-card {
        display: none
    }

    .db2-form-com form {
        padding: 0;
        background: 0;
        margin-top: 0
    }

    .tr-regi-form {
        width: 90%;
        padding: 30px 25px 30px 25px;
        margin-top: 100px
    }

    .home_banner {
        padding: 25px !important
    }

    .trav-ami ul li {
        width: 23%
    }

    .itinerary-section .trav-ami ul li {
        width: unset
    }

    .carousel-caption {
        display: none
    }

    .inner_banner::after {
        right: 0 !important;
        -webkit-transform-origin: unset !important;
        -ms-transform-origin: unset !important;
        transform-origin: unset !important;
        -webkit-transform: unset !important;
        -ms-transform: unset !important;
        transform: unset !important
    }

    .home_banne {
        padding: 25px !important
    }

    .buy-button button {
        margin: 0 0 15px 2px
    }

    .buy-button {
        margin-top: 15px
    }

    .price-box {
        margin-top: 15px
    }

    .deals-section .buy-button button,
    .attraction-section .buy-button button {
        font-size: unset
    }

    .footer-logo {
        padding-left: 30px !important
    }

    .home_play_img_big,
    .play_img,
    .carousel-inner .home_play_img {
        width: 40px !important
    }

    .share_widget .icon-float {
        position: absolute;
        left: 0;
        top: 7px;
        z-index: 998;
        background-color: transparent
    }

    .carousel-caption {
        padding-bottom: 0 !important
    }

    .carousel-caption h4 {
        font-size: 12px !important
    }

    .carousel-caption p {
        font-size: 11px !important;
        line-height: 13px !important
    }

    .carousel-caption div {
        padding: 5px !important
    }

    .rating-amenities {
        padding: 10px 0;
        margin-left: 0
    }

    .contact-right {
        margin-top: 30px
    }

    .rating-area p {
        padding: 5px 15px
    }

    .main_offer span {
        font-size: 13px
    }

    .curated-content h2 {
        font-size: 23px
    }

    .tour-mig-lc-con h5 ,.hot-page2-alp-ri-p2 h3,.spe-title p,
    #register_modal .modal-body h3,
    #login_modal .modal-body h3{
        font-size: 18px !important;
    }

    .banner_strip h2 span,
    .banner_strip h2,
    .contact-left h2 {
        font-size: 20px
    }

    .itinerary-section .trav-ami ul li {
        width: unset
    }

    .tourb2-ab-p4-text {
        overflow: unset
    }

    .tourb2-ab-p4-com i {
        margin-top: 4px
    }

    .talk-to-us span:first-child {
        padding: 7px 13px;
        font-size: 25px;
        margin: 0 15px 0 11px
    }

    .talk-to-us h4,
    .btn-facebook {
        font-size: 16px !important
    }

    #secretDateModal .modal-body,
    #secretDateModal .modal-header,
    #selectDateModal .modal-header,
    #selectDateModal .modal-body {
        padding: 30px 20px 20px 20px !important
    }

    #attraction_tix .modal-header,
    #attraction_tix .modal-body {
        padding: 15px 30px !important
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 40%
    }

    .time_remain {
        margin-top: 20px
    }

    #secretDateModal .modal-header .close,
    #selectDateModal .modal-header .close {
        margin-right: 0 !important
    }

    .hotel-gal-arr1 {
        position: absolute
    }

    .hotel-gal-arr {
        left: 14px
    }

    #buyModal .row {
        padding: 20px 10px
    }

    #buyModal .modal-title {
        font-size: 20px
    }

    .modal-title {
        font-size: 20px
    }

    .select_by_dates h1,
    .select_by_price h1 {
        font-size: 22px;
        padding: 20px 15px !important
    }

    /*.select_date_save {*/
    /*    font-size: 22px;*/
    /*}*/
    
    /*#buyModal .select_by_dates .h1_txt, */
    /*#secretModal .select_by_dates .h1_txt{*/
    /*    font-size: 24px*/
    /*}*/

    /*.select_date_price {*/
    /*    font-size: 32px*/
    /*}*/

    .select_by_price {
        margin-top: 20px
    }

    /*.select_by_price div h2 {*/
    /*    font-size: 23px !important*/
    /*}*/

    /*.select_by_dates div h2 {*/
    /*    font-size: 16px !important*/
    /*}*/

    #selectDateModal .reserve_btn {
        margin-bottom: 20px
    }

    #register_modal_form,
    #login_modal_form {
        padding: 10px 15px
    }

    #register_modal img,
    #login_modal img {
        width: 230px
    }

    .btn-facebook .fa-facebook {
        font-size: 16px;
        margin: 0 6px
    }

    .tour_star {
        display: unset !important
    }

    .contact_page .inn-page-con-bg {
        padding: 0 20px !important
    }

    .spe-title h2,
    .spe-title h2 span {
        font-size: 30px
    }

    .txt-overlay {
        padding: 1px 5px
    }

    .txt-overlay h3 {
        font-size: 14px
    }

    .txt-overlay span {
        font-size: 12.5px
    }

    .wed-logo a img {
        /*width: 235px*/
    }

    .home_banner h3 span,
    .home_banner h3 {
        font-size: 38px
    }

    .ed-mob-menu .ed-mm-inn img {
        width: 25px !important
    }

    .panel-body div {
        margin-top: unset
    }

    .hotel-book-room {
        margin-bottom: 60px
    }

    .two-columns li {
        width: 100%
    }

    .itinerary-section .carousel-control.right {
        right: 12px !important
    }

    .footer_timer div {
        padding: 6px 4px
    }

    .footer_timer div,
    .footer_timer img,
    .footer_timer div p {
        font-size: 16px
    }

    .footer_timer div span {
        font-size: 12px !important
    }

    .sale_ends {
        margin-left: -30px;
        margin-right: 0
    }

    .reserve_btn .btn-orange {
        padding: 8px 20px !important
    }

    .footer_timer div img {
        display: none
    }
}

@media screen and (max-width:1148px) {
    .menu_book {
        float: initial;
        position: relative;
        overflow: hidden;
        padding: 10px 0;
        display: block;
        width: 50%;
        margin: 0 auto
    }

    .menu_book a {
        background: #ffc107;
        font-weight: 700;
        font-style: italic;
        text-decoration: none !important;
        color: #000 !important;
        padding: 6px;
        border-radius: 3px;
        display: block;
        text-align: center
    }

    .navbar-nav {
        float: initial;
        margin: 0 auto;
        display: table
    }

    .carousel-caption {
        width: 100%;
        padding-bottom: 7%
    }

    .carousel-inner1>.item>img {
        display: block
    }
}

@media screen and (min-width:992px) {
    .help-line {
        background: url('../images/home_left.jpg') no-repeat #ffc107;
        background-size: 50%;
        position: relative;
        overflow: hidden;
        padding: 20px 0 32px 0
    }

    .help-line::before {
        position: absolute;
        background: rgba(0, 188, 212, 0.75);
        content: '';
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .home_consul {
        width: 45%;
        text-align: left
    }

    .home_consul a {
        display: initial
    }
}

@media screen and (min-width:767px) and (max-width:992px) {
    .navbar-nav {
        float: initial;
        margin: 0 auto;
        display: table
    }

    .nav>li>a {
        font-size: 14px;
        padding: 10px 7px
    }

    .banner_book_1 ul li {
        width: 32%
    }

    .dl3 {
        display: none !important
    }
}

@media screen and (min-width:992px) {
    .nav>li>a {
        font-size: 15px
    }
}

@media screen and (max-width:1130px) {
    .ticket ul li {
        margin-bottom: 5px
    }

    .add-on p {
        font-size: 13px !important
    }

    .add-on label,
    .select_package label,
    .deal_timer .tour_help_1 p:last-child {
        font-size: 14px !important
    }

    .deal_timer_left {
        padding: 5px 0 20px 0 !important
    }

    .expired {
        padding-top: unset !important
    }
}

@media screen and (max-width:1180px) {
    .talk-to-us span:first-child {
        padding: 7px 13px;
        font-size: 25px;
        margin: 0 15px 0 11px
    }

    .talk-to-us h4 {
        font-size: 16px
    }

    .talk-to-us h5 {
        font-size: 15px
    }

    .buy_tour_offer h4 sub,
    .buy_tour_offer h4 .original_amt {
        font-size: 13px !important
    }

    .tour_social ul li a i {
        width: 80px
    }

    .deal_timer #time_left {
        font-size: 26px !important
    }
}

@media only screen and (min-width :768px) and (max-width :1024px) and (orientation :landscape) {
    .buy-button {
        margin-top: 15px
    }

    .trav-ami ul li {
        width: 23%
    }

    .itinerary-section .trav-ami ul li {
        width: unset
    }

    .buy-button button {
        margin: 0 0 15px 0
    }

    .curated-content h2 {
        font-size: 23px
    }

    .b_pack div {
        padding-right: 6px;
        padding-left: 6px
    }

    .pack_icon {
        padding: 2px
    }

    .talk-to-us span:first-child {
        padding: 7px 13px;
        font-size: 25px;
        margin: 0 15px 0 11px
    }

    .talk-to-us h4 {
        font-size: 16px
    }

    .add-on p {
        font-size: 13px !important
    }

    .add-on label,
    .select_package label,
    .deal_timer .tour_help_1 p:last-child {
        font-size: 14px !important
    }

    .deal_timer_left h2 {
        font-size: 30px !important
    }

    .deal_timer_left {
        padding: 5px 0 20px 0 !important
    }

    .expired {
        padding-top: unset !important
    }

    .tour_help_1 #time_left {
        font-size: 24px !important
    }

    .tour_book h4:nth-child(2) span {
        font-size: 22px !important
    }

    .mob-buy-img img {
        top: 37%
    }

    .mob-buy {
        top: 28%;
        right: 7%
    }

    .footer_timer div,
    .footer_timer img,
    .footer_timer div p,
    .buy_tour_offer a,
    .tour_book h4:first-child {
        font-size: 20px !important
    }

    .footer_timer div span,
    .buy_tour_offer h4 sup,
    .buy_tour_offer h4 sub,
    .buy_tour_offer h4 .original_amt {
        font-size: 12px !important
    }

    .footer_timer div img {
        width: 40px
    }

    .footer_timer div {
        padding: 8px
    }

    .reserve_btn a {
        font-size: 14px !important;
        padding: 8px 20px !important
    }

    .profile_con_img {
        height: 150px
    }

    .talk-to-us span:first-child {
        padding: 7px 13px;
        font-size: 25px;
        margin: 0 15px 0 11px
    }

    .talk-to-us h4 {
        font-size: 16px
    }

    .talk-to-us h5 {
        font-size: 15px
    }
}

@media only screen and (min-width :768px) and (max-width :1024px) and (orientation :portrait) {
    .tour_social ul li a i {
        width: 70px
    }

    .talk-to-us span:first-child {
        padding: 7px 13px;
        font-size: 25px;
        margin: 0 15px 0 11px
    }

    .talk-to-us h4 {
        font-size: 16px
    }

    .talk-to-us h5 {
        font-size: 15px
    }

    .profile_con_img,
    .profile_con,
    .curated_profile_img,
    .home_video_img_big,
    .home_video_img {
        height: 180px !important
    }

    .deal_couple_price {
        line-height: 10px;
        font-size: 19px
    }

    .add-on p {
        font-size: 13px !important
    }

    .add-on label,
    .select_package label,
    .deal_timer .tour_help_1 p:last-child {
        font-size: 14px !important
    }

    .deal_timer_left h2 {
        font-size: 30px !important
    }

    .deal_timer_left {
        padding: 5px 0 20px 0 !important
    }

    .expired {
        padding-top: unset !important
    }

    .tour_help_1 #time_left {
        font-size: 24px !important
    }

    .tour_book h4:nth-child(2) span {
        font-size: 22px !important
    }

    .mob-buy-img img {
        top: 37%
    }

    .mob-buy {
        top: 28%;
        right: 7%
    }

    .footer_timer div,
    .footer_timer img,
    .footer_timer div p,
    .buy_tour_offer a,
    .tour_book h4:first-child {
        font-size: 20px !important
    }

    .footer_timer div span,
    .buy_tour_offer h4 sup,
    .buy_tour_offer h4 sub,
    .buy_tour_offer h4 .original_amt {
        font-size: 12px !important
    }

    .footer_timer div img {
        width: 40px
    }

    .footer_timer div {
        padding: 8px
    }

    .reserve_btn a {
        font-size: 14px !important;
        padding: 8px 20px !important
    }

    #secretDateModal .modal-body,
    #secretDateModal .modal-header,
    #selectDateModal .modal-header,
    #selectDateModal .modal-body {
        padding: 30px 20px 20px 20px !important
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        width: 33px;
        height: 39px;
        padding: 3px
    }

    .ui-widget.ui-widget-content {
        padding: 20px 5px
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 40%
    }

    .clear {
        text-align: center
    }

    .deal_detail span {
        text-align: center;
        font-size: 13px
    }

    .deal_detail p {
        font-size: 14px
    }

    .secretdate_button .btn {
        margin-top: 15px
    }

    #buyModal .row {
        padding: 10px
    }

    .select_by_dates h1,
    .select_by_price h1 {
        font-size: 22px
    }

    .select_date_price {
        font-size: 42px
    }

    /*.select_by_price div h2 {*/
    /*    font-size: 30px !important*/
    /*}*/

    /*.select_date_save,*/
    /*.select_by_dates div h2 {*/
    /*    font-size: 35px !important*/
    /*}*/


    .jCalMo .dow,
    .jCalMo .day,
    .jCalMo .pday,
    .jCalMo .aday,
    .jCalMo .overDay,
    .jCalMo .invday,
    .jCalMo .selectedDay {
        width: 14.2% !important;
        padding: 7px 12px !important
    }
}

@media only screen and (min-width :321px) {

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 40%
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        width: 45px;
        height: 40px;
        padding: 1px
    }

    #tix_picker .ui-datepicker td a,
    #tix_picker .ui-datepicker td span {
        width: 38px;
        height: 38px;
        padding: 1px
    }

    .clear {
        text-align: center
    }

    .deal_detail span {
        text-align: center;
        font-size: 13px
    }

    .deal_detail p {
        font-size: 14px
    }
}

@media only screen and (min-width :320px) and (max-width :350px) {

    #secretDateModal .modal-body,
    #secretDateModal .modal-header,
    #selectDateModal .modal-header,
    #selectDateModal .modal-body {
        padding: 30px 20px 20px 20px !important
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        width: 32px;
        height: 35px;
        padding: 0
    }

    .ui-widget.ui-widget-content {
        padding: 20px 10px
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 40%
    }
}

@media only screen and (min-width :350px) and (max-width :370px) {
    .ui-widget.ui-widget-content {
        padding: 20px 5px
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        width: 37px;
        height: 40px;
        padding: 1px
    }

    #tix_picker .ui-datepicker td a,
    #tix_picker .ui-datepicker td span {
        width: 37px;
        height: 40px;
        padding: 1px
    }
}

@media only screen and (min-width :993px) and (max-width :1199px) {
    .main-menu {
        width: 100%
    }

    .main-menu ul {
        margin: 0 auto;
        display: table;
        margin-top: 0;
        float: unset;
        padding-left: 0
    }

    .wed-logo {
        text-align: center;
        width: 100%
    }

    .affix {
        height: auto
    }

    .txt-overlay h3 {
        margin: 5px
    }
}

@media only screen and (min-width :480px) and (max-width :991px) {
    .video-iframe{
        min-height: 380px !important;
        margin-bottom: 15px;
    }
    .share_widget .icon-float {
        position: absolute;
        left: 0;
        top: 7px;
        z-index: 998;
        background: transparent
    }

    .footer_blue_banner {
        display: none
    }

    .share_widget {
        padding: 40px 0
    }

    .icon-float ul li:nth-child(1) {
        display: none
    }

    .icon-float {
        position: fixed;
        left: 0;
        bottom: -1px;
        z-index: 999;
        top: inherit;
        width: 100%;
        background: #333
    }

    .icon-float ul {
        padding: 0
    }

    .icon-float ul li {
        list-style-type: none;
        float: left;
        width: 16.5999%;
        text-align: center
    }

    .icon-float ul li a {
        display: block;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        padding: 0
    }

    .icon-float ul li a i {
        padding: 8px;
        width: 40px;
        height: 32px;
        text-align: center;
        color: #fff
    }

    #buyModal .row {
        padding: 10px
    }

    .select_by_dates h1,
    .select_by_price h1 {
        font-size: 22px
    }

    /*.select_date_price {*/
    /*    font-size: 42px*/
    /*}*/

    /*.select_by_price div h2 {*/
    /*    font-size: 30px !important*/
    /*}*/

    /*.select_date_save,*/
    /*.select_by_dates div h2 {*/
    /*    font-size: 35px !important*/
    /*}*/

    .footer_timer div,
    .footer_timer img,
    .footer_timer div p {
        font-size: 20px
    }

    .footer_timer div span {
        font-size: 12px !important
    }

    .footer_timer div img {
        width: 40px
    }

    .reserve_btn a {
        font-size: 14px !important;
        padding: 8px 20px !important
    }

    #secretDateModal .modal-body,
    #secretDateModal .modal-header,
    #selectDateModal .modal-header,
    #selectDateModal .modal-body {
        padding: 30px 20px 20px 20px !important
    }

    .jCalMo {
        width: 75% !important
    }

    .jCalMo .dow,
    .jCalMo .day,
    .jCalMo .pday,
    .jCalMo .aday,
    .jCalMo .overDay,
    .jCalMo .invday,
    .jCalMo .selectedDay {
        width: 14.2% !important;
        padding: 7px 12px !important
    }

    #selectDateModal .reserve_btn {
        margin-bottom: 20px
    }

    .panel-body div {
        margin-top: unset
    }
}

@media only screen and (min-width :480px) and (max-width :1200px) {
    .inner_banner::after {
        right: 0 !important;
        -webkit-transform-origin: unset !important;
        -ms-transform-origin: unset !important;
        transform-origin: unset !important;
        -webkit-transform: unset !important;
        -ms-transform: unset !important;
        transform: unset !important
    }
}

@media screen and (min-width:910px) {
    .jCalMo {
        width: 385px;
        float: left;
        overflow: visible;
        height: 100%;
        padding-right: 2px;
        padding-left: 2px;
        white-space: nowrap;
        margin-right: 1.3%;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 15px
    }
}