@media (min-width: 1024px) and (max-width: 1199px){
	.tab_sidebar{
		padding-right: 10px;
	}
	.tab_main{
		padding-left: 10px;
	}

	.table {
	    font-size: 15px;
	}
	.prt_table .table > thead > tr > th, 
	.prt_table .table > tbody > tr > th, 
	.prt_table .table > tfoot > tr > th, 
	.prt_table .table > thead > tr > td, 
	.prt_table .table > tbody > tr > td, 
	.prt_table .table > tfoot > tr > td{
		padding-top: 8px;
		padding-bottom: 8px;
	}
}
@media only screen and (max-width: 1024px){
	.tab_sidebar{
		padding-right: 10px;
	}
	.tab_main{
		padding-left: 10px;
	}
	.bs_checkbox label{
		font-size: 15px;
	}
}
@media only screen and (max-width: 991px){

	#header .container{
		width: 100%;
	}
	.logo a{
		width: 150px;
		margin-left: 0;
	}
	.menuIcon{
		display: block;
		outline: none !important;
	}

	#header .head{
		padding-right: 60px;
		display: block;
	}
	.user_menu{
		padding: 0;
		float: none;
		text-align: center;
		width: 100%;
	}
	.user_menu .bs_avatar{
		position: relative;
		display: inline-block;
		width: 60px;
		height: 60px;
		margin: 10px 15px;
		top: auto;
		right: auto;
	}
	.user_menu ul li a{
		text-align: center;
	}

	#header #pageMenu{
		position: relative;
		background: none;
		width: 210px;
		left: auto;
		margin: 0;
		top: 0;
		bottom: 0;
		right: -230px;
		opacity: 1;
		visibility: visible;

		-webkit-transition: all 0.5s ease-in-out 0s;
		   -moz-transition: all 0.5s ease-in-out 0s;
		    -ms-transition: all 0.5s ease-in-out 0s;
		     -o-transition: all 0.5s ease-in-out 0s;
				transition: all 0.5s ease-in-out 0s;
	}

	.main_menu{
		float: right;
		position: absolute;
		right: 0;
		top: 20px;
		width: auto;
	}
	.main_menu .user_menu ul li,
	.main_menu .menu ul li{
		text-align: left;
		margin-bottom: 0;
		float: none;
		display: block;
		padding: 0;
	}
	.main_menu .user_menu ul li a,
	.main_menu .menu ul li a{
		font-size: 20px;
		line-height: 1.1;
		padding: 8px 15px;
		width: 100%;
		color: #333333;
	}
	.main_menu .menu ul li li a{
		font-size: 17px;
		line-height: 1.2;
		font-weight: normal;
		padding: 5px 10px 5px 20px;
	}

	.main_menu .user_menu ul li a:hover,
	.main_menu .menu ul li.active a,
	.main_menu .menu ul li a:hover{
		background: #5faf33;
		color: #fff;
	}

	.user_menu ul li a:after,
	.main_menu .menu ul li a:before,
	.main_menu .menu ul li a:after{
		display: none !important;
	}
	.bhp_tab_menu ul li{
		margin-right: 28px;
	}
	.bhp_tab_menu ul li a{
		font-size: 18px;
	}

	.main_menu .menu ul li.has_child .submenu{
	    position: relative;
	    top: auto;
	    left: auto;
	    max-height: 100%;
	    background: none;
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
	        transform: rotate3d(0, 0, 0, 0deg);
	}
	.main_menu .menu ul li.has_child:before{
		display: none;
	}

	.prt_content .row_sm .col_6{
		width: 100%;
	}

	.tab_sidebar,
	.sidebar{
		margin-bottom: 30px;
	}

	.room_setting .input_block label.input_text{
		width: 160px;
	}
}

@media only screen and (max-width: 767px){
	#header .head{
		padding-right: 60px;
	}
	.user_menu{
		padding-right: 40px;
	}
	.user_menu .bs_avatar{
		height: 38px;
		width: 38px;
	}
	.user_menu ul li{
		padding: 8px 0;
	}

	.footer_menu{
		margin-bottom: 15px;
	}
	.footer_menu,
	.copyright_text{
		width: 100%;
		text-align: center;
	}
	.footer_menu ul li{
		float: none;
		display: inline-block;
		margin: 0 10px;
	}

	.tab_sidebar{
		padding-right: 0;
	}
	.adjust_room .bdr_left{
		width: 100%;
	}
	.bdr_left{
		border: none;
	}
	.tab_main{
		padding-left: 0;
	}

	.row_sm .col_6{
		width: 100%;
	}

	.bhp_tab_menu ul li{
		margin-right: 15px;
	}
	.legend{
		margin-bottom: 20px;
	}

	.calendar_content .cal_table tr .cal_sidebar{
		width: 190px;
	}
	.calendar_content .table_box{
		margin-left: 190px;
	}

	.bs_modal .modal-footer, 
	.bs_modal .modal-header, 
	.bs_modal .modal-body{
		padding-left: 15px;
		padding-right: 15px;
	}

	.display_flex{
		display: block;
	}

	.modal-dialog{
		max-width: 100%;
	}

	.rm_sec_footer{
		padding-top: 15px;
	}

}
@media only screen and (max-width: 600px){
	.rst_table .table, .rst_table table,
	.table{
		font-size: 15px;
	}
}
@media only screen and (max-width: 480px){

	.rst_table .table, .rst_table table,
	.table{
		font-size: 14px;
	}

	.rm_sec_footer .button{
		margin-bottom: 15px;
	}

	.bs_checkbox label,
	.rm_sec_block p{
		font-size: 14px;
	}

	.bhp_tab_menu ul li a{
		font-size: 16px;
	}

	.calendar_content .cal_table tr .cal_sidebar{
		width: 155px;
	}
	.calendar_content .table_box{
		margin-left: 155px;
	}

	.cal_sidebar .rm_type_list{
		padding-left: 15px;
		padding-right: 20px;
	}
	.cal_sidebar .rm_type_list .rm_list_title{
		font-size: 14px;
	}
	
	.cal_sidebar .rm_type_list .rm_list_title i{
		padding-left: 0;
		width: 10px;
		font-size: 20px;
	}
	.activeRow .cal_sidebar .rm_type_list .rm_list_title i{
		top: 3px;
	}
	.cal_table .date_range{
		font-size: 12px;
		line-height: 1.4;
	}
	.calendar_content .cal_table tr.room_sub_row .cal_sidebar .rm_type_list .rm_list_title, 
	.calendar_content .cal_table tr.room_sub_row .cal_sidebar{
		padding-left: 5px;
	}

	.bs_select{
		width: 100%;
		margin: 0 0 15px;
		padding: 0 10px;
	}
	.bs_select select, 
	.bs_select .select{
		width: 170px;
		float: right;
	}
}
@media only screen and (max-width: 390px){
	.bhp_tab_menu ul li a{
		font-size: 15px;
	}
}