*{margin:0px; padding:0px;}
.hotel-result-fluid,.hotel-detail-fluid{font-size: 14px; background: #f5f5f5; padding-top: 20px;padding-bottom: 50px;}
.hotel-result-fluid,.hotel-detail-fluid p{color: #777777;line-height: 24px;font-size: 14px; margin-bottom: 0;}
.hotel-result-fluid a,.hotel-detail-fluid a{text-decoration: none !important;}
.hotelBox{background: #ffffff;border:1px solid #dddddd; min-height: 100px;padding: 15px;}
.hotel-found{margin: 0;font-size: 18px;}
.hotel-found small{display: block;margin-top: 5px;padding-left: 2px;font-size: 80%;}
    .kj_padd0
	{
		padding-left:0px;
		padding-right:0px;
	}
	  .discountdiv samp
	  {
	  font-size:12px;
	  line-height:25px;
	  }
	    
	   
.filterbox{margin-top: 15px; margin-bottom: 15px; border-bottom: 1px solid #f5f5f5; margin-left: -15px; margin-right: -15px; padding: 0px 15px 15px 15px;} 

.filter-heading{font-size: 16px;color: #000000;display: block;margin-top: 10px;margin-bottom: 10px}
.resetall{font-size: 12px;display: inline-block;color: #2d67b2;margin-top: 4px;}
.resetall:hover{color: #5FC8C1;}

.filter-ul{list-style-type: none;padding: 0px;margin: 0; max-height: 150px;overflow-y:scroll;}

.filter-ul::-webkit-scrollbar-track{background-color: rgba(255,255,255,.3);}
.filter-ul::-webkit-scrollbar{width: 5px;background-color: rgba(255,255,255,.3);}
.filter-ul::-webkit-scrollbar-thumb{background-color: #F9F1E7;border: 0px solid #555555;
-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }


.filter-ul li{position: relative;margin-bottom: 4px;}
.filter-ul li input[type="checkbox"]{margin: 0;margin-right: 5px;vertical-align: middle;}
.filter-ul li label{font-weight: normal;color: #666666;vertical-align: middle;margin: 0;}
.number-of-hotels{position: absolute;z-index: 1;right:12px;color: #999999;top:3px;}
.filter-ul .fa-star{color: #999999;margin-right: 5px;}
.yellow-star{color: #5FC8C1 !important; }

.hresult-box{margin-bottom: 5px;}
.hotel-thumnail{width: 100%;min-height: 180px;max-height: 180px;}
.hotel-name{font-size: 18px;color: #333;line-height: 26px;}
.area{color: #999999;font-size: 14px;margin-top: 10px;margin-bottom: 10px;display: block;}
.block{display: block;}

.discount{    background: #5FC8C1;
    color: #ffffff;
    padding: 5px 17px 5px 6px;
    -webkit-border-radius: 0px 0px 0px 7px;
    -moz-border-radius: 0px 0px 0px 7px;
    -ms-border-radius: 0px 0px 0px 7px;
    -o-border-radius: 0px 0px 0px 7px;
    border-radius: 0px 0px 0px 7px;
    position: relative;
    height: 22px;
    margin-right: 13px;
    font-weight: bold;
}
.discount:after{content: "";width: 20px; height: 20px; background: #ffffff;position: 
absolute;right: -10px;z-index: 1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.strike-price{color: #cccccc;text-decoration: line-through;margin-right: 10px;display: inline-block;vertical-align: middle;}
.saveprice{color: #333;display: inline-block;font-weight: bold;}
.mainprice{font-size: 20px;font-weight: bold;margin-left: 10px;display: inline-block;vertical-align: middle;}

.not-avail{color: #cccccc;}
.booknow{padding: 4px 15px;-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #666;color: #ffffff;font-weight: bold;border:1px solid #666; margin-top: 30px;display: inline-block;text-decoration: none !important;}
.booknow:hover{color: #5FC8C1;background: none;}
.payathotel{display: inline-block;position: absolute;left: 0;top:61px;font-size: 14px;}
.amenities{margin-top: 17px;}
.amenities .fa{font-size: 20px;display: inline-block;margin-right: 5px;color: #666666;}
.amenities img{width: 20px;height: 20px;vertical-align: middle;display: inline-block; margin-right: 2px; background: #f0f8ff;padding: 2px; padding-top: 0px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
}
.amenities>span{display: inline-block;vertical-align: middle;}
.reviews{display: inline-block;color: #2d67b2;font-size: 12px;margin-top: 5px;}
.pl0{padding-left: 0;}
.fz20{font-size: 20px;}
.m0{margin: 0;}
.mt30{margin-top: 30px;}
.mt15{margin-top: 15px !important;}
.mb15{margin-bottom: 15px ;}
.block{display: block !important;}
.inline-block{display: inline-block !important;}
.inline{display: inline !important;}
.gray-color{color: #999999 !important;}
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.relative{position: relative;}

.modifysearchfluidparent{min-height: 75px;}
.modifysearchfluid{    background: #666;
    padding-top: 15px;
    padding-bottom: 5px;
    position: absolute;
    width: 100%;
    z-index: 10;
    top: 152px;
    left: 0px;}
.modifysearchfluid .yatrihotelbox{min-width: 360px;}
.modifysearchfluid input, .modifysearchfluid select, .modifysearchfluid textarea {
    border: 1px solid #dddddd;
    height: 44px;
    padding: 7px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
}
.modifysearchfluid .booknow{margin-top: 0;height: 44px;line-height: 44px;padding-top: 0;display: block;width: 100%;text-align: center;}

.mkadvisorreview .cdsLocName{display: none !important;}
.mkadvisorreview .cdsROW{width: 100% !important; border:0 !important; padding: 0px !important;}
.mkadvisorreview .cdsROWContainer{overflow: hidden !important;}
.mkadvisorreview .cdsRating{float: left !important;position: relative !important;top:10px !important;}
.mkadvisorreview .logo{float: right !important;}


.xsfilter{padding:15px;position: fixed;width: 100%;z-index: 9;background: #2d67b2;}
.xsfilter .booknow{margin-top: 0;}

/*hotel detail css starts from here*/
.bigprice{font-size: 30px;color: #ec1515;}
.hotel-detail-fluid p{font-size: 14px;color: #777777;}
.bookcol input,.bookcol select,.bookcol textarea{
	border:1px solid #dddddd;height: 44px;padding: 7px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
	margin-bottom: 10px;
}
.datebg{
	background-image: url('../images/datebg.png');
	background-position: 98%;
    background-repeat: no-repeat;
    background-size: 26px;
}
.userbg{
	background-image: url('../images/userbg.png');
	background-position: 98%;
    background-repeat: no-repeat;
    background-size: 26px;
}

.bedbg{
	background-image: url('../images/bedbg.png');
	background-position: 93%;
    background-repeat: no-repeat;
    background-size: 26px;
}
 .selectyatri{position: relative;padding: 0px !important; line-height: 26px;margin-bottom: 10px;}
 .selectyatri a{text-decoration: none !important;}
.clickyatri{    
	height: 38px;
    background-color: #ffffff;
    color: #666666;
    cursor: pointer;
    display: block;
    border: 1px solid #dddddd;
    height: 44px;
    padding: 8px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

} 

.yatribox{display: none;min-width: 100%; min-height: 50px; padding: 20px 6px; background: #ffffff; position: absolute; top: 43px; left: 0; z-index: 10; border:1px solid #dddddd;}
.yatribox:after{    
    top:-8px;
    content: "";
    left: 15px;
    position: absolute;
    border-left:8px solid transparent;
    border-bottom: 8px solid #dddddd;
    border-right: 8px solid transparent;
  }
.yatricol{text-align: left; float: left; width: 90px; margin-right: 2px;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.yatribox .yatricol:nth-child(3){margin-right:6px;}
.yatricol h5{color: #000000; margin-bottom: 5px;font-size: 12px;}
.mplus,.mminus,.mvalue{width: 33.333%; text-align: center; padding: 0px; background: #dddddd; font-weight: bold; cursor: pointer; float: left;display: block; color: #000000;}
.mvalue{background: #ffffff; color: #000000;}
.done{width: 32.3%; display: inline-block; margin: 0 auto; text-align: center; text-decoration: none; color: #ffffff; background:#5FC8C1; padding: 2px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;  margin-top: 15px; font-size: 12px;
border:1px solid #5FC8C1;
font-weight: bold;
}

.vas{vertical-align: super;}
.vab{vertical-align: bottom;}
.vasa{color: initial;background: none; border:none;text-align: left;width: initial;margin-right: 8px;}
.done:hover{background: none; color: #5FC8C1;}
.adddiv{-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; overflow: hidden; border:1px solid #d6d6d6;}
.room{height: 30px; line-height: 30px; background: #676767; color: #ffffff; font-size: 13px; overflow: hidden;margin-bottom: 1px;}
.room>span{display: inline-block; padding: 0px 7px;}
.roomnumber{background: #4e4e50; position: relative; margin-right: 30px;}
.roomnumber:before {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    top: 10px;
    right: -6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #4e4e50;
}
.roomdone{float: right;background:#4e4e50; }

.gutter50, .gutter50 {
    width: 24%;
}
.clear {
    clear: both !important;
    margin: 0px !important;
    display: block;
}

.room,.done,.yatribox{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.subtotal{margin-top: 7px;}
.subtotal small{display: block;margin-bottom: 4px;color: #666666;}
.subtotal .bigprice{display: block;font-size: 24px;}
.littleinfo{font-size: 10px !important;vertical-align: middle;}
.bookcol .booknow{display: block;text-align: center;margin-top: 15px;}

#hotelDetailImgs .item img{width: 100%;min-height: 394px;max-height: 394px;}

#hotelDetailImgs .carousel-indicators{
    bottom: 0;
    width: 100%;
    margin: 0;
    left: 0;
    right: 0;
    top: initial;
    background: rgba(0,0,0,.9);
    border-top: 1px solid rgba(255,255,255,.3);
}
#hotelDetailImgs .carousel-indicators li{text-indent: 0;width: 80px;height: 50px;
overflow: hidden;
border-radius: 0;
margin: initial !important;
margin-top: 5px !important;
padding: 3px;
}
#hotelDetailImgs .carousel-indicators li.active{background: #5FC8C1;border-color:#5FC8C1;}
#hotelDetailImgs .carousel-indicators li img{width: 100%;height: 100%;}

#hotelDetailImgs .carousel-caption{top:initial;left: 0;right: 0;bottom:61px;margin: 0;padding: 0;width: 100%;}
#hotelDetailImgs .carousel-caption h1{font-size: 16px;margin:0;background: rgba(0,0,0,.7); padding: 10px;  border-bottom: 1px solid #000000;}

.welcome-hotel h1{margin-top: 10px;margin-bottom: 15px;color: #555555; font-size: 30px;}
.stars{font-size: 16px;vertical-align: middle;display: inline-block;margin-left: 15px;}


.detail-tabs li, .detail-tabs li>a, .detail-tabs li>a:hover, .detail-tabs li>a:focus
 .detail-tabs li.active, .detail-tabs li.active>a, .detail-tabs>li.active>a, .detail-tabs>li.active>a:focus, .detail-tabs>li.active>a:hover {
    border: 0;
    margin: 0;
    background: none;
    border-radius: 0;
}
.detail-tabs {border: 0px; display: table;}
.detail-tabs li.active {background: transparent; color: #ffffff; }
.detail-tabs li.active a{color: #5FC8C1 !important;border-bottom: 3px inset #5FC8C1 !important;}
.detail-tabs li {background: transparent; text-align: center; float: none;display: table-cell; border-right: 30px solid transparent;}
.detail-tabs li a {color: #666666; font-size: 18px; border-bottom: 3px inset #f5f5f5 !important;padding-left: 0;padding-right:0;}

.detail-tabs li:last-child a{border-right: 0 !important;}
.detail-tab-content {padding: 0px; border-top: 0; background-color: rgba(255,255,255,0.7); }
.roominf{min-height: 90px;}
.room-info{margin:0; padding: 15px 0px;margin-top: 15px;margin-bottom: 15px; border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}
.strongh{color: #666666;}
.roomname{color: #000000;font-weight: bold;}
.selectedroom{background: #666;border:1px solid #666;}
.selectedroom:hover{background: transparent;border:1px solid #00c500; color: #666;}
.selectedroom .fa{font-size: 24px;vertical-align: sub;}

.roomconditions{position: absolute;left: 68%; top: 173px;}

.roomconditions-block{
    background: #fbfbfb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
    border:1px solid #eeeeee;
    margin-top: 15px;
    display: none;
}
ol.list-unstyled{line-height: 26px;margin-bottom: 0;}
.cp{margin-top: 15px;line-height: 24px;padding-left: 15px;}
.cp>li{margin-top:10px;}
.cp>li:first-of-type{margin-top: 0;}

.divider {
  height: 1px;
  width:100%;
  display:block;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.mannav .nav-tabs>li{margin-bottom: -2px;}
.mannav .tab-content{padding: 15px; border:1px solid #dddddd;}

#hotelreviews .badge{padding: 5px 10px;}

.bestimg{width: 100%;max-width: 120px;margin-right: 20px;}
.reviewpercent{font-size: 40px; color: #00c500;}
.rategiven{border:1px solid #5FC8C1; background: transparent; color: #5FC8C1;padding: 3px 10px; font-size: 15px;
-webkit-border-radius: 26px;
-moz-border-radius: 26px;
-ms-border-radius: 26px;
-o-border-radius: 26px;
border-radius: 26px;
}
.ol3 .fa{
    display: inline-block;
    width: 30px;
    background: #f0f8ff;
    padding: 5px;
    text-align: center;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin-right: 7px;
}
.bar{
    background: #f0f8ff;position: relative; overflow: hidden;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
height: 10px;
display: block;
}
.bar:after{content: "";position: absolute;width: 80%;z-index: 1;left: 0;top: 0;background: #2d67b2;height: 100%;}
.barli li{height: 26px;padding-top: 10px;}

.allreviews{margin-top: 30px;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;padding-top: 15px;padding-bottom: 15px; margin-bottom: 30px;}
.allreviews ul{list-style-type: none;margin: 0;display: table; table-layout: fixed; width: 100%;}
.allreviews ul li{display: table-cell; text-align: center;vertical-align: middle;}
.active-review{color: #5FC8C1;}
.rwrow{padding-top: 15px;padding-bottom: 15px; border: 1px solid #eeeeee;border-bottom: 2px solid #dddddd; margin: 0;background: #fbfbfb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
}
.gname{font-size: 16px;color: #555555;}
.ago{margin-top: 3px;color: #666666; margin-bottom: 15px;}
.askqu{background: #2d67b2; padding: 2px 7px; font-size: 12px; color: #fff; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; 
}
.askqu:hover{background: #5FC8C1;color: #ffffff;}
.helffuldiv{margin-top: 15px;}
.liked{position: absolute;left: 0;right: 0;display: block;margin: 0 auto;max-width: 100px;text-align: center;}

.imgrwsdiv img{float: left;min-width: 100px;max-width: 300px;min-height: 80px;max-height: 100px;margin-right: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}

.hisreply{background: #f3f3f3;padding: 5px 10px; margin-top: 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.hisreply span{color: #bdbdbd;}
.gstq{ color: #2d67b2; margin: 0; font-size: 20px; font-weight: bold; margin-bottom: 15px;} 
/*hotel detail css endsss from here*/


/*responsive css goes here*/

@media (max-width: 768px) {

.hotel-result-row>div,.hotel-detail-row>div{margin-bottom: 30px;}
.hotel-thumnail{min-height: 226px;}
.payathotel{top: 45px;}
.hotel-result-fluid, .hotel-detail-fluid{padding:0;}
.mdamenities{margin-top: 0px;}
.roomconditions{position: static;display: inline-block; float: left;margin-top: 0px;}

.Highlightsrow>div{margin-bottom: 15px;}



}

@media (max-width: 767px) {

.hotel-thumnail{min-height: initial;max-height: initial;width: 100%; margin-bottom: 20px;}
.payathotel{ top: -40px; right: 15px;}

.mhotelpricediv {margin-top: 15px;}
.mhotelpricediv .firstdiv{float: left; padding-left: 15px;}
.mhotelpricediv .seconddiv{float: right;}
.mhotelpricediv .booknow{margin-top: 0;}
.molrate{margin-bottom: 30px;}
.rwrow>div{margin-bottom: 30px;}

.modifysearchfluid{position: static;margin-bottom: 30px;}
.modifysearchfluid .container>.row>div{margin-bottom: 15px;}
.mkfiltercol,.modifysearchfluidparent{}
.xsfilterparent{min-height: 60px; background: #2d67b2;margin-bottom: 30px;}


}

@media (max-width: 480px) {

.mhotelpricediv .firstdiv,.mhotelpricediv .seconddiv{float: none;}
.payathotel{top: 45px;left: 15px;right: initial;}
.mhotelpricediv .booknow{margin-top: 15px;}
.hotel-result-row .amenities{margin-top: 15px;}

.detail-tabs{display: block;}
.detail-tabs li{border-right: 0;float: left;width: 50%;}
.detail-tabs li a{font-size: 16px;}
.liked{right: initial;top: 25px;}
.replyed {margin-top: 30px !important;}

#hotelDetailImgs .item img{min-height: 300px;max-height: 300px;}
.mannav .nav-tabs li{width: 50%;margin-right: 0;}
.mannav .nav-tabs li a{height: 61px;}
.rwpara {text-align: justify;}

}

/*responsive css ends here*/

/* new css starts here */
.hotel-result-guestwrapper{top: 0;left: 0;}
/* new css ends here */
