@media (min-width: 992px)
{
    .container-head .container{
        width: 970px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .container{
        width: 940px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .small-hide-section{
        display: block;
    }
    .big-hide-section{
        display: none;
    }
    .dtl-curency{
        border-right: 0px;
    }
    .detail-bego-logo {
        text-align: center !important;
    }
    .listing-despager dt{
       width: 100px;
   }
   .listing-despager dd {
        margin-left: 100px;
    }
}
@media (min-width: 1200px)
{
    .container-head .container{
        width: 1170px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .container{
        width: 940px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .small-hide-section{
        display: block;
    }
    .big-hide-section{
        display: none;
    }
    .dtl-curency{
        border-right: 0px;
    }
    .detail-bego-logo {
        text-align: center;
    }
    .listing-despager dt{
        width: 100px;
    }
    .listing-despager dd {
        margin-left: 100px;
    }
}
@media (min-width: 768px) and (max-width: 991px)
{
    .videoselectfilter {
        width: 170px !important;
        height: 34px !important;
        margin-top: 0px;
    }

    .video-box-img img{
        width: 100%;
        height: 300px;
        margin: 0 auto;
    }
    .video-box-height {
        height: auto;
    }
    .video-badge-destination-play-icon {
        top: 45%;
    }
    .video-box-img {
        height: auto;
        background-color: #333;
    }
    .detail-checkin {
        width: 45%;
    }
    .detail-checkout {
        width: 45%;
    }
    .detail-date-icon {
        background-position: 280px -164px;
        height: 42px;
    }
    .detail-go a {
        padding: 12px 10px;
    }
    .detail-small-inner img {
        width: 165px;
    }
    .video-play-img, .video-play-img img{
        height: auto !important;
        width: auto;
        background-color: #333;
        min-height: 360px;
    }
    .embed-responsive {
        position: static;
        display: block;
        height: auto;
        padding: 0;
        overflow: hidden;
        padding-bottom: initial !important;
    }
    .side-sign-up{
       width: 300px;
       margin: 0 auto;
   }
   .page-header h1{
        font-size: 25px;
   }
   .why-company-name{
       font-size: 25px;
       margin: 0px 0px 0px 20px;
   }
   .travel-agent-ul{
        padding: 10px 0px 10px 40px !important;
        margin-bottom: 10px;
        border-bottom: 0px;
   }
   .top-right-info{
       float: right;
       width: 200px;
   }
   .top-right-info .h3{
        font-size: 18px;
        margin: 0px;
        line-height: 30px;
   }
   .mast-header {
        margin-top: 10px;
        padding-bottom: 0px;
    }
    #footer-group{
        display: table-footer-group;
    }
    #header-group{
        display: table-header-group;
    }
    .message{
       margin-left: 15px;
   }
   .message h1{
        font-size: 24px;
        font-weight: bold;
   }
   .message h2{
        font-size: 20px;
   }
   .listing-despager dt{
       width: 100px;
   }
   .listing-despager dd {
        margin-left: 100px;
    }
}
@media screen and (max-width: 767px)
{
    .dtl-video-badge-txt {
        top: 65%;
    }
    .video-box-img video {
        width: auto;
        margin: 0px auto;
    }
    .video-box-img img{
        width: 100%;
        height: 300px;
        margin: 0 auto;
    }
    .video-box-img {
        height: auto;
        background-color: #000;
    }
    .video-box-img {
        height: auto;
    }

    .detail-go a {
        padding: 8px 20px;
    }
    .detail-checkout .listing-input-date{
        width: 115px;
        height: 33px;
        background-position: 90px -168px;
    }
    .detail-checkin .listing-input-date{
        width: 115px;
        height: 33px;
        background-position: 90px -168px;
    }
    .detail-slide-big img{
        height: auto;
    }
    .detail-rank-div .rating-container-small-mobile{
        margin-right: 0px;
    }
    .dtl-thrower{
        margin-top: 0px;
    }    
    .detail-location #map{
        height: auto !important
    }
    .detail-review-txt{
        margin: 0px 0px 10px 0px !important;
    }
    .detail-tab-main{
        margin: 10px 0px 0px 0px !important;
    }
    a.detail-book-btn{
        margin: 20px 0px 10px 0px !important;
    }
    .container{
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
    }
    .container-head .container{
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }
    .small-hide-section{
        display: none;
    }
    .big-hide-section{
        display: block;
    }
    .detail-slide-big {
        float: none;
        width: 100%;
    }
    .detail-review-responsive .dtl{
        float: left;
        width: 50%;
    }
    .dtl-curency{
        border-right: 1px solid #ddd;
        margin-top: 5px;
    }
    .detail-bego-logo {
        text-align: left;
    }
    .detail-tab-main li {
        padding: 3px 6px;
    }
    .video-play-img, .video-play-img img{
        height: auto !important;
        width: auto;
        background-color: #333;
        min-height: 360px;
    }
    .embed-responsive {
        position: static;
        display: block;
        height: auto;
        padding: 0;
        overflow: hidden;
        padding-bottom: initial !important;
    }
    .side-sign-up{
       width: 300px;
       margin: 0 auto;
   }
   .page-header h1{
        font-size: 25px;
   }
   .why-company-name{
       font-size: 25px;
       margin: 0px 0px 0px 20px;
   }
   .travel-agent-ul{
        padding: 10px 0px 10px 40px !important;
        margin-bottom: 10px;
        border-bottom: 0px;
   }
   .top-right-info{
       float: right;
       width: 200px;
   }
   .top-right-info .h3{
        font-size: 18px;
        margin: 0px;
        line-height: 30px;
   }
   .mast-header {
        margin-top: 10px;
        padding-bottom: 0px;
    }
    #footer-group{
        display: table-footer-group;
    }
    #header-group{
        display: table-header-group;
    }
    .message{
       margin-left: 15px;
   }
   .message h1{
        font-size: 24px;
        font-weight: bold;
   }
   .message h2{
        font-size: 20px;
   }
   .listing-despager dt{
       width: 300px;
   }
   .listing-despager dd {
        margin-left: 300px;
    }
    .listimg-vendor-logo-phone h4{
        display: inline-block;    
    }
    .listimg-vendor-logo-phone p{
        display: inline-block;
        margin-right: 10px;
    }
    .listing-find-hotel-part1, .listing-find-hotel-part2, .listing-find-hotel-part3 {
        width: 100%;
        float: none;
    }
}
@media (min-width: 481px) and (max-width: 766px) 
{
    .dtl-video-badge-txt {
        top: 55%;
    }
    .video-list-play-icon {
        left: 34%;
    }
    .video-badge-destination-play-icon {
        top: 45%;
    }
    /*vr video page*/
    .video-overal-rating{
        padding: 2px;
    }
    .video-badge-sightseeing-box {
        width: 48%;
        margin-right: 6px;
    }
    .video-badge-sightseeing-box:nth-child(2n+0){
        margin-right: 0px !important;
    }
    .video-badge-sightseeing-box:nth-child(3n+0) {
        margin-right: 6px;
    }
    .video-badge-sightseeing-img img {
        height: auto;
    }
    .video-badge-sightseeing-play {
        top: 65px;
        left: 75px;
    }
    /*vr video page end*/
    .video-box-height{
        height: auto;
    }
    .video-box-img video {
        width: auto;
        margin: 0px auto;
    }
    .video-box-img img{
        width: 100%;
        height: 300px;
        margin: 0 auto;
    }
    .video-box-img {
        height: auto;
        background-color: #000;
    }
    .video-box-img {
        height: auto;
    }
    

    .detail-go a {
        padding: 8px 20px;
    }
    .detail-checkout .listing-input-date{
        width: 115px;
        height: 33px;
        background-position: 90px -168px;
    }
    .detail-checkin .listing-input-date{
        width: 115px;
        height: 33px;
        background-position: 90px -168px;
    }
    .detail-slide-big img{
        height: auto;
    }
    .detail-rank-div .rating-container-small-mobile{
        margin-right: 0px;
    }
    .dtl-thrower{
        margin-top: 0px;
    }
    .detail-location #map{
        height: auto !important
    }
    .detail-review-txt{
        margin: 0px 0px 10px 0px !important;
    }
    .detail-tab-main{
        margin: 10px 0px 0px 0px !important;
    }
    a.detail-book-btn{
        margin: 20px 0px 10px 0px !important;
    }
    .container{
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
    }
    .container-head .container{
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }
   .small-hide-section{
        display: none;
    }
    .big-hide-section{
        display: block;
    }
    .video-city-btn .ui-select{
        width: 200px !important;
        margin-right: 10px;
    }
    .videoselectfilter {
        width: 200px !important;
        height: 34px !important;
        margin-top: 0px;
    }
    .detail-slide-big {
        float: none;
        width: 100%;
    }
    .detail-review-responsive .dtl{
        float: left;
        width: 50%;
    }
    .dtl-curency{
        border-right: 1px solid #ddd;
        margin-top: 5px;
    }
    .detail-bego-logo {
        text-align: left;
        margin: 0px;
    }
    .dlct{
        width: 110px;
    }
    .detail-main-heading {
        font-size: 22px;
        line-height: 24px;
    }
    .detail-feature-media img {
        width: 100px;
        height: 100px;
    }
    .detail-feature-media .media-left{
        width: 100px;
    }
    .detail-media .media-body {
        width: auto;
    }
    .detail-review-f1{
        margin-top: 10px;
    }
    .detail-tab-main li {
        padding: 3px 6px;
    }

    .listing-main-section{
        width: 100%;
        overflow: hidden;
    }
    #wrapper{
        width: 100%;
    }
    .listing-sort-inner li {
        padding: 10px 8px;
    }
    .listing-hotel-star-heading a{
        width: 65%;
    }
    .listing-main-hotel-inner-left{
        width: 100%;
    }
    .listing-main-hotel-inner-right{    
        width: 100%;   
    }
    .listing-hotel-img-right-heading span.rank-list-line{
        width: 84%;
    }
    .listimg-vendor-logo h4 {
        margin: 0px 0px 5px 0px;
    }    
    .twocolums{
        width: 100% !important;
    }
    .listing-spinner-price {
        margin: 10px 0px 20px 0px;
    }
    .loader-text-fetching span{
        float: none;
    }
    .listing-hotel-img-left{
        width: 135px;
    }
    .listing-msite-img-media{
        height: 135px !important;
    }
    .listing-stayzilla, .listing-date-section{
        display: none;
    }
    .listing-sort-price-btn ul li a {
        padding: 5px 25px;
    }
    .listing-sort-price-btn ul li:last-child a {
        padding: 5px 20px;
    }

    .listing-input-date{
        width: 130px;
        height: 35px;
        background-position: 100px -165px;
    }
    .listing-show-now{
        padding: 9px 10px;
    }
    .lct{
        width: 250px;
    }
    .listing-slider-price {
        height: 6px !important;
    }
    #slider-bar, .ui-slider-range, .ui-slider-handle {
        border: 0;
    }
    .ui-widget-header {
        border: 1px solid #c5dbec;
        color: #2e6e9e;
        font-weight: bold;
        background: #e6f4f8;
        font-size: 11px !important;
    }
    .listing-slider-price{
       border: 1px solid #A6C9E2;
        background: #fff;
    }
    .listing-slider-price .ui-slider-range {
        top: 0px;
    }
    .video-play-img, .video-play-img img{
        height: auto !important;
        width: auto;
        background-color: #333;
        min-height: 360px;
    }
    .embed-responsive {
        position: static;
        display: block;
        height: auto;
        padding: 0;
        overflow: hidden;
        padding-bottom: initial !important;
    }
    .video-price-section .video-call-hotel{
        display: block;
        float: none;
        overflow: hidden;
        width: 100%;
    }
    .video-rank-section .listing-rupee {
        float: none; 
        width: 100%; 
        margin-top: 5px; 
        text-align: center; 
       font-size: 16px;
   }
    .video-rank-section .listimg-vendor-logo {
        float: left; 
        width: 50%; 
   }
   .video-rank-section .listing-book-now {
        float: none; 
        width: 100%; 
   }
   .side-sign-up{
       width: 300px;
       margin: 0 auto;
   }
   .page-header h1{
        font-size: 25px;
   }
   .why-company-name{
       font-size: 25px;
       margin: 0px 0px 0px 20px;
   }
   .travel-agent-ul{
        padding: 10px 0px 10px 40px !important;
        margin-bottom: 10px;
        border-bottom: 0px;
   }
   .top-right-info{
       float: right;
       width: 200px;
   }
   .top-right-info .h3{
        font-size: 18px;
        margin: 0px;
        line-height: 30px;
   }
   .mast-header {
        margin-top: 10px;
        padding-bottom: 0px;
    }
    #footer-group{
        display: table-footer-group;
    }
    #header-group{
        display: table-header-group;
    }
    .message{
       margin-left: 15px;
   }
   .message h1{
        font-size: 24px;
        font-weight: bold;
   }
   .message h2{
        font-size: 20px;
   }
   .listing-despager dt{
       width: 300px;
   }
   .listing-despager dd {
        margin-left: 300px;
    }
    .bha-award-bg{
        bottom: 0px;
    }
    .listimg-vendor-logo-phone h4{
        display: inline-block;    
    }
    .listimg-vendor-logo-phone p{
        display: inline-block;
        margin-right: 10px;
    }
    .listing-find-hotel-part1, .listing-find-hotel-part2, .listing-find-hotel-part3 {
        width: 100%;
        float: none;
    }
} 

@media (min-width: 481px) and (max-width: 568px) 
{
    .dtl-video-badge-txt {
        top: 60%;
    }
    .video-list-play-icon {
        left: 34%;
    }
    .video-badge-destination-play-icon {
        top: 45%;
    }
    /*vr video page*/
    .video-overal-rating{
        padding: 2px;
    }
    .video-badge-sightseeing-box {
        width: 48%;
        margin-right: 6px;
    }
    .video-badge-sightseeing-box:nth-child(2n+0){
        margin-right: 0px !important;
    }
    .video-badge-sightseeing-box:nth-child(3n+0) {
        margin-right: 6px;
    }
    .video-badge-sightseeing-img img {
        height: auto;
    }
    .video-badge-sightseeing-play {
        top: 65px;
        left: 75px;
    }
    /*vr video page end*/
    .video-box-height{
        height: auto;
    }
    .video-box-img video {
        width: 100%;
        margin: 0px;
    }
    .video-box-img img{
        width: 100%;
        height: 250px;
        margin: 0 auto;
    }
    .video-box-img {
        height: auto;
        background-color: #000;
    }
    .detail-checkout .listing-input-date{
        width: 115px;
        height: 33px;
        background-position: 90px -168px;
    }

    .detail-go a {
        padding: 8px 20px;
    }
    .detail-checkin .listing-input-date{
        width: 115px;
        height: 33px;
        background-position: 90px -168px;
    }
    .detail-slide-big img{
        height: auto;
    }
    .detail-rank-div .rating-container-small-mobile{
        margin-right: 0px;
    }
    .dtl-thrower{
        margin-top: 0px;
    }
    .detail-location #map{
        height: auto !important
    }
    .detail-review-txt{
        margin: 0px 0px 10px 0px !important;
    }
    .detail-tab-main{
        margin: 10px 0px 0px 0px !important;
    }
    a.detail-book-btn{
        margin: 20px 0px 10px 0px !important;
    }
    .container{
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
    }
    .container-head .container{
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }
    .small-hide-section{
        display: none;
    }
    .big-hide-section{
        display: block;
    }
    .video-city-btn .ui-select{
        width: 200px !important;
        margin-right: 10px;
    }
    .videoselectfilter {
        width: 200px !important;
        height: 34px !important;
        margin-top: 0px;
    }
    .listing-main-section{
        width: 100%;
        overflow: hidden;
    }
    #wrapper{
        width: 100%;
    }
    .listing-sort-inner li {
        padding: 10px 8px;
    }
    .listing-hotel-star-heading a{
        width: 65%;
    }
    .listing-main-hotel-inner-left{
        width: 100%;
    }
    .listing-main-hotel-inner-right{    
        width: 100%;   
    }
    .listing-hotel-img-right-heading span.rank-list-line{
        width: 84%;
    }
    .listimg-vendor-logo h4 {
        margin: 0px 0px 5px 0px;
    }
    .twocolums{
        width: 100% !important;
    }
    .listing-spinner-price {
        margin: 10px 0px 20px 0px;
    }
    .loader-text-fetching span{
        float: none;
    }
    .listing-stayzilla, .listing-date-section{
        display: none;
    }
    .listing-sort-price-btn ul li a {
        padding: 5px 25px;
    }
    .listing-sort-price-btn ul li:last-child a {
        padding: 5px 20px;
    }

    .listing-input-date{
        width: 130px;
        height: 35px;
        background-position: 100px -165px;
    }
    .listing-show-now{
        padding: 9px 10px;
    }
    .lct{
        width: 250px;
    }
    .listing-slider-price {
        height: 6px !important;
    }
    #slider-bar, .ui-slider-range, .ui-slider-handle {
        border: 0;
    }
    .ui-widget-header {
        border: 1px solid #c5dbec;
        color: #2e6e9e;
        font-weight: bold;
        background: #e6f4f8;
        font-size: 11px !important;
    }
    .listing-slider-price{
       border: 1px solid #A6C9E2;
        background: #fff;
    }
    .listing-slider-price .ui-slider-range {
        top: 0px;
    }
    .video-price-section ul li{
        width: 33%;
    }
    .video-rank-section, .video-media-div{
        margin-top: 10px;
    }
    .video-box-height .video-media-div{
        margin-top: 0px;
    }
    .video-box-height .video-media-div{
        margin-top: 0px;
    }
    .video-box-height .video-social-fiddle {
        bottom: 47px;
    }
    .video-play-img, .video-play-img img{
        height: auto !important;
        width: auto;
        background-color: #333;
        min-height: 360px;
    }
    .embed-responsive {
        position: static;
        display: block;
        height: auto;
        padding: 0;
        overflow: hidden;
        padding-bottom: initial !important;
    }
    .video-price-section .video-call-hotel{
        display: block;
        float: none;
        overflow: hidden;
        width: 100%;
    }
    .video-rank-section .listing-rupee {
        float: none; 
        width: 100%; 
        margin-top: 5px; 
        text-align: center; 
       font-size: 16px;
   }
    .video-rank-section .listimg-vendor-logo {
        float: left; 
        width: 50%; 
   }
   .video-rank-section .listing-book-now {
        float: none; 
        width: 100%; 
   }
   .side-sign-up{
       width: 300px;
       margin: 0 auto;
   }
   .page-header h1{
        font-size: 25px;
   }
   .why-company-name{
       font-size: 25px;
       margin: 0px 0px 0px 20px;
   }
   .travel-agent-ul{
        padding: 10px 0px 10px 40px !important;
        margin-bottom: 10px;
        border-bottom: 0px;
   }
   .top-right-info{
       float: right;
       width: 200px;
   }
   .top-right-info .h3{
        font-size: 18px;
        margin: 0px;
        line-height: 30px;
   }
   .mast-header {
        margin-top: 10px;
        padding-bottom: 0px;
    }
    #footer-group{
        display: table-footer-group;
    }
    #header-group{
        display: table-header-group;
    }
    .message{
       margin-left: 15px;
   }
   .message h1{
        font-size: 24px;
        font-weight: bold;
   }
   .message h2{
        font-size: 20px;
   }
   .listing-despager dt{
       width: 200px;
   }
   .listing-despager dd {
        margin-left: 200px;
    }
    .bha-award-bg{
        bottom: 0px;
    }
    .listing-upto {
        margin: 0px 20px 5px 0px;
    }
    .listimg-vendor-logo-phone h4{
        display: inline-block;    
    }
    .listimg-vendor-logo-phone p{
        display: inline-block;
        margin-right: 10px;
    }
    .listing-find-hotel-part1, .listing-find-hotel-part2, .listing-find-hotel-part3 {
        width: 100%;
        float: none;
    }
}  
@media (max-width: 480px) 
{
    .dtl-video-badge-txt {
        top: 60%;
    }
    .video-list-play-icon {
        left: 34%;
    }
    .video-badge-destination-play-icon {
        top: 45%;
    }
    /*vr video page*/
    .video-overal-rating{
        padding: 2px;
    }
    .video-badge-sightseeing-box {
        width: 48%;
        margin-right: 6px;
    }
    .video-badge-sightseeing-box:nth-child(2n+0){
        margin-right: 0px !important;
    }
    .video-badge-sightseeing-box:nth-child(3n+0) {
        margin-right: 6px;
    }
    .video-badge-sightseeing-img img {
        height: auto;
    }
    .video-badge-sightseeing-play {
        top: 65px;
        left: 75px;
    }
    /*vr video page end*/
    .video-box-height{
        height: auto;
    }
    .video-box-img video {
        width: 100%;
        margin: 0px;
    }
    .video-box-img img{
        width: 100%;
        height: auto;
    }
    .video-box-img {
        height: auto;
        background-color: #fff;
    }
    .detail-checkout .listing-input-date{
        width: 115px;
        height: 33px;
        background-position: 90px -168px;
    }

    .detail-go a {
        padding: 8px 20px;
    }
    .detail-checkin .listing-input-date{
        width: 115px;
        height: 33px;
        background-position: 90px -168px;
    }
    .detail-slide-big img{
        height: auto;
    }
    .detail-rank-div .rating-container-small-mobile{
        margin-right: 0px;
    }
    .dtl-thrower{
        margin-top: 0px;
    }
    .detail-location #map{
        height: auto !important
    }
    .detail-review-txt{
        margin: 0px 0px 10px 0px !important;
    }
    .detail-tab-main{
        margin: 10px 0px 0px 0px !important;
    }
    a.detail-book-btn{
        margin: 20px 0px 10px 0px !important;
    }
    .detail-india-say {
        text-align: left;
    }
    .container{
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
    }
    .container-head .container{
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }
   .small-hide-section{
        display: none;
    }
    .big-hide-section{
        display: block;
    }
    .video-city-btn .ui-select{
        width: 200px !important;
        margin-right: 6px;
    }
    .videoselectfilter {
        width: 170px !important;
        height: 34px !important;
        margin-top: 0px;
    }
    .detail-slide-big {
        float: none;
        width: 100%;
    }
    .detail-review-responsive .dtl{
        float: left;
        width: 50%;
    }
    .dtl-curency{
        border-right: 1px solid #ddd;
        margin-top: 5px;
    }
    .detail-bego-logo {
        text-align: left;
        margin: 0px;
    }
    .dlct{
        width: 110px;
    }
    .detail-main-heading {
        font-size: 22px;
        line-height: 24px;
    }
    .detail-feature-media img {
        width: 100px;
        height: 100px;
    }
    .detail-feature-media .media-left{
        width: 100px;
    }
    .detail-media .media-body {
        width: auto;
    }
    .detail-review-f1{
        margin-top: 10px;
    }
    .detail-tab-main li {
        padding: 3px 6px;
    }
    .listing-main-section{
        width: 100%;
        overflow: hidden;
    }
    #wrapper{
        width: 100%;
    }
    .listing-sort-inner li {
        padding: 10px 8px;
    }
    .listing-hotel-star-heading a{
        width: 65%;
    }
    .listing-main-hotel-inner-left{
        width: 100%;
    }
    .listing-main-hotel-inner-right{    
        width: 100%;   
    }
    .listing-hotel-img-right-heading span.rank-list-line{
        width: 84%;
    }
    .listimg-vendor-logo h4 {
        margin: 0px 0px 5px 0px;
    }
    .listing-rating-count, .listing-rating-text{
        font-size: 12px;
    }
    .listing-description{
        margin: 0px;
    }
    .listing-hotel-img-right-heading{
        margin-bottom: 5px;
    }
    .twocolums{
        width: 100% !important;
    }
    .listing-spinner-price {
        margin: 10px 0px 20px 0px;
    }
    .loader-text-fetching span{
        float: none;
    }
    .listing-stayzilla, .listing-date-section{
        display: none;
    }
    .listing-sort-price-btn ul li a {
        padding: 5px 25px;
    }
    .listing-sort-price-btn ul li:last-child a {
        padding: 5px 20px;
    }

    .listing-input-date{
        width: 130px;
        height: 35px;
        background-position: 100px -165px;
    }
    .listing-show-now{
        padding: 9px 10px;
    }
    .lct{
        width: 250px;
    }
    .listing-slider-price {
        height: 6px !important;
    }
    #slider-bar, .ui-slider-range, .ui-slider-handle {
        border: 0;
    }
    .ui-widget-header {
        border: 1px solid #c5dbec;
        color: #2e6e9e;
        font-weight: bold;
        background: #e6f4f8;
        font-size: 11px !important;
    }
    .listing-slider-price{
        border: 1px solid #A6C9E2;
        background: #fff;
    }
    .listing-slider-price .ui-slider-range {
        top: 0px;
    }
    .video-price-section ul li{
        width: 33%;
    }
    .video-rank-section, .video-media-div{
        margin-top: 10px;
    }
    .video-box-height .video-media-div{
        margin-top: 0px;
    }
    .video-box-height .video-social-fiddle {
        bottom: 47px;
    }
    .video-play-img, .video-play-img img{
        height: auto !important;
        width: auto;
        background-color: #333;
        min-height: 360px;
    }
    .embed-responsive {
        position: static;
        display: block;
        height: auto;
        padding: 0;
        overflow: hidden;
        padding-bottom: initial !important;
    }
    .video-price-section .video-call-hotel{
        display: block;
        float: none;
        overflow: hidden;
        width: 100%;
    }
    .video-rank-section .listing-rupee {
        float: none; 
        width: 100%; 
        margin-top: 5px; 
        text-align: center; 
       font-size: 16px;
   }
    .video-rank-section .listimg-vendor-logo {
        float: left; 
        width: 50%; 
   }
   .video-rank-section .listing-book-now {
        float: none; 
        width: 100%; 
   }
   .side-sign-up{
       width: 300px;
       margin: 0 auto;
   }
   .page-header h1{
        font-size: 25px;
   }
   .why-company-name{
       font-size: 25px;
       margin: 0px 0px 0px 20px;
   }
   .travel-agent-ul{
        padding: 10px 0px 10px 40px !important;
        margin-bottom: 10px;
        border-bottom: 0px;
   }
   .top-right-info{
       float: right;
       width: 200px;
   }
   .top-right-info .h3{
        font-size: 18px;
        margin: 0px;
        line-height: 30px;
   }
   .mast-header {
        margin-top: 10px;
        padding-bottom: 0px;
    }
    #footer-group{
        display: table-footer-group;
    }
    #header-group{
        display: table-header-group;
    }
    .message{
       margin-left: 15px;
   }
   .message h1{
        font-size: 24px;
        font-weight: bold;
   }
   .message h2{
        font-size: 20px;
   }
   .listing-despager dt{
       width: 100px;
   }
   .listing-despager dd {
        margin-left: 100px;
    }
    .bha-award-bg{
        bottom: 0px;
    }
    .listing-upto {
        margin: 0px 20px 5px 0px;
    }
    .listimg-vendor-logo-phone h4{
        display: inline-block;    
    }
    .listimg-vendor-logo-phone p{
        display: inline-block;
        margin-right: 10px;
    }
    .listing-find-hotel-part1, .listing-find-hotel-part2, .listing-find-hotel-part3 {
        width: 100%;
        float: none;
    }
    .detail-star-main {
        float: left;
    }
}
@media (min-width: 401px) and (max-width: 479px) 
{
    .dtl-video-badge-txt {
        top: 62%;
    }
    .video-list-play-icon {
        left: 34%;
    }
    .video-badge-destination-play-icon {
        top: 150px;
    }
    /*vr video page*/
    .video-overal-rating{
        padding: 2px;
    }
    .video-badge-sightseeing-box {
        width: 48%;
        margin-right: 6px;
    }
    .video-badge-sightseeing-box:nth-child(2n+0){
        margin-right: 0px !important;
    }
    .video-badge-sightseeing-box:nth-child(3n+0) {
        margin-right: 6px;
    }
    .video-badge-sightseeing-img img {
        height: auto;
    }
    .video-badge-sightseeing-play {
        top: 65px;
        left: 75px;
    }
    /*vr video page end*/
    .video-box-img video {
        width: 100%;
        margin: 0px;
    }
    .video-box-img img{
        width: 100%;
        height: auto;
    }
    .video-box-img {
        height: auto;
        background-color: #fff;
    }
    .detail-checkout .listing-input-date{
        width: 115px;
        height: 33px;
        background-position: 90px -168px;
    }

    .detail-go a {
        padding: 8px 20px;
    }
    .detail-checkin .listing-input-date{
        width: 115px;
        height: 33px;
        background-position: 90px -168px;
    }
    .detail-slide-big img{
        height: auto;
    }
    .detail-rank-div .rating-container-small-mobile{
        margin-right: 0px;
    }
    .dtl-thrower{
        margin-top: 0px;
    }
    .detail-location #map{
        height: auto !important
    }
    .detail-review-txt{
        margin: 0px 0px 10px 0px !important;
    }
    .detail-tab-main{
        margin: 10px 0px 0px 0px !important;
    }
    a.detail-book-btn{
        margin: 20px 0px 10px 0px !important;
    }
    .container{
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
    }
    .container-head .container{
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }
   .small-hide-section{
        display: none;
    }
    .big-hide-section{
        display: block;
    }
    .video-city-btn .ui-select{
        width: 154px !important;
        margin-right: 6px;
    }
    .videoselectfilter {
        width: 154px !important;
        height: 34px !important;
        margin-top: 0px;
    }
    .detail-slide-big {
        float: none;
        width: 100%;
    }
    .detail-review-responsive .dtl{
        float: left;
        width: 50%;
    }
    .dtl-curency{
        border-right: 1px solid #ddd;
        margin-top: 5px;
    }
    .detail-bego-logo {
        text-align: left;
        margin: 0px;
    }
    .dlct{
        width: 110px;
    }
    .detail-main-heading {
        font-size: 22px;
        line-height: 24px;
    }
    .detail-feature-media img {
        width: 100px;
        height: 100px;
    }
    .detail-feature-media .media-left{
        width: 100px;
    }
    .detail-media .media-body {
        width: auto;
    }
    .detail-review-f1{
        margin-top: 10px;
    }
    .detail-tab-main li {
        padding: 3px 6px;
    }
    .listing-main-section{
        width: 100%;
        overflow: hidden;
    }
    #wrapper{
        width: 100%;
    }
    .listing-sort-inner li {
        padding: 10px 8px;
    }
    .listing-hotel-star-heading a{
        width: 65%;
    }
    .listing-main-hotel-inner-left{
        width: 100%;
    }
    .listing-main-hotel-inner-right{    
        width: 100%;   
    }
    .listing-hotel-img-right-heading span.rank-list-line{
        width: 80%;
    }
    .listimg-vendor-logo h4 {
        margin: 0px 0px 5px 0px;
    }
    .listing-rating-count, .listing-rating-text{
        font-size: 12px;
    }
    .listing-description{
        margin: 0px;
    }
    .listing-hotel-img-right-heading{
        margin-bottom: 5px;
    }
    .twocolums{
        width: 100% !important;
    }
    .listing-spinner-price {
        margin: 10px 0px 20px 0px;
    }
    .loader-text-fetching span{
        float: none;
    }
    .listing-stayzilla, .listing-date-section{
        display: none;
    }
    .listing-sort-price-btn ul li a {
        padding: 5px 25px;
    }
    .listing-sort-price-btn ul li:last-child a {
        padding: 5px 20px;
    }

    .listing-input-date{
        width: 120px;
        height: 35px;
        background-position: 92px -165px;
        margin-right: 5px;
        padding: 5px;
    }
    .listing-show-now{
        padding: 6px 7px;
    }
    .lct{
        width: 250px;
    }
    .listing-slider-price {
        height: 6px !important;
    }
    #slider-bar, .ui-slider-range, .ui-slider-handle {
        border: 0;
    }
    .ui-widget-header {
        border: 1px solid #c5dbec;
        color: #2e6e9e;
        font-weight: bold;
        background: #e6f4f8;
        font-size: 11px !important;
    }
    .listing-slider-price{
        border: 1px solid #A6C9E2;
        background: #fff;
    }
    .listing-slider-price .ui-slider-range {
        top: 0px;
    }
    .video-price-section ul li{
        width: 33%;
    }
    .video-rank-section, .video-media-div{
        margin-top: 10px;
    }
    .video-box-height .video-media-div{
        margin-top: 0px;
    }
    .video-box-height .video-social-fiddle {
        bottom: 47px;
    }
    .video-play-img, .video-play-img img{
        height: auto !important;
        width: auto;
        background-color: #333;
        min-height: 360px;
    }
    .embed-responsive {
        position: static;
        display: block;
        height: auto;
        padding: 0;
        overflow: hidden;
        padding-bottom: initial !important;
    }
    .video-price-section .video-call-hotel{
        display: block;
        float: none;
        overflow: hidden;
        width: 100%;
    }
    .video-rank-section .listing-rupee {
        float: none; 
        width: 100%; 
        margin-top: 5px; 
        text-align: center; 
       font-size: 16px;
   }
    .video-rank-section .listimg-vendor-logo {
        float: left; 
        width: 50%; 
   }
   .video-rank-section .listing-book-now {
        float: none; 
        width: 100%; 
   }
   .side-sign-up{
       width: 300px;
       margin: 0 auto;
   }
   .page-header h1{
        font-size: 25px;
   }
   .why-company-name{
       font-size: 25px;
       margin: 0px 0px 0px 20px;
   }
   .travel-agent-ul{
        padding: 10px 0px 10px 40px !important;
        margin-bottom: 10px;
        border-bottom: 0px;
   }
   .top-right-info{
       float: right;
       width: 180px;
   }
   .top-right-info .h3{
        font-size: 16px;
        margin: 0px;
        line-height: 30px;
   }
   .mast-header {
        margin-top: 10px;
        padding-bottom: 0px;
    }
    #footer-group{
        display: table-footer-group;
    }
    #header-group{
        display: table-header-group;
    }
    .message{
       margin-left: 15px;
   }
   .message h1{
        font-size: 24px;
        font-weight: bold;
   }
   .message h2{
        font-size: 20px;
   }
   .listing-despager dt{
       width: 100px;
   }
   .listing-despager dd {
        margin-left: 100px;
    }
    .bha-award-bg{
        bottom: 0px;
    }
    .listing-upto {
        margin: 0px 20px 5px 0px;
    }
    .listimg-vendor-logo-phone h4{
        display: inline-block;    
    }
    .listimg-vendor-logo-phone p{
        display: inline-block;
        margin-right: 10px;
    }
    .listing-find-hotel-part1, .listing-find-hotel-part2, .listing-find-hotel-part3 {
        width: 100%;
        float: none;
    }
    
}
@media (min-width: 321px) and (max-width: 400px) 
{
    .dtl-video-badge-txt {
        top: 62%;
    }
    .video-list-play-icon {
        left: 34%;
    }
    .video-badge-destination-play-icon {
        top: 140px;
    }
    /*vr video page*/
    .video-overal-rating{
        padding: 2px;
    }
    .video-badge-sightseeing-box {
        width: 48%;
        margin-right: 6px;
    }
    .video-badge-sightseeing-box:nth-child(2n+0){
        margin-right: 0px !important;
    }
    .video-badge-sightseeing-box:nth-child(3n+0) {
        margin-right: 6px;
    }
    .video-badge-sightseeing-img img {
        height: auto;
    }
    .video-badge-sightseeing-play {
        top: 65px;
        left: 60px;
    }
    /*vr video page end*/
    .video-box-height{
        height: auto;
    }
    .video-box-img video {
        width: 100%;
        margin: 0px;
    }
    .video-box-img img{
        width: 100%;
        height: auto;
    }
    .video-box-img {
        height: auto;
    }

    .detail-go a {
        padding: 8px 20px;
    }
    .detail-checkout .listing-input-date{
        width: 115px;
        height: 33px;
        background-position: 90px -168px;
    }
    .detail-checkin .listing-input-date{
        width: 115px;
        height: 33px;
        background-position: 90px -168px;
    }
    .detail-slide-big img{
        height: auto;
    }
    .detail-rank-div .rating-container-small-mobile{
        margin-right: 0px;
    }
    .dtl-thrower{
        margin-top: 0px;
    }
    .detail-location #map{
        height: auto !important
    }
    .detail-review-txt{
        margin: 0px 0px 10px 0px !important;
    }
    .detail-tab-main{
        margin: 10px 0px 0px 0px !important;
    }
    a.detail-book-btn{
        margin: 20px 0px 10px 0px !important;
    }
    .container{
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
    }
    .container-head .container{
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }
   .small-hide-section{
        display: none;
    }
    .big-hide-section{
        display: block;
    }
    .video-city-btn .ui-select{
        width: 200px !important;
        margin-right: 6px;
        margin-bottom: 10px;
        float: none;
        overflow: hidden;
    }
    .videoselectfilter {
        width: 170px !important;
        height: 34px !important;
        margin-top: 0px;
    }
    .detail-slide-big {
        float: none;
        width: 100%;
    }
    .detail-review-responsive .dtl{
        float: left;
        width: 50%;
    }
    .dtl-curency{
        border-right: 1px solid #ddd;
        margin-top: 5px;
    }
    .detail-bego-logo {
        text-align: left;
        margin: 0px;
    }
    .dlct{
        width: 110px;
    }
    .detail-main-heading {
        font-size: 22px;
        line-height: 24px;
    }
    .detail-feature-media img {
        width: 100px;
        height: 100px;
    }
    .detail-feature-media .media-left{
        width: 100px;
    }
    .detail-media .media-body {
        width: auto;
    }
    .detail-review-f1{
        margin-top: 10px;
    }
    .detail-tab-main li {
        padding: 3px 6px;
    }
    .listing-main-section{
        width: 100%;
        overflow: hidden;
    }
    #wrapper{
        width: 100%;
    }
    .listing-sort-inner li {
        padding: 10px 8px;
    }
    .listing-hotel-star-heading a{
        width: 65%;
    }
    .listing-main-hotel-inner-left{
        width: 100%;
    }
    .listing-main-hotel-inner-right{    
        width: 100%;   
    }
    .listing-hotel-img-right-heading span.rank-list-line{
        width: 80%;
    }
    .listimg-vendor-logo h4 {
        margin: 0px 0px 5px 0px;
    }
    .listing-rating-count, .listing-rating-text{
        font-size: 12px;
    }
    .listing-description{
        margin: 0px;
    }
    .listing-hotel-img-right-heading{
        margin-bottom: 5px;
    }
    .twocolums{
        width: 100% !important;
    }
    .listing-spinner-price {
        margin: 10px 0px 20px 0px;
    }
    .loader-text-fetching span{
        float: none;
    }
    .listing-stayzilla, .listing-date-section{
        display: none;
    }
    .listing-sort-price-btn ul li a {
        padding: 5px 25px;
    }
    .listing-sort-price-btn ul li:last-child a {
        padding: 5px 20px;
    }

    .listing-input-date{
        width: 115px;
        height: 35px;
        background-position: 92px -165px;
        margin-right: 5px;
        padding: 5px;
    }
    .listing-show-now{
        padding: 6px 5px;
    }
    .lct{
        width: 250px;
    }
    .listing-slider-price {
        height: 6px !important;
    }
    #slider-bar, .ui-slider-range, .ui-slider-handle {
        border: 0;
    }
    .ui-widget-header {
        border: 1px solid #c5dbec;
        color: #2e6e9e;
        font-weight: bold;
        background: #e6f4f8;
        font-size: 11px !important;
    }
    .listing-slider-price{
        border: 1px solid #A6C9E2;
        background: #fff;
    }
    .listing-slider-price .ui-slider-range {
        top: 0px;
    }
    .video-price-section ul li{
        width: 33%;
    }
    .video-price-section ul li a {
        padding: 6px 7px;
        font-size: 10px;
    }
    .video-rank-section, .video-media-div{
        margin-top: 10px;
    }
    .video-box-height .video-media-div{
        margin-top: 0px;
    }
    .video-box-height .video-social-fiddle {
        bottom: 47px;
    }
    .video-play-img, .video-play-img img{
        height: auto !important;
        width: auto;
        background-color: #333;
        min-height: 360px;
    }
    .embed-responsive {
        position: static;
        display: block;
        height: auto;
        padding: 0;
        overflow: hidden;
        padding-bottom: initial !important;
    }
    .video-price-section .video-call-hotel{
        display: block;
        float: none;
        overflow: hidden;
        width: 100%;
    }
    .video-rank-section .listing-rupee {
        float: none; 
        width: 100%; 
        margin-top: 5px; 
        text-align: center; 
       font-size: 16px;
   }
    .video-rank-section .listimg-vendor-logo {
        float: left; 
        width: 50%; 
   }
   .video-rank-section .listing-book-now {
        float: none; 
        width: 100%; 
   }
   .side-sign-up{
       width: 300px;
       margin: 0 auto;
   }
   .page-header h1{
        font-size: 25px;
   }
   .why-company-name{
       font-size: 25px;
       margin: 0px 0px 0px 20px;
   }
   .travel-agent-ul{
        padding: 10px 0px 10px 40px !important;
        margin-bottom: 10px;
        border-bottom: 0px;
   }
   .top-right-info{
       float: right;
       width: 180px;
   }
   .top-right-info .h3{
        font-size: 16px;
        margin: 0px;
        line-height: 30px;
   }
   .mast-header {
        margin-top: 10px;
        padding-bottom: 0px;
    }
    #footer-group{
        display: table-footer-group;
    }
    #header-group{
        display: table-header-group;
    }
    .message{
       margin-left: 15px;
   }
   .message h1{
        font-size: 24px;
        font-weight: bold;
   }
   .message h2{
        font-size: 20px;
   }
   .listing-despager dt{
       width: 100px;
   }
   .listing-despager dd {
        margin-left: 100px;
    }
    .bha-award-bg{
        bottom: 0px;
    }
    .listing-upto {
        margin: 0px 20px 5px 0px;
    }
    .listimg-vendor-logo-phone h4{
        display: inline-block;    
    }
    .listimg-vendor-logo-phone p{
        display: inline-block;
        margin-right: 10px;
    }
    .listing-find-hotel-part1, .listing-find-hotel-part2, .listing-find-hotel-part3 {
        width: 100%;
        float: none;
    }
}
@media (max-width: 320px) 
{
    .videoselectfilter{
        width: 135px !important;
        height: 34px !important;
        margin-top: 0px;
        padding: 6px 3px;
    }
    .dtl-video-badge-txt {
        top: 66%;
    }
    .video-list-play-icon {
        left: 34%;
    }
    .video-badge-destination-play-icon {
        top: 115px;
    }
    /*vr video page*/
    .video-overal-rating{
        padding: 2px;
    }
    .video-badge-sightseeing-box {
        width: 48%;
        margin-right: 6px;
    }
    .video-badge-sightseeing-box:nth-child(2n+0){
        margin-right: 0px !important;
    }
    .video-badge-sightseeing-box:nth-child(3n+0) {
        margin-right: 6px;
    }
    .video-badge-sightseeing-img img {
        height: auto;
    }
    .video-badge-sightseeing-play {
        top: 50px;
        left: 50px;
    }
    /*vr video page end*/
    .video-box-height{
        height: auto;
    }
    .video-box-img video {
        width: 100%;
        margin: 0px;
    }
    .video-box-img img{
        width: 100%;
        height: auto;
    }
    .video-box-img {
        height: auto;
    }

    .detail-go a {
        padding: 8px 20px;
    }
    .detail-checkout, .detail-checkin{
        width: 101px;
    }
    .detail-checkout .listing-input-date{
        width: 101px;
        height: 33px;
        background-position: 79px -167px;
    }
    .detail-checkin .listing-input-date{
        width: 101px;
        height: 33px;
        background-position: 79px -167px;
    }
    .detail-tab-main li a {
        padding: 10px 3px;
    }
    .detail-slide-big img{
        height: auto;
    }
    .detail-rank-div .rating-container-small-mobile{
        margin-right: 0px;
    }
    .dtl-thrower{
        margin-top: 0px;
    }
    .detail-location #map{
        height: auto !important
    }
    .detail-review-txt{
        margin: 0px 0px 10px 0px !important;
    }
    .detail-tab-main{
        margin: 10px 0px 0px 0px !important;
    }
    a.detail-book-btn{
        margin: 20px 0px 10px 0px !important;
    }
    .container{
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
    }
    .container-head .container{
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }
    .small-hide-section{
        display: none;
    }
    .big-hide-section{
        display: block;
    }
    .video-city-btn .ui-select{
        width: 200px !important;
        margin-right: 6px;
        margin-bottom: 10px;
        float: none;
        overflow: hidden;
    }
    .video-review-by-name{
        width: 168px;
    }
    .detail-slide-big {
        float: none;
        width: 100%;
    }
    .detail-review-responsive .dtl{
        float: left;
        width: 50%;
    }
    .dtl-curency{
        border-right: 1px solid #ddd;
        margin-top: 5px;
    }
    .detail-bego-logo {
        text-align: left;
        margin: 0px;
    }
    .dlct{
        width: 100px;
    }
    .detail-main-heading {
        font-size: 18px;
        line-height: 20px;
    }
    .detail-feature-media img {
        width: 100px;
        height: 100px;
    }
    .detail-feature-media .media-left{
        width: 100px;
    }
    .detail-media .media-body {
        width: auto;
    }
    .detail-mobile-cal-txt, .detail-mobile-cal-edit{
        margin: 3px 0px;
        font-size: 13px;
    }
    .detail-scale .dlct {
        width: 102px;
    }
    .detail-media img{
        height: 40px;
    }
    .detail-review-by-hotel .rating-container-small-mobile{
        margin-right: 0px;
    }
    .detail-review-by-hotel .rating-container-small-mobile .dtl-rating-num{
        font-size: 11px;
    }
    .detail-review-f1{
        margin-top: 10px;
    }
    .detail-tab-main li {
        padding: 3px 6px;
    }
    .listing-main-section{
        width: 100%;
        overflow: hidden;
    }
    #wrapper{
        width: 100%;
    }    
    .listing-sort-inner li {
        padding: 10px 8px;
    }
    .listing-hotel-star-heading a{
        width: 65%;
    }
    .listing-main-hotel-inner-left{
        width: 100%;
    }
    .listing-main-hotel-inner-right{    
        width: 100%;   
    }
    .listing-hotel-img-right-heading span.rank-list-line{
        width: 75%;
    }
    .listimg-vendor-logo h4 {
        margin: 0px 0px 5px 0px;
    }
    .listing-rating-count, .listing-rating-text{
        font-size: 12px;
    }
    .listing-description{
        margin: 0px;
    }
    .listing-hotel-img-right-heading{
        margin-bottom: 5px;
    }
    .twocolums{
        width: 100% !important;
    }
    .listing-spinner-price {
        margin: 10px 0px 20px 0px;
    }
    .loader-text-fetching span{
        float: none;
    }
    .listing-stayzilla, .listing-date-section{
        display: none;
    }
    .listing-sort-price-btn ul li a {
        padding: 5px 25px;
    }
    .listing-sort-price-btn ul li:last-child a {
        padding: 5px 20px;
    }

    .listing-input-date{
        width: 100px;
        height: 30px;
        background-position: 78px -168px;
        padding: 5px;
        margin-right: 5px;
    }
    .listing-show-now{
        padding: 7px 5px;
        font-weight: normal !important;
        font-size: 12px;
    }
    .lct{
        width: 240px;
    }
    .listing-slider-price {
        height: 6px !important;
    }
    #slider-bar, .ui-slider-range, .ui-slider-handle {
        border: 0;
    }
    .ui-widget-header {
        border: 1px solid #c5dbec;
        color: #2e6e9e;
        font-weight: bold;
        background: #e6f4f8;
        font-size: 11px !important;
    }
    .listing-slider-price{
        border: 1px solid #A6C9E2;
        background: #fff;
    }
    .listing-slider-price .ui-slider-range {
        top: 0px;
    }
    .video-price-section ul li{
        width: 33%;
    }
    .video-price-section ul li a {
        padding: 6px 4px;
        font-size: 10px;
    }
    .video-rank-section, .video-media-div{
        margin-top: 10px;
    }
    .video-box-height .video-media-div{
        margin-top: 0px;
    }
    .video-box-height .video-social-fiddle {
        bottom: 47px;
    }
    .video-play-img, .video-play-img img{
        height: auto !important;
        width: auto;
        background-color: #333;
        min-height: 360px;
    }
    .embed-responsive {
        position: static;
        display: block;
        height: auto;
        padding: 0;
        overflow: hidden;
        padding-bottom: initial !important;
    }
    .video-price-section .video-call-hotel{
        display: block;
        float: none;
        overflow: hidden;
        width: 100%;
    }
    .video-rank-section .listing-rupee {
        float: none; 
        width: 100%; 
        margin-top: 5px; 
        text-align: center; 
       font-size: 16px;
   }
    .video-rank-section .listimg-vendor-logo {
        float: left; 
        width: 50%; 
   }
   .video-rank-section .listing-book-now {
        float: none; 
        width: 100%; 
   }
   .side-sign-up{
       width: 300px;
       margin: 0 auto;
   }
   .page-header h1{
        font-size: 25px;
   }
   .why-company-name{
       font-size: 25px;
       margin: 0px 0px 0px 20px;
   }
   .travel-agent-ul{
        padding: 10px 0px 10px 40px !important;
        margin-bottom: 10px;
        border-bottom: 0px;
   }
   .top-right-info{
       float: right;
       width: 148px;
   }
   .top-right-info .h3{
        font-size: 13px;
        margin: 0px;
        line-height: 30px;
   }
   .mast-header {
        margin-top: 10px;
        padding-bottom: 0px;
    }
    .logo {
        width: 147px;
    }
    #footer-group{
        display: table-footer-group;
    }
    #header-group{
        display: table-header-group;
    }
    .message{
       margin-left: 15px;
   }
   .message h1{
        font-size: 24px;
        font-weight: bold;
   }
   .message h2{
        font-size: 20px;
   }
   .listing-despager dt{
       width: 100px;
   }
   .listing-despager dd {
        margin-left: 100px;
    }
    .bha-award-bg{
        bottom: 0px;
    }
    .listing-upto {
        margin: 0px 20px 5px 0px;
    }
    .listimg-vendor-logo-phone h4{
        display: inline-block;    
    }
    .listimg-vendor-logo-phone p{
        display: inline-block;
        margin-right: 10px;
    }
    .listing-find-hotel-part1, .listing-find-hotel-part2, .listing-find-hotel-part3 {
        width: 100%;
        float: none;
    }
}
@media (min-width: 200px) and (max-width: 319px) 
{
    .videoselectfilter{
        width: 135px !important;
        height: 34px !important;
        margin-top: 0px;
        padding: 6px 3px;
    }
    .dtl-video-badge-txt {
        top: 65%;
    }
    .video-list-play-icon {
        left: 34%;
    }
    .video-badge-destination-play-icon {
        top: 115px;
    }
    /*vr video page*/
    .video-overal-rating{
        padding: 2px;
    }
    .video-badge-sightseeing-box {
        width: 48%;
        margin-right: 6px;
    }
    .video-badge-sightseeing-box:nth-child(2n+0){
        margin-right: 0px !important;
    }
    .video-badge-sightseeing-box:nth-child(3n+0) {
        margin-right: 6px;
    }
    .video-badge-sightseeing-img img {
        height: auto;
    }
    .video-badge-sightseeing-play {
        top: 65px;
        left: 50px;
    }
    /*vr video page end*/
    .video-box-height{
        height: auto;
    }
    .video-box-img video {
        width: 100%;
        margin: 0px;
    }
    .video-box-img img{
        width: 100%;
        height: auto;
    }
    .video-box-img {
        height: auto;
    }

    .detail-go a {
        padding: 8px 20px;
    }
    .detail-checkout, .detail-checkin{
        width: 101px;
    }
    .detail-checkout .listing-input-date{
        width: 101px;
        height: 33px;
        background-position: 79px -167px;
    }
    .detail-checkin .listing-input-date{
        width: 101px;
        height: 33px;
        background-position: 79px -167px;
    }
    .detail-tab-main li a {
        padding: 10px 3px;
    }
    .detail-slide-big img{
        height: auto;
    }
    .detail-rank-div .rating-container-small-mobile{
        margin-right: 0px;
    }
    .dtl-thrower{
        margin-top: 0px;
    }
    .detail-location #map{
        height: auto !important
    }
    .detail-review-txt{
        margin: 0px 0px 10px 0px !important;
    }
    .detail-tab-main{
        margin: 10px 0px 0px 0px !important;
    }
    a.detail-book-btn{
        margin: 20px 0px 10px 0px !important;
    }
    .container{
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
    }
    .container-head .container{
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }
    .small-hide-section{
        display: none;
    }
    .big-hide-section{
        display: block;
    }
    .video-city-btn .ui-select{
        width: 200px !important;
        margin-right: 6px;
        margin-bottom: 10px;
        float: none;
        overflow: hidden;
    }
    .video-review-by-name{
        width: 168px;
    }
    .detail-slide-big {
        float: none;
        width: 100%;
    }
    .detail-review-responsive .dtl{
        float: left;
        width: 50%;
    }
    .dtl-curency{
        border-right: 1px solid #ddd;
        margin-top: 5px;
    }
    .detail-bego-logo {
        text-align: left;
        margin: 0px;
    }
    .dlct{
        width: 100px;
    }
    .detail-main-heading {
        font-size: 18px;
        line-height: 20px;
    }
    .detail-feature-media img {
        width: 100px;
        height: 100px;
    }
    .detail-feature-media .media-left{
        width: 100px;
    }
    .detail-media .media-body {
        width: auto;
    }
    .detail-mobile-cal-txt, .detail-mobile-cal-edit{
        margin: 3px 0px;
        font-size: 13px;
    }
    .detail-scale .dlct {
        width: 102px;
    }
    .detail-media img{
        height: 40px;
    }
    .detail-review-by-hotel .rating-container-small-mobile{
        margin-right: 0px;
    }
    .detail-review-by-hotel .rating-container-small-mobile .dtl-rating-num{
        font-size: 11px;
    }
    .detail-review-f1{
        margin-top: 10px;
    }
    .detail-tab-main li {
        padding: 3px 6px;
    }
    .listing-main-section{
        width: 100%;
        overflow: hidden;
    }
    #wrapper{
        width: 100%;
    }    
    .listing-sort-inner li {
        padding: 10px 8px;
    }
    .listing-hotel-star-heading a{
        width: 65%;
    }
    .listing-main-hotel-inner-left{
        width: 100%;
    }
    .listing-main-hotel-inner-right{    
        width: 100%;   
    }
    .listing-hotel-img-right-heading span.rank-list-line{
        width: 75%;
    }    
    .listimg-vendor-logo h4 {
        margin: 0px 0px 5px 0px;
    }
    .listing-rating-count, .listing-rating-text{
        font-size: 12px;
    }
    .listing-description{
        margin: 0px;
    }
    .listing-hotel-img-right-heading{
        margin-bottom: 5px;
    }
    .twocolums{
        width: 100% !important;
    }
    .listing-spinner-price {
        margin: 10px 0px 20px 0px;
    }
    .loader-text-fetching span{
        float: none;
    }
    .listing-stayzilla, .listing-date-section{
        display: none;
    }
    .listing-sort-price-btn ul li a {
        padding: 5px 25px;
    }
    .listing-sort-price-btn ul li:last-child a {
        padding: 5px 20px;
    }

    .listing-input-date{
        width: 100px;
        height: 30px;
        background-position: 78px -168px;
        padding: 5px;
        margin-right: 5px;
    }
    .listing-show-now{
        padding: 7px 5px;
        font-weight: normal !important;
        font-size: 12px;
    }
    .lct{
        width: 240px;
    }
    .listing-slider-price {
        height: 6px !important;
    }
    #slider-bar, .ui-slider-range, .ui-slider-handle {
        border: 0;
    }
    .ui-widget-header {
        border: 1px solid #c5dbec;
        color: #2e6e9e;
        font-weight: bold;
        background: #e6f4f8;
        font-size: 11px !important;
    }
    .listing-slider-price{
        border: 1px solid #A6C9E2;
        background: #fff;
    }
    .listing-slider-price .ui-slider-range {
        top: 0px;
    }
    .video-price-section ul li{
        width: 33%;
    }
    .video-price-section ul li a {
        padding: 6px 4px;
        font-size: 10px;
    }
    .video-rank-section, .video-media-div{
        margin-top: 10px;
    }
    .video-box-height .video-media-div{
        margin-top: 0px;
    }
    .video-box-height .video-social-fiddle {
        bottom: 47px;
    }
    .video-play-img, .video-play-img img{
        height: auto !important;
        width: auto;
        background-color: #333;
        min-height: 360px;
    }
    .embed-responsive {
        position: static;
        display: block;
        height: auto;
        padding: 0;
        overflow: hidden;
        padding-bottom: initial !important;
    }
    .video-price-section .video-call-hotel{
        display: block;
        float: none;
        overflow: hidden;
        width: 100%;
    }
    .video-rank-section .listing-rupee {
        float: none; 
        width: 100%; 
        margin-top: 5px; 
        text-align: center; 
       font-size: 16px;
   }
    .video-rank-section .listimg-vendor-logo {
        float: left; 
        width: 50%; 
   }
   .video-rank-section .listing-book-now {
        float: none; 
        width: 100%; 
   }
   .side-sign-up{
       width: 300px;
       margin: 0 auto;
   }
   .page-header h1{
        font-size: 25px;
   }
   .why-company-name{
       font-size: 25px;
       margin: 0px 0px 0px 20px;
   }
   .travel-agent-ul{
        padding: 10px 0px 10px 40px !important;
        margin-bottom: 10px;
        border-bottom: 0px;
   }
   .top-right-info{
       float: right;
       width: 148px;
   }
   .top-right-info .h3{
        font-size: 13px;
        margin: 0px;
        line-height: 30px;
   }
   .mast-header {
        margin-top: 10px;
        padding-bottom: 0px;
    }
    .logo {
        width: 147px;
    }
    #footer-group{
        display: table-footer-group;
    }
    #header-group{
        display: table-header-group;
    }
    .message{
       margin-left: 15px;
   }
   .message h1{
        font-size: 24px;
        font-weight: bold;
   }
   .message h2{
        font-size: 20px;
   }
   .listing-despager dt{
       width: 100px;
   }
   .listing-despager dd {
        margin-left: 100px;
    }
    .bha-award-bg{
        bottom: 0px;
    }
    .listing-upto {
        margin: 0px 20px 5px 0px;
    }
    .listimg-vendor-logo-phone h4{
        display: inline-block;    
    }
    .listimg-vendor-logo-phone p{
        display: inline-block;
        margin-right: 10px;
    }
    .listing-find-hotel-part1, .listing-find-hotel-part2, .listing-find-hotel-part3 {
        width: 100%;
        float: none;
    }   
    
    
}
@media (min-width: 768px) and (max-width: 2500px)
{
    .lst-hidden-mobile{
        display: inline-block;
    }
    .lst-visible-mobile{
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .listing-hotel-img-left{
        width: 140px;
    }
    .listing-msite-img-media{
        height: 140px !important;
    }
    .listing-hotel-img-left img{
        width: 140px !important;
    }
    .clubMahindraListSctn .listing-book-now {
        width: 100%;
        padding: 8px;
    }
}
@media (min-width: 200px) and (max-width: 767px) 
{
    .listing-dates-heading{
        margin: 0px 0px 10px 0px;
        float: none;
        display: block !important;
    }
    .detail-go{
        width: 100%;
        float: none;
    }

    .detail-go a{
        width: 100%;
        float: none;
        display:block;
    }
    .detail-right-date .form-inline .calendar-one-box {
        width: 48%;
        position: relative;
        display: inline-block;
    }

    .lstVenderPrice{
        font-size: 12px;
        padding-top: 4px;
    }
    .listing-hotel-img-right-heading span.rank-list-line {
        width: 100%;
    }
    .listing-main-hotel-inner-sec {
        padding: 8px 0px;
    }
    .lst-hidden-mobile{
        display: none;
    }
    .lst-visible-mobile{
        display: inline-block;
    }
    .dtl-updated-similar-box {
        height: auto;
    }
    .detail-booking-div{
        margin-top: 0px;
        min-height: initial;
    }
    .listing-rupee{
        float: left;
        width: 50%;
        margin-top: 0px;
        text-align: left;
        font-size: 18px;
    }
    .listing-rupee .fa-inr{
        font-size: 16px;
    }
    .listimg-vendor-logo{
        float: left;
        width: 50%;
        margin: 0px 0px;
        overflow: hidden;
    }
    .wrape-price-logo{
        width: 65%; 
        display: table-cell;
        vertical-align: middle;
    }
    .listimg-vendor-logo img {
        width: 80px;
    }
    .listing-book-now {
        width: 95px;
        padding: 6px;
        margin: 0px 0px 0px 0px;
        font-size: 12px;
        display: inline-block;
        float: right;
    }
    .listing-price-section-main {        
        padding-bottom: 0px;
        margin-bottom: 8px;
    }
    .listing-price-section-main:last-child{
        margin-bottom: 0px;
    }
    .price-line-secn{
        border-bottom: none;
        display: table;
        width: 100%;
    }
    .listing-main-hotel-inner-right .listing-main-hotel-inner-sec{
        padding: 4px 0px 8px 0px;
        border-top: none;
        overflow: hidden;
    }
    .offline-wrape{
        float: left;
        width: 50%;
    }
    .listimg-vendor-logo p {
        margin: 5px 0px 0px 0px;
        text-align: left;
        font-size: 11px;
    }
    .listing-upto {
        font-size: 11px;
    }
    .listing-hotel-img-left{
        width: 100px;
    }
    .listing-msite-img-media{
        height: 100px !important;
    }
    .listing-hotel-img-left img{
        width: 100px !important;
    }
}
@media (min-width: 200px) and (max-width: 991px) {
    .video-time-sec{
        max-width: 480px;
    }

}