/*--------------------------------------------------------------------------*/
/* MEDIA QUERIES */
/*--------------------------------------------------------------------------*/
/*-----------------------------------------*/
/* HEADER */
/*-----------------------------------------*/
@media (max-width: 767px){
    .site-header .header-top {
        padding: 15px 15px 30px 15px;
    } 
    .site-header .header-social, .site-header .header-options{
        margin-top: 10px;
    }
}
@media (max-width: 480px){
    .site-header .header-top {
        padding: 15px;
    } 
}
/*-----------------------------------------*/
/* SLIDERS */
/*-----------------------------------------*/
@media (max-width: 480px){
    .wpc-main-slider .swiper-arrow-right {
        right: 15px;
    }
    .wpc-main-slider .swiper-arrow-left {
        left: 15px;
    }
}
/*-----------------------------------------*/
/* BANNERS */
/*-----------------------------------------*/
@media (max-width: 767px){
    .wpc-main-slider{
        .wpc-banner{
            min-height: 300px;
        }
    }
    .c-page-banner{
        padding: 70px 15px;
    }
}
/*-----------------------------------------*/
/* BLOG */
/*----------------------------------------*/
@media (max-width: 767px){
    .c-post.c-single-post .entry-content {
        padding: 48px 15px 31px; 
    }
    .c-post.c-single-post .entry-footer {
        padding: 0 15px 25px;
    }
    .c-post-author{
        padding: 30px 15px;
    }
    .c-posts-offers {
        padding: 30px 0;    
    }
    .c-posts-offers .c-heading:after{
        left: 15px;
        right: 15px;
        width: auto;
    }
    .c-post .entry-content blockquote {
        margin-top: 20px;
        font-size: 15px;
        line-height: 24px;
    }
    .c-post .entry-content cite {
        margin-bottom: 20px;
    }
}
@media (max-width: 480px){
    .c-post.c-big-post .entry-content {
        padding: 34px 15px 43px;
    }
    .c-post.c-big-post .entry-footer {
        padding: 0 5px 38px;
    }
    .c-post.c-big-post .entry-header {
        padding: 33px 15px 35px;
    }
    .c-post .entry-footer .entry-footer-top {
        padding-left: 15px;
        padding-bottom: 20px;
    }
    .c-post .entry-footer .post-likes {
        display: block;
        margin-top: 15px;
        margin-left: 0;
    }
    .c-post-author{
        text-align: center;
    }
    .c-post-author .author-image {
        float: none;
    }
    .c-post-author .author-info {
        margin-top: 1px;
        padding-left: 0;
    }
    .c-post .entry-footer .entry-footer-top .tags-links a{
        margin-bottom: 5px;    
    }
    .c-post .entry-footer a, .c-post .entry-footer time{
        font-size: 9px;
    }
    .c-post.c-big-post .entry-header .entry-title a, .c-post.c-big-post .entry-header .entry-title span {
        padding: 0;
        font-size: 20px;
    }
    .c-post.c-big-post .entry-footer .entry-footer-bottom .footer-elems{
        width: 100%;
        float: none;
        display: block;
        border: none;
    }
    .c-post.c-big-post .entry-footer .entry-footer-bottom .footer-elems:not(:last-child){
        margin-bottom: 20px;   
        border: none;
    }
    .c-post.c-big-post .entry-footer .entry-footer-bottom .share-links{
        margin-bottom: 23px!important;
    }
    .c-post.c-single-post .post-img-link {
        background-size: cover;
        &:hover{
             background-size: cover;    
        }
    }
}
/*-----------------------------------------*/
/* FEATURD POST */
/*----------------------------------------*/
@media (max-width: 1023px){
    .c-featured-post.active:before {
        display: none;
    }
    .c-featured-post.brdr-sm{
        border-top: 1px dashed #e8e8e8;
    }
}
@media (max-width: 767px){
    .c-featured-post.style-2:after {
        display: none;
    }
    .c-featured-post.brdr-xs{
        border-top: 1px dashed #e8e8e8;
    }
}
/*-----------------------------------------*/
/* COMMENTS */
/*----------------------------------------*/
@media (max-width: 767px){
   .c-post-comments {
        padding: 30px 15px;
    }
}
@media (max-width: 480px){
    .c-post-comments .comment-author img {
        float: none;
        margin-right: 0;
    }
    .c-post-comments .reply {
        position: static;
        margin-top: 15px;
    }
    .c-post-comments .comment-author a {
        display: block;
        margin-top: 10px;
    }
    .c-post-comments .c-comment-list{
        li.depth-2{
            padding-left: 30px;
        }
        li.depth-3{
            padding-left: 60px;
        }
        li.depth-4{
            padding-left: 90px;
        }
    }
}
/*-----------------------------------------*/
/* REPLY FORM */
/*-----------------------------------------*/
@media (max-width: 767px){
    .c-reply-form {
        padding: 30px 15px;
    }
    .c-reply-form .comment-form-author, .c-reply-form .comment-form-email, .c-reply-form .comment-form-url {
        float: none;
        width: 100%;
    }
    .c-reply-form .comment-form-email, .c-reply-form .comment-form-url{
        margin-top: 30px;
    }
}
/*-----------------------------------------*/
/* GALLERY */
/*-----------------------------------------*/
@media (max-width: 767px){
    .c-jgallery {
        margin: -10px;
        padding: 0 15px;
    }
}
/*-----------------------------------------*/
/* SIDEBAR */
/*----------------------------------------*/
@media (max-width: 1024px){
    .c-sidebar .c-widget{
        max-width: 100%;
        float: none;
    }    
}
@media (max-width: 480px){
    .c-sidebar .c-widget {
        padding: 36px 15px 28px;  
    }
}
/*-----------------------------------------*/
/* SIDE POPUP */
/*----------------------------------------*/
@media (max-width: 480px){
    .c-sidepop .sidepop-content{
        padding: 30px 15px;
        width: 100%;
        max-width: 100%;
    }
}
/*-----------------------------------------*/
/* CONTACT PAGE */
/*----------------------------------------*/
@media (max-width: 767px){
    .c-contact-page .contact-info .info-text, .c-contact-page .contact-info .info-details{
        float: none;
        width: 100%;
    }    
    .c-contact-page .contact-info .info-details{
        margin-top: 20px;
        padding-left: 0;    
    }
}
@media (max-width: 480px){
    .c-sidebar .c-widget {
        padding: 36px 15px 28px;  
    }
    .c-contact-page {
        padding: 35px 15px 35px;
    }
}
/*-----------------------------------------*/
/* ABOUT PAGE */
/*----------------------------------------*/
@media (max-width: 1024px){
    .c-about{
        blockquote {
            margin-top: 20px;
            font-size: 15px;
            line-height: 24px;
        }
        cite {
            margin-bottom: 20px;
            font-size: 14px;
        }
        blockquote:before{
            font-size: 56px;
        }
    }
}
@media (max-width: 767px){
    .c-about .c-about-content {
        padding: 15px 15px 0;
    }    
    .c-about .content-left, .c-about .content-right{
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 20px;
    }
}
@media (max-width: 1024px){
    .c-about{
        blockquote {
            margin-top: 20px;
            font-size: 14px;
            line-height: 24px;
        }
        cite {
            margin-bottom: 20px;
            font-size: 14px;
        }
        blockquote:before{
            top: 10px;
            font-size: 40px;
        }
    }
}
/*-----------------------------------------*/
/* SEARCH POPUP */
/*----------------------------------------*/
@media (max-width: 991px){
    .search-popup .search-form-wrap {
        max-width: 500px;   
    }
}
@media (max-width: 560px){
    .search-popup .search-form-wrap {
        max-width: 300px;   
    }     
    .search-form {
        padding: 50px 15px 40px;
    }
}
/*-----------------------------------------*/
/* FOOTER */
/*----------------------------------------*/
@media (max-width: 480px){
    .site-info {
        margin-top: 40px;
        padding-bottom: 40px;
    }   
}
/*-----------------------------------------*/
/* ETC */
/*----------------------------------------*/
@media (max-width: 767px){
    .c-pagination{
       margin-top: 45px;
    }
}