@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 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
    }
    .last-post-style-three .three-style-item .post-thumb{
        margin:0 10px 0 0
    }
    .smartnav .slicknav_btn{
    margin: 0;
    padding-bottom: 0;
    }
    .smartnav{
        background:#fff none repeat scroll 0 0;
        box-shadow:2px 2px 5px rgba(0,0,0,0.6);
    }
    #nav ul li{
        padding:0
    }
    .single-more-articles {
        display: none;
    }
    .admin-bar .smartnav {
        margin-top: 46px !important;
    }
    .admin-bar .header_2 .smartnav {
        padding-top: 30px !important;
    }
}

@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
    }
    .show_hide_off_canvas, #open-side-bar,.smartnav .smart-logo {display: none !important;}
}
@media screen and (max-width:1024px){
	.container {width: 980px !important; }
    .boxed {margin: 10px auto; }
    .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
    }
    .alt-banner h2.widget-title{
        font-size:50px
    }
    .header-one .social-icon {display: none;}

	.alt-banner #home-slider {padding-bottom: 60px;}
    .header_1 .in-header {
        padding: 10px 0 !important;
    }
    .sidebar_none .post-content {
     max-width: 100%;
    }
}
@media screen and (max-width:800px){
    .container {width: 100% !important; }
    .header_3_logo {float: left; text-align: center;max-width: 150px;z-index: 300;position: relative;}
    .header_3_navigation {float: none;margin-top: -30px;}
    .slicknav_btn {float: none;}
    .blog-related .line {display: none;}
    .blog-related .tabber_item {margin: 0 0 10px 0;}
}
@media screen and (max-width:768px){
	.container {width: 100% !important; }
    .boxed{
        margin-top:10px;
        max-width:98%
    }
    .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
    }
    .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
    }
    .top-logo {
        text-align: left;
        float: left;
        position: absolute;
        z-index: 2;
        margin-top: -20px;
        max-width: 100px;
    }
    .header-2-navigaion {border: 0;}
    .slicknav_btn {
        float: right;
    }
    .header_1 .in-header {padding-bottom: 0 !important;}
    .header_2 .slicknav_btn {margin-top: -30px;}
    
}
@media screen and (max-width:639px){
     .container {width: 100% !important; }
    .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: 540px){
    .container {width: 100% !important; }
	.top-search {
		margin-top: 0;
	}
    .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
    }
}
@media screen and (max-width:480px){
    .admin-bar .smartnav {
        margin-top: 0px !important;
    }
	.container {width: 100% !important; }
    .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
    }
    
    .div-logo{
        margin-bottom:20px
    }
    .navbar{
        min-height:auto
    }
    .archive-header .archive-title h2{
        font-size:30px
    }
    .header_1 .div-logo {text-align: center;}
    .header_1 .div-logo img{max-width: 200px; display: inline-block;}
}
@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
    }
}