/* ==========================================================================
Responsive styles
========================================================================== */

.test{display: block; background-color: red; height: 20px;}


/* ------------ HEADER ------------ */

@media only screen and (min-width: 768px) {
	.centeredmenu {float:left; width:100%; /*overflow:hidden;*/ position:relative;}
	.centeredmenu > ul {position:relative; left:50%; text-align:center;}
	.centeredmenu > ul li {right: 50%;}
}

@media only screen and (max-width: 1200px) {
	
	.test{background-color: orange;}
	
	.navbar-default .navbar-nav > li > a {padding: 0 12px 0 10px; font-size: 13px; }
	
	
	

}
@media only screen and (max-width: 992px) {
	
	.test{background-color: green;}

	.header-left img{margin:19px 0 0 0; max-width: 100%; width: 90%;}
	.site-title img {margin: 5px 0 10px 0; height:auto; width: 100%;}
	
	.header-right{padding-top:13px; padding-left:30px;}
	.header-right .form-control{font-size: 12px;}
	.header-right .btn{font-size: 12px; padding:6px 10px}
	
	.navbar-default .navbar-nav > li > a {padding: 0 7px 0 5px; font-size: 11px; }
	
	.navbar{min-height: 40px;}
	
	.navbar-nav > li > a{font-size: 11px; padding:10px 8px}
	
	.navbar-collapse{padding: 0 0px;}

	.alignright.featured {display: block; float: none; margin:0;}
	
	
	
	
	
	
	
	
	.site-content{}
	.site-content .row{margin:0; padding:0;}
	
	.site-main{padding:30px 0 0 0; box-shadow:none; border: none;}
	
	#sidebar{padding:0;}
	#sidebar .sidebar-wrapper{background-color: #f0f0f0; border-top:solid 3px #0099cc; padding: 15px;}
	
	.footer-links,
	.footer-copyright{padding:10px 15px;}
	
	

}
@media only screen and (max-width: 768px) {
	
	.test{background-color: blue;}
	
	.header-left{display:none;}
	.header-right{display:none;}
	
	
	#site-header{position:absolute; left:0; top:0; width:62%; padding:0; margin:0; z-index:995;}
	#site-header .row{z-index:996; position: relative;}
	#site-header .row .site-title{text-align: left; z-index:997; position: relative;}
	#site-header .row .site-title img{height: 52px; width:auto; padding:0 0 0 15px; z-index:998; position: relative;}
	
	
	.navbar{border:none; margin:0; padding:0; min-height:65px;}
	.navbar-header{margin:0; padding:0;}
	.navbar-toggle{margin:15px 15px 15px 0;}
	
	
	
	.navbar-collapse{border:none; margin:0; padding:0;}
	
	.navbar-nav{margin:0;}
	.navbar-nav > li > a{border-radius:0; padding:15px 15px; margin:0; font-size: 18px; border-bottom: solid 1px #0089b6;}
	.navbar-nav > li > a .caret{float:right; margin-top:8px;}
	.navbar-nav > li.dropdown{background-color: #4db8db;}
	
	.navbar-nav .dropdown-menu {float: none; font-size: 16px; position: relative; left: auto; padding:0; margin:0; box-shadow:none;}
	.navbar-nav .dropdown-menu > li > a {padding: 15px 20px;}
	
	.navbar-nav .open .dropdown-menu > li > a, 
	.navbar-nav .open .dropdown-menu .dropdown-header{padding:10px 15px 10px 50px;}



	.navbar-default .navbar-nav{display:block; width: 100%;}
	.navbar-default .navbar-nav > li{display:block; padding: 0;}
	.navbar-default .navbar-nav > li > a {padding:10px 0; font-size: 13px; display: block; border:none; text-align: left;}

	.main-navigation{display: block; margin:0; padding:0;}
	
	.container{padding:0; margin:0;}
	.inner-container{padding:0; margin:0;}
	
	#homenews-container .homenews-header{margin-top: 15px; margin-bottom:5px; padding:5px 15px;}
	#homenews-container h2{font-size: 20px;}
	#homenews-container .filters-dropdown{width:140px;}
	.col-xs-6.isotope-item{width:49.9%}
	.portfolio-item.isotope .item-heading{font-size: 13px;}
	
	.medium-content{margin:15px 0 0 0; width:100%;}
	
	
	
	
	
	
	#entry-header .entry-title{padding: 15px 0px 5px 0px;}
	#entry-header .row{margin:0; padding:0;}
	.breadcrumbs{padding:5px 0px 15px 0px; font-size: 12px; text-align: left;}

	
	
	.home-promos .promo-title{text-align: center; border-bottom: solid 1px #0f448e; padding-bottom: 5px;}
	.home-promos .promo-details{position: relative;}
	.home-promos img{width:100px; position: absolute; left:0px; top:0px;}
	.home-promos .promo-text{margin: 0 0 0 120px; position: relative;}
	.home-promos .promo-text p,
	.home-promos .promo-text ul{margin:0;}
	
	
	
	
	
	
	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}