@media only screen and (max-width :1024px) {
 .p-capacity {
  height:26px
 }
 .p-capacity-infant {
  height:15px
 }
 .Frame-image,
 .icon-food,
 .item-pop-hotel:nth-child(3),
 .link-info.link-info-hide {
  display:none
 }
 .text-discount {
  width:100%;
  font-size:12px
 }
 .box-link-member {
  width:100%;
  margin-top:0
 }
 .links-membership {
  float:left
 }
 .room-information>div>div>div>a {
  right:21px
 }
 .hotel-rooms>div:nth-child(1)>div:nth-child(2) {
  border-top:35px solid #426ac0
 }
 .content-room {
  width:100%
 }
 .hotel-rooms>div>div>div>ul>li {
  padding-top:7px;
  padding-bottom:7px;
  font-size:12px
 }
 .box-link-info,
 .t-price {
  text-align:center
 }
 .hotel-net {
  margin-top:6px
 }
 .box-hotel-price {
  padding-left:8px;
  padding-right:8px
 }
 .hotel-net li {
  font-size:11px;
  padding-left:2px;
  padding-right:2px
 }
 .box-map {
  height:125px
 }
 .col {
  padding-left:15px;
  padding-right:15px
 }
 .label-items {
  font-size:10px
 }
 .box-link-info {
  padding-right:0
 }
 .fa-info-circle {
  float:right;
  padding-right:53px;
  padding-left:18px;
  color:#ff9102;
  display:block
 }
 .link-like {
  padding-right:75px
 }
 .head {
  padding-right:3px;
  padding-left:3px;
  font-size:9px
 }
 .item-facility .title-facility {
  width:20%
 }
 .ul-facility {
  width:78%
 }
 .link-info {
  margin-right:0
 }
 .room-information>div>div>select {
  width:100%
 }
}
@media only screen and (max-width :980px) {
 .box-map {
  height:auto
 }
}
@media only screen and (max-width :812px) {
 .box-reserve-detail {
  padding:13px 16px 12px
 }
 .hotel-rooms>div>div>div>ul>li {
  font-size:12px;
  padding-left:2px;
  padding-right:2px
 }
 .stepper-counter>a>i {
  font-size:6px
 }
 .box-final-reserve img {
  display:none
 }
 .bn-final-reserve {
  padding-right:13px
 }
 .p-capacity {
  height:19px
 }
 .p-capacity-infant {
  height:13px
 }
 .stepper-counter>a {
  padding:0 8px!important
 }
}
@media only screen and (max-width :800px) {
 .stepper-counter>a>i {
  font-size:13px
 }
 .stepper-counter>a {
  padding:1px 4px!important
 }
 .p-capacity {
  height:21px
 }
 .bn-final-reserve,
 .t-price {
  text-align:center
 }
 .alert-box p {
  font-size:12px
 }
 .text-discount p {
  margin-bottom:2px
 }
 .alert-box {
  padding-left:10px
 }
 #sidebar {
  top:118px
 }
 .Frame-image,
 .box-final-reserve img {
  display:none
 }
 .hotel-rooms>div>div>div>ul>li {
  min-height:58px
 }
 .hotel-rooms>div:nth-child(1)>div:nth-child(2) {
  border-top:57px solid #426ac0
 }
 .room-information>div>div>div>span,
 .room-information>div>div>span {
  font-size:11px
 }
 .view-name-room h2 {
  font-size:14px;
  line-height:25px
 }
 .room-information>div>div>div>a {
  right:13px
 }
 .ico-online {
  position:absolute;
  top:12px;
  right:16px;
  width:30px
 }
 .bn-final-reserve {
  width:86%;
  line-height:30px;
  padding-right:16px;
  height:33px;
  font-size:13px
 }
 .view-information li {
  width:33%
 }
 .box-map {
  height:97px;
  overflow-y:hidden
 }
 .fa-info-circle {
  padding-right:35px
 }
 .hotel-net li {
  font-size:11px;
  padding-left:13px;
  padding-right:13px
 }
 .item-facility .titr-facility {
  font-size:14px
 }
 .box-reserve-detail .bn-request {
  float:left;
  margin-left:0;
  margin-right:0
 }
 .img-room {
  height:auto
 }
 .item .col-xs-2 {
  padding:5px!important
 }
 .box-link-member {
  padding-left:0;
  padding-right:0
 }
 .owl-pagination {
  padding-right:67px
 }
 .info-guest {
  padding-right:10px;
  padding-left:10px
 }
 .txt-rate {
  padding-right:4px
 }
 .box-title-reason {
  padding-right:25px
 }
 .t-price-1 {
  padding-top:0
 }
 .t-price-new {
  line-height:28px
 }
 .item-facility .title-facility {
  width:24%
 }
 .ul-facility {
  width:75%
 }
}
@media only screen and (max-width :768px) {
 .stepper-counter {
  display:inline-block;
  float:left;
  width:79px
 }
 .stepper-counter>a {
  padding:1px 6px!important
 }
 .col-3,
 .col-4,
 .col-9,
 .col-9 div {
  float:right
 }
 .txt-request,
 .view-information {
  margin-bottom:10px
 }
 .top-fix .hotel-info-date {
  background:url(../images/hotel-info/edit-calendar.png) center center no-repeat
 }
 .box-map {
  height:87px
 }
 .box-reserve-detail {
  padding:11px
 }
 .alert-box {
  border-left:none
 }
 .top-room {
  margin-top:0
 }
 .txt-request {
  display:block
 }
 .l-date,
 .r-date {
  padding-right:4px!important
 }
 .fa-calendar {
  font-size:18px!important;
  color:#cdd1d8!important
 }
 .col-9 {
  width:67%;
  padding-right:0
 }
 .col-4 {
  width:33.33333333%
 }
 .col-3 {
  width:25%
 }
 .col-9 div {
  width:33.33333333%
 }
 .fa {
  font-size:21px;
  color:#039;
  vertical-align:middle
 }
 .content-room {
  display:none
 }
 .hide-xs {
  display:none!important
 }
 .vis-xs {
  display:block!important
 }
 .room-information>div {
  display:block
 }
 .room-information>div>div {
  display:inline-block;
  vertical-align:top;
  border-left:none;
  float:right;
  padding-bottom:0;
  padding-top:6px
 }
 .hotel-rooms>div>div {
  display:block;
  width:100%
 }
 .room-information>div>div:nth-child(1) {
  padding:0;
  width:100%
 }
 .alert-number {
  display:inline-block!important;
  padding-left:20px;
  padding-top:0!important
 }
 .col-6,
 .select-room {
  padding-left:0
 }
 .bn-wait {
  margin-top:0;
  margin-bottom:2px
 }
 .col-6 {
  width:33%
 }
 .view-name-room h2 {
  margin-top:0;
  background-color:#dff1f8;
  padding-top:1px;
  padding-bottom:5px;
  padding-right:12px;
  font-size:13px;
  margin-bottom:3px
 }
 .room-information {
  border:5px solid #dff1f8;
  margin-bottom:11px;
  display:inline-block;
  border-radius:5px
 }
 .sp-select-room {
  display:inline-block!important;
  padding-left:10px
 }
 .room-information>div>div>select {
  width:41%;
  border:1px solid #efefef;
  background-color:#fff;
  padding-right:5px;
  margin-bottom:1px;
  margin-top:0;
  float:left
 }
 .select-room {
  width:100%;
  background-color:#dff1f8;
  text-align:left!important
 }
 .fa-check-square-o {
  color:#47aa50;
  display:inline-block!important;
  padding-left:0;
  margin-top:0;
  font-size:11px
 }
 .fa-times {
  color:#fa5951;
  font-size:11px
 }
 .img-capacity {
  padding-top:0;
  height:13px
 }
 .no-pd-right {
  padding-right:0
 }
 .display-prices {
  text-align:center;
  width:100%;
  border-top:1px solid #e7e7e7
 }
 .display-prices .txt-value {
  margin-top:9px;
  font-size:11px;
  display:inline-block
 }
 .display-prices .old-value {
  color:#e50a1e;
  text-decoration:line-through;
  font-size:12px;
  padding-top:5px;
  display:block
 }
 .display-prices .new-value {
  color:#47aa50;
  font-size:15px;
  display:block
 }
 .info-reserve-hotel {
  width:100%;
  display:inline-block
 }
 .hotel-reservation-name {
  padding:10px;
  font-size:14px;
  color:#039;
  width:50%;
  display:inline-block;
  float:right
 }
 .date-reserve-hotel {
  display:inline-block;
  width:50%;
  text-align:center;
  border-top:none;
  height:47px;
  float:right
 }
 .white-bg {
  padding:17px 4px 4px 7px;
  text-align:left;
  font-size:10px;
  vertical-align:middle;
  color:#337ab7
 }
 .bn-result,
 .view-package {
  padding-bottom:0
 }
 .sp-total-price {
  padding-left:22px;
  padding-top:4px;
  color:#4c4c4c;
  padding-right:5px;
  font-size:12px;
  float:right
 }
 .bn-result {
  box-shadow:none;
  line-height:20px;
  float:left;
  bottom:17px;
  border-radius:4px;
  height:33px
 }
 .bn-result:disabled {
  border:1px solid #cfcfcf;
  background-color:#dcdcdc;
  color:#6f6f6f
 }
 .view-information .text {
  line-height:25px
 }
 .view-price {
  display:none
 }
 .fa-angle-down {
  display:inline-block
 }
 .box-hotel-price {
  padding-left:0;
  padding-right:0
 }
 .col {
  padding-left:13px;
  padding-right:13px
 }
 .box-reserve-detail .bn-request {
  margin-top:1px;
  margin-left:0
 }
 .norouz-package {
  background-color:#fff;
  color:grey;
  text-align:right;
  border:1px solid #dedede;
  padding:10px 10px 9px;
  margin-top:10px;
  font-size:12px
 }
 .norouz-package .fa-down {
  font-size:20px!important;
  color:#a7a7a7;
  float:left
 }
 .fa-item-norouz {
  color:#1eb760;
  font-size:6px;
  display:inline-block!important;
  padding-left:8px;
  padding-right:8px
 }
 .items-norouz span {
  display:inline-block
 }
 .items-norouz span:nth-child(odd) {
  display:block;
  padding-right:26px
 }
}
@media only screen and (max-width :767px) {
 .content-search,
 .search-row {
  position:relative;
  width:100%
 }
 .content-search {
  text-align:center;
  top:0;
  padding-top:10px;
  padding-bottom:15px;
  height:auto;
  margin:5px auto;
  background-color:#fc0;
  border-radius:5px;
  border:1px solid #eaeaea;
  clear:both
 }
 .inner-search {
  width:100%;
  float:right;
  padding-right:0
 }
 .search-row {
  border-collapse:separate;
  display:table;
  float:right;
  margin-bottom:10px;
  margin-top:5px
 }
 .box-search-city,
 .date-in-out {
  float:right;
  width:92%;
  margin-right:4%;
  margin-left:4%
 }
 .bn-search-city {
  font-size:14px;
  padding-bottom:3px;
  line-height:28px;
  width:89%;
  margin-right:0;
  margin-left:0
 }
 .hotel-name {
  width:78%;
  float:right
 }
 .box-change-search {
  float:left;
  width:22%;
  text-align:left
 }
 .change-search {
  border:none;
  padding:0;
  margin-bottom:0;
  font-size:11px;
  color:#337ab7;
  text-align:left
 }
 .hotel-name h1 {
  color:#039;
  margin:0;
  line-height:25px;
  width:100%
 }
 .li-trip {
  margin-left:6px;
  margin-right:9px
 }
 .item-trip {
  font-size:13px
 }
 .box-reserve-detail .bn-request {
  margin-top:1px;
  margin-left:0
 }
 .title-page {
  margin-bottom:15px
 }
 .name-room {
  font-size:17px;
  margin-bottom:20px
 }
 .row-3 {
  height:auto
 }
 .link-see-reviews {
  position:inherit;
  display:block;
  text-align:center;
  padding-top:15px;
  width:100%;
  left:0
 }
 .include-items,
 .mablagh,
 .t-price {
  display:inline-block
 }
 #owl3 .owl-dots,
 #owl4 .owl-dots {
  text-align:center;
  margin-top:5px
 }
 .box-hotel-price,
 .col,
 .price-room {
  text-align:right
 }
 .breadcrumb {
  margin-bottom:10px
 }
 .hotel-nm-add-tel {
  padding-left:5px;
  padding-right:5px
 }
 .change-search {
  margin-top:0
 }
 .box-hotel-price {
  padding-bottom:15px;
  margin-top:8px
 }
 .b-rate,
 .title-comment {
  margin-top:10px
 }
 .certificate {
  width:40px
 }
 .hotel-discount {
  height:30px;
  line-height:25px;
  padding-right:10px;
  padding-left:10px;
  bottom:20px;
  top:auto
 }
 .box-map,
 .box-reason,
 .hotel-map,
 .img-room {
  height:auto
 }
 .amount-discount {
  color:#fff;
  font-size:12px;
  width:100%
 }
 .b-rate {
  padding-right:0
 }
 .box-reason {
  padding:0 15px 0 0
 }
 .item-reason {
  padding:0
 }
 .hotel-info {
  padding-right:0
 }
 .box-comment {
  border-bottom:1px solid #ebebeb;
  padding-bottom:5px
 }
 .hotel-nm-add-tel {
  margin-top:15px
 }
 .photo-gallery {
  padding:0
 }
 .box-title-reason {
  padding-right:10px;
  padding-left:15px
 }
 .ico-reason {
  padding-left:15px;
  padding-right:0
 }
 .bn-request {
  width:100%
 }
 .price-room {
  padding-right:15px
 }
 .bn-reserve-room {
  width:50%;
  margin-left:0;
  border-radius:0
 }
 .link-info-xs {
  color:#333;
  font-size:11px;
  float:right;
  padding-right:20px;
  margin-top:20px
 }
 .include-items {
  border:none;
  border-radius:0;
  padding:0;
  width:100%
 }
 .col {
  display:block;
  border-left:none;
  padding-left:0;
  padding-right:0
 }
 .row-2,
 .row-3 {
  padding-right:13px
 }
 .label-items,
 .row-1 {
  display:inline-block
 }
 .row-3 {
  border-right:3px solid #5ec6b9
 }
 .row-2 {
  border-right:3px solid #f5a755
 }
 .row-1 {
  margin-top:10px;
  padding-left:25px
 }
 .box-links,
 .box-map {
  margin-top:0
 }
 .row-2 .label-items:after,
 .t-price:after {
  content:":"
 }
 .view-information li {
  width:49%
 }
 .owl-pagination {
  text-align:center;
  padding-right:0
 }
 .mob-box-reserve .bn-request {
  float:left;
  margin-left:0;
  margin-top:0
 }
 .hotel-address-tel {
  padding-right:12px
 }
 .content-gallery {
  padding:0
 }
 .box-hotel-price {
  background-color:#FFF;
  padding-right:15px
 }
 .hotel-star {
  width:80px
 }
 .hotel-name h1 {
  font-size:15px;
  font-weight:100
 }
 .t-price-old {
  font-size:14px
 }
 .t-price-new {
  font-size:15px;
  vertical-align:bottom;
  line-height:17px
 }
 .alert-box {
  margin-top:7px
 }
 .fa-info-circle {
  padding-right:1px
 }
 .img-type-trip {
  width:100%
 }
 .ico-travel {
  padding:0
 }
 .box-guarantee-m {
  display:inline-block!important;
  padding-right:25px
 }
 .t-guarantee {
  color:green;
  padding-right:10px
 }
 .bn-reserve-room:nth-child(2) {
  background-color:#ffad09!important
 }
 .type-trip1 {
  margin-top:9px
 }
 .label-items {
  font-size:12px
 }
}
@media only screen and (max-width :480px) {
 .view-information li {
  width:100%
 }
}
@media only screen and (max-width :393px) {
 .box-guarantee-m {
  display:block!important;
  padding-right:0;
  margin-top:14px
 }
 .pic-room img {
  width:73px;
  height:auto
 }
 .top-fix .text-hotel-info {
  width:64%
 }
 .col-6 {
  width:42%
 }
 .col-9 {
  width:58%;
  padding-right:0
 }
}