/* RESPONSIVE CSS
--------------------------------------------------

@media (min-width: 2000px) {
}
@media (min-width: 1900px) {
}
@media (min-width: 1800px) {
}
@media (min-width: 1700px) {
}
@media (min-width: 1600px) {
}
@media (min-width: 1500px) {
}
@media (min-width: 1400px) {
} */
@media (min-width: 1600px) {
	.quick-links { width: 85%; }
	.container, footer .container { max-width: 70em; }
	#tactical { width: 2em; height: 1.75em; border-radius: 2em; padding-top: 0.4em }
	#tactical span img { margin-top: 0.4em; }
}
@media (min-width: 1800px) {
	body { font-size: 1.5em; line-height: normal; }
	.container.bordered { max-width: 66em; }
}
@media (min-width: 1900px) {
	body { font-size: 1.5em; line-height: normal; }
	.container.bordered { max-width: 66em; }
}
@media (max-width: 1090px) {
	body { font-size: 0.9em; }
	.navbar #social { margin-top: 2.5em; }
}
@media (max-width: 1018px) {
	body { font-size: 0.85em; }
}
@media (max-width: 979px) {
	.navbar .btn-navbar { display: none; }
	.navbar .nav-collapse { display: block; height: auto; }
	.nav-collapse .dropdown-menu { position: absolute; left: 0; width: 100%; margin: 0; }
	.yamm .yamm-content { background: #fff; }
	.nav-collapse .dropdown-menu { box-shadow: 0 0 4px rgba(0,0,0,0.25) }  
	.span2 { width: 32%; padding-right: 2%; }
	.span2:nth-last-child(1) { padding-right: 0 }
}
@media (max-width: 700px) {
}
@media (max-width: 767px) {
	#slider { height: 15em !important;}
	body { padding-top: 10em }
	.navbar-wrapper { position: fixed; top: 0; z-index: 999999; width: 100%; overflow-y: visible; max-height: 100%; }
	.dropdown-menu { overflow-y: scroll; max-height: 320px }
	#header-contact { display: none }
	.brand { margin-left: 5% !important; }
	.span2 { padding-bottom: 20px }
	footer { border-top: 0; margin: 0 !important; }
	#top-page { height: 5em; margin-bottom: -3em; margin-top: 1em }
	#bottom-page { height: 5em; margin-top: -3em; margin-bottom: 1em }
	#col-welcome { width: 80%; margin: 0 5% 1em; padding: 5%; }
	#col-about { width: 80%; margin: 0 5% !important; padding: 5%; }
}
@media (max-width: 640px) {
	body { padding-top: 9em; width: 100%; overflow-x: hidden; }
	.navbar .nav > li { width: 25%; text-align: center; } .script p { text-align: left; }
	footer .container { width: 95%; }
	footer .left, footer .middle { float: none; width: 100%; margin: 0 auto 0.3em; padding-left: 0.5em; text-align: left; }
	footer .left { margin-bottom: 0; line-height: normal; }
	footer .right { float: none; width: 100%; margin: 0 auto; text-align: left; }
	footer .right a { float: none; }
	.btn-tel,.btn-email,.btn-address { padding-left:5%; }
	#tactical { float: left; margin-left: 0; margin-right: 0.2em; height: 1.6em; padding-left: 0.1em; }
	.short { width: 90% }
	#valentines select{ width: 95.9%; }
	.img-about2 { position: relative; width: 320px; padding: 20px 0; left: 50%; margin: 0 0 0 -160px; float: none }
}
@media (max-width: 480px) {
	.brand { width: 92% !important; float: none !important; margin: 0 auto !important; padding-left: 4% !important; padding-right: 4% !important }
	#slider { height: 15em !important;}
	p, li { font-size: 12px; }
	#img-about { width: 40%; }
	.btn-tel,.btn-email,.btn-address { padding-left:8%; }
	.nav-collapse { overflow: visible !important; }
	#contact-form .left, #contact-form .right { float: none; width: 100%; }
	.caret{display: none}
	.span2 { width: 100%; margin-bottom: 20px; float: none; }
}
@media (max-width: 320px) {
	.img-about2 { position: relative; width: 100%; left: auto; margin: 0; }
}
@media only screen 
and (max-device-width : 568px)
and (orientation : landscape) { 
}
@media only screen 
and (max-device-width : 480px)
and (orientation : landscape) { 
}
@media only screen 
and (max-device-width : 1024px) 
and (orientation : portrait) {
}
@media only screen 
and (max-device-width : 1024px) 
and (orientation : landscape) {
}