@media (min-width: 576px) { 
}

@media (min-width: 768px) {

}

@media (min-width: 992px) { 
 }

@media (min-width: 1200px) {
	
}
@media (max-width: 575px){
	.hero-content h1{
		font-size: 14px;
	}
	.hero-content p{
		display: none;
	}
	.wrapper .banner-wrap {
    top: 20%;
}
.hero-content .read-more{
	padding: 3px 12px;
	margin-top: 30px;
}
}

@media(min-width: 576px) and (max-width: 991px){
	.hero-content h1{
		font-size: 26px;
	}
	.wrapper .banner-wrap {
    top: 20%;
}
.wrap-rec-posts{
	display: block;
}
.figure-rec-posts{
	width: 100%;
}

}

@media(max-width: 767px){
	.primary-wrapper{
		flex: 100%;
		max-width: 100%;
	}
	.primary-wrapper .site-main{
		padding-right: 0;
	}
	.secondary-wrapper{
		flex: 100%;
		max-width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.title-sidebar h3{
		font-size: 14px;
	}
}
@media (max-width: 991px){
	.searchbox{
   
     left: 0;
     top: 0;
}
.searchbox-submit{
	top: -4px;
}
.navbar-nav .dropdown-menu{
	display: inline-block;
	visibility: visible;
	top: 40px;
	border: none;
	border-top: 0;
	margin-left: 100px;
}
.navbar .navbar-nav .dropdown .dropdown-menu a.item-list {
    padding: 10px;
    color: rgba(0, 0, 0, 0.5);
    border-bottom: none;
}
.bottom-header .navbar-nav {
     display: inline-block; 
}
.bottom-header ul li{
	display: block;

}
.bottom-header{
	padding: 10px 0;
}
/*.blog-text .row{
	display: block !important;
}*/
.blog-text .blog-left{
	flex: 100%;
	max-width: 100%;

}
.blog-text .blog-right{
	flex: 100%;
	max-width: 100%;

}
.list {
    width: auto;
}
article .meta-blog{
	position: relative;
	padding-right: 0;
}
article .meta-blog span{
	font-size: 12px;
}
.share-on{
	border-right: none !important;
}
.share-on .share-icons{
	display: inline-block;
	margin-right: 20px;
}
.main-content-wrapper .primary-wrapper {
    padding-left: 15px;
}
.main-content-wrapper .secondary-wrapper{
	padding-right: 15px;
}
.list .primary-wrapper{
	padding-left: 0;
}

}


@media (max-width: 1199px){
	.navbar-nav li a{
		font-size: 14px !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	.searchbox{
		right: 0;
	}
}