﻿@media screen and (max-width: 1300px) {
	.menu-wrapper {
		padding-right:15px
	}
	
	.content-area .content-wrapper {
		padding-left: 15px;
	}

	.video-text {
		color: #228aad;
		font-size: 20px;
	}
	
	.footer-logo-wrapper {
		padding-left:0px;
	}
	
	#footer .inside {
		margin-left:75px;
	}
}

@media screen and (max-width: 1100px) {
	#footer {
		padding-bottom:30px;
	}
	
	.content-wrapper.animated {
		height:auto;
	}
}

@media screen and (max-width: 991px) {
	
	#header {
		position: relative;
		height: 235px;
	}

	.menu-wrapper {
		display:table;
		position:static;
		clear:both;
		margin-left:auto;
		margin-right:auto;
	}
	
	.logo-wrapper {
		margin-top:30px;
		margin-bottom:30px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.video-wrapper {
		position:static;
		display:table;
		margin-left:auto;
		margin-right:auto;
		max-width:90%;
		margin-top:30px;
	}
	
	video {
		padding-top:0px;
	}
		
	.footer-col-4,
	.footer-col-3 {
		padding-left:0px;
	}
	
	#footer .col-lg-3 {
		margin-bottom:15px;
	}
	

}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 680px) {
}

@media screen and (max-width: 575px) {
	#header {
		height:auto;
	}
	
	.menu-wrapper {
		display:block;
		padding-bottom:50px;
		padding-right:0px;
	}
	
	.menu-wrapper .menu {
		width:100%;
		display:block;
	}
	
	.menu-wrapper li {
		display:block;
		width:100%;
		margin:0;
		padding:0;
		text-align:center;
		border-bottom:1px solid #2084a6;
	}
	
	.menu-wrapper li:first-child {
		border-top:1px solid #2084a6;
	}
	
	.menu-wrapper li  a {
		line-height:50px;
		display:block;
	}
	
	.menu-wrapper li:before {
		display:none;
	}
}

@media screen and (max-width: 480px) {
	#footer .inside {
		margin-right: 0px;
	}
	
	h2 {
		font-size:30px;
	}
}

@media screen and (max-width: 440px) {
	.video-text {
		font-size: 16px;
	}
}

@media screen and (max-width: 390px) {
}

@media screen and (max-width: 360px) {	
	.video-text {
		font-size: 14px;
	}
}
