@media(max-width: 575px) {
	body {
		background-color: #003b7c;
		font-size: 0.9rem !important;
	}

	.container.tabs{
		padding: 0;
	}

	#preload p {
		left: 40.5%;
	}
	.background-video {
		display: none;
	}
	.background-mobile {
		background: url(/assets/images/bg_mobile.png) no-repeat;
		display: block;
		background-size: cover;
		width: 100%;
		height: 100%;
		z-index: -1;
		position: absolute;
		/* width: 500px; */
		left: 0;
		right: 0;
		/* background-position: center; */
	}
	
	.navbar{
		padding: 0;
	}
	.navbar-light .navbar-brand, .navbar-light .navbar-toggler{
		color: white;
	}
	.navbar-light .navbar-toggler {
		position: relative;
		z-index: 100500;
		border: 3px solid white;
		border-radius: 0;
		right: -88px;
		top: 6px;
	}
	.navbar-light .navbar-toggler-icon{
		color: white;
		background: none;
	}
	.navbar-light .navbar-toggler-icon i{
		margin-top: 5px;
	}
	.navbar-nav{
		position: fixed;
		top: -5px;
		left: 0;
		width: 100%;
		height: 100%;
		background: #003b7c;
		z-index: 100499;
		padding-top: 80px ;
	}
	.navbar-nav li{
		margin: 0;
		width: 100%;
		text-align: center;
	}
	.navbar-nav li a{
		display: block;
		padding: 30px 0;
	}
	.navbar-nav .nav-link:hover{
		border: none;
	}
	.nav-tabs .nav-link:hover, .nav-tabs .nav-link.active{
		border: 2px solid #9CDFFF;
	}
	
	.dropdown-menu{
		border: none;
		text-align: center;
	}
	
	.nav-tabs .image{
		padding: 0;
	}

	section.footer{
		margin-top: 28px;
		position: static;
		width: 100%;
		font-size: 13px;
	}

	.oltan .items {
		margin: 10px 0;
	}
	
	#map-canvas,
	#objects-map{
		height: 550px;
	}
	
	.owl-theme .owl-nav{
		display: none;
	}
}

@media (min-width: 576px) and (max-width: 767px){
	body {
		background-color: #003b7c;
	}
	#preload p {
		left: 45.5%;
	}
	.background-video {
		display: none;
	}
	.background-mobile {
		background: url(/assets/images/bg_mobile.png) no-repeat;
		display: block;
		background-size: cover;
		width: 100%;
		height: 100%;
		z-index: -1;
		position: absolute;
		left: 0;
		right: 0;
	}
	.container.tabs{
		padding: 0;
	}
	
	.navbar{
		padding: 0;
	}
	.navbar-light .navbar-brand, .navbar-light .navbar-toggler{
		color: white;
	}
	.navbar-light .navbar-toggler {
		position: relative;
		z-index: +100501;
		border: 3px solid white;
		border-radius: 0;
		right: -106px;
	}
	.navbar-light .navbar-toggler-icon{
		color: white;
		background: none;
	}
	.navbar-light .navbar-toggler-icon i{
		margin-top: 5px;
	}
	
	.navbar-nav{
		position: fixed;
		top: -5px;
		left: 0;
		width: 100%;
		height: 100%;
		background: #003b7c;
		z-index: +100500;
		padding-top: 80px ;
		overflow: auto;
	}
	.navbar-nav li{
		margin: 0;
		width: 100%;
		text-align: center;
	}
	.navbar-nav li a{
		display: block;
		padding: 30px 0;
	}
	.nav-tabs .nav-link:hover, .nav-tabs .nav-link.active{
		border: 2px solid #9CDFFF;
	}
	.navbar-nav .nav-link:hover{
		border: none;
	}
	.dropdown-menu{
		border: none;
		text-align: center;
	}
	
	.nav-tabs .image{
		padding: 0;
	}
	.tabs .image img{
		height: 50px;
		width: auto;
	}
	#map-canvas,
	#objects-map{
		height: 550px;
	}
	
	
}

@media (min-width: 768px) and (max-width: 991px){
	body {
		background-color: #003b7c;
	}
	#preload p {
		left: 44.5%;
	}
	.background-video {
		display: none;
	}
	.background-mobile {
		background: url(/assets/images/bg_mobile.png) no-repeat ;
		display: block;
		background-size: cover;
		width: 100%;
		height: 100%;
		z-index: -1;
		position: absolute;
		left: 0;
		right: 0;
	}
	.container.tabs{
		padding: 0;
	}
	
	.navbar{
		padding: 0;
	}
	.navbar-light .navbar-brand, .navbar-light .navbar-toggler{
		color: white;
	}
	.navbar-light .navbar-toggler {
		position: relative;
		z-index: 100500;
		border: 3px solid white;
		border-radius: 0;
		right: -88px;
		top: 6px;
	}
	.navbar-light .navbar-toggler-icon{
		color: white;
		background: none;
	}
	.navbar-light .navbar-toggler-icon i{
		margin-top: 5px;
	}
	.navbar-nav{
		position: fixed;
		top: -5px;
		left: 0;
		width: 100%;
		height: 100%;
		background: #003b7c;
		z-index: 100499;
		padding-top: 80px ;
	}
	.navbar-nav li{
		margin: 0;
		width: 100%;
		text-align: center;
	}
	.navbar-nav li a{
		display: block;
		padding: 30px 0;
	}
	.navbar-nav .nav-link:hover{
		border: none;
	}
	.nav-tabs .nav-link:hover, .nav-tabs .nav-link.active{
		border: 2px solid #9CDFFF;
	}
	
	.dropdown-menu{
		border: none;
		text-align: center;
	}
	
	.nav-tabs .image{
		padding: 0;
	}
	
	section.footer{
		margin-top: 39px;
		position: static;
		width: 100%;
	}
	
	.tabs .image img{
		height: 70px;
		width: auto;
	}
	#map-canvas,
	#objects-map{
		height: 550px;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px){
	
	body {
		background-color: #003b7c;
	}
	#preload p {
		left: 44.5%;
	}
	
	.touch-hand{
		display: block;
	}
	
	.navbar img{
		width: 160px;
	}
	.navbar .nav-link {
		font-size: 13px;
	}
	.navbar .btn{
		font-weight: normal;
		padding: 0.4rem;
		font-size: 0.7rem;
	}
	.navbar .btn.stroke{
		border: 2px  solid #9CDFFF;
	}
	.tabs .image img{
		height: 50px;
		width: auto;
	}
}

@media (min-width: 1200px) and (max-width: 1366px){
	.navbar img{
		width: 160px;
	}
	.navbar .nav-link {
		font-size: 13px;
	}
	.navbar .btn{
		font-weight: normal;
		padding: 0.4rem;
		font-size: 0.7rem;
	}
	.navbar .btn.stroke{
		border: 2px  solid #9CDFFF;
	}
	.tabs .image img{
		height: 50px;
		width: auto;
	}
	.tabs .image img{
		height: 70px;
		width: auto;
	}
}