@media (max-width:767px) {

    .alert strong {
        font-size: 16px;
        font-weight: 700;
    }

    .alert-warning {
        padding: 2px 0 25px;
    }

    .alert {
        font-size: 15px;
    }

    .data-content {
        margin-top: 13px;
    }


    .map-big.modal-window > div {
        width: 96%;
    }
    .service-our .servic-2{margin-top:0;}
    .banner-hotel img {
        width: 100%;
    }
    .tab-serchtop {
        margin-top: 20px;
    }
        .tab-serchtop ul {
            display: flex;
            justify-content: space-around;
            width: 100%;
            overflow-x: auto;
            padding: 0;
        }
            .tab-serchtop ul li {
                margin: 6px 0;
            }

                .tab-serchtop ul li a span {
                    display: none;
                }

    .service-our .servic-1 ul {
        display: block;
    }
    .service-our .servic-1 ul li {
        width: 33%;
        float: left;
        margin-bottom: 10px;
    }

        .service-our .servic-1 ul li a p, .service-our .servic-2 ul li a p {
            margin: 11px 0 0;
        }
    .service-our .servic-2 ul {
        display: block;
    }
        .service-our .servic-2 ul li {
            width: 33%;
            float: left;
            margin-bottom: 10px;
        }
            .service-our .servic-1 ul li a, .service-our .servic-2 ul li a {
                font-size: 15px;
            }
    .welcome-middle h2 {
        line-height: 21px;
        margin-top: 0;
        font-size: 18px;
    }
    .banner1{display:none;}

    .mob-bdr, .room-info-prcc {
        display: block;
    }

    .phone-mobile {
        right: 20%;
    }

        .phone-mobile img {
            display: block;
        }

    .cli_call_btm {
        display: block;
    }

    .hotelsearchmain ul {
        display: block;
        height: auto;
        border: 0;
    }

        .hotelsearchmain ul li, .hotelsearchmain ul li:nth-child(4), .hotelsearchmain ul li:nth-child(5) {
            float: left;
            width: 100%!important;
            display: inline-block!important;
            margin-bottom: 12px;
        }
            .hotelsearchmain ul li:nth-child(2){
                width: 47.9% !important;
                float: left;
            }
          .hotelsearchmain ul li:nth-child(3) {
                width: 47.9% !important;
                float: right!important;
            }
            .hotelsearchmain ul li{}

    .banner-back {
        height: auto;
        padding-bottom: 10px;
    }
    .checkmark {
        top: 3px;
    }
    .hotel-radio {
        margin-bottom: 11px;
        margin-left: 6px;
    }
    .hotel-txt input {
       
        font-size: 14px;
       
    }
    .hotelsearchmain ul li:last-child {
        border-right: 0;
        padding: 0 0;
        width: 100%;
    }

    .hotelsearchmain .searchb1 {
        width: 100%;
        padding: 10px 0;
        font-size: 16px;
        margin-bottom: 13px;
        margin-top: 0;
    }

    .hotel-top-search ul {
        width: 100%;
        overflow-x: auto;
    }

    .hotelsearchmain .searchb {
        float: left;
        width: 100%;
        margin: 0 8px 0;
    }

    .hotel-search-box {
        padding: 7px 4px 0;
    }
    .hotelsearchmain .sMonth{margin-top:5px;}
    .hotel-txt, .hotel-txt-1, .hotel-txt-2, .hotel-txt-3, .flying {
        padding-top: 7px;
        width: 100%;
        float: left;
        /*border: 1px solid #ddd;*/
    }

    .hotelsearchmain .sDate, .hotelsearchmain .sMonth {
        font-size: 13px;
    }

    .hotel-txt-3 select {
        font-size: 14px;
        margin-left: -5px;
    }

    .hotelsearchmain .flying label, .hotelsearchmain .adult {
        padding-left: 5px;
    }
    .hotelsearchmain .adult{font-size:14px;}
    .hotelsearchmain {
        padding-bottom: 4px;
        margin-top: 0;
        padding: 10px 15px 0 0;
    }

    .hotel-top-search ul li a span {
        width: 145px;
        font-size: 12px;
    }

    .banner-hotel .nav {
        display: flex;
        width: 100%;
        overflow-x: auto;
    }

    .banner-hotel .nav > li > a {
        padding: 5px 9px;
        font-size: 12px;
    }

    .banner-hotel .tab-content .owl-theme .owl-controls .owl-buttons .owl-prev {
        top: -87px;
        padding: 2px 8px;
        font-size: 14px;
    }

    .banner-hotel .tab-content .owl-theme .owl-controls .owl-buttons .owl-next {
        top: -87px;
        padding: 2px 8px;
        font-size: 14px;
    }
    .banner-hotel .tab-content .owl-theme .owl-controls .owl-buttons .owl-prev {
        right: 36px;
    }
    .banner-hotel h1 {
        font-size: 17px;
        margin: 17px 0 16px;
        font-weight: 700;
    }
    .hotelsearchmain label {
        margin-bottom: 0;
    }
    .owl-theme .owl-controls .owl-buttons div {
        margin: 4px;
        padding: 5px 9px;
        font-size: 14px;
    }
    .hotel-txt label, .hotel-txt-1 label, .hotel-txt-2 label, .hotel-txt-3 label, .hotelsearchmain .flying label {
        font-size: 13px;
        font-weight: 600;
    }
    
    .banner-hotel strong {
        font-size: 11px;
    }

    .banner-hotel .tab-content .hoteldata p {
        font-size: 14px;
        color: #01142e;
        margin: 0 0 0;
    }

    .banner-hotel .tab-content .hoteldata h2 {
        font-size: 15px;
        color: #01142e;
        font-weight: 600;
        margin-bottom: 9px;
        margin-top: 11px;
    }

    .poplur-hotel .hotel-datamain .popdestination h2 {
        font-size: 18px;
        font-weight: 700;
        padding: 16px 0 13px;
    }

    .poplur-hotel .hotel-datamain .popdestination ul li {
        width: 100%;
        display: contents;
    }

    .poplur-hotel .hotel-datamain .popdestination {
        float: left;
        width: 100%;
    }

    .poplur-hotel .hotel-datamain {
        float: left;
        width: 100%;
        padding: 0 15px 13px;
        margin-top: 37px;
        margin-bottom: 16px;
    }

    .discover-txt h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .map-world {
        display: none;
    }

    .compare-room ul li, .interbook ul li, .sortingmain {
        width: 100%;
    }

    .logo-hotel h2 {
        font-size: 17px;
        margin-top: 14px;
        margin-bottom: 12px;
    }

    .hotel-modifay-search {
        display: flex;
        justify-content: space-between;
        margin-top: 0;
        background: #fff;
        padding: 4px;
    }

    .sortingmain .slide-new1, .sortingmain .slide-new2, .sortingmain .slide-new3 {
        width: 100%;
    }

    .sortingmain {
        display: block;
        float: left;
    }

    .sort-by h2 {
        font-size: 16px;
        padding: 10px 19px;
    }

        .sort-by h2:before {
            position: absolute;
            top: 36px;
            left: 43%;
            content: "";
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid #0f2454;
        }

    .fillter-left {
        width: 100%;
        margin-bottom: 0;
        display: none;
        position: fixed;
        bottom: 34px;
        z-index: 99999999;
        background: #fff;
        left: 0;
        border-radius: 0;
        border: 0;
    }

    .result-right {
        width: 100%;
        float: left;
    }

        .result-right .result-loop .datalftlp1, .result-right .result-loop .datalftlp2, .result-right .result-loop .datalftlp3 {
            width: 100%;
            text-align: center;
        }

        .result-right .result-loop .datalftlp3, .result-right .result-loop .datalftlp1 {
            text-align: center;
        }

    .saveanavrage {
        display: none;
    }

    .thumbnailmain span {
        width: 100%;
    }

        .thumbnailmain span:nth-child(2) {
            width: 50%;
        }

        .thumbnailmain span:nth-child(3) {
            width: 50%;
        }

    img#image-1 {
        height: 166px;
    }

    img#image-2, img#image-3, img#image-4, img#image-5 {
        height: 70px;
    }

    .thumbnailmain h1 {
        font-size: 16px;
    }

        .thumbnailmain h1 i {
            font-size: 10px;
        }

    .addreshotel h2 {
        font-size: 16px;
    }

    .addreshotel a {
        font-size: 13px;
    }

    .addreshotel ul {
        display: block;
    }

        .addreshotel ul li {
            font-size: 15px;
            width: 100%;
        }

    .addreshotel .allprice .viewdetails strong a {
        float: right;
        font-size: 13px;
        font-weight: 500;
        line-height: 30px;
    }

    .mapaddress {
        width: 100%;
        float: left;
    }

    .addreshotel .allprice .viewdetails strong {
        display: inline-block;
        width: 100%;
    }

    .addreshotel .allprice .viewdetails, .other-amnites ul li, .other-roomoptions .room-lft, .other-roomoptions .room-lft .data-img, .other-roomoptions .room-lft .data-content {
        width: 100%;
    }

    .datashow.modal-window > div {
        width: 96%;
    }

    .sorting {
        display: block;
    }

        .sorting ul {
            display: flex;
            width: 100%;
            overflow-x: auto;
        }

        .sorting span {
            justify-content: space-between;
            margin-top: 6px;
            margin-bottom: 10px;
        }

        .sorting ul li.active {
            padding: 0 0 14px;
        }

    .addreshotel .allprice .viewdetails strong {
        font-size: 19px;
    }

    .other-roomoptions .room-rgt {
        width: 100%;
        margin-top: 20px;
        border-left:0;
    }

    .other-roomoptions .room-lft .data-img {
        text-align: center;
    }

    /*.slipe {
        display: block;
    }*/

    .chkinall .chk-1 {
        width: 100%;
        text-align: center;
        padding-bottom: 14px;
        padding-top: 0;
    }

    .chkinall .chk-2 {
        width: 50%;
    }

    .chkinall .chk-3 {
        width: 50%;
    }

    .paymentmain .paymentform-left, .bok_smile_fixed1 {
        width: 100%;
    }

    .bok_smile_fixed1 {
        width: 100%;
        position: fixed;
        top: unset;
        left: 0;
        right: 0;
        bottom: 59px;
        background: #ffff;
    }

    .paymentmain .paymentform-right {
        width: 100%;
        float: left;
    }

    .hotel-info-payment {
        display: block;
        float: left;
    }

        .hotel-info-payment .inform-img {
            width: 100%;
            text-align: center;
        }

        .hotel-info-payment .inform-content {
            width: 100%;
        }

            .hotel-info-payment .inform-content ul {
                display: block;
            }
    .roomdetails-payment .roomdetails-data .hotel-data, .roomdetails-payment .roomdetails-data .hotel-data .hotel-txt ul {
        display: block;
    }
    .tital-main .tital-1, .tital-main .tital-2, .tital-main .tital-3, .enquiry-main, .enquiry-main .enquiry-1, .enquiry-main .enquiry-2, .card-new1 .card-data1 {
        width: 100%;
    }
    .tital-main, .enquiry-main {
        display: block;
    }
    .card-new1 {
        display: block;
       
    }
        .card-new1 .card-data2 {
            width: 80%;
            float: left;
            margin-left: 0;
        }
        .card-new1 .card-data3 {
            width: 15%;
            margin-left: 8px;
            float: left;
        }
        .card-new1 .card-data1{margin-block:10px;}
    .form-row {
        display: block;
        margin-top: 7px;
        float: left;
        width: 100%;
    }

        .frm-group.exp-month, .form-row .frm-group.exp-year, .frm-group.cvv-vcc {
            max-width: 100%;
        }
        .form-row .frm-group.exp-year {
           
            margin: 0 0 13px;
        }
        .form-row .frm-group.addr-one + .addr-one {
            margin-left: 0;
        }
        .form-row .frm-group.city-pay {
            margin: 0 0 11px;
        }
    .continue-booking-pay {
        display: flex;
        justify-content: space-between;
        padding: 15px 0 0;
        width: 100%;
        max-width: 100%;
        position: fixed;
        bottom: 0;
        background: #fff;
    }

    .conti-prc {
        font-size: 17px;
        color: #000;
        line-height: 32px;
    }
    .continue-booking-btn, .continue-booking-pay a {
        width: 93px;
        height: 40px;
        font-size: 16px;
        margin-right: 36px;
    }
    .bok_smile_fixed1{display:none;}
    .priceclose{float:right; cursor:pointer; font-size:16px; font-weight:500;}

    .compare-room, .logo-hotel {
        width: 100%;
        float: left;
    }
    .poplur-hotel {
        width: 100%;
        height:auto;
    }
    .logo-hotel li {
        margin: 0 4px 6px;
    }

    .payment-details .payment-data {
        float: left;
        width: 100%;
    }
    .billing-details {
        float: left;
        width: 100%
    }

    .points-payment span {
      
        font-size: 10px;
    
    }
    .three-points-payment {
        display: flex;
        padding: 7px 5px 5px;
        background: #f6f6f6;
    }
    .hotel-info-payment .inform-content h1 {
        margin-top: 14px;
    }
    .hotel-info-payment .inform-content h1 {
        font-size: 16px;
    }
    .roomdetails-payment h2, .payment-details h2 {
        font-size: 15px;
    }
    .hotel-info-payment .inform-content p, .hotel-info-payment .inform-content ul li p, .print-txthtl, .hotel-all-data .data-htl p {
        font-size: 12px;
    }
    .hotel-info-payment .inform-content ul li strong{font-size:13px;}
    .enquiry-main .enquiry-1 label, .enquiry-main .enquiry-2 label, .tital-main .tital-2 label, .tital-main .tital-3 label, .tital-main .tital-1 label {
        font-size: 13px;
        
        margin-bottom: 9px;
        margin-top: 7px;
    }
    .enquiry-main{margin-top:0;}
    .card-new1 .card-data1 label, .card-new1 .card-data2 label, .card-new1 .card-data3 label {
        font-size: 13px;
       
        margin-bottom: 10px;
    }
    .frm-group.exp-month label, .form-row .frm-group.exp-year label, .frm-group.cvv-vcc label {
        font-size: 13px;
     
        margin-bottom: 10px;
    }
    .roomdetails-payment .roomdetails-data .hotel-data .hotel-txt strong {
        font-weight: 500;
        font-size: 15px;
    }
    .roomdetails-payment .roomdetails-data .hotel-data .hotel-txt ul li {
        font-size: 14px;
    }
    .roomdetails-payment .roomdetails-data .hotel-data .hotel-txt {
        padding-bottom: 13px;
    }
    .option-form{font-size:13px;}
    #closediv {
        display: block;
    }

    .hotel-iformationmain h1.add {
      
        font-size: 21px;
      
    }

        .hotel-iformationmain h1.add::before {
            bottom: -38%;
            left: 0;
            width: 100%;
        }

    .name-main .text-content1 {
        font-size: 18px;
      
    }
    .hotel-iformationmain h2.add span {

        margin-left: 0;

    }
    .hotel-iformationmain h2.add {
        font-size: 14px;
        text-align: center;
        margin-top: 12px;
    }
    .Inclusions-all ul li, .hotel-all-data .data-htl span {
        font-size: 12px;
    }
    .name-mainnew ul li {
        width: 100%;
    }
    .acco {
        float: left;
        width: 100%;
        margin: 19px 0 0;
    
    }
        .acco p, .acco p strong {
            font-size: 13px;
        }
    .hotel-all-data h4 {
     
        font-size: 18px;
       
    }
    .hotel-all-data .data-htl strong{font-size:16px;}

    .hotel-all-data .data-htl1{display:none;}
    .hotel-all-data .data-htl {
        float: left;
        width: 100%;
    }
    .primarygus{text-align:center;}

    .hotel-all-data .data-table {
        margin-top: 25px;
        float: left;
        width: 100%;
    }
    .hotel-informservice {
        padding-right: 0;
    }
        .hotel-informservice .charge-accomation strong {
            font-size: 13px;
        }
            .hotel-informservice .charge-accomation strong:first-child{font-weight:500;}
    .txx-ivoice, .name-mainnew ul li strong, .name-mainnew ul li span {
        font-size: 13px;
    }
    .Inclusions-all h5 {
        
        font-size: 18px;
       
    }
    .Inclusions-all {
        margin-top: 0;
        float: left;
        width: 100%;
    }

    .name-mainnew h3 {
        color: #000;
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 7px;
    }
    .btnnew-htl {
        padding: 6px 13px 7px;
    }

    .navbar-collapse {
        background:#fff!important;
        border-color: transparent !important;
        margin-top: 0 !important;
        position: fixed !important;
        top:60px !important;
        z-index: 99999 !important;
        width: 100%;
        height: 100%;
        transition: 0.2s;
        left: 0;
    }
    .navbar-default .navbar-nav > li > a {
        color: #000 !important;
    }
    .closebtn {
        color: #fff;
        float: right;
        font-size: 28px;
        margin-top: 6px;
    }
    .toppanel .topright {
        width: 27%;
        margin-top: 0;
        position: relative;
        float: right;
    }
    .nav ul li a {
        width: 100%;
        float: left;
        border: none;
        margin: 0;
        border-bottom: 1px solid #ccc;
        border-radius: 0;
        padding: 7px 20px;
    }
    .hotel-info-payment .inform-content ul li {
     
        width: 38%;
        float: left;
       
    }
    .paymentmain {
        margin-top: 8px;
    }
    .green {
        font-size:14px;
    }
    .roomdetails-payment .roomdetails-data .hotel-data .hotel-txt {
        border-bottom:0;
    }
    #fliter-new {
        display: block;
    }

    .sort-by {
        margin-top: 27px;
        margin-bottom: 18px;
    }
    .hotel-result-main {
        margin-top: 0;
    }
    .filter-bot {
        position: fixed;
        bottom: 0;
        z-index: 9999;
        background: #EE2524;
        width: 100%;
        display: flex;
        justify-content: center;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        padding: 7px 0 7px;
        align-items: center;
        cursor:pointer;
    }
        .filter-bot i {
            color: #fff;
            margin-left: 8px;
        }
        .filter-bot img {
            -webkit-filter: brightness(100);
            filter: brightness(100);
            margin-left: 9px;
        }

    .hotelsearchmain .departure {     
        top: 22px;      
        width: 100%;
    }
    .banner-hotel .tab-content .owl-theme .owl-controls .owl-buttons .owl-next i, .banner-hotel .tab-content .owl-theme .owl-controls .owl-buttons .owl-prev i {
        font-weight: 600;
        font-size: 19px;
    }

    .poplur-hotel .hotel-datamain .popdestination .item img {
        border-radius: 6px;
        border: 1px solid #161616;
    }

    .poplur-hotel .hotel-datamain .popdestination .item p {
        font-size: 18px;
        color: #161616;
        font-weight: 500;
        margin: 10px 0 0;
    }
    .poplur-hotel .hotel-datamain .popdestination .item {text-align:center;}
    .poplur-hotel .hotel-datamain .popdestination .owl-buttons, .banner-hotel .tab-content .owl-buttons, .banner-hotel .tab-content .owl-pagination, .banner-hotel .tab-content .owl-theme .owl-controls, .poplur-hotel .hotel-datamain .popdestination .owl-pagination, .logo-hotel .owl-buttons, .logo-hotel .owl-pagination {
        display: none;
    }
    .discover-txt {
        margin-top: 0;
    }
    .poplaraminaties.modal-window > div {
        width: 93%!important;
    }
    .roomdrop {
        top: 326px;
    }


}


@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {

        .htd {
            margin-top: 100px;
        }
    }
}