/*Microsoft Surface                   	1024	1440
Apple iPad Pro 12.9	                    1024	1366
Apple iPad Pro 11                       834	1194
Apple iPad Air	                       	820	1180
Samsung Galaxy Tab 3 10                	800	1280
Apple iPad Pro 9.7	                  	768	1024
Apple iPhone 12 Pro Max 	            428   926
Apple iPhone 11 Pro Max, XS Max ,XR 	414	896
Apple iPhone 6+, 6S+, 7+, 8+	        414	736
Apple iPhone 12, 12 Pro                 390	844
Apple iPhone 12 mini ,XS, 11 Pro        375	812
Apple iPhone 7, iPhone 8	         	375	667
Apple iPhone 5, SE	                	320	568*/
/*@media screen and (max-width: 1440px){}
@media screen and (max-width: 1280px){}
@media screen and (max-width: 1194px){}
@media screen and (max-width: 926px){}
@media screen and (max-width: 768px){}
@media screen and (max-width: 568px){}
@media screen and (max-width: 428px){} 
@media screen and (max-width: 375px){} */
/*@media screen and (min-width: 1025px) {}
@media screen and (max-width: 1920px) {}
@media screen and (max-width: 1680px) {}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1194px){}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 926px){}
@media screen and (max-width:812px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:736px) {}
@media screen and (max-width:667px) {}
@media screen and (max-width:568px) {}
@media screen and (max-width:480px) {}
@media screen and (max-width: 428px){} 
@media screen and (max-width:414px) {}
@media screen and (max-width:375px) {}
@media screen and (max-width:320px) {}*/
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 976px) {.list-main-menu li{border-right:none}.booking-menu .navbar-toggler{
  top: 6px;
    margin-left: 40px;background-color: #fff;
    z-index: 999;
    position: fixed;border:none
 	}}

@media screen and (min-width: 992px) {.summary{margin-right:15px!important}}
@media screen and (max-width: 927px) {
  h1, h1 {
    font-size: 1.6rem;
  }
  .h2, h2 {
    font-size: 1.3rem;
  }
  .h3, h3 {
    font-size: 1.2rem;
  }
  .cover-date {
    width: 63%;
    margin-bottom: 2%
  }
  .user-room {
    width: 36%;
    margin-right: 0%;
    margin-bottom: 2%;
  }
  .promo {
    width: 40%;
    margin: 0 6% 2% 6%;
  }
  .cover-bt {
    width: 47%;
    margin-top: 2%
  }
  .reservation button {
    width: 100%;
  }
  .cover-bt button {
    padding: 7px 20px;
  }.block-room-type .side-content {max-height: inherit!important;
   
}
}
@media screen and (max-width: 835px) {.user-profile img{max-height:150px
	}
  .site-inner {
    margin-top: 70px;
  }
}
@media screen and (max-width: 769px) {.reservation-date .lightpick {zoom:1;
	}#filter h5{font-size: 1rem ;padding-top:15px}.profile-booking{margin-top:1rem!important}}
@media screen and (max-width: 668px) {ul.column-2 li,ul.column-3 li{width:100%}  .summary-price{margin-top:10px}
  .h1, h1 {
    font-size: 1.6rem;
  }
  .h2, h2 {
    font-size: 1.4rem;
  }
  .h3, h3 {
    font-size: 1.2rem;
  }.fixed-footer {
    font-size: 13px;line-height: 15px
  }.list-left li {
    width: 45%;
    padding: 10px;border:solid 1px#000!important;border-radius: 10px;font-size:13px;
		border-bottom:none; margin:5px}
}
@media screen and (max-width: 567px) {#filter .modal-xl,.block-room-type .modal-xl{width:auto}
	
 
	
	.card-body{padding:15px!important}

  .h1, h1 {
    font-size: 1.2rem;
  }
  .h2, h2 {
    font-size: 1.15rem;
  }
  .h3, h3 {
    font-size: 1.1rem;
  }
  .site-inner {
    margin-top: 50px;
  }
  .nav-right li {
    padding: 0 4px;
  }
  .cover-date {
    width: 100%;
  }
  .reservation {
    padding: 10px 0;
  }
  .filter-section .col-xl-10 {
    padding: 0
  }
  .guest span, .promo {
    font-size: 14px
  }
  .user-room {
    width: 50%;
    margin-right: 0%;
    margin-bottom: 2%;
  }
  .promo {
    width: 46%;
    margin: 0 2% 2% 2%;
  }
  .cover-bt {
    width: 100%;
    margin-top: 2%
  }
  .price strong {
    font-weight: 600;
    font-size: 21px;
  }
  .text18 {
    font-size: 16px;
  }
  .btn-lg {
    padding: 6px 12px;
    font-size: 1rem;
  }
	
}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 320px) {}