/* KC Container Responsiveness */
@media (min-width: 576px){
	body .kc-container,
	#hotel-booking-results, 
	.hb-select-extra-results {
		max-width: 540px;
	}
}
@media (min-width: 768px){
	body .kc-container,
	#hotel-booking-results, 
	.hb-select-extra-results {
		max-width: 720px;
	}
}
@media (min-width: 992px){
	body .kc-container,
	#hotel-booking-results, 
	.hb-select-extra-results {
		max-width: 960px;
	}

}
@media (min-width: 1200px) {
	.container,
	body .kc-container,
	#hotel-booking-results, 
	.hb-select-extra-results  {
	    max-width: 1170px;
	}
}


/* lg */ 
@media (min-width: 1450px) {
	
}

/* md */
@media (min-width: 1200px) and (max-width: 1300px) { 

}


/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.form-fulid .form-group input {
		width: 120px;
	}
	.form-fulid .form-group label {
		margin-right: 10px;
	}
	.tr-booking-form .btn.btn-primary,
	.tr-booking-form .btn.btn-dark {
		padding: 12px 20px;
	}
	.section-title h1,
	#hotel-booking-cart h3, #hotel-booking-payment h3, 
	#hotel-booking-results > h3, .hb_single_room .title h4 {
		font-size: 30px;
	}
	.room-slider::before, 
	.room-slider::after, 
	.gallery-slider::before, 
	.gallery-slider::after	{
		width: 32%;
	}
	.testimonial-thumb {
		padding-left: 50px;
	}
	.testimonial-thumb::before {
		margin-left: -25px;
	}
	.banner-contnt h1 {
		font-size: 40px;
	}
	.banner-contnt h2 {
		font-size: 70px;
		line-height: 85px;
	}
	.banner-contnt h3 {
		font-size: 18px;
	}
	.toggle-menu-one .main-drop-menu {
		width: 700px;
	}
	.room-text {
		padding: 5px 15px;
	}
	.blog-details .tr-post .entry-header .entry-title,
	.room-details-content .tr-room h1,
	.page-title h1 {
		font-size: 40px;
	}
	.room-details-content .tr-room h2,
	.tr-breadcrumb h2 {
		font-size: 18px;
	}
	.blog-details .tr-post .single-header {
		max-width: 960px;
		width: 100%;
	}
	.room-details-info {
		max-width: 960px;
		width: 100%;
		margin-top: 30px;
	}
	.room-details-content .tr-room {
	    max-height: 600px;
	}
	.form-style-2.form-fulid .form-group {
		margin-right: 60px;
	}
	.banner-contnt .tr-booking-form {
		width: initial;
	}
	.form-style-2 .laxuary-search-rooms.hotel-booking-search ul li {
		margin-right: 40px;
	}	
	.tr-booking-slider-sc .hotel-booking-search button {
		padding: 12px 15px;
	}
	.hb_single_room .hb_single_room_details .hb_single_room_tabs > li {
		padding-right: 15px;
	}
	.owl-item .tr-room  h2 {
		max-width: 100%;
		float: none;
	}
	 .rooms .owl-item .hb_room .price {
		float: none;
	}
}

/* md */
@media (max-width: 991px) {
	
	.about-thumb {
		margin-right: 0;
		margin-bottom: 50px;
	}
	.room-slider::before, 
	.room-slider::after	{
		display: none;
	}	
	.testimonial-thumb {
		padding-left: 0;
	}
	.tr-testimonials {
		padding: 90px 0;
	}
	.banner-contnt h1 {
		font-size: 36px;
	}
	.banner-contnt h2 {
		font-size: 56px;
		line-height: 70px;
	}
	.banner-contnt h3 {
		font-size: 18px;
		margin: 15px 0 30px;
	}
	.section-title h1,
	#hotel-booking-cart h3, #hotel-booking-payment h3, 
	#hotel-booking-results > h3, .hb_single_room .title h4 {
		font-size: 26px;
	}
	.section-title span {
		font-size: 40px;
		line-height: 24px;
		top: -3px;
		left: -5px;
	}
	.form-fulid .form-group {
		display: block;
	}
	.form-fulid .form-group label {
		margin-top: 5px;
		margin-right: 5px;
	}
	.form-fulid .form-group input {
	    width: 120px;
	    padding: 18px 0;
	}	
	.tr-booking-form .btn.btn-primary
	.tr-booking-form .btn.btn-dark {
		margin-top: 15px;
	}
	.tr-cta h1 {
	    font-size: 40px;
	    margin: 15px 0 35px;
	}
	.tr-footer .footer-widget {
		margin-bottom: 50px;
	}
	.tr-footer .footer-widget:last-child {
		margin-bottom: 30px;
	}	
	.footer-top {
		padding: 100px 0 50px;
	}
	.toggle-menu-one .tr-menu-content,
	.tr-essentials,
	.tr-page .toggle-menu-one .tr-menu-content,
	.tr-page .tr-essentials,
	.tr-page.error-page .tr-essentials, 
	.tr-page.error-page .toggle-menu-one .tr-menu-content {
		top: 15px;
		margin-top: 0;
	}
	.tr-menu.toggle-menu-one .main-drop-menu {
		width: 600px;
		position: fixed;
		top: 50%;
		height: initial !important;
	}
	.testimonials-2 .testimonial-thumb {
		padding-left: 60px;
	}	
	.tr-toggle,
	.tr-menu.menu-open .close-menu {
		display: block;
	}
	.tr-menu.menu-open .tr-toggle {
		display: none;
	}
	.menu-with-button .main-drop-menu {
		margin-right: 0;
	}
	.tr-menu .main-drop-menu {
		float: none;
		width: 100%;
		visibility: hidden;
		opacity: 0;
		height: 0;
		position: absolute;
		top: 70px;
		z-index: 999;
	}
	.tr-menu.menu-open .main-drop-menu {
		visibility: visible;
		opacity: 1;
		height: 100%;
	}
	.tr-menu.d-md-none.menu-open .main-drop-menu,
	.tr-menu.d-md-none.menu-open .tr-nav-menu {
		display: none;
	}
	.tr-menu .tr-essentials {
		right: 45px;
	}
	.tr-menu .tr-nav-menu{
		display: block;
	}
	.tr-nav-menu.left-menu,
	.tr-nav-menu.right-menu {
		display: none;
	}
	.tr-nav-menu li a {
		line-height: 20px;
		color: #fff;
		border-top: 1px solid #fff;
		background-color: #112049;
	}
	.tr-menu-content .navbar-brand  {
		float: none;
	}
	.tr-menu .tr-dropdown-menu {
	    position: static;
	    opacity: 1;
	    visibility: visible;
	    display: none;
	    padding: 0;
	    min-width: 100%;
	    -webkit-transform: rotateX(0deg);
	    -moz-transform: rotateX(0deg);
	    -ms-transform: rotateX(0deg);
	    -o-transform: rotateX(0deg);
	    transform: rotateX(0deg);
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    -ms-box-shadow: none;
	    -o-box-shadow: none;
	    box-shadow: none;
	    -webkit-transition: inherit !important;
	    -moz-transition: inherit !important;
	    -ms-transition: inherit !important;
	    -o-transition: inherit !important;
	    transition: inherit !important;
	    margin-left: 0;
	}
	.tr-dropdown i.icon,
	.menu-item-has-children .icon {
		display: block;
		width: 40px;
		height: 50px;
		line-height: 50px;
	}
	.menu-item-has-children {
		position: relative;
	}
	.menu-item-has-children .icon {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 99;
		color: #fff;
		cursor: pointer;
	}

	.menu-item-has-children .sub-menu {
		display: none;
	}
	.main-drop-menu .tr-nav-menu .tr-dropdown-menu li a {
		padding: 12px 15px;
	}
	.tr-view-all.float-right {
		margin-top: 30px;
	}
	.tr-room-tab .nav.nav-tabs {
		margin-right: 0;
	}
	.tr-room-tab .tab-content {
		position: static;
		width: 100%;
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 30px;
		transform: initial;margin-bottom: 30px;
	}	
	.blog-details .tr-post .entry-header .entry-title,
	.room-details-content .tr-room h1,
	.page-title h1 {
		font-size: 30px;
	}
	.tr-breadcrumb h2,
	.room-details-content .tr-room h2 {
		font-size: 18px;
	}
	.blog-details .tr-post .entry-header .entry-meta {
		font-size: 16px;
	}	
	.gallery-slider::before, .gallery-slider::after {
		width: 32%;
	}
	.error-404 h1 {
		font-size: 100px;
	}
	.error-404 h2 {
		font-size: 30px;
	}
	.blog-details .tr-post .single-header {
		max-width: 720px;
		width: 100%;
		margin-top: 30px;
	}	
	.room-details-info {
		max-width: 720px;
		width: 100%;
		margin-top: 30px;
	}
	.room-details-content .tr-room {
	    max-height: 500px;
	}
	.overview-text{
		position: static;
		max-width: 100%;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);		
	}	
	.room-overview .room-thumb {
		padding-right: 0;
	}	
	.blog-details .entry-header {
		max-height: 500px;
	}	
	.tr-comments-area h3.tr-title, 
	.tr-comment-form h3.tr-title {
		font-size: 26px;
	}
	.form-fulid .form-group,
	.form-style-2.form-fulid .form-group {
		width: 50%;
		margin-right: 0;
		display: block;
	}	
	.form-fulid .form-control,
	.laxuary-search-rooms.hotel-booking-search input,
	.laxuary-search-rooms.hotel-booking-search select{
		border: 1px solid #ddd;
		height: 50px;
		width: 100%;
		padding: 6px 20px;
	}	
	.form-style-2 .laxuary-search-rooms {
		padding: 35px 25px;
	}
	.form-fulid .form-group {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 15px;
		margin-top: 0;
		text-align: left;
	}
	.form-fulid .form-group label,
	.form-style-2.form-fulid .form-group label {
		margin: 0 0 5px;
	}
	.tr-booking-form .btn.btn-primary,
	.tr-booking-form .btn.btn-dark {
		float: none;
	}
	.tr-menu.logo-center {
		overflow: hidden;
	}	
	.tr-menu-absolute .tr-nav-menu li a:hover{
		color: #fff;
	}
	.tr-room-details .tr-booking-form {
		margin-top: 40px;
	}
	.banner-contnt .tr-booking-form {
		margin-top: 30px;
	}
	.tr-address-content .section-title {
		margin-bottom: 50px;
	}
	#gmap {
		height: 500px;
		margin-top: 0;
	}
	.room-overview {
		margin-top: 50px;
	}
	.banner-contnt .tr-booking-form {
		position: static;
		padding: 40px;
	    -webkit-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	    -o-transform: translateY(0);
	    transform: translateY(0);  
	}
	.laxuary-search-rooms.hotel-booking-search ul li {
		width: 50%;
		margin-right: 0;
		padding:0 15px;
		float: left;
		margin-bottom: 30px;
	}	
	.laxuary-search-rooms {
		padding: 35px 15px;
	}	
	.laxuary-search-rooms .hb-form-table {
		display: block;
		max-width: 100%;
		float: none;
		margin-top: 0;
	}
	.laxuary-search-rooms form p {
		float: none;
	}
	.laxuary-search-rooms .hb_input_field {
		width: 100%;
	}
	.laxuary-search-rooms .hb-submit {
		float: none;
		text-align: center;
		width: 100%;
	}
	.laxuary-search-rooms.hotel-booking-search .hb_input_field::after {
		top: 17px;
		right: 20px;
	}
	#hotel-booking-results .hb-search-results > .hb-room {
		padding-bottom: 0;
	}
	#hotel-booking-results, .hb-select-extra-results {
		padding: 80px 15px;
	}
	.footer-logo {
		margin-top: 0;
	}
	.form-style-2 .laxuary-search-rooms.hotel-booking-search ul li {
		margin-right: 0;
		text-align: left;
	}
	.tr-booking-slider-sc .hotel-booking-search button {
		padding: 12px 15px;
	}
	.tr-booking-slider-sc .laxuary-search-rooms.hotel-booking-search ul li	{
		width: 100%;
		padding: 0;
	}
	.form-style-2 .laxuary-search-rooms .hb-form-table {
		margin-left: 0;
	}
	.tr-menu.logo-center .menu-laxuary-left-menu-container, 
	.tr-middle-logo, .menu-laxuary-right-menu-container {
		width: 100%;
	}
	#hotel-booking-results, #hotel-booking-cart {
		padding-bottom: 0;
		padding-top: 0;
	}
	.tr-grid-2 > li {
		width: 100%;
	}
	.laxuary-photo-gallery.tr-gallery-col-4 > li, 
	.laxuary-video-gallery.tr-video-col-4 > li {
	    -ms-flex: 0 0 33.333333%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}	
	.tr-booking-slider-sc.tr-booking-form{
		display: none;
	}
	.tr-post .entry-header + .entry-content{
		margin-top: 0;
		margin-left:0;
		margin-right:0;
	}
	.main-drop-menu .tr-nav-menu > li.active > a, 
	.main-drop-menu .tr-nav-menu li:hover > a {
		color: #fff!important;
	}
	.tr-toggle-menu .main-drop-menu .tr-nav-menu > li > a {
		padding: 15px;
	}
	.tr-toggle-menu .main-drop-menu .tr-nav-menu .tr-dropdown i.icon {
		right: 0;
	}
	.room-details-content .tr-room .room-thumb {
		margin-bottom: 0;
	}
	.widget.widget_hb_widget_search .hotel-booking-search button {
		padding: 12px 15px;
	}
	.hb_single_room .hb_single_room_details .hb_single_room_tabs > li a::after {
		display: none;
	}
	.owl-item .tr-room  h2 {
		max-width: 100%;
		float: none;
	}
	 .rooms .owl-item .hb_room .price {
		float: none;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {

	.blog-details .tr-sidebar {
		margin-top: 80px;
	}	
	.tr-room-facility {
		margin-top: 70px;
	}
	.tr-grid-3>li {
	    width:50%;
	}
	.footer-widget .widget_nav_menu ul li{
		float: none;
		width: 100%;
	}
}

/* sm */
@media (max-width: 767px) {
	
	.testimonial-thumb {
		position: static;
		text-align: center;
		margin-bottom: 40px;
	}
	.testimonial-thumb img {
		max-width: 75%;
	}
	.testimonial-thumb::before {
		margin-top: -230px;
	}
	.video-style-1 .tr-video {
		padding: 100px 0;
		margin-top: 0;
		margin-bottom: -150px;
	}
	.tr-video-content.video-style-1 {
		margin-bottom: 130px;
		padding-top: 230px;
	}
	.liveng-text,
	.tr-cta .cta-text{
		position: static;
		max-width: 100%;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);		
	}
	.room-overview .room-thumb,
	.cta-thumb {
		padding-right: 0;
	}
	.liveng-image {
		padding-left: 0;
	}
	.banner-contnt h1 {
		font-size: 30px;
	}
	.banner-contnt h2 {
		font-size: 46px;
		line-height: 60px;
	}
	.section-title span.sub-title {
		font-size: 12px;
	}
	.toggle-menu-one .main-drop-menu {
		width: 500px;
	}
	.testimonials-2 .testimonial-thumb {
		padding-left: 0;
	    -webkit-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	    -o-transform: translateY(0);
	    transform: translateY(0);
	}
	.tr-video-content {
		padding: 150px 0;
	}
	.gallery-slider::before, 
	.gallery-slider::after {
		display: none;
	}
	.error-404 h1 {
		font-size: 76px;
	}
	.error-404 h2 {
		font-size: 22px;
		margin: 30px 0;
	}
	.tr-menu.toggle-menu-one .main-drop-menu {
		max-width: 540px;
		left: 50%;
		width: 540px;
		max-height: 400px;
		overflow-x: hidden;	
	}	
	.banner-contnt {
		padding: 150px 0;
	}
	.blog-details .tr-post .single-header {
		max-width: 540px;
		width: 100%;
	}	
	.room-details-info {
		max-width: 540px;
		width: 100%;
	}
	.room-details-content .tr-room {
	    max-height: 400px;
	}	
	.section-padding {
		padding: 50px 0 50px;
	}
	.blog-content.section-padding {
		padding-bottom: 50px;
	}
	.tr-room-facility {
		margin-top: 50px;
	}	
	.tr-team-style-1 {
		margin-bottom: 260px;
	}	
	.tr-cta h1 {
		font-size: 36px;
	}
	.tr-sidebar,
	.blog-details .tr-sidebar {
		margin-top: 50px;
	}	
	.btn-load-more,
	.pagination {
		margin-top: 15px;
	}
	.blog-details .tr-post .entry-content, 
	.blog-details .tr-post .entry-header + .entry-content {
		margin-top: 70px;
	}
	.tr-room-details .tr-booking-form {
		margin-top: 30px;
	}
	#gmap {
		height: 400px;
	}	
	.testimonial-thumb::before {
		display: none;
	}
	.tr-testimonials {
		padding: 80px 0;
	}
	.about-thumb {
		padding-right: 0;
	}
	#hotel-booking-payment {
		padding-bottom: 0;
	}
	.tr-grid-3>li {
	    width: 50%;
	}

	.section-title {
		margin-bottom: 50px;
	}
	.footer-top {
	    padding: 70px 0 15px;
	}
	.blog-details blockquote::before {
	    left: 25px;
	    top: 40px;
	    font-size: 25px;
	}
	.blog-details blockquote p{
		margin-left: 25px;
	}
	.page-header h1 {
		font-size: 24px;
	}
	.room-details-info .single-extra-room-info li {
		font-size: 16px;
	}
	.hb_single_room .hb_single_room_details .hb_single_room_tabs > li{
		margin-bottom: 15px;
	}
	.hb_single_room .hb_single_room_details .hb_single_room_tabs > li a{
		padding-bottom: 10px;
	}
	.rooms .hb_room .price, .tr-room h2 {
		float: none;
		width: 100%;
		max-width: 100%;
	}
}

/* xs Portrait */
@media (max-width: 575px) { 

	.banner-contnt h1 {
		font-size: 24px;
	} 
	.banner-contnt h2 {
		font-size: 36px;
		line-height: 50px;
	}
	.banner-contnt h3 {
		font-size: 16px;
		margin-top: 10px;
	}
	.banner-contnt {
		padding: 150px 0 100px;
	}
	#tr-home-carousel .banner-contnt {
		padding: 100px 0 150px;
	}
	.carousel-indicators {
		margin-right: 20px;
	}
	.tr-menu.toggle-menu-one .main-drop-menu {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		top: 90px;
		-webkit-transform: translateY(0) translateX(-50%);
		-moz-transform: translateY(0) translateX(-50%);
		-ms-transform: translateY(0) translateX(-50%);
		-o-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);				
	}		
	.toggle-menu-one .right-contenent, 
	.toggle-menu-one .tr-nav-menu {
		width: 100%;
		float: none;
		width: 100%;
	}
	.toggle-menu-one .right-contenent {
		padding-left: 15px;
		margin-top: 30px;
	}
	.blog-details .tr-post .entry-header .entry-title, 
	.room-details-content .tr-room h1, .page-title h1	{
		font-size: 24px;
	}
	.tr-breadcrumb h2, 
	.room-details-content .tr-room h2 {
		font-size: 16px;
	}
	.breadcrumb-content {
		padding: 100px 0 70px;
	}
	.toggle-menu-one .tr-menu-content, 
	.tr-essentials, .tr-page .toggle-menu-one 
	.tr-menu-content, .tr-page .tr-essentials, 
	.tr-page.error-page .tr-essentials, 
	.tr-page.error-page .toggle-menu-one .tr-menu-content {
		top: 0;
	}
	.tr-toggle-menu .tr-toggle, .tr-toggle-menu .close-menu {
		top: 0;
	}
	.tr-menu.toggle-menu-one .navbar-brand {
		margin-top: 0;
	}
	.blog-details .tr-post .entry-header .entry-title {
		margin-bottom: 15px;
	}
	.blog-details .tr-post .single-header {
		margin-top: 30px;
	}
	.blog-details .tr-post .single-header .entry-meta li{
		font-size: 14px;
	}
	.blog-details .tr-post .entry-header .entry-meta {
		margin-top: 0;
	}
	.room-details-info {
		width: 100%;
	}
	.room-details-content .tr-room {
	    max-height: 300px;
	}
	.tr-cta .tr-price {
		font-size: 24px;
	}
	.team-member h2 {
		font-size: 18px;
	}
	.tr-post .entry-title,
	.widget_title {
		font-size: 18px;
	}
	.tr-cta h1 {
		font-size: 30px;
	}
	.tr-video-content {
		padding: 100px 0;
	}
	.tr-video a {
		font-size: 50px;
	}
	.tr-room h2 {
		font-size: 18px;
		margin: 15px 0;
	}
	.widget.widget_recent_entries .entry-content {
		font-size: 14px;
	}
	.tr-feedback {
		padding: 30px;
	}
	.tr-feedback .section-title {
		margin-bottom: 30px;
	}
	.banner-contnt .tr-booking-form {
		padding: 30px;
	}
	.tr-view-all {
		margin-top: 0;
	}
	.wp-hotel-booking-search-rooms .laxuary-search-rooms form {
		width: 450px;
	}
	#hotel-booking-cart h3, #hotel-booking-payment h3, 
	#hotel-booking-results > h3, .hb_single_room .title h4 {
		margin-bottom: 30px;
	}
	#hotel-booking-cart table th, #hotel-booking-payment table th {
		padding: 10px 5px;

	}
	.laxuary-photo-gallery.tr-gallery-col-3 > li, 
	.laxuary-video-gallery.tr-video-col-3 > li,
	.laxuary-photo-gallery.tr-gallery-col-4 > li, 
	.laxuary-video-gallery.tr-video-col-4 > li {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.tr-grid-3>li {
	    width:100%;
	}	
	.tr-previuos-next {
	    padding:10px;
	    line-height: 20px;
	}
	.room-details-content .tr-room .room-thumb{
		min-height: 300px;
	}
	.room-details-content .tr-room .room-thumb img{
		height: 300px;
	}
	.room-details-info .single-extra-room-info li{
		font-size: 14px;
		margin-right: 10px;
	}

	.hb_single_room .hb_room_gallery {
	    margin-bottom: 150px !important;
	}
	.hb_single_room .hb_single_room_details .hb_single_room_tabs > li{
		margin-bottom: 10px;
		padding-right: 20px;
	}
	.hb_single_room .hb_single_room_details .hb_single_room_tabs > li a{
		font-size: 15px;
		padding-bottom: 5px;
	}
	.hb_single_room .hb_single_room_details .hb_single_room_tabs_content{
		padding: 25px;
	}

}

/* xs Portrait */
@media (max-width: 475px) {

	.tr-essentials .btn.btn-primary,
	.tr-essentials .btn.btn-dark {
		font-size: 12px;
		padding: 13px 15px;
	}
	.tr-essentials select {
		margin-top: 12px;
	}
	.tr-language {
		margin-right: 5px;
	}
	.tr-toggle-menu .tr-toggle, 
	.tr-toggle-menu .close-menu {
		width: 45px;
		height: 45px;
		padding: 10px;
	}
	.tr-toggle-menu .close-menu {
		padding: 10px 8px;
	}
	.tr-menu.toggle-menu-one .navbar-brand {
		max-width: 100px;
		margin-left: 45px;
		padding: 9px 15px;
	}
	.tr-menu .navbar-brand {
		max-width: 85px;
		padding: 10px 0;
	}
	.form-fulid .form-group,
	.form-style-2.form-fulid .form-group {
		width: 100%;
		padding: 0;
	}
	.form-fulid form {
		margin: 0;
	}	
	.tr-menu .tr-essentials {
		top: 7px;
		right: 35px;
	}
	.tr-menu .tr-essentials .btn.btn-primary,
	.tr-menu .tr-essentials .btn.btn-dark {
		padding: 8px 15px;
		font-size: 10px;
	}
	.tr-toggle {
		top: 12px;
	}
	.close-menu {
		top: 10px;
	}
	.tr-menu .tr-essentials select {
		margin-top: 6px;
	}
	.comment-meta .url,
	.comment-meta .tr-date {
		display: block;
		float: none;
	}
	.blog-details blockquote {
		font-size: 15px;
		line-height: 28px;
		padding: 20px 15px 30px;
		font-weight: 600;
	}
	.blog-details blockquote::before {
		font-size: 20px;
		top: 30px;
		left: 20px;
	}
	.blog-details blockquote p {
		margin-left:0px;
		padding-top: 25px;
	}
	.tr-comments-area h3.tr-title, 
	.tr-comment-form h3.tr-title {
		margin-bottom: 30px;
		font-size: 22px;
	}
	.tr-comment-form {
		padding: 20px 15px;
	}
	.tr-comment-form .tr-author {
		margin-right: 10px;
	}
	.tr-previuos-next li {
		float: none;
		width: 100%;
	}
	.tr-previuos-next li a {
		position: relative;
		display: inline-block;
	}
	.tr-previuos-next .next {
		text-align: left;
	}
	.tr-previuos-next li.text-center {
		margin: 8px 0;
	}
	.section-title.float-left,
	.tr-view-all.float-right {
		float: none !important;
	}
	.section-title.float-left {
		margin-bottom: 20px;
	}
	.tr-view-all.float-right {
		margin-top: 0;
		margin-bottom: 50px;
		margin-right: 0;
		margin-left: 35px;
	}
	.tr-view-all a {
		font-size: 12px;
	}
	.section-title h1,
	#hotel-booking-cart h3, #hotel-booking-payment h3, 
	#hotel-booking-results > h3, .hb_single_room .title h4 {
		font-size: 24px;
	}
	.banner-contnt h1 {
		font-size: 20px;
	}
	.banner-contnt h2 {
		font-size: 32px;
		line-height: 40px;
	}
	.banner-contnt h3 {
		font-size: 14px;
	}
	.laxuary-search-rooms.hotel-booking-search ul li {
		width: 100%;
		margin-bottom: 15px;
		padding: 0;
	}
	.hotel-booking-search button {
		width: 100%;
	}
	.tr-cta span {
		font-size: 16px;
	}
	.form-style-2 .laxuary-search-rooms {
		padding: 30px 25px;
	}
	.tr-menu.menu-with-button .tr-essentials {
		margin-right: 0;
	}
	.tr-menu .main-drop-menu {
		top: 50px;
	}
	.wp-hotel-booking-search-rooms .laxuary-search-rooms form {
		width: 300px;
		padding: 20px;
	}	
	.tr-topbar .left-content,
	.tr-topbar .right-content {
		float: none;
	}
	.tr-topbar .right-content {
		margin-top: 10px;
	}
	.nav-tabs .tr-room {
		display: block;
	}	
	.tr-room-tab .nav-tabs .room-thumb {
		max-width: 100%;
		max-height: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.tr-room-tab .room-text {
		padding: 0;
	}
	.tr-room-tab .nav-tabs .nav-link::after {
		display: none;
	}
	#hb-order-new-customer .hb-form-table.col-2 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;	
		float: none;
		width: 100%;	
	}
	.hb-addition-information > div > h4, 
	.hb-order-existing-customer > div > h4, 
	.hb-order-new-customer > div > h4, 
	.hb-payment-form > div > h4 {
		font-size: 18px;
	}
	.page-template-default .entry-content {
		padding: 35px 25px;
	}
	.laxuary-photo-gallery.tr-gallery-col-2 > li, 
	.laxuary-video-gallery.tr-video-col-2 > li,
	.laxuary-photo-gallery.tr-gallery-col-3 > li, 
	.laxuary-video-gallery.tr-video-col-3 > li
	.laxuary-photo-gallery.tr-gallery-col-4 > li, 
	.laxuary-video-gallery.tr-video-col-4 > li {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}	
	.tr-grid-3>li {
	    width:100%;
	}
}