/* ============================================= Media 240 - 480 ================================================  */

@media only screen and (min-width: 240px) and (max-width:480px) {
    .besttourpackages .grid-content .list-item-entry {
        width: 100%;
        margin-bottom: 50px;
    }
    .t-dates.t-date-check-in, .t-dates.t-date-check-out {
        padding-left: 90px !important;
    }
    .offers-hotels .biggest-offer .hotel-row .hotel-thumbnail {
        padding-top: 0;
    }
    .offers-hotels .secound-offer .hotel-row .hotel-thumbnail {
        padding-top: 0;
    }
    .besttourpackages .hotel-item.style-9 .tour-info {
        width: 100%;
        margin-top: 10px;
    }
    .popular_tour_container .left-title {
        width: 100%;
        margin-top: 44px;
        padding-right: 39px;
    }
    .besttourexcusrion .single-feature {
        margin: auto auto 50px auto;
    }
    #navigation #main-menu li.nav-item a {
        padding: 10px;
        margin-top: 0;
        font-size: 12px;
    }
    #navigation #main-menu li.nav-item a.active {
        color: #ffffff;
        background: #336699;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 10px;
    }
    #navigation #main-menu li.nav-item {
        padding: 0;
        margin-right: 0px !important;
    }
    .nemenubox img {
        display: none;
    }
    .holiday-dropdown .holiday-submenu {
        padding: 15px;
    }
    #holiday-menu .menus .holiday-submenu .col-lg-2.nemenubox {
        width: 33%;
    }
    #holiday-menu .menus .holiday-submenu .col-lg-2.nemenubox span {
        font-size: 11px;
        font-weight: 100;
    }
    #holiday-menu .menus li.link-item>a {
        padding: 7px;
        padding-right: 0px;
        font-size: 13px;
    }
    .besttourpackages .hotel-item.style-9 .tour-info img {
        float: left;
        margin-right: 10px;
    }
    form.book-hotel-form.d-flex.flex-wrap.align-items-center {
        width: 95%;
        margin: auto;
    }
    div#roomhandler {
        padding-left: 5px !important;
    }
    #holiday-menu .menus li.link-item.has-open>.holiday-submenu .bgimage {
        display: none;
    }
    .holiday-dropdown .holiday-submenu .dropdown-title h4 {
        font-size: 16px;
        padding: 0px 0 15px 0px;
        color: #fff;
    }
    .categormenu .catmenubox {
        width: 25%;
    }
    .quick-in-footer {
        float: left;
        width: 100%;
        margin-top: 13px;
    }
    .discover-in-footer {
        float: left;
        margin-right: 60px;
        width: 100%;
        margin-top: 25px;
    }
    .quick-in-footer .footer-items .footer-menu li {
        float: left;
        width: 50%;
    }
    .footer-row .discover-in-footer .footer-items .footer-menu li {
        width: 50%;
        float: left;
    }
    .contact-in-footer {
        margin-top: 25px;
        padding-left: 0;
    }
    .headerSticy .navimenu-submenu {
        position: fixed;
        top: 70px;
        z-index: 98;
    }
    .logo-with-nav-container .mobile_menu_bar {
        margin-right: 15px;
    }
    
    
    span.checkout {
        right: 65px;
        left: unset;
    }
    .book-hotel-form .roomsandchildrens {
        width: 50%;
        border-radius: 0px !important;
    }
    div#roomhandler {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .search-btn {
        width: 48%;
        margin-top: 0;
        float: right;
        display: block;
        margin-left: 5px;
    }
    .search-btn input {
        width: 100%;
        border-radius: 0;
    }
    .tourdeailscontain .tab-info {
        max-width: 100%;
        padding-left: 0;
    }
    .tourdeailscontain .nav-tabsv {
        top: 0;
    }
    .tourdeailscontain .nav-tabsv .tab-itm {
        height: 30px;
        font-size: 9px;
        line-height: 30px;
        padding: 0px 10px;
        width: 50%;
        text-align: left;
        float: left;
    }
    .tourdeailscontain #itineraries .itinerary .title {
        font-size: 14px;
        padding: 0;
        width: 54%;
    }
    .tourdeailscontain .tab-info img {
        margin-top: 0;
    }
    .tourdeailscontain #itineraries p {
        width: 90%;
        text-align: justify;
    }
    div#hotelsdata {
        overflow-x: scroll;
    }
    div#tourcostdata {
        overflow-x: scroll;
    }
    .tourdeailscontain #termcondition {
        text-align: justify;
        width: 90%;
    }
    .detail-header h2.detail-title.color-white {
        font-size: 26px;
    }
    .detail-price {
        text-align: left;
    }
    .inner-banner .detail-header .detail-price a {
        float: left;
        margin-left: 0px;
        margin-right: 8px;
    }
    section.tourdetailstep2 .selection .hotelselec {
        padding-left: 15px;
        margin-top: 30px;
    }
    section.tourdetailstep2 .selection .roomsdetails .addroom {
        margin-top: 17px;
    }
    section.tourdetailstep2 .selection .roomsdetails .room .adults {
        width: 78%;
        padding-left: 15px;
    }
    section.tourdetailstep2 .selection .roomsdetails .room .adults .roomtype {
        width: 100%;
    }
    section.tourdetailstep2 .selection .roomsdetails .remarsk textarea {
        width: 89%;
    }
    section.tourdetailstep2 .selection .roomsdetails .remarsk {
        width: 100%;
        margin-left: 0px;
    }
    .hotelReviewRight {
        margin-top: 25px;
    }
    .tourdeailscontain #booknowstep .bookboxtour .noof {
        display: block;
        width: 100%;
    }
    .tourdeailscontain #booknowstep .bookboxtour .noof:nth-child(3) {
        width: 100%;
    }
    .multi_step_form #msform .action-button {
        float: left;
    }
    .multi_step_form .hotelcol .hotelbox .hotelsdet .indivi .left {
        width: 100%;
    }
    .multi_step_form .hotelcol .hotelbox .hotelsdet .indivi .right div {
        display: inherit;
    }
    .multi_step_form .hotelcol .hotelbox .hotelsdet .indivi .right .viewrate {
        float: right;
    }
    .multi_step_form .hotelcol .hotelbox .hotelsdet .indivi .right {
        width: 100%;
    }
    .viewratepopup .modal-body {
        overflow: scroll;
    }
    #hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading .title {
        width: 100%;
    }
    #hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotelbuttons {
        width: 90%;
        padding-right: 0;
        margin: auto;
    }
    #hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotelbuttons .booknow {
        float: left;
    }
    #hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotelbuttons .ind_enqu {
        float: right;
        margin: auto;
    }
    #hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li {
        list-style: none;
        width: auto;
        margin-right: 9px !important;
    }
    #hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content {
        padding: 15px;
    }
    #hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .price_part {
        width: 49%;
    }
    section#allrooms {
        display: block !important;
    }
    section#allrooms .roomnav {
        padding: 8px;
        display: block;
        width: 50%;
    }
    section#allrooms .roomleft {
        width: 100%;
        display: block;
        border-right: solid 1px #bababa;
    }
    section#allrooms .roomright {
        display: block;
        width: 100%;
        border-right: solid 1px #bababa;
    }
    section#allrooms .roomright .room-included {
        width: 100%;
        display: block;
    }
    section#allrooms .roomright .room-included .room-type-content {
        padding-top: 10px;
    }
    section#allrooms .roomright .room-option {
        width: 100%;
    }
    section#allrooms .roomright .room-price {
        width: 100%;
    }
    section#allrooms .roomright .room-price .text-right {
        text-align: left !important;
        margin-top: 12px;
    }
    .register-form .form-row .form-group.titl {
        width: 100%;
    }
    .register-form .form-row .form-group.fname {
        width: 100%;
    }
    .register-form .form-row .form-group.lname {
        width: 100%;
    }
    section.tourdetailstep2 .selection .hotelselec #exampleModalCenter .modal-body {
        overflow-x: scroll;
    }
    #hotelSelect .basket {
        margin-left: 0;
        width: 90%;
        margin: auto;
    }
    .product .seqv {
        display: block;
        position: relative;
        top: unset;
        left: unset;
        font-weight: bold;
        float: left;
        margin-right: 21px;
    }
    .product .title,
    .product .tier,
    .product .attr,
    .product .renews {
        float: left;
        clear: unset;
    }
    .product .tier {
        margin-top: 10px;
    }
    #hotelSelect .registrconf {
        margin: auto;
    }
    .multi_step_form .hotel-table .room table.table.table-striped {
        display: block;
        width: 100%;
    }
    .multi_step_form .hotel-table .room table.table.table-striped tr {
        display: block;
        width: 100%;
    }
    .multi_step_form .hotel-table .room table.table.table-striped th {
        display: block;
        width: 100%;
    }
    .multi_step_form .hotel-table .room table.table.table-striped td {
        display: block;
        width: 100%;
    }
    .multi_step_form .hotel-table .room table.table.table-striped thead {
        display: block;
        width: 100%;
    }
    .multi_step_form .hotel-table .room table.table.table-striped tbody {
        display: block;
        width: 100%;
    }
    .multi_step_form .hotel-table .roomdetails table.blueTable {
        display: block;
        width: 100%;
    }
    .multi_step_form .hotel-table .roomdetails table.blueTable thead {
        display: block;
        width: 50% !important;
        float: left;
    }
    .multi_step_form .hotel-table .roomdetails table.blueTable tbody {
        display: block;
        width: 50% !important;
        float: left;
    }
    .multi_step_form .hotel-table .roomdetails table.blueTable tr {
        display: block;
        width: 100%;
    }
    .multi_step_form .hotel-table .roomdetails table.blueTable th {
        display: block;
        width: 100%;
    }
    .multi_step_form .hotel-table .roomdetails table.blueTable td {
        display: block;
        width: 100%;
        min-height: 44px;
    }
    .multi_step_form .hotel-table .room table.table.table-striped select {
        width: 125px;
        margin-top: 20px;
    }
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped thead {
        width: 50%;
        display: none;
        float: left;
    }
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped thead th {}
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped thead th:nth-child(2) {
        height: 70px;
    }
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped tbody {
        width: 100%;
        float: left;
    }
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped tbody tr {
        width: 50%;
        display: block;
        float: left;
    }
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped tbody tr th {
        vertical-align: bottom;
        min-height: 30px;
        padding: 6.5px 9px;
    }
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped tbody tr th:nth-child(2) {
        height: 69.5px;
    }
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped tbody td {
        padding: 5px 9px;
        min-height: 30px;
    }
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped tbody tr.roomselection td:nth-child(2) {
        height: 70px;
        overflow-y: scroll;
    }
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped tbody tr.roomselection td select {
        margin-top: 0;
    }
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped tbody tr.roomselection.commentsbox {
        width: 100%;
        margin-left: 0;
        display: block;
    }
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped tbody tr.roomselection.commentsbox td textarea {
        width: 95%;
        height: 85px;
        padding: 10px;
        margin: 11px auto 7px auto;
        display: block;
        clear: both;
    }
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped tbody tr.roomselection.commentsbox td:nth-child(2) {
        height: auto;
        overflow-y: unset;
    }
    .multi_step_form .hotel-table .room.roomdetails table.table.table-striped tbody tr.roomselection.commentsbox td:first-child {
        display: none;
    }
    #dashboard .nav-tabs {
        border: unset;
        margin-top: 10px;
        text-align: right;
        display: inline-flex;
        float: right;
    }
    #dashboard .nav-tabs li.nav-item {
        margin-bottom: 0;
        width: 49%;
    }
    #dashboard .nav-tabs li.nav-item .nav-link {
        text-align: left;
    }
    #dashboard .nav-link.active {
        background: #87DCFA;
    }
    div#allquotation_wrapper .uk-overflow-container {
        overflow-y: scroll;
    }
    div#lead_tbl_wrapper .uk-overflow-container {
        overflow-y: scroll;
    }
    div#allquotation_wrapper .uk-overflow-container {
        overflow-y: scroll;
    }
    tr.roomselectreshead {
        display: block;
    }
    .multi_step_form .priclist .pricebox .name {
        width: 100%;
    }
    .multi_step_form .priclist .pricebox .detail {
        width: 50%;
        padding-left: 18px;
    }
    .multi_step_form .priclist .pricebox .price {
        width: 48%;
        font-weight: bold;
        vertical-align: bottom;
    }
    .multi_step_form #msform .action-button.next.action-button.priceok {
        margin-top: 10px;
    }
    .multi_step_form .priclist .pricebox:last-child .name {
        width: 60%;
    }
    .multi_step_form .priclist .pricebox:last-child .detail {
        display: none;
    }
    .multi_step_form .priclist .pricebox:last-child .price {
        width: 38%;
        text-align: right;
    }
}


/* ============================================= Media 481 - 601 ================================================  */

@media only screen and (min-width: 481px) and (max-width:601px) {}


/* ============================================= Media 602 - 765 ================================================  */

@media only screen and (min-width: 602px) and (max-width:765px) {}


/* ============================================= Media 766 - 1024 ================================================  */

@media only screen and (min-width: 766px) and (max-width:1024px) {}


/* ============================================= Media 1025 - 1180 ================================================  */

@media only screen and (min-width: 1025px) and (max-width:1180px) {}