/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Site
# Menus
# Header
# Content
	## Posts and pages
	## Single Post
	## Comments
# Widgets
# Footer
# King Composer
    ## Post
    ## About Author
    ## Featured Posts
--------------------------------------------------------------*/
@media (max-width: 1200px) {
    /*--------------------------------------------------------------
    # Site
    --------------------------------------------------------------*/
    .widget-area.widget-area-popup {
        width: 33%;
        right: -33%;
    }

    .widget-active .widget-area.widget-area-popup {
        right: 0;
        left: auto;
    }

    /*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/
    /* Header Four */
    .header-four .social-media {
        display: none;
    }
    .header-four .header-toggle {
        width: 20%;
    }

    /* Header Seven */
    .header-seven {
        width: 300px;
    }
    .push-seven {
        padding-left: 300px;
    }

    /*--------------------------------------------------------------
    ## Single Post
    --------------------------------------------------------------*/
    .push-seven .post-previous {
        left: 71px;
        z-index: 8;
    }

    .push-seven .post-previous:hover {
        left: 299px;
    }
}
@media (max-width: 991px) {
    /*--------------------------------------------------------------
    # Site
    --------------------------------------------------------------*/
    .order-responsive-a {
        order: 1;
        -o-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
    }
    .widget-area.widget-area-popup {
        width: 40%;
        right: -40%;
    }

    .widget-active .widget-area.widget-area-popup {
        right: 0;
        left: auto;
    }
    .order-1 .widget-area,
    .widget-area {
        padding: 0;
    }

    .col-lg-4 > .widget-area {
        margin-top: 80px;
    }

    /*--------------------------------------------------------------
    # Content
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Posts and pages
    --------------------------------------------------------------*/
    .list-two {
        display: block;
        padding: 0 15px;
        width: 100%;
    }
    .post-next, .post-previous {
        display: none !important;
    }

    /*--------------------------------------------------------------
    # Widgets
    --------------------------------------------------------------*/
    .avatar-author img {
        width: 45%;
    }

    .signature-img img {
        padding: 0 35%;
    }

    .widget-area-popup .avatar-author img {
        width: 75%;
    }

    .widget-area-popup .signature-img img {
        padding: 0 25%;
    }

    /*--------------------------------------------------------------
    # Footer
    --------------------------------------------------------------*/
    .footer-widget section.widget:last-child {
        margin: 0 0 40px;
    }

    .footer-widget-area .row .col-md-12:nth-child(3) .footer-widget section.widget:last-child {
        margin: 0 0 10px;
    }

    /*--------------------------------------------------------------
    # King Composer
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Post
    --------------------------------------------------------------*/
    /* Dynamic */
    .dynamic .betsy-pagination {
        padding-top: 0;
    }

    .posts-area > article.dynamic-masonry.col-lg-6:nth-of-type(2) {
        padding-top: 40px;
        border-top: 1px dashed;
    }

    .dynamic .posts-area:before {
        display: none;
    }

    .dynamic .post-sticky .post-inner {
        margin: 0;
    }

    .dynamic .post.dynamic-masonry .post-inner {
        margin: 0 15px;
    }

    /* Post List */
    .post-list .entry-header {
        width: 100% !important;
        margin: 0;
        display: block !important;
    }

    .post-list .post-thumbnail,
    .post-list .audio-wrapper,
    .post-list .audio-embed,
    .post-list .video-wrapper,
    .post-list .video-embed,
    .post-list .justified-gallery,
    .post-list .owl-gallery-slider {
        margin-bottom: 20px;
    }

    .post-list .entry-content {
        width: 100% !important;
        padding: 0;
        display: block !important;
    }

    .posts-area > article.post-list.post-chess:nth-of-type(2n) .entry-content {
        padding: 0;
    }

    .post-list .post-inner {
        display: block;
    }

    /*--------------------------------------------------------------
    ## About Author
    --------------------------------------------------------------*/
    .author-info {
        display: block !important;
        text-align: center;
    }

    .author-info-img {
        display: block;
        margin: 0 auto;
        width: 70%;
        padding: 0;
    }
    .author-info-img h4 {
        width: 100%;
    }
    .author-info-text {
        margin: 0 auto;
        display: block;
        width: 90%;
        padding: 20px 0 0 0;
        border: none;
    }

    /*--------------------------------------------------------------
    ## Featured Posts
    --------------------------------------------------------------*/
    .featured-text-inner p {
        display: none;
    }

    .featured-full .tab-content,
    .featured-two .slick-tab-links,
    .featured-area .featured-item .featured-item-img {
        height: 450px;
    }

    /* Featured Two */
    .featured-three .featured-text {
        width: 340px;
    }
    .featured-two .slick-tab-links a {
        height: calc(239px - 30px);
    }
    
    /* Featured Three */
    .featured-four .slick-prev,
    .featured-four .slick-next,
    .featured-three .slick-prev,
    .featured-three .slick-next {
        opacity: 1;
    }

    .featured-four .slick-prev,
    .featured-three .slick-prev,
    .featured-four .slick-slider:hover .slick-prev,
    .featured-three .slick-slider:hover .slick-prev {
        left: 30px;
    }

    .featured-four .slick-next,
    .featured-three .slick-next,
    .featured-four .slick-slider:hover .slick-next,
    .featured-three .slick-slider:hover .slick-next {
        right: 30px;
    }

    /*--------------------------------------------------------------
    # Footer
    --------------------------------------------------------------*/
    .instagram-footer .zoom-instagram-widget ul {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .instagram-footer .zoom-instagram-widget li {
        width: 33.333333%;
    }
}
@media (max-width: 768px) {
    /*--------------------------------------------------------------
    # Site
    --------------------------------------------------------------*/
    .widget-area.widget-area-popup {
        width: 55%;
        right: -55%;
    }

    .widget-active .widget-area.widget-area-popup {
        right: 0;
        left: auto;
    }

    body.admin-bar .header-seven,
    body.admin-bar .main-navigation-inner,
    body.admin-bar .widget-area.widget-area-popup {
        height: calc(100% + -45px);
        top: 45px;
    }
    .push-seven .site-main {
        padding: 0;
    }
    .push-seven .site-footer .container {
        padding-left:  15px;
        padding-right:  15px;
    }

    /*--------------------------------------------------------------
    # Menus
    --------------------------------------------------------------*/
    .main-navigation-inner .aside-button,
    .res-menu{
        display: block;
    }
    .main-navigation .plus-menu,
    .res-menu {
        display: inline-block;
    }
    .main-navigation-inner {
        background-color: #fff;
        height: 100%;
        width: 55%;
        left: -55%;
        position: fixed;
        z-index: 9991;
        top: 0;
        overflow-x: hidden;
        padding: 30px;
        transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
    }
    .menu-active .main-navigation-inner {
        left: 0;
    }

    .main-navigation ul {
        text-align: left;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #fff;
    }

    .header-two .main-navigation li,
    .main-navigation ul li {
        display: block;
        float: none;
        margin-right: 0;
    }

    .main-navigation li li {
        padding: 0;
    }

    .main-navigation a {
        text-align: left;
        display: inline-block;
        line-height: normal;
        height: auto;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .main-navigation ul ul {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
        margin: 0;
        padding-bottom: 5px;
        position: relative;
        top: 0;
        opacity: 1;
        visibility: visible;
        display: none;
        transition: all 0s ease-out 0s;
        -o-transition: all 0s ease-out 0s;
        -moz-transition: all 0s ease-out 0s;
        -webkit-transition: all 0s ease-out 0s;
    }

    .main-navigation .main-navigation-inner ul ul {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-right: 20px;
    }

    .main-navigation .main-navigation-inner ul ul ul {
        margin: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 6px;
    }

    .main-navigation .main-navigation-inner ul ul ul ul {
        border: none;
        padding-top: 0;
        padding-bottom: 0;
    }

    .main-navigation ul ul a {
        padding: 10px 0;
        width: auto;
        line-height: 1.2;
    }

    .main-navigation ul ul ul {
        display: none;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 12px;
    }

    .header-seven .main-navigation ul ul,
    .header-seven .main-navigation ul ul ul,
    .header-seven .main-navigation ul > li:hover > ul,
    .header-seven .main-navigation ul > li.focus > ul,
    .main-navigation ul ul,
    .main-navigation ul ul ul,
    .main-navigation ul > li:hover > ul,
    .main-navigation ul > li.focus > ul {
        left: 0 !important;
        top: 0;
        transform: translateX(0) !important;
        -o-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
        box-shadow: none;
        -o-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .header-seven .main-navigation ul ul > li:hover > ul,
    .header-seven .main-navigation ul ul > li.focus > ul,
    .main-navigation ul ul > li:hover > ul,
    .main-navigation ul ul > li.focus > ul {
        left: 0;
        top: 0;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    /*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/
    .main-navigation {
        width: 30%;
    }

    .header-toggle {
        width: 70%;
    }

    /* Header Two */
    .header-two .social-media {
        display: none;
    }
    .header-two .logo-text,
    .header-two .logo {
        width: auto;
        text-align: left;
        margin: 0 auto 0 0;
    }

    /* Header Four */
    .header-four .main-navigation a {
        line-height: 1.7;
        height: auto;
    }

    .header-four .main-navigation {
        order: -1;
        -o-order: -1;
        -moz-order: -1;
        -ms-flex-order: -1;
        -webkit-order: -1;
    }

    .header-four .header-toggle {
        width: 35%;
    }
    .header-four .logo-text,
    .header-four .logo {
        width: 100%;
        text-align: center;
        margin-right: auto;
    }

    /* Header Five */
    .header-five .header-brand-inner {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .ad-header {
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    .header-five .logo  {
        display: block;
        margin: 0 auto;
    }
    .header-five .logo-text.logo-left,
    .header-five .logo.logo-left {
        text-align: center;
        margin: 0 auto;
    }

    /* Header Six */
    .header-six .header-wrapper {
        z-index: 999;
    }

    /* Header Seven */
    .push-seven {
        padding: 0;
    }
    .seven-btn {
        display: block;
    }
    .seven-active .seven-btn {
        left: 50%;
    }
    .header-seven {
        overflow-x: hidden;
        width: 50%;
        left: -50%;
        transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
    }
    .seven-active .header-seven {
        left: 0;
    }
    .header-seven .header-brand {
        display: inline-table;
    }
    body.admin-bar .header-seven .main-navigation-inner {
        height: 100%;
        top: 0;
    }
    .header-seven .main-navigation {
        width: 100%;
    }
    .header-seven .main-navigation-inner {
        background-color: inherit;
        width: 100%;
        left: 0;
        position: relative;
        z-index: 9;
        overflow-x: inherit;
        padding: 0;
        transition: all 0s ease-in-out 0s;
        -o-transition: all 0s ease-in-out 0s;
        -moz-transition: all 0s ease-in-out 0s;
        -webkit-transition: all 0s ease-in-out 0s;
    }
    .header-seven .main-navigation ul {
        background-color: inherit;
    }
    .header-seven .main-navigation ul ul a,
    .header-seven .main-navigation a {
        display: inline-block;
        line-height: normal;
        height: auto;
    }

    /*--------------------------------------------------------------
    # Content
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Single Post
    --------------------------------------------------------------*/
    .single-two .post-heading {
        margin: -80px 20px 0 20px;
        padding: 15px;
    }

    /* About Author */
    .about-author {
        padding: 25px;
    }

    .about-author .author-avatar {
        width: 25%;
    }

    .about-author .author-description {
        width: 75%;
    }
    /*--------------------------------------------------------------
    ## Comments
    --------------------------------------------------------------*/
    .comment-list ol,
    .comment-list ul {
        padding: 0 0 0 20px;
    }

    .comment-form {
        display: block;
    }

    .comment-det-wrapper {
        display: block;
        width: 100%;
    }

    .comment-form .comment-det-wrapper p {
        display: inline-block;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .form-submit .submit {
        width: auto;
    }

    /*--------------------------------------------------------------
    # King Composer
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Post
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
    ## About Author
    --------------------------------------------------------------*/
    .author-info-text img {
        width: 40%;
    }

    /*--------------------------------------------------------------
    ## Featured Posts
    --------------------------------------------------------------*/
    .featured-full .tab-content,
    .featured-two .slick-tab-links,
    .featured-area .featured-item .featured-item-img {
        height: 400px;
    }

    .featured-text {
        width: 280px;
    }

    /* Featured Two */
    .featured-two .slick-tab-links a {
        height: 187px;
    }

    /* Featured Five */
    .featured-five .owl-item .featured-text {
        visibility: visible;
        opacity: 1;
    }

    .featured-five .owl-item .featured-item:before {
        display: none;
    }

    /* Featured Seven */
    .featured-area .featured-seven .colum-1 .featured-item-img{
        height: 500px;
    }
    .featured-seven .colum-2 .featured-item-img {
        height: 150px !important;
    }

    /* Featured Eight */
    .featured-eight-inner {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .featured-eight .colum-1{
        width: 100%;
        padding: 0 0 40px 0;
    }
    .featured-eight .colum-2{
        order: 0;
        -o-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
    }
    .featured-eight .colum-2,
    .featured-eight .colum-3{
        width: 50%;
    }

    .featured-eight .colum-2{
        padding-right: 20px;
    }

    .featured-eight .colum-3{
        padding-left: 20px;
    }

}
@media (max-width: 576px) {
    /*--------------------------------------------------------------
    # Site
    --------------------------------------------------------------*/
    .widget-area.widget-area-popup {
        width: 90%;
        right: -90%;
    }

    .full-search {
        width: 80%;
    }

    .searchform,
    .full-search .searchform .search-input {
        width: 100%;
    }

    /*--------------------------------------------------------------
    # Menus
    --------------------------------------------------------------*/
    .main-navigation-inner {
        width: 90%;
        left: -90%;
    }

    /*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/
    /* Header Two */
    .header-two .header-toggle {
        width: 50%;
    }
    .header-two .logo {
        width: 40%;
    }

    /* Header Four */
    .header-four .main-navigation {
        order: inherit;
        -o-order: inherit;
        -moz-order: inherit;
        -ms-flex-order: inherit;
        -webkit-order: inherit;
    }

    .header-four .header-toggle {
        width: 70%;
    }

    .header-four .logo-text,
    .header-four .logo {
        width: 25%;
        text-align: left;
        margin-right: 15px;
    }

    /* Header Seven */
    .seven-active .seven-btn {
        left: 85%;
    }
    .header-seven {
        width: 85%;
        left: -85%;
    }

    /*--------------------------------------------------------------
    # Content
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Posts and pages
    --------------------------------------------------------------*/
    .post-author,
    .entry-category {
        margin-right: 14px;
    }
    .post-heading.overlay-inner {
        padding: 0 0 20px 20px;
    }
    .like-count:before,
    .post-author:before,
    .entry-category:before {
        right: -10px;
    }
    .like-count {
        margin-left: 14px;
    }
    .like-count:before {
        left: -9px;
    }

    /* List Two */
    .list-two .entry-header {
        display: block;
    }
    .list-two .owl-gallery-slider,
    .list-two .no-post-thumbnail,
    .list-two .post-thumbnail {
        margin: 0 0 20px 0;
        display: block;
        width: 100%;
    }
    .list-two .post-heading {
        display: block;
        width: 100%;
    }
    /*--------------------------------------------------------------
    ## Single Post
    --------------------------------------------------------------*/
    /* About Author */
    .single-post .about-author {
        display: block;
        text-align: center;
        padding: 30px;
    }

    .about-author .author-avatar {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }

    .about-author .author-avatar img {
        width: 120px;
    }

    .about-author .author-description {
        display: block;
        width: 100%;
        padding: 0;
    }

    /* Related Posts */
    .item-related {
        display: block;
        margin: 0;
    }

    .item-related-inner {
        width: 100%;
        display: block;
        margin: 0 0 40px 0;
    }

    .item-related .item-related-inner .thumb-post {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .item-related-inner:last-child {
        margin: 0;
    }

    .item-related .thumb-post .related-image {
        height: 300px;
    }

    .list-related .item-related-inner {
        display: block;
    }

    /*--------------------------------------------------------------
    ## Comments
    --------------------------------------------------------------*/
    .comment-list .children {
        margin-left: 20px;
    }

    .comment-list ol,
    .comment-list ul {
        padding: 0;
        margin-left: 20px;
    }

    .comment-list img {
        width: 40px;
    }

    .author-img {
        padding-right: 15px;
    }

    .comment-meta .date,
    .comment-meta a {
        margin-left: 0;
        margin-right: 10px;
    }

    .comment-meta span.reply {
        float: none;
    }

    /*--------------------------------------------------------------
    # Widgets
    --------------------------------------------------------------*/
    .avatar-author img {
        width: 70%;
    }

    .signature-img img {
        padding: 0 25%;
    }

    /*--------------------------------------------------------------
    # Footer
    --------------------------------------------------------------*/
    .instagram-footer .zoom-instagram-widget li {
        width: 50%;
    }
    .instagram-footer .zoom-instagram-widget li a.zoom-instagram-link  {
        height: 200px !important;
    }

    /*--------------------------------------------------------------
    # King Composer
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Post
    --------------------------------------------------------------*/
    /* Dynamic */
    .dynamic .post-sticky .post-inner,
    .dynamic .post.dynamic-masonry .post-inner {
        margin: 0;
    }
    .posts-area .sticky-post-area .post.sticky {
        padding: 10px !important;
    }

    /* Post Slider */
    .slider-heading,
    .posts-area.owl-post-slider{
        display: block;
        width: 100%;
    }
    .slider-heading {
        margin-bottom: 20px;
        text-align: center;
    }
    #custom-nav {
        padding-top: 0;
    }

    /* Head Post */
    .thumbnail-center.standard-grid .post-thumbnail a,
    .thumbnail-center.post-head .post-thumbnail a{
        padding-top: 330px;
    }

    .thumbnail-center.standard-grid .post-overlay .post-thumbnail a,
    .thumbnail-center.post-head .post-overlay .post-thumbnail a{
        padding-top: 400px;
    }

    /*--------------------------------------------------------------
    ## About Author
    --------------------------------------------------------------*/
    .author-info-text img {
        width: 50%;
    }
    .author-info-img h4 {
        padding: 9px 0;
    }

    /*--------------------------------------------------------------
    ## Featured Posts
    --------------------------------------------------------------*/
    .featured-area .featured-text {
        width: 250px;
    }

    .featured-text-inner .read-more {
        display: none;
    }

    /* Featured One */
    .featured-area .featured-full .featured-text {
        width: 65%;
    }
    .featured-full .featured-item-img {
        margin-right: 20%;
    }
    .featured-full .featured-text {
        bottom: auto;
        margin: 0;
        top: 50%;
        transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }
    .featured-full .featured-text-inner {
        position: relative;
        padding-right: 10px;
        top: 0;
        transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    .slick-tab-links-full {
        position: relative;
        bottom: 0;
        margin-top: 20px;
        width: 100%;
    }
    .featured-full .slick-tab-links-full a {
        margin: 0 auto;
        width: 45px;
    }

    /* Featured Two */
    .featured-two .tabs {
        display: block;
    }

    .featured-two .slick-tab-links,
    .featured-two .tab-content {
        display: block;
        width: 100%;
        margin: 0;
    }

    .featured-two .tab-content {
        height: 400px;
        margin: 0 0 20px 0;
    }

    .featured-two .slick-tab-links {
        height: auto;
        padding: 0 10px;
        width: 100%;
        overflow-x: hidden;
    }

    .slick-tab-links .slick-list {
        margin: 0 -20px;
    }

    .featured-two .slick-tab-links li {
        margin: 0 10px 0;
    }

    .featured-area .featured-two .slick-prev {
        left: 0;
        bottom: 0;
        top: 0;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        margin: auto 10px;
    }

    .featured-area .featured-two .slick-slider .slick-next {
        right: 0;
        bottom: 0;
        top: 0;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        margin: auto 10px;
    }
    
    /* Featured Three */
    .featured-four .slick-prev,
    .featured-three .slick-prev,
    .featured-four .slick-slider:hover .slick-prev,
    .featured-three .slick-slider:hover .slick-prev {
        left: 5px;
    }

    .featured-four .slick-next,
    .featured-three .slick-next,
    .featured-four .slick-slider:hover .slick-next,
    .featured-three .slick-slider:hover .slick-next {
        right: 5px;
    }

    /* Featured Seven */
    .featured-eight-inner, .featured-seven-inner {
        display: block;
    }
    .featured-eight .colum-2,
    .featured-eight .colum-3,
    .featured-seven .colum-1,
    .featured-seven .colum-2 {
        width: 100%;
        display: block;
    }

    .featured-seven .colum-1 {
        padding-right: 0;
        padding-bottom: 40px;
    }

    .featured-area .featured-eight .colum-1 .featured-item-img,
    .featured-seven .colum-1 .featured-item-img,
    .featured-seven .colum-2 .featured-item-img {
        height: 250px !important;
    }

    /* Featured Eight */
    .featured-eight .colum-2{
        padding-bottom: 40px;
    }
    .featured-eight .colum-2,
    .featured-eight .colum-3 {
        padding-left: 0;
        padding-right: 0;
    }
}