/* == NEGETE CSS == */

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/



	/*==========  Non-Mobile First Method  ==========*/

@media (max-width: 480px) {
}
 
@media (max-width: 767px) {
}
 
 
/* Extra Small Devices, Phones */ 
@media (max-width: 979px) {
	
	.menuzord .showhide {
		position: absolute;
		right: 20px;
		top: -68px;}
		
	header {
		position: relative !important; }
		
	.menuzord {
		padding: 0px !important; }
		
	.menuzord-menu {
		padding: 0px;
		overflow: hidden; }
		
	.menuzord a.logo {
		width: 100%;
		display: block; }
		
	.menuzord-brand img {
		width: auto;
		height: 75px; }
		
	button.ui-datepicker-trigger {
		margin-right: 8% !important; }
		
	/*#slider {
		padding-top: 60px; }*/
		
		#room-category .room-type {
		margin: 20px;}
}


/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 979px) {
		
	.menuzord a.logo {
		text-align: center;
		display: block; }
		
	.menuzord-brand img {
		width: 100%;
		height: auto; }
		
	.menuzord-menu {
		float: none !important;
		overflow: hidden;
		width: 640px;
		padding-left: 20px;
		margin: 38px auto !important; }
		
    .menuzord-menu > li > a {
		padding: 8px 16px !important;}
		
		
	button.ui-datepicker-trigger {
		margin-right: 30px !important; }
		
	#staahbooking {
		padding: 10px 10px 20px 34px !important;
    	width: 100%;}
		
	#room-category .room-type {
		margin: 20px;}
}


/* Medium Devices, Desktops */ 
@media (min-width: 980px) {
}


 
/* Large Devices, Wide Screens */
@media (min-width: 1200px) {
}