/* 1199 */

@media screen and (max-width: 1199.5px) {
	.header .menu{
		display: none;
	}
	.hotelier-search-container{
		max-width: 90%;
	}
}

/* 991 */

@media screen and (max-width: 991.5px) {
	.site-banner .content .title{
		font-size: 200%;
	}
	.hotelier-search-container{
		display: none;
	}
	.site-banner img{
		max-height: 400px;
	}
	.site-banner .content{
		top: 50%;
	}
	.items-feedback{
		padding: 10px;
	}
	.items-feedback .phay{
		display: none;
	}
	.items-feedback .avata--name .review{
		line-height: 1.3;
	}
	.footer .form-res{
		max-width: 95%;
	}
	.items-room-flex .content{
		padding-left: 0;
		padding-top: 20px;
	}
}

/* 767 */

@media screen and (max-width: 767.5px) {
	.site-fsale .title-fsale{
		display: block;
	}
	.site-fsale .title-fsale--button__box{
		margin-left: 0;
		width: max-content;
		margin-top: 10px;
	}
	.slick-prev{
		left: 15px;
	}
	.slick-next{
		right: 15px;
	}
	.slick-arrow{
		width: 30px;
		height: 30px;
	}
	.site-code{
		padding: 15px;
	}
	.title-main p{
		font-size: 12px;
	}
	.room-title{
		font-size: 13px;
		padding: 5px;
	}
	.news-big .news-content{
		padding: 10px;
		font-size: 100%;
	}
	.news-big h3{
		font-size: 100%;
	}
	.footer .form-res .res-text .text h3{
		line-height: 1.3;
	}
	.footer .form-res .form{
		margin-top: 10px;
	}
	.footer .form-res{
		top: -100px;
	}
	.footer .footer-infor ul li span{
		-webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
	}
	.footer .title-ft{
		font-size: 14px;
		margin-bottom: 10px;
		line-height: 1.3;
	}
	.pd-main {
    padding: 50px 0px;
  }
  .site-news{
	padding-bottom: 100px;
  }
  .site-hl {
	padding-top: 30px;
  }
  .title-main .selected-nights{
	font-size: 18px;
  }
  .page-list-room .title-main .heading{
	font-size: 18px;
  }
  .sidebar-zoom{
	display: none;
  }
  .items-room-flex .button-content{
	display: block;
  }
  .items-room-flex .button-content ul{
	flex:0 0 100%;
	max-width: 100%;
  }
  .items-room-flex .button-content .bottom-custom{
	    display: flex;
    align-items: center;
    justify-content: space-between;
	text-align-last: left;
	margin-top: 10px;
  }
  .items-room-flex .button-content .room__price-wrapper{
	margin:0;
  }
  .items-room-flex .button-content ul li a{
	margin-right: 5px;
  }
  .page-content-single .content-top{
	display: block;
  }
  .page-content-single .bottom-custom{
	margin-top: 15px;
  }
  .vna-luxury-price-display{
	justify-content: flex-start !important;
	margin-bottom: 10px;
  }
  .page-content-single .btn{
	margin:0;
  }
  .single-content--tienich ul{
	flex-wrap: wrap;
  }
  .single-content--tienich ul li a{
	font-size: 80%;
	padding:5px 10px;
  }
  .sidebar-single{
	margin-top: 20px;
  }
  .vna-support-group .vna-support-item{
	padding:5px;
	line-height: 1.3;
  }
  .page-single-qa .items-qa h3{
	padding-right: 20px;
	line-height: 1.3;
  }
  .page-single-lq{
	padding-bottom: 100px;
  }
  .tab-link a{
	padding-right: 5px;
  }
  .flex-mobile{
	justify-content: space-between;
  }
  .sidebar-news{
	padding-top: 20px;
  }
  .page-contact{
	padding-top: 30px;
  }
  .page-contact iframe{
	height: 300px;
  }
  .page-banner-order{
	    margin-top: -20px;
    padding-top: 50px;
  }
  .page-banner-order .title-main .heading{
	font-size: 30px;
  }
  #vna-orders-results .table-responsive{
	overflow: auto;
  }
  .checkout-card{
	margin-bottom: 10px;
  }
  .order-summary-card{
	margin:10px 0px;
  }
  .payment-item {
	padding:10px;
  }
  .payment-options .checkout-card label{
	margin-bottom: 0;
  }
  .account-dashboard-wrapper .account-banner .welcome-card h2{
	font-size: 20px;
  }
  .account-dashboard-wrapper .avatar-circle{
	display: none;
  }
  .payment-item p{
	font-size: 14px;
  }
  .payment-item strong{
	line-height: 1.3;
	font-size: 14px;
  }
  .account-dashboard-wrapper .account-banner{
	    margin-top: -20px;
		padding: 50px 0px;
  }
  .account-dashboard-wrapper .tab-content .card{
	padding: 10px !important;
  }
  .account-dashboard-wrapper .tab-content .card{
	margin-bottom: 30px;
  }
  .footer{
	margin-top: 80px;
  }
  .title-main .heading{
	font-size: 22px;
  }
  .items-member{
	padding:20px 5px;
  }
  .site-fsale .title-fsale img{
	max-width: 150px;
  }
  .vna-room-card-premium,
  .pricing-row{
	display: block;
  }
  .pricing-header{
	font-size: 0;
	padding: 5px;
  }
  .c-capacity{
	justify-content: flex-start;
  }
  .c-info{
	border:0;
	padding-right: 0;
  }
  
}