@media screen and (min-width: 992px) and (max-width: 1199px) {
	body, html, #background{
		height: 100%;
	}

	#background{
		background-size: cover !important;
	}

	#background img{
		display: none !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	body, html, #background{
		height: 100%;
	}

	#background{
		background-size: cover !important;
	}

	#background img{
		display: none !important;
	}

	#footer .logo{
		margin-bottom: 10px;
	}

	#menu-main-menu{
		padding-left: 0;
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px){
	body, html, #background{
		height: 100%;
	}

	body{
		overflow: auto;
	}

	#background{
		background-size: cover !important;
		position: fixed;
	}

	#background img{
		display: none !important;
	}

	#mobile-nav{
		z-index: 99999;
		background: rgba(0,0,0, 0.7);
		border:none;
	}

	#mobile-nav .navbar-brand{
		padding: 8px 15px;
	}

	#mobile-main-nav{
		border: none;
		background: rgba(0,0,0, 0.5);
	}

	#mobile-main-nav ul#menu-main-menu > li{
		width: 46%;
		float: left;
		margin-bottom: 20px;
		height: 120px;
	}

	#mobile-main-nav ul li ul{
		display: block;
	}

	.main .wysiwyg p > img{
		width: 100%;
	}

	h1{
		font-size: 22px;
	}

	.page-wrapper{
		position: static;
		padding-top: 230px;
	}
	
	.page-wrapper .col-md-12{
		padding-left: 0;
		padding-right: 0;
	}

	.excerpt{
		margin: 20px 0;
	}

	.mfp-content{
		max-width: 100% !important;
		top: auto;
	}

	.scrollable{
		height: auto;
	}

	.wysiwyg .col-md-6{
		padding-left: 0;
		padding-right: 0;
	}

	.mfp-container {
	    background: rgba(0, 0, 0, 0.7);
	}

	.mfp-arrow-left{
		left: 0;
	}

	.mfp-arrow-right{
		right: 0;
	}

	.mfp-title{
		padding: 15px;
	}

	.wysiwyg .rates{
		position: static;
		max-width: 100%;
	}

	.wysiwyg, .wysiwyg .row{
		overflow: hidden;
	}

	.wysiwyg .row .wysiwyg-left, .contact .row .col-md-9, .contact .row .col-md-3{
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
}

@media screen and (min-width: 600px) and (max-width: 640px){
	.page-wrapper{
		top: 50%;
	}
}


@media screen and (max-width: 480px){
	#mobile-main-nav ul#menu-main-menu > li{
		width: 45%;
	}

	#sub-menu ul{
		display: table;
	    float: left;
	    padding-left: 0;
	    width: 100%;
	}
}

@media screen and (max-width: 360px){
	#mobile-main-nav ul#menu-main-menu > li{
		width: 43%;
	}
}

@media screen and (max-width: 320px){
	.page-wrapper{
		top: 62%;
	}

	#mobile-main-nav ul#menu-main-menu > li{
		width: 42%;
	}

}