@media (max-width: 961px){
	.headerbar{
		flex-direction: column !important
	}
	.logo{
		width: 100%
	}
	.logo img{
		width: 330px;
	}
	.navbar-nav{
		margin-bottom: 20px
	}
	.navbar-nav li a{
	    padding-top: 5px !important;
    	padding-bottom: 5px !important;
    	border-bottom: 1px #eee solid;
	}
	.box1 h3::before{
		display: none
	}
	.header-simple-pages h1{
		font-size: 24px
	}
	.social-blog{
	    position: relative;
	}
	.share-buttons{
		display: flex;
	    margin-left: 0;
	}
	.sidebar h4{
		font-size: 18px;
	}
	.headsearch, .headsearch input{
		width: 100% !important
	}
}
@media (max-width: 767px){
	.footermenu ul{
	    flex-direction: column;
    	text-align: center;
	}
	.logo{
		width: 100%
	}
	.logo img{
		width: 220px;
	}
}
@media (max-width: 568px){
	
}
@media (max-width: 320px){

}