/* Medium Layout: 1280px. */

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    
}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width:1024px) {

    /* Fetaured Slide Area */
    .featured-slide .owl-nav {
        top: 40%;
    }
   
    /* Sticky Post Share */
    .sticky-post-share {
        left: 0px;
        transition: all 0.3s ease-in-out;
    }
    .sticky-post-share:hover {
        left: 0px;
    }

    /* Footer Area */
    .footer-widget {
        margin-bottom: 30px;
    }
    .footer-area .col-xs-12:last-child .footer-widget {
        margin-bottom: 0px;
    }
    .footer-area .copyright-area .footer-nav li a {
        padding: 2px 5px;
    }
    .footer-area .copyright-area .footer-social-icons,
    .copyright-right,
    .copyright-left {
        text-align: center;
    }

    /* Sidebar Area */
    .sidebar-area {
        height: auto;
        margin: 30px auto 0;
    }

    /* Post Category */
    .post-category-card {
        margin-bottom: 30px;
    }
}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    .sliding-menu-area, .sliding-category-area{
        top: 52px !important;
    }
    /* Navigation Area */
    .navbar-top-area {
        padding: 0px !important;
    }
    .navbar-top-area .social-icons {
        display: none;
    }
    .slide-menu-toggler a {

    }
    .navbar-top-area .logo-area {
        text-align: left;
    }

    /* Featured Slider */
    .featured-slide .owl-nav {
        top: 10%;
    }
    .featured-slide .owl-nav .owl-prev {
        margin-left: 20px;
    }
    .featured-slide .owl-nav .owl-next {
        margin-right: 20px;
    }

    /* Regular Post Area */
    .regular-post-area {
        padding: 40px 0px;
    }

    /* Newsletter Form */
    .newsletter-area {
        padding-bottom: 40px;
    }
    .newsletter-card form {
        margin-top: 15px;
    }
    .newsletter-card .newsletter-content {
        text-align: center;
    }


    /* Post Category */
    .post-category-area {
        padding: 0px 0px 40px 0px;
    }
    .post-category-card {
        margin-bottom: 30px;
        text-align: center;
    }
    .post-category-area .col-md-3:last-child .post-category-card {
        margin-bottom: 0px;
    }

    /* Instagram Feed */
    .instagram-account {
        top: 48.5%;
    }

    /* Footer Area */
    .footer-widget {
        margin-bottom: 30px;
    }
    .footer-area .col-xs-12:last-child .footer-widget {
        margin-bottom: 0px;
    }
    .footer-area .copyright-area .footer-nav li a {
        padding: 2px 5px;
    }
    .footer-area .copyright-area .footer-social-icons,
    .copyright-right,
    .copyright-left {
        text-align: center;
    }

    /* Page Header Area */
    .page-title-area, .breadcrumb-area {
        text-align: center
    }
    .page-title-area .page-title {
        margin-bottom: 10px;
    }

    /* Page Content Area */
    .content-area-wrapper {
        padding: 40px 0px;
    }
    .content-area .post-card {
        padding: 30px 15px;
    }
    .content-area .post-card .post-header .post-author {
        width: 40px;
        height: 40px;
    }
    .content-area .post-card .post-header .post-title {
        padding: 0px 0px 15px 50px;
    }
    .content-area .post-card .post-header .post-title .title, 
    .content-area .post-card .post-header .post-title .title a {
        font-size: 24px;
        line-height: 27px;
    }
    .content-area .post-card .post-header .post-title .post-meta a {
        font-size: 14px;
    }
    .content-area .post-card .post-header .post-title .post-meta span {
        font-size: 14px;
        margin-right: 0px;
    }

    /* Comments Area */
    .commentlist .comment-author {
        width: 45px;
        height: 45px;
        padding: 0px 10px 10px 0px;
    }
    .commentlist .comment-author img {
        width: 45px;
        height: 45px;
    }
    .commentlist .comment-content {
        padding-left: 55px;
    }
    .sticky-post-share {
        left: -80px;
        transition: all 0.3s ease-in-out;
    }
    .sticky-post-share:hover {
        left: 0px;
    }
}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 481px) and (max-width: 767px) {}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 240px) and (max-width: 480px) {
    
}