@media (max-width: 1735px) {
    .banner-block li {
        width: 19.94%
    }
    .offertxt hgroup {
        margin-top: 210px
    }
    .offertxt {
        text-align: center;
        width: 40%
    }
}
@media (max-width: 1385px) {
    .container-fluid {
        padding-left: 0;
        padding-right: 0
    }
    .search-list li:last-child {
        padding-right: 0
    }
    .container {
        width: 95%
    }
    .hotelroom-detail .roomtype ul li {
        padding: 0 15px
    }
    .hotelroom-detail .roomIdentifier label {
        padding: 17px 0 17px 25px;
        font-size: 15px
    }
    .map-box .distance {
        left: 20%;
        transform: translate(-12%, -90%)
    }
    .facility-bx .header h3,
    .hotelroom-detail .belocal-bx .header h3 {
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        padding: 15px
    }
}
@media (max-width: 1366px) {
    .search-list .field1 {
        width: 28%
    }
    ol.carousel-indicators {
        top: 65%
    }
    .search-box.stickSearch {
        top: 11%
    }
    .hotelroom-detail .roomtype ul li {
        padding: 0 10px;
        font-size: 12px
    }
    .hotelroom-detail .roomtype label {
        font-size: 15px
    }
    .hotelroom-detail .roomrate label {
        font-size: 20px
    }
    .hotelroom-detail .grandtotal label {
        font-size: 22px
    }
    .chkin-title {
        font-size: 14px
    }
    .chkin-time,
    .htl-de-am,
    .htl-de-am h5 {
        font-size: 13px
    }
    .map-box .lto {
        left: 85px;
        top: 85px
    }
    .map-box .lfrm {
        left: 250px;
        top: 130px
    }
    .hotelroom-detail .saving-blocks .hide-box h3 {
        width: 60%
    }
}
@media (max-width: 1280px) {
    .caption-thump-explore>h4 {
        font-size: 27px
    }
    .banner-block li {
        width: 19.93%
    }
    .search-box.stickSearch {
        top: 12%
    }
    .map-box .lto {
        left: 75px;
        top: 80px
    }
    .map-box .lfrm {
        left: 240px;
        top: 120px
    }
    .hotel-rate .table>tbody>tr>td,
    .hotel-rate .table>tbody>tr>th,
    .hotel-rate .table>tfoot>tr>th,
    .hotel-rate .table>thead>tr>td,
    .hotel-rate .table>thead>tr>th,
    .table>tfoot>tr>td {
        padding: 10px
    }
    .roomrate label.curr-prz {
        font-size: 15px;
        padding-right: 10px
    }
    .roomrate label {
        font-size: 18px
    }
    .chkin-title {
        font-size: 13px
    }
    .chkin-time,
    .cncl-plcy,
    .htl-de-am,
    .htl-de-am h5 {
        font-size: 12px
    }
    .hotelroom-detail .saving-blocks .hide-box h3 {
        width: 61%
    }
    .facility-bx .header h3,
    .hotelroom-detail .belocal-bx .header h3 {
        font-size: 14px;
        line-height: normal;
        padding: 10px
    }
}
@media (max-width: 1225px) {
    .subscribe-home {
        margin-top: 32px
    }
    .banner-block li {
        width: 19.92%;
        height: 130px
    }
    .thumb-img {
        margin-right: 12px
    }
    .hotelroom-detail .saving-blocks .hide-box {
        font-size: 14px;
        line-height: 17px;
        height: 84%;
         width: 61%
    }
    .hotelroom-detail .roomIdentifier label {
        font-size: 14px
    }
    .hotelroom-detail .roomrate label.curr-prz {
        font-size: 17px;
        padding-right: 10px
    }
    .hotelroom-detail .roomtype ul li {
        padding: 0 8px
    }
    .hotelroom-detail .grandtotal label {
        font-size: 21px
    }
    .hotelroom-detail .roomrate label {
        font-size: 19px
    }
    .chkin-dtl {
        padding: 0 0 0 4px
    }
    .modfy-search {
        font-size: 16px
    }
    .map-box .lto {
        left: 70px;
        top: 75px
    }
    .map-box .lfrm {
        left: 225px;
        top: 110px
    }
    .map-box .distance {
        left: 18%;
        transform: translate(-10%, -90%)
    }
}
@media only screen and (max-width: 1200px) {
    .banner-bottom .link-list .img-box,
    .banner-bottom .link-list .img-box .inner {
        height: 55px;
        width: 55px
    }
    .banner-bottom .link-list .link-box {
        padding: 17px 20px 17px 75px
    }
    .banner-bottom .link-list .link-box>a {
        font-size: 14px
    }
}
@media (max-width: 1167px) {
    .thumb-content {
        float: left;
        padding-top: 8px;
        width: 84%
    }
    .roomtype ul li {
        padding: 0 4px
    }
    .hotel-rate .table>tbody>tr>td,
    .hotel-rate .table>tbody>tr>th,
    .hotel-rate .table>tfoot>tr>th,
    .hotel-rate .table>thead>tr>td,
    .hotel-rate .table>thead>tr>th,
    .table>tfoot>tr>td {
        padding: 10px
    }
    .hotelroom-detail .roomtype label,
    .table-header {
        font-size: 12px
    }
    .hotelroom-detail .roomtype ul {
        padding: 0 0 0 10px
    }
    .hotelroom-detail .roomtype ul li {
        padding: 0 4px;
        font-size: 11px
    }
    .hotelroom-detail .roomIdentifier label {
        font-size: 12px
    }
    .hotelroom-detail .roomrate label.curr-prz {
        font-size: 14px
    }
    .hotelroom-detail .roomrate label {
        font-size: 16px
    }
    .hotelroom-detail .grandtotal label {
        font-size: 18px
    }
    .hotelroom-detail .bookbtn a {
        font-size: 12px
    }
    .map-box .lto {
        left: 55px;
        top: 68px
    }
    .map-box .lfrm {
        left: 210px;
        top: 100px
    }
    .map-box .distance {
        left: 13%;
        transform: translate(-7%, -90%)
    }
    .hotelroom-detail .saving-blocks .hide-box h3 {
        font-size: 15PX
    }
    .htl-de-am,
    .htl-de-am h5 {
        font-size: 11px
    }
    .hotelroom-detail .saving-blocks .hide-box {
        height: 90%;
        width: 90%;
        font-size: 12px;
        line-height: normal
    }
    .chkin-title,
    .cncl-plcy {
        font-size: 11px
    }
    .cncl-plcy {
        padding: 10px
    }
    .chkin-time {
        font-size: 10px
    }
}
@media (max-width: 1040px) {
    #showbg,
    .search-box {
        display: none
    }
    #owl-demo li.item a.tooltip-dev .tooltip-active {
        bottom: 130px
    }
    .footer {
        margin-top: -50px
    }
    .make-homre-bottomblock .top55 {
        width: 72%
    }
    .caption-thump-explore>h4 {
        font-size: 22px
    }
    .thumb-content>h3 {
        font-size: 18px
    }
    .thumb-content>h2 {
        font-size: 20px
    }
    .grid-view div.grid-group-item:nth-child(2n+1) {
        margin-right: 10px
    }
    .modal-content .search-box,
    span.price-header {
        display: block
    }
    .modal-content {
        border: 0;
        border-radius: 0
    }
    .modal-body .panel-default {
        border-color: #ddd;
        box-shadow: none;
        float: left;
        width: 100%
    }
    .pl15 {
        width: 100%
    }
    .modal-content .mCustomScrollbar {
        height: 340px!important;
        overflow-y: scroll
    }
    .filter-popup .modal-dialog {
        width: 350px
    }
    .range-selector,
    .top_search_box {
        padding: 0;
        width: 100%
    }
    .modal-content .panel-default .panel-heading {
        border-bottom: 1px solid #ddd;
        border-radius: 0
    }
    .modal-content .val-lt {
        float: left;
        left: 19%!important;
        position: relative
    }
    .page-wrapper-tab {
        display: block;
        margin-top: 7px
    }
    .search-box .caret,
    .top_search_box::after {
        display: none
    }
    .search-box .select-header {
        float: right
    }
    .range-selector .price-header {
        margin: 0 0 15px!important;
        color: #332a61;
        font-family: Calibri-Bold;
        font-size: 16px;
        line-height: 14px;
        text-transform: uppercase
    }
    .top_search_box .search-icon {
        top: 10px
    }
    .range-selector {
        margin: 20px 0 40px
    }
    .slider.slider-horizontal {
        display: block;
        float: none;
        left: 0;
        margin: 0 auto;
        width: 92%!important
    }
    .range-selector .val-rt {
        right: 0!important
    }
    .val-rt {
        padding-right: 0!important
    }
    .map-box .lto {
        left: 52px;
        top: 60px
    }
    .map-box .lfrm {
        left: 195px;
        top: 95px
    }
    .pddgtb {
        padding-bottom: 0;
        padding-top: 0
    }
    .chkin-dtl,
    .chkin-img {
        width: 100%;
        text-align: center
    }
    .hotelroom-detail .saving-blocks .hide-box {
        font-size: 11px
    }
}
@media (max-width: 980px) {
    .tab-content .left-map {
        bottom: 0;
        display: block!important;
        left: -100%;
        overflow: auto;
        position: fixed;
        top: 0;
        transition: all .5s ease 0s;
        width: 100%;
        z-index: 99;
        height: 100%;
        overflow-y: hidden
    }
    .tab-content .left-map.open-map-popup {
        left: 0
    }
    .tab-content .left-map.open-map-popup #googleMap {
        width: 100%!important;
        margin: 0
    }
    .bottom-tab a,
    .page-wrapper-tab .nav-tabs li a {
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase
    }
    .header-none,
    .heder-check-bg {
        display: none
    }
    .green-bac,
    .heder-check-bg-mobile {
        display: block
    }
    .green-bac {
        background-color: green
    }
    .green-bac a {
        color: #fff
    }
    .heder-check-bg {
        background-color: #eef1f6;
        background-image: none
    }
    .hotel-bg {
        background: #6fa551
    }
    .bottom-tab a,
    .page-wrapper-tab .nav-tabs li {
        background: #707070;
        width: 50%;
        float: left
    }
    .green-bac .border-right span {
        font-weight: 600;
        text-transform: capitalize
    }
    .green-bac .border-right {
        text-transform: capitalize
    }
    .night-block span.night-span,
    .search-details .check-det label {
        color: #4c4c4c
    }
    .night-block::after {
        right: 25%
    }
    .night-block::before {
        left: 20%
    }
    .page-wrapper-tab .nav-tabs li a {
        color: #fff
    }
    .page-wrapper-tab .nav-tabs li.active a {
        color: #332a61
    }
    .page-wrapper-tab .nav-tabs {
        padding: 0
    }
    .no-footer {
        display: none
    }
    .bottom-tab a {
        display: inline-block;
        margin: 0;
        padding: 10px;
        color: #fff
    }
    .productDetails .hoteldet_info.bg-grid-li,
    li.hoteldet_info.bg-timer-grid-li.deal-last.hideme {
        display: none
    }
    #showFilter1,
    .bottom-tab>a {
        text-align: center
    }
    .bottom-tab a:active,
    .bottom-tab a:focus {
        text-decoration: none
    }
    .bottom-tab a#showFilter1 {
        margin: 0;
        border-right: 1px solid #fff
    }
    .page-wrapper-tab .tab-content {
        float: left;
        width: 100%
    }
    .page-wrapper-tab .nav.nav-tabs.nav-sticky {
        left: 0;
        position: fixed;
        top: 6%;
        width: 100%;
        z-index: 999
    }
    .bottom-tab {
        bottom: 0;
        left: 0;
        display: block;
        position: fixed;
        width: 100%;
        z-index: 99999
    }
    .heder-check-bg-mobile .arrow-bg.check-det {
        background: rgba(0, 0, 0, 0);
        margin: 0
    }
    .right-show {
        padding: 13px
    }
    .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
        /*top: 245px!important*/
    }
    .green-bac,
    .heder-check-bg-mobile {
        float: left;
        height: auto;
        width: 100%
    }
    .search-details {
        padding-top: 0
    }
    .hoteldet_info .bg-grid-li .start-compare,
    .left-show,
    .right-show {
        display: none
    }
    .search-details .check-out {
        text-align: right
    }
    .page-wrapper-tab .nav.nav-tabs,
    .tab-content>#main.tab-pane.active {
        display: block
    }
    .tab-content>#main.tab-pane,
    .tab-content>#menu1.tab-pane.left-map {
        display: none
    }
    .tab-content>#menu1.tab-pane.left-map.active {
        display: block
    }
    .left-map #sticky-map {
        position: relative!important;
        top: auto!important
    }
    .page-wrapper .page-wrapper1 {
        float: left;
        width: 100%!important;
        padding: 0;
        margin: 0 auto
    }
    .range-selector .price-header {
        color: #332a61;
        font-family: Calibri-Bold;
        font-size: 16px;
        line-height: 14px;
        margin: 0 0 10px;
        text-transform: uppercase
    }
    /*New Chnages As on 11-6-2017*/

    .navbar-header {
        width: 27%;
    }

    .addBusiness #LoginDiv .navbar-nav li a {
        font-size: 12px;
        padding: 4px 2px;
    }

    .addBusiness .navbar-nav > li.forBusiness > a {
        width: 122px;
    }

    .prfBag {
        width: 29px;
    }

    .addBusiness .nav-home .navbar-right {
        margin-top: 31px;
    }

    .fiveFacility .banner-block {
        padding: 10px 0px;
    }
    /*New Chnages As on 11-6-2017*/
}
@media (max-width: 991px) {
    .amnty h3,
    .amnty h4 {
        line-height: normal
    }
    #googleMap {
        width: 100%!important
    }
    .explore-main {
        margin-top: 17px
    }
    .search-box h5,
    span.xs-days {
        margin-top: 0
    }
    .search-listwrap {
        height: auto;
        padding-bottom: 26px;
        padding-top: 5px
    }
    .search-list .field1 {
        width: 77%
    }
    .field0 {
        width: 20%
    }
    .search-list .field2 {
        padding-left: 26px;
        width: 25%
    }
    .field2.padng {
        padding-left: 0
    }
    .thumb-content {
        width: 80%
    }
    span.xs-days {
        display: block!important
    }
    .slider.slider-horizontal .slider-track {
        height: 10px;
        left: auto!important;
        right: auto!important;
        top: 75%!important;
        width: 100%!important
    }
    .slider-horizontal {
        right: 0!important
    }
    .modal-content .mCustomScrollbar {
        padding: 10px
    }
    .panel {
        margin-bottom: 5px
    }
    .pl15,
    .pr15 {
        padding: 0
    }
    .border-right-img {
        border-right: none
    }
    .grid-img-title {
        bottom: 0;
        background-image: -webkit-linear-gradient(transparent -10%,rgba(0,0,0,1) 100%);
    }
    .city-banner .city-banner-txt h1 {
        font-size: 36px
    }
    .city-banner .city-banner-txt h5,
    .city-banner .city-banner-txt p {
        font-size: 18px
    }
    .banner-bottom .link-list {
        width: 225px
    }
    .banner-bottom .link-list .link-box {
        padding: 7px 15px 8px 65px
    }
    .deals-main .deal-left {
        border-right: medium none
    }
    .deals-main .deal-right {
        margin-top: 25px;
        padding-left: 15px
    }
    .listing-main .explore-city {
        margin-top: 30px;
        padding-left: 0
    }
    .chkin-dtl,
    .chkin-img {
        width: auto;
        text-align: left
    }
    .bdr-lft {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .map-box .lto {
        left: 100px;
        top: 92px
    }
    .map-box .lfrm {
        left: 280px;
        top: 145px
    }
    .map-box .distance {
        left: 26%;
        transform: translate(-7%, -90%)
    }
    .hotelroom-detail .belocal {
        margin: 20px 0
    }
    .hotel-rate h3,
    .sctn-hdr h3 {
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        margin: 10px 0
    }
    .amnty h3 {
        font-size: 15px
    }
    .amnty h4,
    .chkin-title {
        font-size: 14px
    }
    .chkin-time {
        font-size: 13px
    }
    .cncl-plcy {
        font-size: 14px
    }
    .table-header {
        display: none
    }
    .hotel-rate .table>tbody>tr>td,
    .hotel-rate .table>tbody>tr>th,
    .hotel-rate .table>tfoot>tr>th,
    .hotel-rate .table>thead>tr>td,
    .hotel-rate .table>thead>tr>th,
    .table>tfoot>tr>td {
        float: left;
        padding: 5px;
        width: 100%;
        padding-left:10px!important;
    }
    .hotel-rate tbody>tr>td,
    .hotel-rate thead>tr>th {
        border: 0
    }
    .hotel-rate tbody>tr>td {
    position: relative;
    padding-left: 0%!important;
    border: 1px solid #ddd;
    padding-top: 10% !important
    }
    .hotel-rate tbody>tr>td.grandtotal::before,
    .hotel-rate tbody>tr>td.roomIdentifier::before,
    .hotel-rate tbody>tr>td.roomrate::before,
    .hotel-rate tbody>tr>td.bookbtn::before,
    .hotel-rate tbody>tr>td.roomtype::before {
    left: 0;
    position: absolute;
    white-space: nowrap;
    width: 100%;
    color: #777;
    font-family: Robotomedium;
    font-size: 15px;
    text-align: center;
    line-height: normal;
    font-weight: bold;
    text-transform:uppercase;
    }
    .hotel-rate tbody>tr>td.roomtype::before {
        content: "Special Rate";
        top: 0;
    }
    .hotel-rate tbody>tr>td.roomIdentifier::before {
        content: "Room Type";
        top: 0;
    }
     .hotel-rate tbody>tr>td.bookbtn::before {
        content: "Price Per Night";
        top: 0;
    }
    .hotel-rate tbody>tr>td.grandtotal::before {
        content: "Grand Total";
        top: 0;
    }
    .hotel-rate tbody>tr
    {
        border: 6px solid rgba(255,255,255,.5);
    }
    .hotelroom-detail .roomIdentifier label {
        padding: 0 0 0 25px;
        line-height: normal
    }
    .hotelroom-detail .grandtotal label,
    .hotelroom-detail .roomrate label,
    .hotelroom-detail .roomrate label.curr-prz {
        padding-top: 0;
        padding-bottom: 0;
        line-height: normal
    }
   
    .hotelroom-detail .bookbtn label {
        padding: 0;
        text-align: right
    }
    .hotelroom-detail .saving-blocks .hide-box h3 {
        font-size: 13px;
        line-height: normal;
        padding: 5px 20px
    }
    .cntnt-box h3,
    .content-text {
        padding: 10px 15px;
        line-height: normal
    }
    .hotelroom-detail .saving-blocks .hide-box {
        height: 95%;
        width: 95%
    }
    .w50 {
        margin: 10px 0;
        width: 100%
    }
    .cntnt-box h3 {
        font-size: 14px
    }
    .content-text {
        font-size: 13px
    }
    .cntnt-box h4 {
        font-size: 15px;
        line-height: normal
    }
    .content-text ul li {
        font-size: 14px;
        line-height: normal
    }
    .hotelroom-detail #googleMap {
        margin: 20px 0 0
    }
    .hotelroom-detail .table-striped .table-sub-header
    {
        display:none;
    }
   
}
@media (max-width: 912px) {
    .thumb-content>h3 {
        font-size: 16px;
        padding-top: 6px
    }
    .thumb-content>h2 {
        font-size: 18px
    }
    .unlock-btn .search_btn {
        width: 100%;
        font-size: 16px
    }
    .thumb-img {
        padding: 26px 0
    }
    .hotelroom-detail .saving-blocks .hide-box h3 {
        font-size: 12px;
        line-height: normal;
        padding: 5px 20px;
        width: 60%
    }
    .map-box .lto {
        left: 100px;
        top: 90px
    }
    .map-box .lfrm {
        left: 260px;
        top: 130px
    }
     /*New Chnages As on 11-6-2017*/
    .navbar-brand {
        width: 268px;
    }
    /*New Chnages As on 11-6-2017*/
}
@media (max-width: 819px) {
    .footer .col-md-4.col-sm-2.col-xs-12 {
        text-align: center;
        width: 100%
    }
    .header-top-left ul li,
    .header-top-left ul li:last-child {
        padding-left: 5px
    }
    .navbar-header {
        width: 34%
    }
    .navbar-brand {
       background: rgba(0, 0, 0, 0) url("../images/logo-svg.svg");
 background-repeat:no-repeat;
 background-position:center;
 background-size:contain;
 height: 56px;
 width: 100%;
    }
    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        height: 100%
    }
    .banner-block li {
        width: 19.89%
    }
    .hotelroom-detail .saving-blocks .hide-box h3 {
        font-size: 12px;
        line-height: normal;
        padding: 5px 15px;
        width: 60%;
        margin: 0 0 3px -8px
    }
    .hotelroom-detail .saving-blocks .hide-box h3 img {
        padding-right: 5px;
        width: 30%
    }
    .hotelroom-detail .saving-blocks .hide-box {
        padding: 0 8px
    }
    .map-box .lto {
        left: 80px;
        top: 80px
    }
    .map-box .lfrm {
        left: 230px;
        top: 115px
    }
    .map-box .distance {
        left: 25%;
        transform: translate(-18%, -90%)
    }
    /*New Chnages As on 11-6-2017*/

    .navbar-header {
        width: 27%;
    }

    .addBusiness #LoginDiv .navbar-nav li a {
        font-size: 12px;
        padding: 4px 2px;
    }

    .addBusiness .navbar-nav > li.forBusiness > a {
        width: 122px;
    }

    .prfBag {
        width: 29px;
    }

    .addBusiness .nav-home .navbar-right {
        margin-top: 31px;
    }

    .fiveFacility .banner-block {
        padding: 10px 0px;
    }
    /*New Chnages As on 11-6-2017*/
}
@media (max-width: 768px) {
    .mobile-contact-us
    {
     text-align: center;
    display:block;
    font-size: 25px;
    padding: 10px;
    border-bottom: 2px solid rgba(81,134,49,1);
    }
    .mobile-contact-us a{
        color: #518631;
    }
    .banner-block
    {
        display:none;
    }
   
    .unlock-btn .search_btn {
        font-size: 15px!important
    }
    .banner-block a {
        font-size: 10px;
        padding: 10px
    }
    .banner-block li {
        min-height: 96px;
        height: auto
    }
    .make-home-div .caption>h5,
    .make-homre-bottomblock .top55>h5 {
        font-size: 28px
    }
    .make-home-div h6,
    .make-homre-bottomblock .top55>h6 {
        font-size: 16px
    }
    #myCarousel .carousel-caption h1 {
        font-size: 24px
    }
    .hotelroom-detail .bookbtn label
    {
        padding:0;
        text-align:right;
    }
    .hotel-rate .table>tbody>tr>td, .hotel-rate .table>tbody>tr>th, .hotel-rate .table>tfoot>tr>th, .hotel-rate .table>thead>tr>td, .hotel-rate .table>thead>tr>th, .table>tfoot>tr>td
    {
        padding-left:10px!important;
    }
}
@media (max-width: 767px) {
    #menu-toggle,#fixedLeft,
    .banner-block .owl-controls,
    .explore-posibilties,
    .explore-posibilties-mobile,
    .form-group_home h4.desk-head,
    .header-top-right,
    .offertxt,
    .search-list li.field0,
    .search-listwrap .mobile-none,
    .unlock-fullblock,
    .mobile-display-none,
    .like {
        display: none
    }
    .orange-bg {
        background: 0 0;
        padding: 0
    }
    .wh-header .navbar-toggle .fa-bars {
        color: #141064;
        font-size: 24px
    }
    .navbar-toggle {
        /*background: #e7ecf2;*/
        margin: 3px 0;
        padding: 9px 18px
    }
    nav {
        float: right;
        width: 100%;
        margin-right: 0
    }
    .navbar-nav {
        margin: 0
    }
    #sidebar-wrapper {
        background: #eef1f6;
        position: absolute;
        transition: all .5s ease 0s;
        width: 100%;
        height: auto
    }
    .banner-block,
    .owl-carousel .owl-stage-outer,
    li span.days {
        position: relative
    }
    .header-top {
        border-bottom: none
    }
    .header-top-left ul li {
        width: 50%
    }
    .explore-posibilties-mobile,
    .form-group_home h4.mobile-head,
    .search-listwrap .total-nights {
        display: block
    }
    .search-list .field1 {
        width: 100%
    }
    .search-list .field2 {
        float: left;
        padding-left: 0;
        width: 33.33%
    }
    .search-list .field3 {
        width: 15%
    }
    .header-top-left ul li:last-child {
        text-align: right
    }
    #wrap1 {
        margin-top: 1%
    }
    .btm-search {
        background: #518631
    }
    .blkbg,
    .form-group_home {
        padding: 0
    }
    li span.days {
        font-weight: 400;
        left: auto;
        position: inherit;
        text-align: center;
        padding: 35px 0 0
    }
    span.days::after {
        right: 16px;
        bottom: 20%
    }
    span.days::before {
        left: 16px;
        bottom: 20%
    }
    .search-list li:last-child {
        float: left;
        width: 70%
    }
    .limited-saving-block {
        margin: 20px 0 0
    }
    .make-home {
        margin: 0
    }
    .footer {
        margin-top: 0
    }
    #owl-demo .item {
        width: 100%;
        background: #4C4C4C
    }
    .owl-carousel .owl-item img {
        width: auto
    }
    .explore-main {
        background-position: 100% 35%;
        border-radius: 100%;
        height: 120px;
        width: 120px
    }
    h4#destination-mob {
        font-size: 15px;
        margin: 8px auto!important;
        text-align: center;
        display: block!important
    }
    .owl-mob-resp .owl-item {
        height: auto!important
    }
    .banner-block li {
        min-height: 96px
    }
    .owl-mob-resp .owl-stage-outer::after {
        background: #4c4c4c;
        bottom: 1px;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        z-index: 9
    }
    .make-home {
        background: 0 0
    }
    #bs-example-navbar-collapse-1 {
        background: #fff
    }
    .menu-home {
        width: 100%
    }
    .banner-block li,
    .grid-view .borderBox {
        height: auto
    }
    .grid-view .thumb {
        margin-bottom: 0
    }
    .dropdown.open .dropdown-menu.mega-menu {
        background: #fff;
        padding: 10px 0;
        top: auto
    }
    .dropdown.open .dropdown-menu {
        background: #fff!important;
        top: auto
    }
    .sub-news a {
        color: #332a61
    }
    .nav-custom .nav .dropdown ul li a {
        color: #333;
        font-family: Roboto
    }
    .nav-custom ul li:hover a,
    .nav-custom ul li:hover ul li a {
        color: #000!important
    }
    .nav-custom ul li:hover {
        background: #007321
    }
    .navbar-nav .open .dropdown-menu {
        background-color: transparent;
        border: 0;
        box-shadow: none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%
    }
    .nav-custom ul li.dropdown:hover {
        background: #007321!important
    }
    .nav-custom ul li.dropdown ul li:hover {
        background: #007321
    }
    .nav-custom ul li.dropdown ul li:hover a {
        color: #fff!important
    }
    .menu-home>h2 {
        font-size: 18px
    }
    .menu-home,
    .navbar-nav .open .dropdown-menu {
        float: none
    }
    #LoginDiv .navbar-right li.login-li {
        display: block
    }
    .page-wrapper-tab {
        display: block;
        float: left;
        width: 100%
    }
    .banner-bottom,
    .banner-slider,
    .city-banner,
    .deals-main .deal-left,
    .resp-none {
        display: none
    }
    #LoginDiv li {
        border-bottom: 1px solid #E7ECF2
    }
    #LoginDiv ul.navbar-nav li.dropdown ul.menu-home a {
        font-size: 12px!important
    }
    .menu-1.menu-home>li {
        margin: 0 0 0 15px;
        padding-bottom: 3px;
        padding-top: 3px
    }
    .menu-1,
    .menu-2,
    .menu-3,
    .menu-4 {
        padding: 0
    }
    #LoginDiv li.dropdown>a:active {
        color: #000!important
    }
    #LoginDiv li.dropdown>a:focus {
        color: #fff!important
    }
    .owl-carousel .owl-item {
        border-right: 1px solid #fff
    }
    .banner-block a {
        text-decoration: none
    }
    #sidebar-wrapper {
        z-index: 0;
        top: 67px!important
    }
    .dropdown-menu.dropdown-customer-services li a {
        color: #000!important;
        font-size: 12px!important;
        padding: 0!important
    }
    .dropdown-menu.dropdown-customer-services {
        color: #000!important;
        position: relative;
        top: 0;
        width: auto;
        background-color: transparent!important
    }
    .row.mob-space {
        margin-left: -30px;
        margin-right: -25px
    }
    .deals-main .deal-right {
        margin-top: 0
    }
    .place-link .link-box {
        width: 48%
    }
    .place-link h2 {
        margin: 20px 0
    }
    .listing-main .container {
        width: 100%
    }
    .listing-main .tab-content .rightgrid.tab-pane {
        padding: 0
    }
    .listing-main .tab-content .rightgrid.tab-pane .row.mob-space {
        margin: 0
    }
    .hotel-rate .table>tbody>tr>td, .hotel-rate .table>tbody>tr>th, .hotel-rate .table>tfoot>tr>th, .hotel-rate .table>thead>tr>td, .hotel-rate .table>thead>tr>th, .table>tfoot>tr>td
    {
        padding-left:10px!important;
    }
   /*New Chnages As on 11-6-2017*/

    .fiveFacility .banner-block {
        display: none;
    }

    .addBusiness .navbar-right a::after {
        display: none;
    }

    .addBusiness #LoginDiv .navbar-nav li a {
        padding: 10px 10px;
    }

    .prfBag {
        border: none;
    }

    .addBusiness .navbar-nav > li.forBusiness > a {
        text-indent: 30px;
        text-align: left;
        width: 100%;
    }

    .navbar-header {
        width: 34%;
    }

    .addBusiness .nav-home .navbar-right {
        margin-top: 0;
    }

    .addBusiness li.userLogin.noRightBorder {
        margin-right: 0;
    }

        .addBusiness li.userLogin.noRightBorder .caret-border {
            float: right;
        }

    ul.menu-home:last-child {
        width: 100%;
    }

    .nav-custom ul li:hover {
        background: transparent;
    }

    .addBusiness #LoginDiv .navbar-nav li a {
        display: block;
    }

    .addBusiness #LoginDiv .navbar-nav li .menu-1.menu-home a {
        padding: 2px 13px;
    }

    .menu-1.menu-home li {
        margin: 0;
    }

    .navbar-nav .open .dropdown-menu {
        border: 1px solid #eee;
        border-left: 0px;
        border-right: 0px;
    }

    .menu-fullCus .container {
        width: 100%;
    }

    .menu-fullCus .wh-header {
        padding: 0 7px 0 5px;
    }

    .caret-border {
        margin-top: 4px;
    }
    nav#bs-example-navbar-collapse-1 {
        position: absolute;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 999;
        overflow:hidden;
    }
    .navbar-header {
        margin-top:7px !important;
    }
    #wrap1 {
        margin-top: -7px !important;
    }
    /*New Chnages As on 11-6-2017*/
}
@media (max-width: 736px) {
    #sidebar-wrapper {
        top: 17%
    }
    .grid-view .borderBox,
    .list-view .borderBox {
        height: auto
    }
    .page-wrapper-tab .nav-tabs li {
        width: 50%;
        float: left
    }
    .make-home {
        padding: 0
    }
}
@media (max-width: 667px) {
    .night-block::after,
    .night-block::before {
        width: 15%
    }
    .blkbg>form .col-xs-12,
    .explore-posibilties-mobile .container,
    .limited-saving-block .container,
    .make-home .container {
        padding: 0
    }
    .search-listwrap {
        padding-bottom: 0
    }
}
@media (max-width: 640px) {
    #sidebar-wrapper {
        top: 19%
    }
    span.days::after,
    span.days::before {
        display: none
    }
    #products .item a.htlname-title,
    #products .item h2,
    .compare-bx .borderBox h2,
    .productDetails>ul li a.linkhead {
        font-size: 16px
    }
}
@media (max-width: 568px) {
    .explore-main {
        height: 100px;
        width: 100px
    }
    .grid-group-item {
        width: 47%
    }
    .navbar-header { 
    width: 45%;
}
    .deals-main form .field-box {
        padding-right: 0
    }
    .place-link .link-box {
        padding: 0;
        width: 100%
    }
    .deals-main form button {
        position: static;
        width: 100%;
        margin-top: 5px
    }
    .listing-main .grid-view div.grid-group-item {
        width: 49%
    }
}
@media (max-width: 480px) {
    #wrap1 {
        margin-top: 6px
    }
    #sidebar-wrapper {
        top: 67px
    }
    .explore-main {
        height: 90px;
        width: 90px
    }
    .home-bg .datepicker {
        left: 18%!important
    }
    .header-top-left ul li,
    .header-top-left ul li:last-child {
        padding: 10px 50px;
        text-align: center;
        line-height: normal
    }
    .header-top-left ul li:last-child {
        text-align: center
    }
    .page-wrapper-tab .nav-tabs li {
        width: 50%;
        float: left
    }
    .grid-group-item {
        width: 97%
    }
    li.field2 input {
        font-size: 11px
    }
    .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
        /*left: 130px!important;
        top: 268px!important*/
    }
    .explore-posibilties-mobile .header1 {
        margin: 10px 0
    }
    .grid-img-title {
        top: auto;
        bottom: 0;
        background-image: -webkit-linear-gradient(transparent -10%,rgba(0,0,0,1) 100%);
    }
    .banner-block .menu-data-img {
        margin: 0 auto 5px
    }
    .banner-block a {
        padding: 6px
    }
    .banner-block li {
        min-height: 81px
    }
    .listing-main .grid-view div.grid-group-item {
        width: 100%
    }
}
@media only screen and (max-width: 480px)  {
 .navbar-brand{
   width:200px;
 }
}
@media (max-width: 414px) {
    .banner-block li {
        min-height: 96px
    }
    .search-list li:last-child {
        width: 60%
    }
    .search-list .field3 {
        width: 20%
    }
    .header-top-left ul li {
        line-height: normal
    }
    .make-home-div h6 {
        font-size: 18px
    }
    .make-home-div .caption>h5 {
        font-size: 26px
    }
    #chkInSpan .fa-calendar,
    #chkOutSpan .fa-calendar {
        font-size: 13px
    }
    .heder-check-bg {
        height: auto!important
    }
    #products .item.grid-group-item {
        margin-bottom: 5px!important
    }
    .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
        /*left: 20%!important*/
    }
    .banner-block #owl-demo a {
        height: auto;
        min-height: 110px
    }
    .border-right-img {
        padding: 4px 0
    }
    .page-wrapper-tab .nav.nav-tabs.nav-sticky {
        top: 45px
    }
    .palace-main {
        text-align: center
    }
    .palace-main .place-des .img-box {
        border-radius: 120px;
        float: none;
        margin: auto;
        overflow: hidden;
        width: 120px
    }
    .palace-main .place-des .descript-box {
        margin-top: 30px;
        padding-left: 0
    }
}
@media (max-width: 375px) {
    .search-list .field2.total-nights {
        width: 22%
    }
    .search-list .field2 {
        width: 39%
    }
    .header-top-left ul li,
    .header-top-left ul li:last-child {
        padding: 13px
    }
    .heder-check-bg-mobile .search-details .check-det span,
    .heder-check-bg-mobile .search-details .check-det span a {
        color: #8fb880;
        font-size: 15px
    }
    .green-bac .border-right h2 {
        font-size: 20px
    }
    .page-wrapper-tab .nav-tabs li a {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase
    }
    .night-block {
        top: 32px
    }
}
@media (max-width: 360px) {
    .night-block::after,
    .night-block::before {
        display: none
    }
    .heder-check-bg-mobile .search-details .check-det span,
    .heder-check-bg-mobile .search-details .check-det span a {
        color: #8fb880;
        font-size: 14px
    }
    .filter-popup .modal-dialog {
        width: 330px
    }
    .make-home-div .caption h5,
    .make-homre-bottomblock .top55 h5 {
        line-height: 26px
    }
    .banner-block #owl-demo a {
        min-height: 96px
    }
    .page-wrapper-tab .nav.nav-tabs.nav-sticky {
        top: 7%
    }
}
@media (max-width: 320px) {
    #destination2,
    #destination2_country,
    .explore-caption a,
    .make-home-div h6 {
        display: none
    }
    .header-top-left .row>ul {
        margin: 0;
        padding: 0
    }
    .make-home-div .caption>h5 {
        font-size: 20px
    }
    .form-group_home .date-picker {
        background-size: 15% auto
    }
    .form-control {
        padding: 6px 5px
    }
    .heder-check-bg-mobile .search-details .check-det span,
    .heder-check-bg-mobile .search-details .check-det span a {
        color: #8fb880;
        font-size: 10px
    }
    .filter-popup .modal-dialog {
        width: 280px
    }
    .dest_box {
        font-size: 12px
    }
    .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
        /*left: 15%!important*/
    }
    .explore-main {
        height: 70px;
        width: 70px
    }
    h4#destination-mob {
        font-size: 14px
    }
    .explore-caption.caption-thump-explore>a,
    .item.explore-caption.caption-thump-explore>a {
        background: 0 0!important;
        border-radius: 100%!important;
        display: block;
        font-size: 0!important;
        height: 70px;
        position: absolute;
        top: 0;
        width: 70px
    }
    .night-block {
        top: 22px
    }
    .page-wrapper-tab .nav.nav-tabs.nav-sticky {
        top: 43px
    }
}
@media only screen and (max-width: 1360px) {
    .rightgrid {
        padding-left: 30px
    }
    .listing-main .rightgrid {
        padding-left: 15px
    }
    #googleMap {
        width: 525px!important;
        margin-left: 10px
    }
}
@media only screen and (max-width: 1300px) {
    .rightgrid {
        padding-left: 30px
    }
    #googleMap {
        width: 525px!important;
        margin-left: 10px
    }
}
@media only screen and (max-width: 1280px) {
    .banner-block li {
        width: 16.58%
    }
    .fiveFacility .banner-block li {
       width: 20%;
    }   
    .search-list .field1 {
        width: 28%
    }
    .map-box .lto {
        left: 75px;
        top: 80px
    }
    .map-box .lfrm {
        left: 240px;
        top: 120px
    }
    .hotel-rate .table>tbody>tr>td,
    .hotel-rate .table>tbody>tr>th,
    .hotel-rate .table>tfoot>tr>th,
    .hotel-rate .table>thead>tr>td,
    .hotel-rate .table>thead>tr>th,
    .table>tfoot>tr>td {
        padding: 10px
    }
    .roomrate label.curr-prz {
        font-size: 15px;
        padding-right: 10px
    }
    .roomrate label {
        font-size: 18px
    }
    .chkin-title {
        font-size: 13px
    }
    .chkin-time,
    .cncl-plcy,
    .htl-de-am,
    .htl-de-am h5 {
        font-size: 12px
    }
    .hotelroom-detail .saving-blocks .hide-box h3 {
        width: 55%
    }
    .facility-bx .header h3,
    .hotelroom-detail .belocal-bx .header h3 {
        font-size: 14px;
        line-height: normal;
        padding: 10px
    }
}
@media only screen and (max-width: 767px) {
    #owl-demo .item {
        width: 100%;
        background: #4C4C4C
    }
    .owl-carousel .owl-item img {
        width: auto
    }
    .explore-main {
        background-position: 100% 35%;
        border-radius: 100%;
        height: 120px;
        width: 100%
    }
    h4#destination-mob {
        font-size: 15px;
        margin: 8px auto!important;
        text-align: center;
        display: block!important
    }
    .owl-mob-resp .owl-item {
        height: 133px!important
    }
    .owl-carousel .owl-stage-outer {
        position: relative
    }
    .owl-mob-resp .owl-stage-outer::after {
        background: #4c4c4c;
        bottom: 1px;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        z-index: 9
    }
    .make-home {
        background: 0 0
    }
    .search-list .field1 {
        width: 100%
    }
}