@media(min-width : 1200px) {
	.container {
		width: 970px !important;
	}
}

@media(min-width : 768px) {

	.main-menu ul {
		display: block !important;
	}
	
	.table-reservation {
		margin: 0 5px;
	}
	
	.modal-dialog {
		margin: 150px auto;
	}

	.bunker-condition img{
		width: 85% !important;	
		margin-left: 50px;
	}
}

@media(max-width : 767px) {
	
	.main-menu ul {	
		background-color: #6c7071;	
		display: none;
		position: absolute;		
		left:0;
		right:0;
		top: 50px;
		z-index: 1;
	}

	.main-menu ul li{
		display: block !important;
		border-bottom: solid 1px rgb(210, 210, 210);
	}	
	
	.nav-elem-txt{
		width: 100% !important;
		font-size: 20px;
	}
	
	.header{
		margin-bottom: 65px !important;
	}
	
	.nav-elem-down{
		top:0 !important;
	}
	
	.main-menu{
		background-color: #6c7071;
	}
	
	.table-reservation .table-td {
		padding-left: 10px !important;
	}
	
	.table-reservation .table-th {
		font-size: 14px !important;
	}
	
	.btn-time {
		margin-left: 5px !important;
		padding: 4px 18px !important;
		font-size: 16px !important;
		width: 80px !important;		
	}	
	
	.btn-week, .btn-back-room{
		float: none !important;
	}	
	
	.bg-header {
		background: transparent;
	}
}

@media(max-width : 480px) {

	.quest-card{
		width: 290px !important;
		height: 221px !important;
	}

	.btn-enroll{	
	    width: 190px !important;
		font-size: 18px !important;
		padding: 8px 30px !important;
	}
	
	.btn-enroll-main{
		bottom: 13% !important;	      
	}
	
	.footer .phone, .footer .email {
		font-size: 15px !important;
	}	
	
	.liquid .next, .liquid .previous{
		top: 40% !important;
		font-size: 50px !important;
	}
	
	.modal-label {
		font-size: 14px !important;
		padding-left: 5px !important;
	}
	
	.bunker-condition img{
		width: 100% !important;	
	}
}