/* Responsive CSS For all Bootstrap Breakpoints */


/* XS - Extra Small Devices ----------- */
@media
only screen and (max-width : 767px) {
/* Styles */

	.navbar { margin-left: -15px; margin-right: -15px; margin-bottom: 0px; background: #303030; display: none; position: relative; z-index: 9999; padding-top: 0; }
	ul.navbar-nav { float: none; margin-left: 0; margin-right: 0; }
	.dropdown:hover .dropdown-menu { display: none; }
	.dropdown-menu { display: none; position: relative; width: 100%; }

	/* main level stuff */
	.navbar .navbar-nav > li > a { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); padding: 8px 15px; font-size: 16px; color: #999999; }
	.navbar .navbar-nav > li { border-bottom: 1px solid #393939; }
	.navbar .navbar-nav > li:last-child { border-bottom: none; }
	.navbar .navbar-nav > li > a:hover { background: none; color: #FFF; }
	.navbar .navbar-nav > li > a b.caret { color: #FFF; }

	/* dropdown stuff */
	.navbar .navbar-nav > li > ul.dropdown-menu { padding: 3px 0; background: #303030; box-shadow: none; float: none; border: none; }
	.navbar .navbar-nav .dropdown-menu a { padding: 3px 15px 3px 35px; color: #999999; }
	.navbar .navbar-nav .dropdown-menu a:hover { background: none; color: #FFF; }

	.navbar-nav > li { float: none !important; display: block; }
	.navbar-nav > li:nth-child(6), .navbar-nav > li:nth-child(7), .navbar-nav > li:nth-child(8) { display: none; }

	.navbar .navbar-nav > li > ul.dropdown-menu { display: block; }

	.mtext-center { text-align: center; }
	
	
	footer.site_footer { text-align: center !important; }
	footer.site_footer #copyright { text-align: center; }
	footer.site_footer #social { width: 100%; float: none; text-align: center; display: block; margin-bottom: 10px; }
	footer.site_footer #social a { float: none; }
	footer.site_footer form, footer.site_footer a { float: none !important; }
	
	
	#home-slider-container { position: relative !important; }
}


/* SM - Small Devices ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 991px) {
/* Styles */
.navbar { padding-top: 45px; }
.navbar-nav > li:nth-child(3) { display: block; width: 100%; height: 20px; }
.navbar-nav > li:nth-child(3) span { display: none; }


}
/* MD - Medium Devices ----------- */
@media only screen
and (min-width : 992px)
and (max-width : 1199px) {
/* Styles */



}


/* LG - Large Devices */
@media
only screen and (min-width : 1200px) {
/* Styles */



}