@media (max-width: 1199px) {
    .list-blog .entry-post .np-thumbnail{
        width: 233px;
    }
    .list-blog .entry-post{
        padding-left: 263px;
    }
    .np-logo{
        max-width: 406px;
        padding: 70px 0;
    }
    h1.site-name{
        font-size: 80px;
    }
    .header-small .np-menu-container{
        max-width: 100%;
        width: calc(100% - 30px);
    }
    .sidebar-area{
        padding-left: 20px;
        padding-right: 20px;
    }
    .np-author,
    .np-about, 
    .np-contact,
    .kc_text_block,
    .comment-list,
    .comment-form,
    .page-content,
    article.single > .entry-footer,
    article.single.post > .entry-tags,
    article.single.post > .entry-content{
        padding-left: 50px;
        padding-right: 50px;
    }
    .bottom-area .widget{
        padding: 0 15px;
    }
}
@media (max-width: 991px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
        float: left;
    }
    /* Bootstrap column */
    [class*="col-md"] {
        width: 100%;
    }
    body.kingcomposer [class*="kc-css-"]{
        width: 100% !important;
    }
    .np-menu-container > .container{
        width: 100%;
    }
    .mobile-menu-icon{
        display: block;
    }
		.np-menu > ul {display:none !important}
    .show-mobile-menu>.np-mmenu{
        left: 0;
    }
    .show-mobile-menu{
        overflow: hidden;
    }
    .vertical-line > span:nth-child(4),
    .vertical-line > span:nth-child(5),
    .np-menu>.sf-menu{
        display: none;
    }
    .content-area,
    .nomad-container > .container > .sidebar-area{
        width: 100%;
    }
    .kc_column + .kc_column .sidebar-area,
    .content-area + .sidebar-area{
        margin-top: 80px;
    }
    .np-menu-container{
        background-color: #111;
        height: 50px;
    }
    .vertical-line > span:nth-child(2){
        right: 50%;
    }
    .vertical-line > span:nth-child(3){
        right: auto;
        left: 0;
    }
    .sidebar-area .widget-item aside.widget{
        width: 212px;
        margin-left: auto;
        margin-right: auto;
    }
    .np-logo{
        max-width: 366px;
        padding: 60px 0;
    }
    h1.site-name{
        font-size: 60px;
    }
    .entry-product{
        padding: 20px 30px;
    }
    .popular-item.swiper-slide{
        width: 33%;
    }
    .swiper-btn-next{
        right: 20px;
    }
    .swiper-btn-prev{
        right: 40px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
    .sidebar-area{
        padding: 0;
    }
    .sidebar-area .sidebar-inner{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .sidebar-area .widget-item{
        width: 50%;
    }
    .col-md-4,
    .col-md-3, .col-md-6 {
        width: 50%;
    }
    .col-md-8,
    .sidebar-area.col-md-4{
        width: 100%;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .kc_column_inner + .kc_column_inner,
    .kc_row + .kc_row, .kc_row + .np-element, .np-element + .kc_row, .np-element + .np-element{
        margin-top: 60px;
    }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11{
        float: none;
    }
    h1.site-name{
        font-size: 40px;
    }
    .slider-posts .post-item{
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0;
    }
    .slider-posts .post-item.active{
        opacity: 1;
    }
    .slider-nav{
        display: block;
    }
    .entry-tags a{
        margin-bottom: 3px;
    }
    .nextprev-postlink .col-md-6{
        float: left;
        width: 50%;
    }
    blockquote{
        margin: 30px 0;
    }
    .list-blog .entry-media{
        position: static;
        text-align: left;
        margin-bottom: 30px;
    }
    .list-blog .entry-post .np-thumbnail{
        width: auto;
    }
    .list-blog .entry-post{
        padding-left: 30px;
    }
    .vertical-line > span:nth-child(2){
        display: none;
    }
    .copyright, .footer-text{
        float: none;
        margin-bottom: 20px;
        text-align: center;
    }
    .np-logo{
        max-width: 306px;
        padding: 60px 0;
    }
    .np-author,
    .np-about, 
    .np-contact,
    .kc_text_block,
    .comment-list,
    .comment-form,
    .page-content,
    article.single > .entry-footer,
    article.single.post > .entry-tags, 
    article.single.post > .entry-content{
        padding-left: 25px;
        padding-right: 25px;
    }
    .nextprev-postlink h4{
        font-size: 16px;
    }
    .nextprev-postlink > div{
        padding: 0 40px;
        height: 200px;
    }
    .np-blog:not(.list-blog) .entry-footer > div,
    article.single.product > div{
        flex: 100%;
    }
    .entry-product{
        padding-top: 60px;
        max-width: 660px;
        margin: 0 auto;
    }
    .np-blog:not(.list-blog) .entry-share,
    .np-blog:not(.list-blog) .entry-comment{
        display: none;
    }
    .popular-item.swiper-slide{
        width: 50%;
    }
    .nextprev-postlink > div > a{
        opacity: 1;
    }
    .prev-post-link a{
        left: 0;
    }
    .next-post-link a{
        right: 0;
    }
    .nextprev-postlink > div:before{
        opacity: 0.5;
    }
    .np-pagination{
        padding-left: 10px;
        padding-right: 10px;
    }
}
/* Landscape phones and down */
@media (max-width: 480px) {
    .slider-posts{
        min-height: 300px;
        max-height: 500px;
    }
    .author-box{
        padding-left: 0;
        min-height: 70px;
    }
    .author-box img{
        width: 70px;
        float: left;
        margin-right: 20px;
        position: static;
    }
    .author-box h3{
        margin-bottom: 0;
    }
    .author-box .np-meta,
    .comment-text .entry-date{
        display: block;
        text-align: left;
        margin-bottom: 5px;
    }
    .author-social,
    .comment-text span.reply{
        float: none;
        margin-bottom: 15px;
        display: block;
    }
    .comment-author img{
        width: 50px;
    }
    .comment-text{
        padding-left: 65px;
        padding-top: 5px;
        margin-bottom: 30px;
    }
    .comment-list .comment .comment{
        margin-left: 50px;
    }
    .bottom-area .col-md-3{
        float: none;
        width: 100%;
    }
    .np-footer{
        text-align: center;
    }
    .copyright, .footer-text{
        float: none;
        padding: 5px;
    }
    .nextprev-postlink > div{
        width: 100%;
    }
    .popular-item.swiper-slide{
        width: 100%;
    }
    .np-popular-posts > h3, .footer-insta h3{
        padding-right: 50px;
        padding-left: 20px;
        text-align: left;
        font-size: 20px;
    }
    .entry-media{
        margin-bottom: 30px;
    }
    .entry-date{
        margin-bottom: 18px;
    }
    .entry-title{
        font-size: 26px;
    }
    blockquote{
        font-size: 16px;
        padding: 0 0 0 40px;
    }
    blockquote:before{
        font-size: 60px;
        margin-top: -4px;
    }
}