@media all and (min-width: 1024px) and (max-width: 1199px) {
    
	.navbar-custom .nav li a {
		font-size: 16px;
	}
	
	.navbar-brand img {
		width:400px;
	}
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    
	.navbar-custom .nav li a {
		font-size: 19px;
	}
	
	.navbar-brand img {
		width:500px;
		/*margin-left: 7px;*/
	}
	
	.navbar-right {
		display: inline-block !important;
		
	}
	
	.modal-body h2 {
		font-size: 26px !important;
	}
	
	#mainNav .container {
		text-align: center;
	}
	#mainNav .navbar-header {
		display: inline-block;
		float: none;
		width: 100%;
	}
	#mainNav .collapse.navbar-collapse {
		display: inline-block !important;
		text-align: center;
	}
	.navbar-brand {
		display: inline-block;
		margin-left: 0;
		float: none;
		height: auto;
	}
	
	#new {
		position: static;
		display: inline-block;
	}
	
	#new img {
		
	}
	
}

@media all and (min-width: 480px) and (max-width: 767px) {
	.navbar-brand img {
		margin-left: 20px;
		max-width: 350px;
	}
	
	.navbar-header .navbar-toggle {
		margin-top: 15px;
	}
	.modal-body h2 {
		font-size: 22px !important;
	}
	h2.section-heading {
		font-size: 24px !important;
	}
	#mainNav {
		padding: 25px 0;
	}
	
	#new {
		position: static;
		float: left;
		margin-left: 4px;
	}
}

@media all and (min-width: 320px) and (max-width: 479px) {
	.navbar-brand img {
		margin-left: 20px;
	}
	.navbar-header .navbar-toggle {
		margin-top: 15px;
	}
	.modal-body h2 {
		font-size: 22px !important;
	}
	h2.section-heading {
		font-size: 24px !important;
	}
	#mainNav {
		padding: 25px 0;
	}
	
	#new {
		position: static;
		float: left;
		margin-left: 4px;
	}
	
	#new img {
		display: none;
	}
}