/* =============================================
			Home Page Responsive
============================================= */
@media screen and (max-width: 1199px) {
	.boxed {
		max-width: 1000px;
	}
}

@media screen and (max-width: 991px) {
    .masonry.masonry-columns-4, .masonry.masonry-columns-5 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
	.head-nav { display: none; }
	.slicknav_menu {
		background: #fff;
		display: block;
		position: relative;
		right: 0;
		width: 100%;
		padding: 0;
		z-index: 100;
	}
	.boxed {
		max-width: 750px;
	}
	.alt-banner .widget_alith_slider_widget h4.widget-title {font-size: 50px;}
	
		h1 {font-size: 24px;}
	.alt-categories {margin-bottom: 20px;}
	.alt-category{ margin:0 0 30px;}
	.alt-newsupdate {padding:20px 10px;}
	.alt-latestnewsform {padding: 5px 0;}
	#sidebar .alt-widget {min-height: 420px;}
	#sidebar .alt-widget.alt-instagram {min-height: 500px;}
	#sidebar .alt-widget.alt-search{
		min-height: auto;
		height:auto;
	}
	#nav ul li {border-top: 1px solid #333;
	padding: 0;}
	.instagram-plugin li a{ display:block;}
	.instagram-plugin li a img{
		width:100%;
		height:auto;
	}
	.slicknav_btn {
	  border-radius: 4px;
	  margin: 0;
	  text-decoration: none;
	}
	.slicknav_menu {
	  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	}
	.alith-banner-adv {text-align: center; margin-top: 20px;}
	.alith-banner-adv img {display: inline-block;}
	.top-logo {
		text-align: center;
	}
	.top-logo img {display: inline-block;}
	.last-post-style-three .post-thumb {
	  margin: 0 0 10px 0;
	}
	.last-post-style-three .three-style-item .post-thumb {
	  margin: 0 10px 0 0;
	}
	.smartnav .slicknav_btn {float: left;}
	.smartnav {
	  background: #fff none repeat scroll 0 0;
	  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
	  min-height: 36px;
	}
	#nav ul li {
	  padding: 0;
	}
}
@media screen and (max-width: 540px) {
    .masonry.masonry-columns-4, .masonry.masonry-columns-5, .masonry.masonry-columns-3, .masonry.masonry-columns-2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
	.customshare span {display: none;}
}
.masonry .masonry-item {
    display: inline-block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
    display: block;
    float: none !important;
    margin-right: 0 !important;
}
.masonry .masonry-item {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
    padding: 0;
    border: 1px solid transparent;
    transition: all 0.4s ease-in-out;
}

@media screen and (max-width:1199px){
	.alt-newsupdate .title-box {
		float: none;
		overflow:hidden;
		text-align:center;
		padding:0 0 15px;
	}
	.category-content {padding: 10px;}
}

@media screen and (max-width:1024px){
	#sidebar {margin: 20px 0 0 0;}
	.masonry-grid{width:33.2%;}
	#searchform_topbar,.topbar {display: none;visibility: hidden;opacity: 0;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #333;}
	.btn-canvas {
	  padding: 7px 10px;
	}
	.alt-banner-poststyle .title h1 {
    font-size: 30px;
	}
	.except {
		font-size: 14px;
	}
	.alt-banner-poststyle .title {
	  margin: 0 0 15px;
	  padding: 0 0 15px;
	}
	#home-slider .owl-buttons {
	  right: 0;
	}
	.alt-banner h2.widget-title {
	  font-size: 50px;
	}
}

@media screen and (max-width:767px){
	.masonry.masonry-columns-4, .masonry.masonry-columns-5, .masonry.masonry-columns-3 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
	#nav ul li {
	  padding: 0;
	}
	.archive-header .archive-title h2 {
	  font-size: 50px;
	}
	#content .small-thumb figure {
	  float: none;
	  margin: 0 0 20px;
	  position: relative;
	  width: 100%;
	}
	.post-related {width: auto;}
	.div-logo {text-align: center;}
	.container-fluid > .navbar-collapse,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container > .navbar-header{ margin:0;}
	.three-columns .box{
		min-height:210px;
		margin:0 0 30px;
	}
	.alt-latestnewsform input{ margin:0 0 15px;}
	.masonry-grid {width: 49.9%;}
	.alt-post figure img {
		width:100%;
		height:auto;
	}
	.new-slides {padding:15px 15px 15px 0;}
	.btn-canvas,#open-side-bar {
		display: none; opacity: 0;
	}
	.last-post-style-three .post-thumb {
	  float: left;
	  margin: 0 0 10px 0;
	}
}
@media screen and (max-width:639px){
	.alt-post.alt-blockpuote .blockquote {padding: 20px;}
	.alt-post.alt-video-post .video iframe {height: 204px;}
	.category-width{ width:100%;}
	.alt-category figure a img{
		width:100%;
		height:auto;
	}
	.alt-post.alt-blockpuote-post .blockquote {padding: 10px;}
	.blockquote blockquote {
		font-size: 18px;
		line-height: 24px;
	}
	#comment ul li ul {padding: 0 0 0 20px;}
	.topbar {height: auto;}
	.new-slides {
		padding:15px 0;
		width:100%;
	}
	.search-social{
		margin:0 auto;
		float:none !important;
	}
	h1 {font-size: 14px;}
	.post-meta span:after,
	.post-meta span {font-size: 10px;}
	.sliding {padding:28px 0;}
}
@media screen and (max-width:480px){
	.gallery-post .alt-gallery figure.large,
	.gallery-post .alt-gallery figure.small{width:100%;}
	.social-icon li {width: 28px;}
	.comment-wrapper .commentlist li ul.children {margin: 0;}
	#highlight-posts .owl-pagination {
		bottom: -10px;
		position: absolute;
		right: 0;
		top: auto;
	}
	.boxed {
	  margin-top: 10px;
	  max-width: 98%;
	}
	.div-logo {
	  margin-bottom: 20px;
	}
	.navbar {
	  min-height: auto;
	}
	.slicknav_btn {
	  float: left;
	}
	#nav ul li,#nav ul li a {
	  padding: 0;
	}
	.archive-header .archive-title h2 {
	  font-size: 30px;
	}
}
@media screen and (max-width:479px){
	.alt-banner .widget_alith_slider_widget h4.widget-title {
	  font-size: 30px;
	}
	.box-width,
	.widget-width{ width:100%;}
	.three-columns .box,
	#sidebar .alt-widget {
		min-height: auto;
		height:auto;
	}
	.instagram-plugin li a img{
		width:100%;
		height:auto;
	}
	.blockquote blockquote {
		font-size: 14px;
		line-height: 20px;
	}
	.post-width,
	.masonry-grid {width: 100%;}
	.page.post-detail #content #comment ul li .description {
		width:100%;
		padding:10px 0;
		border:0;
	}
	.next-previous .prev-post, .next-previous .next-post {margin: 0 15px;}
	.next-previous .prev-post::after,
	.next-previous .prev-post::before,
	.next-previous .next-post::after,
	.next-previous .next-post:before {width: 15px;}
	
}
@media screen and (min-width:601px){
	.admin-bar nav.smartnav {margin-top: 46px !important}
}
@media screen and (min-width:783px){
	.admin-bar nav.smartnav {margin-top: 32px !important}
}