/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
    ul.top_nav li a{padding:15px;}
    .single-slide-item-tablecell h1 a, article.single-post-wrapper h2 a{font-size: 28px;}
    .search-widget input[type="text"]{width: 75%;}
    .recent-post-wrap h5 a{line-height: 1.3;}
    .recent-post-wrap{margin-bottom: 20px;}
    .social-icons a {
        width: 35px;
        height: 35px;;
        line-height: 35px;
        font-size: 14px;
    }
    .single-post-carousel{padding: 15px; height: 300px;}
    .single-post-carousel-tablecell{font-size: 13px;}
    .single-post-carousel-tablecell h4{font-size: 16px;}
    .newsletter-widget input[type="text"]{width: 155px;}
    .single-widgets-wrapp {
        padding: 20px;
        margin-bottom: 25px;
    }
    .search-widget {
        padding: 0;
    }
    
    /* About.html
    -------------------------*/
    .about-post-content{padding: 20px;}
    
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    
    h1, h2, h3, h4, h5, h6{margin: 0 0 10px;}
    .logo {
        text-align: center;
    }
    .logo h1 {
        display: inline-block;
    }
    .search-container {
        margin-top: 0;
        margin-bottom: 20px !important;
        width: 300px;
        position: relative;
        margin: auto;
    }
    .search-container button {
        right: 15px;
        top: 0;
        bottom: 0;
    }
    section.breadcumb-area {
        padding: 20px 0;
        padding-bottom: 0 !important;
    }
    .single-slide-item{height: 360px}
    .single-slide-item-tablecell h1 a{font-size: 28px;}
    figure.blog-thumbnail a img {
        height: 300px;
    }
    .post-content{padding: 20px;}
    footer.footer-area{padding: 50px 0;}
    .newsletter-widget input[type="text"]{width: 85%;}
    .search-widget input[type="text"]{width: 92%;}
    
    
    
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
    
    h1, h2, h3, h4, h5, h6{margin: 0 0 10px;}
    #responsive_nav {
        display: block;
    }
    #responsive_nav .menu-item-has-children i.fa {
        display: none;
    }
    .logo {
        text-align: left;
        margin: 15px 0;
        position: absolute;
        z-index: 999999999;
        display: inline-block;
    }
    .logo h1 {
        display: inline-block;
        font-size: 28px;
    }
    .search-container button {
        right: 15px;
        top: 0;
    }
    .search-container {
        margin-top: 0;
        margin-bottom: 20px;
    }
    section.breadcumb-area {
        padding: 20px 0;
        padding-bottom: 0 !important;
    }
    .single-slide-item{height: 320px}
    .single-slide-item-tablecell h1 a{font-size: 26px; line-height: 1.3;}
    article.single-post-wrapper h2 a{font-size: 24px;}
    figure.blog-thumbnail a img {
        height: 200px;
    }
    .post-content{padding: 20px;}
    footer.footer-area{padding: 35px 0;}
    .post-pagination ul li a{padding: 5px 8px; margin: 5px 0;}
    ul.footer-menu li a{padding: 5px 10px;}
    .social-icons{margin-top: 15px;}
    
    .search-widget{padding: 0 !important;}
    .search-widget input[type="text"]{width:80%}
    .social-icons a{
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
    a.bloghut-btn {
        font-size: 14px;
        padding: 9px 26px;
    }

    /* About.html
    -------------------------*/
    .about-content-wrapp{margin-top: 20px;}
    .about-post-content{padding: 20px;}
    
    /* contact.html
    -------------------------*/
    .contact-info {
        padding: 0 20px;
        padding-bottom: 20px;
    }
    
    /* category.html
    -------------------------*/
    figure.category-blog-thumbnail {margin-left:-15px;width: 52%;}
    .category-post-content {padding-left: 50%; font-size: 10px;}
    .category-post-content h4 a {
        color: #000;
        font-size: 13px;
    }
    a.cat-btn{padding: 8px 15px;}
    .category-post-content{padding-right: 0!important;}
    
    /* single.html
    -------------------------*/
    .single-post-wrapper{margin-top: 30px;}
    .single-title-intro h2 {
        font-size: 20px;
    }

    .single-title-intro {
        padding: 20px;
        font-size: 13px;
    }

    .single-content-wrapp {
        padding: 20px;
    }

    .author-area img {
        width: 80px;
        height: 80px;
    }

    .author-area {
        padding: 20px;
        padding-left: 120px;
        font-size: 13px;
    }

    .commets-area {
        font-size: 13px;
    }
    .comment-author img {
        width: 40px;
        height: 40px;
    }
    
    .comment {
        padding-left: 45px;
    }
    
    .comment-content {
        font-size: 12px;
    }
    
    .edit-link a, .reply a {
        font-size: 10px;
        padding: 2px 6px;
    }
    
    .comment-metadata time {
        font-size: 11px;
    }
    
    /* 404.html
    ----------------------*/
    section.error-message{
        padding: 80px;
    }
    h1.error-big{font-size: 140px;}
    
    
    
    
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
    
    h1, h2, h3, h4, h5, h6{margin: 0 0 10px;}
    #responsive_nav {
        display: block;
    }
    #responsive_nav .menu-item-has-children i.fa {
        display: none;
    }
    .search-container button {
        right: 15px;
        top: 0;
    }
    .search-container {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .single-slide-item{height: 320px;}
    .single-slide-item-tablecell h1 a{font-size: 26px;}
    article.single-post-wrapper h2 a{font-size: 24px;}
    figure.blog-thumbnail a img {
        height: 280px;
    }
    .post-content{padding: 20px;}
    footer.footer-area{padding: 35px 0;}
    .post-pagination ul li a{padding: 8px 15px;}
    ul.footer-menu li a{padding: 5px 10px;}
    .social-icons{margin-top: 15px;}
    
    .newsletter-widget input[type="text"]{width: 73% !important}
    a.bloghut-btn {
        font-size: 14px;
        padding: 9px 26px;
    }
    
    /* About.html
    -------------------------*/
    .about-content-wrapp{margin-top: 20px;}
    .about-post-content{padding: 20px;}
    
    /* contact.html
    -------------------------*/
    .contact-info {
        padding: 0 20px;
        padding-bottom: 20px;
    }
    
    /* category.html
    -------------------------*/
    figure.category-blog-thumbnail {width: 47%;}
    .category-post-content {padding-left: 50%; font-size: 12px;}
    
    /* single.html
    -------------------------*/
    .single-post-wrapper{margin-top: 30px;}
    .single-title-intro h2 {
    font-size: 20px;
    }

    .single-title-intro {
        padding: 20px;
        font-size: 13px;
    }

    .single-content-wrapp {
        padding: 20px;
    }

    .author-area img {
        width: 80px;
        height: 80px;
    }

    .author-area {
        padding: 20px;
        padding-left: 120px;
        font-size: 13px;
    }

    .commets-area {
        font-size: 13px;
    }

    .comment-author img {
        width: 40px;
        height: 40px;
    }
    
    .comment {
        padding-left: 45px;
    }
    
    .comment-content {
        font-size: 12px;
    }
    
    .edit-link a, .reply a {
        font-size: 10px;
        padding: 2px 6px;
    }
    
    .comment-metadata time {
        font-size: 11px;
    }
    
    /* 404.html
    ----------------------*/
    section.error-message{
        padding: 80px;
    }
    h1.error-big{font-size: 140px;}
    
    
    
}