@font-face {
  font-family: BYekan;
  src: url(../fonts/BYekan.eot);
  src: url(../fonts/BYekan.eot?#iefix) format("embedded-opentype"),url(../fonts/BYekan.woff) format("woff"),url(../fonts/BYekan.ttf) format("truetype"),url(../fonts/BYekan.svg#BYekan) format("svg");
}
#bundel .setTextDecoration {
  /*& when (@important=true) {
            text-decoration: none !important;
        }

        & when not (@important=true) {
            text-decoration: none;
        }*/
}
#bundel .setTextDecoration .none {
  text-decoration: none;
}
#bundel .noFloat {
  float: none;
}
#bundel .setDirection .rtl {
  direction: rtl;
}
#bundel .setDirection .ltr {
  direction: ltr;
}
#bundel .setClear .both {
  clear: both;
}
#bundel .setDisplay .none {
  display: none;
}
#bundel .setDisplay .block {
  display: block;
}
#bundel .setDisplay .inline-block {
  display: inline-block;
}
#bundel .setDisplay .tabel {
  display: table;
}
#bundel .setFloat .right {
  float: right;
}
#bundel .setFloat .left {
  float: left;
}
#bundel .setListStyle .none {
  list-style: none;
}
#bundel .setListStyle .circle {
  list-style: circle;
}
#bundel .image-rendering {
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and Safari) */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
}
body {
  background-color: #f1f1f1;
  padding: 0;
  margin: 0;
  font: normal 14px BYekan;
}
.container {
  width: 1000px;
  margin: 0 auto;
}
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
nav {
  padding: 0;
  margin: 0;
}
/*colors*/
/*End Global*/
/*Global*/
.hotelHeader {
  background-color: #666;
  text-align: center;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  direction: rtl;
  color: #fff;
}
.hotelHeader h1 {
  font-size: 17px;
  font-weight: normal;
}
.hotelHeader h1 i {
  margin-left: 10px;
}
.tableTitle {
  background-color: #f3f3f3;
  border-bottom: 1px solid #ccc;
  text-align: center;
  direction: rtl;
  font-weight: bold;
  display: inline-block;
  width: 100%;
}
.tableTitle div {
  float: right;
  padding: 3px 0;
}
.tableTitle.hotelTitle > div {
  width: 20%;
}
.tableTitle.hotelTitle div:first-child {
  width: 40%;
}
.tableTitle.roomTitle div {
  width: 20%;
}
.flatDrop {
  direction: rtl;
  width: 100%;
  font-family: BYekan;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  outline: none;
}
.button {
  padding: 0 15px;
  font-family: BYekan;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
  outline: none;
  text-align: center;
}
.button.white {
  background-color: #fff;
  color: #333;
}
.button.white:hover {
  background-color: #7ca53d;
  color: #fff;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.button.blue {
  background-color: #0c6fad;
  color: #fff;
}
.button.blue:hover {
  background-color: #0f5a89;
}
.button.orange {
  background-color: #ff8400;
  color: #fff;
}
.button.orange:hover {
  background-color: #ee8310;
}
.button.green {
  background-color: #7ca53d;
  color: #fff;
}
.button.green:hover {
  background-color: #6c962c;
}
.hotelStar {
  display: block;
  direction: rtl;
}
.hotelStar span {
  margin: 0 5px;
}
.hotelStar i {
  color: #ff8400;
  margin: 0 1px 0 0;
}
.hotelStar.star {
  float: right;
  margin-right: 5px;
  font-size: 13px;
}
.title {
  margin: 0 0 10px 0;
  text-align: center;
}
.title h1 {
  overflow: hidden;
}
.title span {
  position: relative;
  font: bold 17px BYekan;
  display: inline-block;
  padding: 0 15px;
}
.title span::before,
.title span::after {
  position: absolute;
  top: 10px;
  content: " ";
  background-color: #999;
  display: inline-block;
  width: 1170px;
  height: 2px;
}
.title span::before {
  margin-left: 20px;
  right: 100%;
}
.title span::after {
  left: 100%;
  margin-right: 20px;
}
/*End Global*/
/*sprite Icon*/
.icons {
  background: url('../img/icons.png') no-repeat;
  background-repeat: no-repeat;
  display: inline-block;
}
.icons.icons-ENG {
  background-position: -5px -5px;
  width: 30px;
  height: 20px;
}
.icons.icons-ERB {
  background-position: -45px -5px;
  width: 30px;
  height: 20px;
}
.icons.icons-IRN {
  background-position: -85px -5px;
  width: 30px;
  height: 20px;
}
.icons.icons-arrival {
  background-position: -125px -5px;
  width: 29px;
  height: 23px;
}
.icons.icons-departure {
  background-position: -164px -5px;
  width: 30px;
  height: 24px;
}
.icons.icons-hotel {
  background-position: -204px -5px;
  width: 70px;
  height: 59px;
}
.icons.icons-hotel-hover {
  background-position: -284px -5px;
  width: 70px;
  height: 59px;
}
.icons.icons-ticket {
  background-position: -364px -5px;
  width: 70px;
  height: 60px;
}
.icons.icons-ticket-hover {
  background-position: -444px -5px;
  width: 70px;
  height: 60px;
}
.icons.icons-tour {
  background-position: -524px -5px;
  width: 70px;
  height: 61px;
}
.icons.icons-tour-hover {
  background-position: -604px -5px;
  width: 70px;
  height: 61px;
}
.optionIcons {
  background-image: url('../img/optionIcons.png');
  background-repeat: no-repeat;
  display: block;
}
.optionIcons.optionIcons-Alarm {
  background-position: -3px -31px;
  width: 24px;
  height: 26px;
}
.optionIcons.optionIcons-Babysitter {
  background-position: -3px -63px;
  width: 26px;
  height: 24px;
}
.optionIcons.optionIcons-Balcony {
  background-position: -3px -93px;
  width: 26px;
  height: 16px;
}
.optionIcons.optionIcons-Bar {
  background-position: -3px -115px;
  width: 29px;
  height: 31px;
}
.optionIcons.optionIcons-Bathroom {
  background-position: -3px -152px;
  width: 26px;
  height: 26px;
}
.optionIcons.optionIcons-Billiard {
  background-position: -3px -184px;
  width: 26px;
  height: 25px;
}
.optionIcons.optionIcons-Bodybuilding {
  background-position: -3px -215px;
  width: 21px;
  height: 26px;
}
.optionIcons.optionIcons-Breakfast {
  background-position: -3px -247px;
  width: 26px;
  height: 17px;
}
.optionIcons.optionIcons-CIP {
  background-position: -3px -270px;
  width: 21px;
  height: 23px;
}
.optionIcons.optionIcons-Car {
  background-position: -3px -299px;
  width: 26px;
  height: 20px;
}
.optionIcons.optionIcons-Closet {
  background-position: -3px -325px;
  width: 22px;
  height: 26px;
}
.optionIcons.optionIcons-Clothes-hanger {
  background-position: -3px -357px;
  width: 26px;
  height: 25px;
}
.optionIcons.optionIcons-Coffee-Net {
  background-position: -3px -388px;
  width: 26px;
  height: 27px;
}
.optionIcons.optionIcons-Coffee-Shop {
  background-position: -3px -421px;
  width: 26px;
  height: 26px;
}
.optionIcons.optionIcons-Cosmetics {
  background-position: -3px -453px;
  width: 25px;
  height: 25px;
}
.optionIcons.optionIcons-Desk {
  background-position: -3px -484px;
  width: 26px;
  height: 26px;
}
.optionIcons.optionIcons-Disabled {
  background-position: -3px -516px;
  width: 22px;
  height: 26px;
}
.optionIcons.optionIcons-Drawer {
  background-position: -3px -548px;
  width: 26px;
  height: 20px;
}
.optionIcons.optionIcons-Elevator {
  background-position: -3px -574px;
  width: 23px;
  height: 23px;
}
.optionIcons.optionIcons-Exchange {
  background-position: -3px -603px;
  width: 21px;
  height: 27px;
}
.optionIcons.optionIcons-Faan {
  background-position: -3px -636px;
  width: 26px;
  height: 22px;
}
.optionIcons.optionIcons-Film-Chanal {
  background-position: -3px -664px;
  width: 26px;
  height: 22px;
}
.optionIcons.optionIcons-Freezer {
  background-position: -3px -692px;
  width: 14px;
  height: 26px;
}
.optionIcons.optionIcons-Furniture {
  background-position: -3px -724px;
  width: 28px;
  height: 14px;
}
.optionIcons.optionIcons-Game {
  background-position: -3px -744px;
  width: 24px;
  height: 16px;
}
.optionIcons.optionIcons-Green-space {
  background-position: -3px -766px;
  width: 26px;
  height: 26px;
}
.optionIcons.optionIcons-House {
  background-position: -3px -798px;
  width: 22px;
  height: 26px;
}
.optionIcons.optionIcons-Jacuzzi {
  background-position: -3px -830px;
  width: 26px;
  height: 19px;
}
.optionIcons.optionIcons-Kitchen {
  background-position: -3px -855px;
  width: 24px;
  height: 26px;
}
.optionIcons.optionIcons-Laundry {
  background-position: -3px -887px;
  width: 21px;
  height: 24px;
}
.optionIcons.optionIcons-Lobby {
  background-position: -3px -917px;
  width: 26px;
  height: 20px;
}
.optionIcons.optionIcons-Massage {
  background-position: -3px -943px;
  width: 26px;
  height: 19px;
}
.optionIcons.optionIcons-Medic {
  background-position: -3px -968px;
  width: 22px;
  height: 26px;
}
.optionIcons.optionIcons-Operator {
  background-position: -3px -1000px;
  width: 22px;
  height: 24px;
}
.optionIcons.optionIcons-Park {
  background-position: -3px -1030px;
  width: 26px;
  height: 24px;
}
.optionIcons.optionIcons-Parking {
  background-position: -3px -1060px;
  width: 27px;
  height: 21px;
}
.optionIcons.optionIcons-Phone {
  background-position: -3px -1087px;
  width: 26px;
  height: 26px;
}
.optionIcons.optionIcons-Power-Switch {
  background-position: -3px -1119px;
  width: 22px;
  height: 22px;
}
.optionIcons.optionIcons-Prayer-room {
  background-position: -3px -1147px;
  width: 18px;
  height: 26px;
}
.optionIcons.optionIcons-Recreation {
  background-position: -3px -1179px;
  width: 26px;
  height: 24px;
}
.optionIcons.optionIcons-Restaurant {
  background-position: -3px -1209px;
  width: 26px;
  height: 26px;
}
.optionIcons.optionIcons-Room-Service {
  background-position: -3px -1241px;
  width: 26px;
  height: 26px;
}
.optionIcons.optionIcons-Safe-box {
  background-position: -3px -1273px;
  width: 23px;
  height: 23px;
}
.optionIcons.optionIcons-Scissor {
  background-position: -3px -1302px;
  width: 26px;
  height: 26px;
}
.optionIcons.optionIcons-Shop {
  background-position: -3px -1334px;
  width: 26px;
  height: 24px;
}
.optionIcons.optionIcons-Shopping-center {
  background-position: -3px -1364px;
  width: 24px;
  height: 24px;
}
.optionIcons.optionIcons-Slippers {
  background-position: -3px -1394px;
  width: 26px;
  height: 26px;
}
.optionIcons.optionIcons-Smoking {
  background-position: -3px -1426px;
  width: 26px;
  height: 14px;
}
.optionIcons.optionIcons-Sport {
  background-position: -3px -1446px;
  width: 26px;
  height: 20px;
}
.optionIcons.optionIcons-Suitcase {
  background-position: -3px -1472px;
  width: 20px;
  height: 26px;
}
.optionIcons.optionIcons-Support {
  background-position: -3px -1504px;
  width: 26px;
  height: 24px;
}
.optionIcons.optionIcons-Tea {
  background-position: -3px -1534px;
  width: 22px;
  height: 20px;
}
.optionIcons.optionIcons-Tea-Maker {
  background-position: -3px -1560px;
  width: 22px;
  height: 26px;
}
.optionIcons.optionIcons-Tennis {
  background-position: -3px -1592px;
  width: 25px;
  height: 25px;
}
.optionIcons.optionIcons-Ticket {
  background-position: -3px -1623px;
  width: 26px;
  height: 18px;
}
.optionIcons.optionIcons-Tour {
  background-position: -3px -1647px;
  width: 20px;
  height: 22px;
}
.optionIcons.optionIcons-Truck {
  background-position: -3px -1675px;
  width: 26px;
  height: 18px;
}
.optionIcons.optionIcons-Tv {
  background-position: -3px -1699px;
  width: 24px;
  height: 24px;
}
.optionIcons.optionIcons-WC {
  background-position: -3px -1729px;
  width: 28px;
  height: 24px;
}
.optionIcons.optionIcons-Water {
  background-position: -3px -1759px;
  width: 12px;
  height: 26px;
}
.optionIcons.optionIcons-Wax {
  background-position: -3px -1791px;
  width: 20px;
  height: 26px;
}
.optionIcons.optionIcons-Wifi {
  background-position: -3px -1823px;
  width: 26px;
  height: 22px;
}
.optionIcons.optionIcons-lamp {
  background-position: -3px -1851px;
  width: 20px;
  height: 26px;
}
.optionIcons.optionIcons-pool {
  background-position: -3px -1883px;
  width: 26px;
  height: 14px;
}
.optionIcons.optionIcons-sauna {
  background-position: -3px -1903px;
  width: 26px;
  height: 20px;
}
/*************siteheader***********/
.topMenu {
  background-color: #fff;
  text-align: center;
  width: 100%;
  height: 70px;
  display: inline-block;
  padding-top: 30px;
  margin-bottom: 20px;
}
/************* hotelList ***********/
.hotelList {
  /************* filter ***********/
  /************* hotelLists ***********/
}
.hotelList .filter {
  width: 30%;
  float: right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.hotelList .filter .mainFilter {
  padding: 0 10px;
  text-align: right;
}
.hotelList .filter .mainFilter > div {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  color: #333;
}
.hotelList .filter .mainFilter strong {
  color: #0c6fad;
}
.hotelList .filter .mainFilter .update strong {
  font-weight: normal;
  color: #333;
}
.hotelList .filter .mainFilter .update strong input {
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 25px;
  margin: 5px;
  background-color: #f1f1f1;
  width: 40px;
}
.hotelList .filter .mainFilter .hotelLevel {
  direction: rtl;
}
.hotelList .hotelLists {
  width: 68%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
  /*.subRow {
            background-color: #d1d1d1 !important;
        }*/
}
.hotelList .hotelLists .hotelHeader {
  float: right;
  width: 100%;
}
.hotelList .hotelLists .hotelHeader button {
  margin: 4px 10px;
}
.hotelList .hotelLists .hotelHeader button:first-child {
  float: right;
}
.hotelList .hotelLists .hotelHeader button:last-child {
  float: left;
}
.hotelList .hotelLists .row {
  direction: rtl;
  display: inline-block;
}
.hotelList .hotelLists .row > div {
  margin-top: 10px;
  float: right;
  text-align: center;
}
.hotelList .hotelLists .row div:nth-child(2) {
  margin-top: 0;
}
.hotelList .hotelLists .row .plusIcon {
  margin-top: 26px;
  cursor: pointer;
}
.hotelList .hotelLists .row .hotel {
  padding: 5px;
  width: 100px;
  height: 70px;
}
.hotelList .hotelLists .row .hotel img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  max-width: 100%;
  height: 70px;
}
.hotelList .hotelLists .row .room {
  width: 187px;
  margin: 12px 3px 0 0;
  text-align: right;
}
.hotelList .hotelLists .row .room h2 {
  font-size: 14px;
  float: right;
  color: #0c6fad;
}
.hotelList .hotelLists .row .room span {
  float: right;
  width: 100%;
  font-size: 12px;
}
.hotelList .hotelLists .row .roomType {
  width: 100px;
  font-size: 13px;
}
.hotelList .hotelLists .row .service {
  direction: rtl;
  margin-right: 10px;
  width: 110px;
  text-align: right;
}
.hotelList .hotelLists .row .service div {
  display: block;
}
.hotelList .hotelLists .row .service div span {
  margin-right: 10px;
}
.hotelList .hotelLists .row .service div i {
  color: #ff8400;
}
.hotelList .hotelLists .row .select {
  width: 140px;
}
.hotelList .hotelLists .row .select strong {
  color: #7ca53d;
  border: 1px solid #7ca53d;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 1px 8px;
  display: inline-block;
  margin-bottom: 5px;
}
.hotelList .hotelLists .row .select button {
  width: 90%;
  font-size: 15px;
  margin-top: 5px;
}
.hotelList .hotelLists .row .select button i {
  margin-left: 10px;
}
.hotelList .hotelLists .row .select a {
  text-decoration: none;
  padding: 2px 32px;
}
.hotelList .hotelLists .row:hover {
  background-color: #f7feec;
}
.hotelList .hotelLists .row:nth-child(even) {
  background-color: #f1f1f1;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.hotelList .hotelLists .row:nth-child(even):hover {
  background-color: #f7feec;
}
.hotelList .hotelLists .row:nth-child(odd) {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
/************* hoteflyTbl ***********/
.hoteflyTbl {
  border-collapse: collapse;
  display: table;
  border: none;
  background-color: #e7f7c0;
  width: %;
  border: 1px solid #999;
  border-top: none;
}
.hoteflyTbl th {
  border: none;
  font-weight: normal;
  border-bottom: 1px solid #999;
}
.hoteflyTbl tr {
  border: none !important;
  transition: ease all 0.3s;
  direction: rtl;
  background-color: #fff;
}
.hoteflyTbl tr:nth-child(2) {
  border: none !important;
}
.hoteflyTbl tr:first-child td {
  background-color: #f1f1f1;
  border-bottom: 1px solid #999;
}
.hoteflyTbl tr:nth-child(odd) {
  background-color: #f1f1f1;
}
.hoteflyTbl tr:not(:first-child):hover {
  background-color: #e7eed5;
}
.hoteflyTbl tr:not(:first-child):hover .insetBtn.green {
  background-color: #7ca53d;
  color: #fff;
}
.hoteflyTbl tr:not(:first-child):hover i.fa-cart-plus {
  color: #fff;
}
.hoteflyTbl .borderColor {
  border-top: 2px solid #0c6fad !important;
}
.hoteflyTbl td {
  text-align: center;
  border: 0;
  width: auto !important;
}
.hoteflyTbl span {
  display: block;
  font-size: 13px;
  color: #333;
}
.hoteflyTbl .shopCard {
  display: inline-block;
  position: relative;
  min-width: 80px;
  min-height: 28px;
}
.hoteflyTbl .shopCard .insetBtn {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  min-height: 28px;
  text-align: right;
}
.hoteflyTbl .shopCard:hover i {
  color: #fff;
}
.hoteflyTbl .shopCard i {
  position: absolute;
  left: 0;
  margin: 7px 0 0 5px;
  color: #7ca53d;
  font-size: 18px;
  cursor: pointer;
}
.hoteflyTbl .strcap {
  display: inline-block;
  text-align: left;
  color: #ed1c24;
  font-weight: bold;
  font-size: 14px;
}
.hoteflyTbl [class*=fa-] {
  color: #333;
}
.hoteflyTbl .lblPrice {
  font-weight: bold;
  font-size: 14px;
}
.flsgridGone {
  margin-bottom: 20px;
}
.hotelFlights {
  text-align: center;
}
.hotelFlights span + div {
  display: inline-block;
}
/*************hotelDetails , hotelDistance ***********/
.hotelDetails {
  position: relative;
  direction: rtl;
}
.hotelFormDetail {
  width: 100%;
}
.hotelFormDetail .reserve {
  background-color: transparent !important;
}
.hotelFormDetail .reserve .row {
  width: 99.8% !important;
  padding: 0 !important;
  background-color: transparent !important;
}
.hotelFormDetail .reserve .row .price {
  width: 100% !important;
  margin-top: 0 !important;
  background-color: #fff;
}
.hotelFormDetail .reserve .row .showPrices {
  margin: 0 auto;
  width: 100%;
  display: block;
  text-align: center !important;
}
.hotelDetails .affix,
.hotelDistance .affix {
  width: 4%;
  width: 8%;
  margin-left: 15px;
  float: right;
}
.hotelDetails .affix:not(.is_stuck),
.hotelDistance .affix:not(.is_stuck) {
  right: -95px;
  position: absolute;
}
.hotelDetails .affix.is_stuck,
.hotelDistance .affix.is_stuck {
  margin-right: -95px;
}
.hotelDetails .affix .active,
.hotelDistance .affix .active {
  background-color: #ff8400;
  transition: 0.3s all ease;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.hotelDetails .affix .active a,
.hotelDistance .affix .active a {
  color: #fff;
}
.hotelDetails .affix ul,
.hotelDistance .affix ul {
  list-style: none;
}
.hotelDetails .affix li,
.hotelDistance .affix li {
  background-color: #fff;
}
.hotelDetails .affix li:first-child a,
.hotelDistance .affix li:first-child a {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.hotelDetails .affix li:last-child,
.hotelDistance .affix li:last-child {
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.hotelDetails .affix li hover:last-child,
.hotelDistance .affix li hover:last-child {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.hotelDetails .affix li hover:last-child,
.hotelDistance .affix li hover:last-child {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.hotelDetails .affix a,
.hotelDistance .affix a {
  color: #999;
  border: 1px solid #ccc;
  border-bottom: none;
  text-align: center;
  margin: 0 auto;
  padding: 0 0 8px 0;
  font-size: 12px;
  display: block;
  text-decoration: none;
}
.hotelDetails .affix a i,
.hotelDistance .affix a i {
  font-size: 25px;
  padding: 8px 15px 0 15px;
}
.hotelDetails .affix a:hover,
.hotelDistance .affix a:hover {
  background-color: #ff8400;
  color: #fff;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.hotelDetails .head,
.hotelDistance .head {
  width: 98%;
  background-color: #f3f3f3;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  padding: 10px;
  margin: 0 0 15px 0;
  display: inline-block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.hotelDetails .head i,
.hotelDistance .head i {
  float: right;
  font-size: 20PX;
  padding-left: 10px;
  margin-top: 10px;
  color: #0c6fad;
}
.hotelDetails .head h1,
.hotelDistance .head h1 {
  float: right;
  font: bold 18px BYekan;
  color: #0c6fad;
  padding-left: 10px;
}
.hotelDetails .head p,
.hotelDistance .head p {
  float: right;
}
.hotelDetails .head .stars,
.hotelDistance .head .stars {
  float: right;
  padding-top: 3px;
}
.hotelDetails .head .stars i,
.hotelDistance .head .stars i {
  float: right;
  font: bold 14px fontawesome;
  padding: 0 0 0 5px;
  color: #ff8400;
}
.hotelDetails .head .name,
.hotelDistance .head .name {
  float: right;
  padding: 0;
}
.hotelDetails .head .signout,
.hotelDistance .head .signout {
  direction: rtl;
  outline: none;
  border: 1px solid #ccc;
  background-color: #fff;
  cursor: pointer;
  float: left;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 20px;
  font: bold 16px BYekan;
}
.hotelDetails .head .signout strong,
.hotelDistance .head .signout strong {
  padding: 10px 0 0 15px;
  float: right;
}
.hotelDetails .head .signout img,
.hotelDistance .head .signout img {
  float: left;
}
.hotelDetails .head .signout:hover,
.hotelDistance .head .signout:hover {
  background-color: #f7feec;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border: 1px solid #7ca53d;
}
.hotelDetails .head .address,
.hotelDistance .head .address {
  width: 80%;
  float: right;
  text-align: right;
}
.hotelDetails .head .address i,
.hotelDistance .head .address i {
  color: #999;
  font-size: 18px;
}
.hotelDetails .head.height,
.hotelDistance .head.height {
  height: 50px;
  padding-top: 25px;
  width: 92%;
}
.hotelDetails .baseBox,
.hotelDistance .baseBox {
  background-color: #fff;
  border: 1px solid #ccc;
  float: right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 0 20px 0;
  margin-bottom: 20px;
  width: 100%;
  direction: rtl;
  text-align: center;
}
.hotelDetails .baseBox.reservation,
.hotelDistance .baseBox.reservation {
  /*#bundel.setMargin.right(20px);*/
  width: 73%;
  min-height: 601px;
  text-align: center;
}
.hotelDetails .baseBox.reservation .head,
.hotelDistance .baseBox.reservation .head {
  width: 96.9%;
}
.hotelDetails .baseBox.reservation .head .backBtn,
.hotelDistance .baseBox.reservation .head .backBtn {
  margin-top: 8px;
}
.hotelDetails .baseBox.reservation .head .backBtn a,
.hotelDistance .baseBox.reservation .head .backBtn a {
  color: #0c6fad;
}
.hotelDetails .baseBox.importantDes,
.hotelDistance .baseBox.importantDes {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: left;
  width: 25%;
  background-color: #fff;
  text-align: right;
}
.hotelDetails .baseBox.importantDes section,
.hotelDistance .baseBox.importantDes section {
  min-height: 510px;
}
.hotelDetails .baseBox.importantDes section i,
.hotelDistance .baseBox.importantDes section i {
  float: right;
  color: #ff8400;
  font-size: 20px;
  padding: 5px 5px 20px 10px;
}
.hotelDetails .baseBox.importantDes section i:last-child,
.hotelDistance .baseBox.importantDes section i:last-child {
  color: #ed1c24;
}
.hotelDetails .baseBox.importantDes section div,
.hotelDistance .baseBox.importantDes section div {
  display: inline-block;
  direction: rtl;
  width: 100%;
  font-size: 14px;
  padding-right: 5px;
}
.hotelDetails .baseBox.importantDes section div span,
.hotelDistance .baseBox.importantDes section div span {
  color: #7ca53d;
  font-weight: bold;
}
.hotelDetails .baseBox.importantDes section .title,
.hotelDistance .baseBox.importantDes section .title {
  padding: 0;
}
.hotelDetails .baseBox.importantDes section .title span,
.hotelDistance .baseBox.importantDes section .title span {
  color: #0c6fad;
}
.hotelDetails .baseBox.description p,
.hotelDistance .baseBox.description p {
  padding: 0 15px;
  text-align: justify;
}
.hotelDetails .baseBox.description .button,
.hotelDistance .baseBox.description .button {
  width: 15%;
  margin: 0 0 0 15px;
  padding: 2px;
  float: left;
}
.hotelDetails .baseBox.roomList .roomSearch,
.hotelDistance .baseBox.roomList .roomSearch {
  width: 90%;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
  margin-bottom: 15px;
}
.hotelDetails .baseBox.roomList .roomSearch button,
.hotelDistance .baseBox.roomList .roomSearch button {
  float: right;
}
.hotelDetails .baseBox.roomList .roomSearch strong,
.hotelDistance .baseBox.roomList .roomSearch strong {
  float: right;
  padding-left: 5px;
}
.hotelDetails .baseBox.roomList .roomSearch .dateDrop,
.hotelDistance .baseBox.roomList .roomSearch .dateDrop {
  width: 30%;
  float: right;
}
.hotelDetails .baseBox.roomList .roomSearch .dateDrop input,
.hotelDistance .baseBox.roomList .roomSearch .dateDrop input {
  width: 80%;
  float: right;
  padding: 0 5px;
  margin-top: 2px;
  outline: none;
  border: 1px solid #ccc;
  /*border-left: none;*/
  position: relative;
  border-radius: 3px;
}
.hotelDetails .baseBox.roomList .roomSearch .dateDrop input[placeholder],
.hotelDistance .baseBox.roomList .roomSearch .dateDrop input[placeholder] {
  font-family: BYekan;
}
.hotelDetails .baseBox.roomList .roomSearch .dateDrop button,
.hotelDistance .baseBox.roomList .roomSearch .dateDrop button {
  padding: 4px 15px 5px;
  margin-top: 2px;
  cursor: pointer;
  border-radius: 3px 0 0 3px;
  border: 1px solid #ccc;
  border-right: none;
  outline: none;
  background-color: #f3f3f3;
}
.hotelDetails .baseBox.roomList .roomSearch .dateDrop button i,
.hotelDistance .baseBox.roomList .roomSearch .dateDrop button i {
  font-size: 18px;
  color: #0c6fad;
}
.hotelDetails .baseBox.roomList .roomSearch .dateDrop button:hover,
.hotelDistance .baseBox.roomList .roomSearch .dateDrop button:hover {
  background-color: #0c6fad;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.hotelDetails .baseBox.roomList .roomSearch .dateDrop button:hover i,
.hotelDistance .baseBox.roomList .roomSearch .dateDrop button:hover i {
  color: #fff;
}
.hotelDetails .baseBox.roomList .roomSearch > span,
.hotelDistance .baseBox.roomList .roomSearch > span {
  color: #ed1c24;
  font-weight: bold;
}
.hotelDetails .baseBox.roomList .roomSearch .button,
.hotelDistance .baseBox.roomList .roomSearch .button {
  width: 15%;
  float: left;
  padding: 2px;
}
.hotelDetails .baseBox.roomList .tourDetails,
.hotelDistance .baseBox.roomList .tourDetails {
  direction: rtl;
  text-align: center;
  position: relative;
}
.hotelDetails .baseBox.roomList .tourDetails .head,
.hotelDistance .baseBox.roomList .tourDetails .head {
  margin-bottom: 0;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetailBox,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetailBox {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  width: 90%;
  margin-top: 10px;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetailBox a,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetailBox a {
  text-decoration: none;
  float: right;
  width: 60%;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetailBox a .hotel,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetailBox a .hotel {
  display: inline-block;
  margin: 0 auto;
  min-height: 80px;
  min-width: 130px;
  float: right;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetailBox a .hotel img,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetailBox a .hotel img {
  border-radius: 3px;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetailBox a h2,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetailBox a h2 {
  display: inline-block;
  color: #0c6fad;
  float: right;
  line-height: 35px;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetailBox a .hotelStar.star,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetailBox a .hotelStar.star {
  margin: 10px 10px 0 0;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetailBox a .address,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetailBox a .address {
  font-size: 15px;
  float: right;
  text-align: right;
  overflow: hidden;
  color: #666;
  width: 70%;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetailBox a strong,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetailBox a strong {
  float: right;
  color: #7ca53d;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetailBox a strong:hover,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetailBox a strong:hover {
  color: #ff8400;
  transition: ease all 0.3s;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetailBox a .descHotel,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetailBox a .descHotel {
  float: right;
  text-align: right;
  width: 100%;
  color: #999;
  font-size: 15px;
  padding-right: 15px;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetailBox a .descHotel i,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetailBox a .descHotel i {
  color: #ff8400;
  font-size: 18px;
  margin-left: 10px;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row:nth-child(even),
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row:nth-child(even) {
  background-color: #fff;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row:nth-child(even):hover,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row:nth-child(even):hover {
  background-color: #f7feec;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row {
  width: 100%;
  border-left: none;
  border-bottom: 1px solid #0c6fad;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row select,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row select {
  width: 35px;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row span,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row span {
  font-size: 15px;
  color: #0c6fad;
  font-weight: bold;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .user,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .user {
  width: 40%;
  text-align: center;
  float: right;
  margin: 5px 10px 0 0;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .user i,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .user i {
  float: right;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .service,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .service,
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .otherService,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .otherService,
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .price,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .price,
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .price,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .price {
  width: 16%;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .showPrices,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .showPrices {
  background-color: #e3f1fa;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .showPrices i,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .showPrices i {
  padding: 0 7px 0 0;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .roomOptions,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .roomOptions {
  background-color: #f3f3f3;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .roomOptions div,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .roomOptions div {
  text-align: center;
  width: 33%;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .roomOptions div:last-child,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .roomOptions div:last-child {
  width: 100%;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .priceDetail,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .priceDetail {
  color: #999 !important;
  background-color: #f7feec;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .priceDetail span,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .priceDetail span {
  color: #333;
  font-weight: normal;
  float: right;
  text-align: left;
  width: 16%;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .reserve .row .priceDetail span:nth-of-type(1),
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .reserve .row .priceDetail span:nth-of-type(1) {
  width: 30%;
  text-align: right;
  padding-right: 15px;
  font-weight: bold;
  color: #7ca53d;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .tableTitle.roomTitle > div,
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .tableTitle.roomTitle > div {
  text-align: left;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .tableTitle.roomTitle div:nth-of-type(1),
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .tableTitle.roomTitle div:nth-of-type(1) {
  width: 20%;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .tableTitle.roomTitle div:nth-of-type(2),
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .tableTitle.roomTitle div:nth-of-type(2) {
  width: 27%;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .tableTitle.roomTitle div:nth-of-type(3),
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .tableTitle.roomTitle div:nth-of-type(3) {
  width: 18%;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .tableTitle.roomTitle div:nth-of-type(4),
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .tableTitle.roomTitle div:nth-of-type(4) {
  width: 16%;
  text-align: center;
}
.hotelDetails .baseBox.roomList .tourDetails .hotelDetails .tableTitle.roomTitle div:nth-of-type(5),
.hotelDistance .baseBox.roomList .tourDetails .hotelDetails .tableTitle.roomTitle div:nth-of-type(5) {
  width: 19%;
  text-align: center;
}
.hotelDetails .baseBox.roomList .tourDetails .totalPrice,
.hotelDistance .baseBox.roomList .tourDetails .totalPrice {
  text-align: center;
  float: left;
  width: 30%;
  background-color: #f7feec;
  border-radius: 5px;
  border: 1px solid #7ca53d;
  padding: 10px 20px;
}
.hotelDetails .baseBox.roomList .tourDetails .totalPrice strong,
.hotelDistance .baseBox.roomList .tourDetails .totalPrice strong {
  display: inline-block;
  font-size: 16px;
  margin: 0 auto;
}
.hotelDetails .baseBox.roomList .tourDetails .totalPrice span,
.hotelDistance .baseBox.roomList .tourDetails .totalPrice span {
  color: #ff8400;
  font-weight: bold;
  font-size: 16px;
  margin-right: 5px;
}
.hotelDetails .baseBox.roomList .tourDetails .totalPrice h2,
.hotelDistance .baseBox.roomList .tourDetails .totalPrice h2 {
  display: block;
  color: #7ca53d;
  text-align: center;
  margin: 0 auto;
}
.hotelDetails .baseBox.roomList .tourDetails .totalPrice input,
.hotelDistance .baseBox.roomList .tourDetails .totalPrice input {
  margin-top: 5px;
}
.hotelDetails .baseBox.roomList .tourDetails input,
.hotelDistance .baseBox.roomList .tourDetails input {
  margin-top: 10px;
}
.hotelDetails .roomTitle,
.hotelDistance .roomTitle {
  float: right;
}
.hotelDetails .roomTable,
.hotelDistance .roomTable {
  display: inline-block;
  width: 90%;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 auto;
  min-height: 300px;
  /*#bundel.setPadding.bottom(10px);*/
}
.hotelDetails .roomPrices,
.hotelDistance .roomPrices {
  margin-top: 10px;
  min-height: 200px;
}
.hotelDetails .roomPrices .hotelHeader,
.hotelDistance .roomPrices .hotelHeader {
  background-color: #0c6fad;
}
.hotelDetails .reserve,
.hotelDistance .reserve {
  position: relative;
  width: 100%;
  background-color: #f7feec;
  float: right;
  text-align: center;
  direction: rtl;
}
.hotelDetails .reserve .row,
.hotelDistance .reserve .row {
  display: inline-block;
  width: 85%;
  float: right;
  padding: 5px 0 0 0;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background-color: #fff;
}
.hotelDetails .reserve .row input,
.hotelDistance .reserve .row input {
  float: right;
  margin-top: 30px;
  cursor: pointer;
}
.hotelDetails .reserve .row div,
.hotelDistance .reserve .row div {
  float: right;
  text-align: right;
  color: #666;
}
.hotelDetails .reserve .row div li,
.hotelDistance .reserve .row div li {
  display: block;
  list-style: none;
}
.hotelDetails .reserve .row div i,
.hotelDistance .reserve .row div i {
  color: #ff8400;
  padding-left: 7px;
}
.hotelDetails .reserve .row .roomType,
.hotelDistance .reserve .row .roomType {
  text-align: center;
  width: 33%;
  margin-bottom: 5px;
}
.hotelDetails .reserve .row .roomType strong,
.hotelDistance .reserve .row .roomType strong {
  float: right;
}
.hotelDetails .reserve .row .user,
.hotelDistance .reserve .row .user {
  width: 15%;
}
.hotelDetails .reserve .row .user i,
.hotelDistance .reserve .row .user i {
  font-size: 18px;
}
.hotelDetails .reserve .row .service,
.hotelDistance .reserve .row .service {
  width: 15%;
}
.hotelDetails .reserve .row .service li,
.hotelDistance .reserve .row .service li {
  display: block;
  list-style: none;
}
.hotelDetails .reserve .row .otherService,
.hotelDistance .reserve .row .otherService {
  width: 17%;
}
.hotelDetails .reserve .row .otherService i,
.hotelDistance .reserve .row .otherService i {
  font-size: 8px;
}
.hotelDetails .reserve .row .price,
.hotelDistance .reserve .row .price {
  width: 15%;
}
.hotelDetails .reserve .row .price strong,
.hotelDistance .reserve .row .price strong {
  display: block;
  font-size: 15px;
  color: #7ca53d;
}
.hotelDetails .reserve .row .price div,
.hotelDistance .reserve .row .price div {
  cursor: pointer;
}
.hotelDetails .reserve .row .price div i,
.hotelDistance .reserve .row .price div i {
  padding-right: 7px;
}
.hotelDetails .reserve .row .price div:hover,
.hotelDistance .reserve .row .price div:hover {
  color: #ff8400;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.hotelDetails .reserve .row .offer img,
.hotelDistance .reserve .row .offer img {
  display: block;
  position: relative;
  top: 27px;
  right: 10px;
}
.hotelDetails .reserve .row .offer span,
.hotelDistance .reserve .row .offer span {
  position: absolute;
  color: #fff;
  margin-right: 15px;
  font-size: 13px;
}
.hotelDetails .reserve .row .priceDetail,
.hotelDistance .reserve .row .priceDetail {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 100%;
  float: right;
}
.hotelDetails .reserve .row .priceDetail .priceBox,
.hotelDistance .reserve .row .priceDetail .priceBox {
  float: right;
  width: 13%;
  margin: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.hotelDetails .reserve .row .priceDetail .priceBox div,
.hotelDistance .reserve .row .priceDetail .priceBox div {
  width: 100%;
  color: #333;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.hotelDetails .reserve .row .priceDetail .priceBox.available div:first-child,
.hotelDistance .reserve .row .priceDetail .priceBox.available div:first-child {
  background-color: #d7f8a1;
}
.hotelDetails .reserve .row .priceDetail .priceBox.available div:last-child,
.hotelDistance .reserve .row .priceDetail .priceBox.available div:last-child {
  border: none;
}
.hotelDetails .reserve .row .priceDetail .priceBox.available div:last-child i,
.hotelDistance .reserve .row .priceDetail .priceBox.available div:last-child i {
  color: #7ca53d;
  font-size: 16px;
}
.hotelDetails .reserve .row .priceDetail .priceBox.unavailable div:first-child,
.hotelDistance .reserve .row .priceDetail .priceBox.unavailable div:first-child {
  background-color: #ffc1c4;
}
.hotelDetails .reserve .row .priceDetail .priceBox.unavailable div:last-child,
.hotelDistance .reserve .row .priceDetail .priceBox.unavailable div:last-child {
  border: none;
}
.hotelDetails .reserve .row .priceDetail .priceBox.unavailable div:last-child i,
.hotelDistance .reserve .row .priceDetail .priceBox.unavailable div:last-child i {
  color: #ed1c24;
  font-size: 16px;
}
.hotelDetails .reserve .row.active,
.hotelDistance .reserve .row.active {
  border-left: transparent;
  background-color: #f7feec;
}
.hotelDetails .reserve .row.active .price div,
.hotelDistance .reserve .row.active .price div {
  color: #ff8400;
  font-weight: bold;
}
.hotelDetails .reserve .row:hover,
.hotelDistance .reserve .row:hover {
  background-color: #f7feec;
  cursor: pointer;
}
.hotelDetails .reserve .row:nth-child(even),
.hotelDistance .reserve .row:nth-child(even) {
  background-color: #f1f1f1;
}
.hotelDetails .reserve .row:nth-child(even):hover,
.hotelDistance .reserve .row:nth-child(even):hover {
  background-color: #f7feec;
}
.hotelDetails .reserve .row:last-child,
.hotelDistance .reserve .row:last-child {
  border-bottom: none;
}
.hotelDetails .reserve .totalPrice,
.hotelDistance .reserve .totalPrice {
  width: 14%;
  float: left;
  padding: 5px 4px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
}
.hotelDetails .reserve .totalPrice strong,
.hotelDistance .reserve .totalPrice strong {
  color: #0c6fad;
}
.hotelDetails .reserve .totalPrice span,
.hotelDistance .reserve .totalPrice span {
  color: #ed1c24;
  font-weight: bold;
}
.hotelDetails .reserve .totalPrice h2,
.hotelDistance .reserve .totalPrice h2 {
  font-size: 20px;
  color: #7ca53d;
}
.hotelDetails .reserve .totalPrice .button,
.hotelDistance .reserve .totalPrice .button {
  margin: 15px 0;
  font-size: 16px;
}
.hotelDetails .reserve .totalPrice p,
.hotelDistance .reserve .totalPrice p {
  text-align: justify;
}
.hotelDetails .reserve .totalPrice p i,
.hotelDistance .reserve .totalPrice p i {
  color: #ed1c24;
}
.hotelDetails .roomOption,
.hotelDistance .roomOption {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 20px 0;
  float: right;
}
.hotelDetails .roomOption ul,
.hotelDistance .roomOption ul {
  list-style: none;
}
.hotelDetails .roomOption ul li,
.hotelDistance .roomOption ul li {
  width: 25%;
  float: right;
  padding-bottom: 10px;
}
.hotelDetails .roomOption ul li span,
.hotelDistance .roomOption ul li span {
  float: right;
}
.hotelDetails .roomOption ul li i,
.hotelDistance .roomOption ul li i {
  margin: 8px 20px 0 20px;
  float: right;
  color: #ff8400;
  font-weight: bold;
  font-size: 16px;
}
.hotelDetails .roomOption ul li a,
.hotelDistance .roomOption ul li a {
  color: #7ca53d;
  margin-left: 50px;
  text-decoration: none;
}
.hotelDetails .roomOption ul li a:hover,
.hotelDistance .roomOption ul li a:hover {
  border-bottom: 2px solid #7ca53d;
}
.hotelDetails .roomOption ul li strong,
.hotelDistance .roomOption ul li strong {
  color: #0c6fad;
}
.hotelDetails .distance,
.hotelDistance .distance {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 20px 0;
  float: right;
  width: 100%;
}
.hotelDetails .distance ul,
.hotelDistance .distance ul {
  list-style: none;
}
.hotelDetails .distance ul li,
.hotelDistance .distance ul li {
  width: 50%;
  float: right;
  padding-bottom: 10px;
  text-align: right;
}
.hotelDetails .distance ul li i,
.hotelDistance .distance ul li i {
  color: #ff8400;
  margin: 0 20px;
  font-size: 16px;
}
.hotelDetails .distance ul li .disPlace,
.hotelDistance .distance ul li .disPlace {
  float: right;
  padding: 0;
  width: 50%;
}
.hotelDetails .distance ul li .disPlace a,
.hotelDistance .distance ul li .disPlace a {
  text-decoration: none;
  color: #7ca53d;
  margin-left: 50px;
}
.hotelDetails .distance ul li .disPlace a:hover,
.hotelDistance .distance ul li .disPlace a:hover {
  border-bottom: 2px solid #7ca53d;
  text-decoration: none;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.hotelDetails .distance ul li .disTime,
.hotelDistance .distance ul li .disTime {
  float: right;
  padding: 0;
}
.hotelDetails .distance ul li .disTime b,
.hotelDistance .distance ul li .disTime b {
  color: #0c6fad;
}
.hotelDetails .map,
.hotelDistance .map {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 20px 0;
  float: right;
  width: 100%;
}
.hotelDetails .map ul,
.hotelDistance .map ul {
  list-style: none;
}
.hotelDetails .map ul li,
.hotelDistance .map ul li {
  float: right;
  padding-bottom: 10px;
}
.hotelDetails .map ul li span,
.hotelDistance .map ul li span {
  font: bold 14px IRANSansWebFaNum_Light;
}
.hotelDetails .map ul li i,
.hotelDistance .map ul li i {
  color: #ff8400;
  margin-left: 10px;
}
.hotelDetails .map ul li a,
.hotelDistance .map ul li a {
  color: #7ca53d;
  margin-left: 50px;
  font: bold 14px IRANSansWebFaNum_Light;
  text-decoration: none;
}
.hotelDetails .map ul li a:hover,
.hotelDistance .map ul li a:hover {
  border-bottom: 2px solid #7ca53d;
}
.hotelDetails .map ul li strong,
.hotelDistance .map ul li strong {
  color: #0c6fad;
  font: bold 14px IRANSansWebFaNum_Light;
}
.hotelDetails .map iframe,
.hotelDistance .map iframe {
  width: 100%;
}
.hotelDetails .topBtnTour,
.hotelDistance .topBtnTour {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  direction: rtl;
  width: 100%;
  display: inline-block;
}
.hotelDetails .topBtnTour strong,
.hotelDistance .topBtnTour strong {
  color: #666;
  padding: 5px 7px;
  float: right;
}
.hotelDetails .topBtnTour span,
.hotelDistance .topBtnTour span {
  width: 70px;
  background-color: #f7feec;
  border-radius: 3px;
  color: #7ca53d;
  float: right;
  border: 1px solid #7ca53d;
  text-align: center;
  margin-top: 6px;
}
.hotelDetails .topBtnTour button,
.hotelDistance .topBtnTour button {
  background-color: #666;
  color: #fff;
  margin: 7px;
  float: left;
}
.hotelDetails .getFlight,
.hotelDistance .getFlight {
  margin-bottom: 10px;
  direction: ltr;
}
.hotelDetails .getFlight .hotelHeader,
.hotelDistance .getFlight .hotelHeader {
  padding: 4px 0;
}
.hotelDetails .getFlight .flyTbl td,
.hotelDistance .getFlight .flyTbl td {
  padding: 5px 0;
}
.hotelDetails .returnFlight,
.hotelDistance .returnFlight {
  margin-bottom: 20px;
  direction: ltr;
}
.hotelDetails .returnFlight .hotelHeader,
.hotelDistance .returnFlight .hotelHeader {
  padding: 4px 0;
}
.hotelDetails .returnFlight .flyTbl td,
.hotelDistance .returnFlight .flyTbl td {
  padding: 5px 0;
}
.negetive {
  color: #ed1c24;
  font-weight: bold;
}
.negetive:before {
  font-family: FontAwesome;
  content: " \f067 ";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  margin-left: 8px;
}
.positive {
  color: #7ca53d;
  font-weight: bold;
}
.positive:before {
  font-family: FontAwesome;
  content: " \f068 ";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  margin-left: 8px;
}
.Neutral {
  color: #ff8400;
  font-weight: bold;
  font-size: 15px;
}
.Chair {
  font-size: 15px;
}
.Chair:after {
  color: #ff8400;
  font-family: FontAwesome;
  content: " \f007 ";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  margin-left: 8px;
}
.hotelDistance .baseBox.reservation {
  width: 91.8%;
}
.hotelDistance .baseBox.reservation .head {
  width: 97.7%;
}
.hotelDistance .importantDes {
  display: none;
}
.hotelDistance .roomList {
  display: none;
}
.hotelDistance .roomOption {
  display: none;
}
.hotelDistance .distance {
  display: none;
}
/************* hotelForm ***********/
.hotelForm .filtersHotel input[type=submit] {
  margin-right: 90px;
}
.hotelForm .filtersHotel span {
  float: right;
}
.hotelForm .filtersHotel .custom-select {
  width: 65%;
}
.hotelForm .filtersHotel .custom-select span {
  margin: 0;
  background-color: #fff;
  float: right;
}
.hotelForm .filtersHotel .custom-select div > div {
  width: 100%;
}
.hotelForm .filtersHotel .way {
  width: 25%;
  direction: rtl;
}
.hotelForm .filtersHotel .way div span {
  float: right;
}
.hotelForm .filtersHotel .way .stayCity {
  width: 100%;
}
.hotelForm .filtersHotel .stayTime {
  width: 20%;
}
.hotelForm .filtersHotel .stayTime .custom-select {
  width: 30%;
  margin-right: 20px;
}
.hotelForm .filtersHotel .stayTime .custom-select > div {
  right: -12px;
}
.hotelForm .filtersHotel .stayTime span:last-child {
  float: left;
}
.hotelForm .filtersHotel .personsFilter .adult {
  width: 13%;
}
.hotelForm .filtersHotel .personsFilter .adult .custom-select {
  width: 35%;
  margin-right: 8px;
}
.hotelForm .filtersHotel .personsFilter .child {
  width: 29%;
}
.hotelForm .filtersHotel .personsFilter .child .custom-select {
  width: 23%;
  margin-right: 8px;
}
.hotelForm .filtersHotel .personsFilter .baby {
  width: 17%;
}
.hotelForm .filtersHotel .personsFilter .baby .custom-select {
  width: 33%;
}
/************* End hotelForm ***********/
/************* tour ***********/
.tours .filtersHotel {
  margin-bottom: 10px;
}
.tours .filtersHotel .way div {
  width: 49%;
}
.tours .filtersHotel .way div span {
  float: right;
}
.tours .filtersHotel .way div .custom-select {
  width: 73%;
}
.tours .filtersHotel .way div .custom-select span {
  margin: 0;
  background-color: #fff;
}
.tours .filtersHotel .way div .custom-select-open div {
  width: 100%;
}
.tours .filtersHotel .stayTime {
  width: 18%;
  margin-left: 5px;
}
.tours .filtersHotel .stayTime span {
  float: right;
}
.tours .filtersHotel .stayTime .custom-select {
  width: 49%;
}
.tours .filtersHotel .stayTime .custom-select span {
  margin: 0;
  background-color: #fff;
}
.tours .filtersHotel .stayTime .custom-select div {
  width: 100%;
}
.tours .filtersHotel .stayTime span:nth-of-type(2) {
  float: left;
  margin-right: 15px;
}
/************* End tour ***********/
/* Extra small devices (phones, less than 768px) */
@media (max-width: 480px) {
  .hotelDetails .roomOption ul li {
    width: 100% !important;
  }
  .hotelDetails .distance ul li {
    width: 100% !important;
  }
  .hotelDetails .distance .disTime {
    padding-right: 20px !important;
  }
  .hotelDetails .totalPrice div {
    width: 88% !important;
  }
  .hotelDetails .baseBox.roomList .roomSearch .dateDrop input {
    width: 75% !important;
  }
  .hotelDetails .reserve .row > div {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 15px;
    min-height: 70px !important;
  }
  .hotelDetails .reserve .row .showPrices {
    min-height: 30px !important;
  }
  .hotelDetails .reserve .row .offer {
    display: none;
  }
  .hotelDetails .reserve .row .priceDetail .priceBox {
    width: 35% !important;
    margin: 5px 16px;
  }
  .tours {
    padding: 0 !important;
    width: 95%;
  }
  .tours .filtersHotel .way div {
    width: 100%;
  }
  .tours .filtersHotel .way div span {
    width: 100%;
  }
  .tours .filtersHotel .way div .custom-select {
    width: 100%;
    margin-bottom: 10px;
  }
  .tours .filtersHotel .calendars {
    width: 100% !important;
  }
  .tours .filtersHotel .calendars span {
    width: 100%;
  }
  .tours .filtersHotel .calendars input {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .tours .filtersHotel .calendars img {
    display: none;
  }
  .tours .filtersHotel .stayTime {
    width: 100%;
  }
  .tours .filtersHotel .stayTime span:nth-of-type(1) {
    width: 100%;
    text-align: center;
  }
  .tours .filtersHotel .stayTime .custom-select {
    width: 80% !important;
  }
  .tours .filtersHotel .stayTime span:nth-of-type(2) {
    float: left;
  }
  .tours .filtersHotel > div:last-of-type {
    width: 100%;
  }
  .tours .filtersHotel > div:last-of-type span {
    width: 100%;
  }
  .tours .filtersHotel > div:last-of-type input {
    width: 100%;
    margin-bottom: 10px;
  }
  .tours .hotelDetailBox {
    width: 100% !important;
  }
  .tours .hotelDetailBox a {
    width: 100% !important;
  }
  .tours .hotelDetailBox a h2 {
    float: none !important;
  }
  .tours .hotelDetailBox a strong {
    float: none !important;
    display: block;
  }
  .tours .hotelDetailBox a div {
    width: 100% !important;
    float: none !important;
    display: block !important;
    text-align: center !important;
  }
  .tours .totalPrice {
    width: 100% !important;
    padding: 0 !important;
  }
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 768px) {
  .container {
    width: 100%;
  }
  .filter {
    display: none;
  }
  .hotelTitle {
    display: none;
  }
  .hotelList {
    width: 100%;
  }
  .hotelList .row {
    width: 100%;
  }
  .hotelList .row > div {
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
    display: inline-block !important;
  }
  .hotelList .row > div h2 {
    float: none !important;
  }
  .hotelList .row > div .hotelStar {
    float: none !important;
  }
  .hotelList .row > div strong {
    width: 90% !important;
    display: inline-block !important;
    padding: 0 !important;
  }
  .hotelDetails .affix {
    display: none;
  }
  .hotelDetails .head {
    width: 97.3%;
  }
  .hotelDetails .head button {
    width: 100%;
  }
  .hotelDetails .baseBox.reservation {
    width: 100%;
    margin-right: 0;
  }
  .hotelDetails .baseBox.reservation .head {
    width: 97.3%;
  }
  .hotelDetails .baseBox.importantDes {
    width: 100%;
  }
  .hotelDetails .baseBox.importantDes .head.height {
    width: 97.3%;
  }
  .hotelDetails .baseBox.importantDes section {
    min-height: 0;
  }
  .hotelDetails .baseBox.roomList .roomSearch .dateDrop {
    width: 100%;
    margin-bottom: 10px;
  }
  .hotelDetails .baseBox.roomList .roomSearch .dateDrop input {
    width: 85%;
  }
  .hotelDetails .baseBox.roomList .roomSearch strong {
    width: 100%;
  }
  .hotelDetails .baseBox.roomList .roomSearch .button {
    width: 100%;
    float: none;
    margin: 0 auto;
    margin-top: 15px;
  }
  .hotelDetails .roomTable .roomTitle {
    display: none;
  }
  .hotelDetails .roomTable .totalPrice {
    position: static;
    width: 100%;
    padding: 0;
  }
  .hotelDetails .roomTable .totalPrice div {
    margin: 0 auto;
    display: inline-block;
    width: 90%;
  }
  .hotelDetails .roomTable .totalPrice p {
    margin: 5px 12px !important;
  }
  .hotelDetails .row {
    display: flex;
    width: 100% !important;
  }
  .hotelDetails .row > div {
    width: 47% !important;
    margin: 0 0 15px 0;
    min-height: 95px;
    text-align: center !important;
  }
  .hotelDetails .row .roomType {
    order: 1;
  }
  .hotelDetails .row .roomType strong::before {
    content: "نوع اتاق";
    color: #0c6fad;
    display: block;
  }
  .hotelDetails .row .user::before {
    content: "ظرفیت اتاق";
    color: #0c6fad;
    font-weight: bold;
    display: block;
  }
  .hotelDetails .row .service {
    margin-right: 20px;
  }
  .hotelDetails .row .service::before {
    content: "قیمت بزرگسال";
    color: #0c6fad;
    font-weight: bold;
    display: block;
  }
  .hotelDetails .row .otherService::before {
    content: "قیمت کودک بدون تخت";
    color: #0c6fad;
    font-weight: bold;
    display: block;
  }
  .hotelDetails .row .price {
    margin-right: 20px;
  }
  .hotelDetails .row .price::before {
    content: "قیمت نوزاد";
    color: #0c6fad;
    font-weight: bold;
    display: block;
  }
  .hotelDetails .row .price div {
    float: none;
    text-align: center;
  }
  .hotelDetails .row .addService {
    margin-right: 20px;
  }
  .hotelDetails .row .addService::before {
    content: "قیمت نفر با سرویس اضافه";
    color: #0c6fad;
    font-weight: bold;
    display: block;
  }
  .hotelDetails .row .addService div {
    float: none;
    text-align: center;
  }
  .hotelDetails .row .offer img {
    right: 60px !important;
  }
  .hotelDetails .row .offer span {
    left: 83px;
  }
  .hotelDetails .row .offer::before {
    content: "قیمت نفر با سرویس اضافه";
    color: #0c6fad;
    font-weight: bold;
    display: block;
  }
  .hotelDetails .row .priceDetail {
    width: 100% !important;
  }
  .hotelDetails .row .priceDetail .priceBox {
    width: 18% !important;
  }
  .hotelDetails .roomOption ul li {
    width: 50%;
  }
  .hotelDetails .otherService i {
    display: none;
  }
  .hotelDetails .distance ul li {
    width: 100%;
  }
  .hotelDetails .baseBox.description .button {
    width: 99%;
    margin: 0 auto;
    margin-top: 10px;
  }
  .tours {
    padding: 0 !important;
    width: 100%;
  }
  .tours .filtersHotel .way div {
    width: 100%;
  }
  .tours .filtersHotel .way div span {
    width: 100%;
  }
  .tours .filtersHotel .way div .custom-select {
    width: 100%;
    margin-bottom: 10px;
  }
  .tours .filtersHotel .calendars {
    width: 100% !important;
  }
  .tours .filtersHotel .calendars span {
    width: 100%;
  }
  .tours .filtersHotel .calendars input {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .tours .filtersHotel .calendars img {
    display: none;
  }
  .tours .filtersHotel .stayTime {
    width: 100%;
  }
  .tours .filtersHotel .stayTime span:nth-of-type(1) {
    width: 100%;
    text-align: center;
  }
  .tours .filtersHotel .stayTime .custom-select {
    width: 90%;
  }
  .tours .filtersHotel .stayTime span:nth-of-type(2) {
    float: left;
  }
  .tours .filtersHotel > div:last-of-type {
    width: 100%;
  }
  .tours .filtersHotel > div:last-of-type span {
    width: 100%;
  }
  .tours .filtersHotel > div:last-of-type input {
    width: 100%;
    margin-bottom: 10px;
  }
  .tours .totalPrice {
    width: 29%;
  }
  .tours .totalPrice span {
    display: block;
  }
  .tours .hotelDetailBox .address {
    width: 100% !important;
  }
  .tours .panelMenu .menuBtn {
    margin: 0 30px 10px 0;
  }
  .tours .panelMenu .menuheader {
    margin-right: 30px;
  }
  .tours .topBtnTour .hotelNum {
    margin: 10px 0;
    width: 100%;
    text-align: center;
  }
  .tours .topBtnTour .hotelNum strong {
    float: none;
  }
  .tours .topBtnTour .hotelNum span {
    float: none;
    padding: 0 10px;
  }
  .tours .topBtnTour .btns {
    width: 100%;
    text-align: center;
    direction: ltr;
  }
  .tours .topBtnTour .btns button {
    float: none;
    direction: rtl;
  }
  .tours .hotelDetails {
    padding: 0 !important;
  }
  .tours .row div {
    width: 100% !important;
    margin: 0 !important;
    min-height: 85px;
  }
  .tours .row .roomType .user {
    width: 100% !important;
    margin: 0;
  }
  .tours .row .roomType .user i {
    float: none !important;
  }
  .tours .row .roomType strong {
    width: 100% !important;
  }
  .tours .row .roomOptions div {
    min-height: 40px !important;
  }
  .tours .row .showPrices {
    min-height: 30px !important;
  }
  .tours .row .priceDetail {
    min-height: 30px !important;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 750px;
  }
  .hotelTitle .select {
    display: none !important;
  }
  .hotelTitle div:first-child {
    width: 50% !important;
  }
  .row .room {
    width: 155px !important;
  }
  .row .roomType {
    width: 140px !important;
  }
  .row .select {
    margin-bottom: 10px;
    width: 100% !important;
  }
  .row .select strong {
    padding: 0 !important;
    width: 90% !important;
    display: inline-block;
  }
  .row .service {
    margin-right: 0 !important;
    width: 100px !important;
  }
  .row .addService {
    margin-right: 20px;
  }
  .row .addService::before {
    content: "قیمت نفر با سرویس اضافه";
    color: #0c6fad;
    font-weight: bold;
    display: block;
  }
  .row .addService div {
    float: none;
    text-align: center;
  }
  .hotelDetails {
    /*.affix {
            #bundel.setWidth(79%);
            right: inherit;
            z-index: 1000;

            .active {


                a {
                    color: #fff;
                    #bundel.setBorderRadius(0);
                }
            }
            ul {
                #bundel.setListStyle.none;
            }

            li {
                #bundel.setBorderRadius(0);
                border-left: none;
                float: right;

                span {
                    padding-right: 10px;
                }

                &:last-child {
                    border-bottom: none;

                    a {
                        border-left: 1px solid @lowGray;
                        #bundel.setBorderRadius(5px 0 0 5px);
                        border-bottom: 2px solid @orange;

                        i {
                            padding: 8px 11px 0 12px;
                        }
                    }
                }

                &:first-child {
                    a {
                        border-radius: 0 5px 5px 0;
                        border-bottom: 2px solid @orange;
                    }
                }

                hover:last-child {
                    #bundel.setBorderRadius(0);
                }
            }

            a {
                border-left: none;
                border-bottom: 2px solid @orange;


                i {
                    #bundel.font.size(25px);
                    #bundel.setPadding(8px 12px 0 12px);
                }

                &:hover {
                    background-color: #ff8400;
                    color: #fff;
                    -o-transition: 0.3s all ease;
                    -webkit-transition: 0.3s all ease;
                    -moz-transition: 0.3s all ease;
                    transition: 0.3s all ease;
                }
            }
        }*/
  }
  .hotelDetails .affix {
    display: none;
  }
  .hotelDetails .head {
    width: 97.3%;
  }
  .hotelDetails .baseBox.reservation {
    width: 100%;
    margin-right: 0;
  }
  .hotelDetails .baseBox.reservation .head {
    width: 97.3%;
  }
  .hotelDetails .baseBox.importantDes {
    width: 100%;
  }
  .hotelDetails .baseBox.importantDes .head.height {
    width: 97.3%;
  }
  .hotelDetails .baseBox.importantDes section {
    min-height: 0;
  }
  .hotelDetails .baseBox.roomList .roomSearch .dateDrop {
    width: 40%;
  }
  .hotelDetails .baseBox.roomList .roomSearch .button {
    width: 100%;
    float: none;
    margin: 0 auto;
    margin-top: 15px;
  }
  .hotelDetails .roomTable .roomTitle {
    display: none;
  }
  .hotelDetails .roomTable .totalPrice {
    position: static;
    width: 100%;
    padding: 0;
  }
  .hotelDetails .roomTable .totalPrice div {
    margin: 0 auto;
    display: inline-block;
    width: 90%;
  }
  .hotelDetails .roomTable .totalPrice p {
    margin: 5px 15px !important;
  }
  .hotelDetails .row {
    order: 1;
    display: flex;
    width: 100% !important;
  }
  .hotelDetails .row > div {
    text-align: center !important;
    margin-bottom: 15px;
    width: 30% !important;
  }
  .hotelDetails .row .roomType strong::before {
    content: "نوع اتاق";
    color: #0c6fad;
    display: block;
  }
  .hotelDetails .row .user::before {
    content: "ظرفیت اتاق";
    color: #0c6fad;
    font-weight: bold;
    display: block;
  }
  .hotelDetails .row .service::before {
    content: "قیمت بزرگسال";
    color: #0c6fad;
    font-weight: bold;
    display: block;
  }
  .hotelDetails .row .otherService {
    margin-right: 20px;
  }
  .hotelDetails .row .otherService::before {
    content: "قیمت کودک بدون تخت";
    color: #0c6fad;
    font-weight: bold;
    display: block;
  }
  .hotelDetails .row .otherService i {
    display: none;
  }
  .hotelDetails .row .price::before {
    content: "قیمت نوزاد";
    color: #0c6fad;
    font-weight: bold;
    display: block;
  }
  .hotelDetails .row .price div {
    float: none;
    text-align: center;
  }
  .hotelDetails .row .offer img {
    right: 65px !important;
  }
  .hotelDetails .row .offer span {
    left: 122px;
  }
  .hotelDetails .row .offer::before {
    content: "تخفیف";
    color: #0c6fad;
    font-weight: bold;
    display: block;
  }
  .hotelDetails .row .priceDetail {
    width: 100% !important;
  }
  .hotelDetails .roomOption ul li {
    width: 33%;
  }
  .hotelDetails .baseBox.description .button {
    margin-top: 10px;
    width: 95%;
  }
  .hotelDetails .distance ul li i {
    margin: 0 10px;
    font-size: 14px;
  }
  .hotelDetails .distance ul li .disPlace {
    width: 60%;
  }
  /********** Tour  ***********/
  .tours .topHeader .user a {
    width: 315px;
  }
  .tours .totalPrice span {
    display: block;
  }
  .tours .row .roomOptions {
    width: 100% !important;
    margin-bottom: 0;
  }
  .tours .row .roomOptions div:last-child {
    width: 100% !important;
    text-align: center;
  }
  .tours .row .showPrices {
    width: 100% !important;
    margin-bottom: 0;
  }
  .tours .row .roomType strong {
    width: 100% !important;
  }
  .tours .row .roomType .user {
    width: 100% !important;
    margin: 0;
  }
  .tours .row .roomType .user i {
    float: none !important;
  }
  /********** End Tour  ***********/
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 970px;
  }
  .row .room {
    width: 160px;
  }
  .row .service {
    margin-right: 36px;
  }
  .hotelDetails {
    direction: rtl;
    position: relative;
  }
  .hotelDetails .head {
    width: 97.93%;
  }
  .hotelDetails .head.height {
    width: 91.7%;
  }
  .hotelDetails .baseBox.reservation .head {
    width: 96.8%;
  }
  .hotelDetails .reserve .row .user {
    width: 10%;
  }
  .hotelDetails .affix {
    width: 4%;
    width: 6%;
    margin-left: 5px;
    float: right;
  }
  .hotelDetails .affix:not(.is_stuck) {
    right: -60px;
    position: absolute;
  }
  .hotelDetails .affix.is_stuck {
    margin-right: -60px;
  }
  .tours .filtersHotel .way div {
    width: 49%;
  }
  .tours .filtersHotel .way div select {
    width: 115px;
  }
  .tours .filtersHotel .calendars {
    width: 16%;
  }
  .tours .filtersHotel > input[type=submit] {
    width: 10%;
    margin-right: 13px;
  }
  .tours .hotelDetails .reserve .row .service {
    margin-right: 0;
  }
  .tours .hotelDetails .reserve .row select {
    width: 34px !important;
  }
}
/* Large devices (large desktops, 1200px and up) */