/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Site
# Navigation
# Header
# Content
	## Posts and pages
        ### Quote && Link
        ### Standard List
	    ### Dynamic Masonry
	    ### List
	    ### List Two Chess Two
	## Single Post
	## Comments
	## Widgets
# King Composer
    ## Featured Area
	## Author Info
	## Portfolio
# Footer
--------------------------------------------------------------*/
@media (max-width: 1200px) {
    /*--------------------------------------------------------------
    # Site
    --------------------------------------------------------------*/
    .widget-area.widget-area-popup {
        width: 33%;
        right: -33%;
    }

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

    .site.layout-three .widget-area.widget-area-popup {
        right: auto;
        left: -33%;
    }

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

    /*--------------------------------------------------------------
    # Navigation
    --------------------------------------------------------------*/
    .main-navigation li {
        margin-right: 15px;
    }

}

@media (max-width: 991px) {

    /*--------------------------------------------------------------
    # Normalize
    --------------------------------------------------------------*/
    .order-responsive-a {
        order: 1;
        -o-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
    }

    /*--------------------------------------------------------------
    # Site
    --------------------------------------------------------------*/
    .widget-area.widget-area-popup {
        width: 40%;
        right: -40%;
    }

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

    .site.layout-three .widget-area.widget-area-popup {
        right: auto;
        left: -40%;
    }

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

    .logo .logo-image {
        width: 70%;
        margin: 0;
    }

    .site-brand .logo-text h1 {
        margin: 0;
    }

    /*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/
    .header-two .social-media ul li {
        margin: 0 10px;
    }

    /*--------------------------------------------------------------
    ## Posts and pages
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ### Standard List
    --------------------------------------------------------------*/
    .posts-area > article.standard-list.post-list:nth-of-type(1) .entry-header,
    .posts-area > article.standard-list.post-list:nth-of-type(3n+1) .entry-header {
        margin: 0;
    }

    /*--------------------------------------------------------------
    ### Dynamic Masonry
    --------------------------------------------------------------*/
    .dynamic .raha-pagination {
        padding-top: 0;
    }

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

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

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

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

    .dynamic .post-sticky {
        padding-right: 0;
        padding-left: 0;
    }

    /*--------------------------------------------------------------
    ### 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;
    }

    /*--------------------------------------------------------------
    ### List Two Chess Two
    --------------------------------------------------------------*/
    .posts-area > article.post-list.post-chess-two:nth-of-type(2n),
    .posts-area > article.post-list.post-list-two:nth-of-type(2n) {
        padding-left: 15px;
        padding-right: 15px;
    }

    .post-list.post-chess-two,
    .post-list.post-list-two {
        padding-left: 15px;
        padding-right: 15px;
    }

    .posts-area > article.post-list.post-chess-two:nth-of-type(4n) .entry-header,
    .posts-area > article.post-list.post-chess-two:nth-of-type(4n-1) .entry-header {
        order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
    }

    .posts-area > article.post-list.post-chess-two:nth-of-type(2n) .entry-header {
        order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
    }

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

    .post-list.post-chess-two .entry-header,
    .post-list.post-list-two .entry-header {
        width: 50% !important;
        margin: 0;
        display: inline-block !important;
    }

    .post-list.post-chess-two .entry-content,
    .post-list.post-list-two .entry-content {
        width: 50% !important;
        display: inline-block !important;
    }

    .post-list.post-chess-two .post-inner,
    .post-list.post-list-two .post-inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    /*--------------------------------------------------------------
    ## Widgets
    --------------------------------------------------------------*/
    .order-1 .widget-area,
    .order-responsive-a .widget-area {
        padding: 0;
    }

    .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%;
    }

    /*--------------------------------------------------------------
    # Navigation
    --------------------------------------------------------------*/
    .site-brand {
        padding: 15px;
    }

    .main-navigation.left {
        display: none;
    }

    .main-navigation.right {
        width: 100%;
        padding-right: 0;
    }

    .logo {
        width: 40%;
    }

    .site-brand .logo {
        text-align: left;
    }

    .full-search {
        width: 50%;
    }

    body.admin-bar .main-navigation-inner {
        height: calc(100% + -32px);
        top: 32px;
    }

    /* Mobile Menu */
    .main-navigation {
        padding: 0;
    }

    .main-navigation-inner {
        background-color: #fff;
        height: 100%;
        width: 40%;
        position: fixed;
        z-index: 9990;
        top: 0;
        overflow-x: hidden;
        padding: 30px;
        transition: all 0.7s ease-in-out 0.1s;
        -o-transition: all 0.7s ease-in-out 0.1s;
        -moz-transition: all 0.7s ease-in-out 0.1s;
        -webkit-transition: all 0.7s ease-in-out 0.1s;
    }

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

    .main-navigation ul li {
        display: block;
        margin-right: 0;
    }

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

    .main-navigation a {
        text-align: left;
        display: inline-block;
        line-height: normal;
        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: 3px;
        padding-bottom: 6px;
        border-top: 1px solid #222;
    }

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

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

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

    .main-navigation ul ul .push-left > ul,
    .main-navigation ul ul,
    .main-navigation ul ul ul,
    .main-navigation ul > li:hover > ul,
    .main-navigation 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);
        box-shadow: none;
        -o-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .main-navigation ul ul > li.push-left:hover > ul,
    .main-navigation ul ul > li.push-left.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);
    }

    .main-navigation.right .main-navigation-inner {
        right: -40%;
    }

    .menu-right-active .main-navigation.right .main-navigation-inner {
        right: 0;
        transition: all 0.7s ease-in-out 0s;
        -o-transition: all 0.7s ease-in-out 0s;
        -moz-transition: all 0.7s ease-in-out 0s;
        -webkit-transition: all 0.7s ease-in-out 0s;
    }

    .main-navigation.right .main-navigation-inner > ul {
        float: none;
    }

    .plus-menu {
        float: right;
        width: 28px;
        height: 35px;
        display: inline-block;
        position: absolute;
        right: 0;
        cursor: pointer;
    }

    .main-navigation .page_item_has_children > .plus-menu:after,
    .main-navigation .menu-item-has-children > .plus-menu:after {
        right: 12px !important;
        top: 50%;
    }

    .main-navigation .menu-item-has-children > .plus-menu:before,
    .main-navigation .page_item_has_children > .plus-menu:before {
        right: 14px !important;
        top: 50%;
    }

    .main-navigation .menu-item-has-children:hover > .plus-menu:before,
    .main-navigation .page_item_has_children:hover > .plus-menu:before {
        height: 5px;
    }

    .plus-menu.active:before {
        height: 0 !important;
    }

    /* Footer Menu */
    .menu-footer .main-navigation ul {
        text-align: center;
        width: 100%;
        margin: 0;
        list-style: none;
        background-color: unset;
        padding: 0;
    }

    .menu-footer .plus-menu,
    .menu-footer .main-navigation ul ul {
        display: none;
    }

    .menu-footer .main-navigation > ul > li.page_item_has_children > a,
    .menu-footer .main-navigation > ul > li.menu-item-has-children > a {
        padding-right: 0;
    }

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

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

    /* Featured Two */
    .featured-two .slick-tab-links a {
        height: calc(239px - 30px);
    }

    /* Featured Four */
    .featured-five .slick-prev,
    .featured-five .slick-next,
    .featured-four .slick-prev,
    .featured-four .slick-next {
        opacity: 1;
    }

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

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

    /* Featured Five */
    .featured-five .slick-slider {
        margin: 0;
    }

    .featured-five .featured-item .featured-item-img {
        margin: 0;
    }

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

    .author-info-img {
        display: block;
        margin: 0 auto;
        width: 60%;
    }

    .author-info-text {
        margin: 0 auto;
        display: block;
        width: 90%;
        padding: 20px 0 0 0;
    }

    /*--------------------------------------------------------------
    # Footer
    --------------------------------------------------------------*/
    .left-site-footer h3 {
        padding: 0 10%;
    }

    .left-site-footer p {
        margin-bottom: 15px;
    }

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

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

@media (max-width: 768px) {

    /*--------------------------------------------------------------
    # Site
    --------------------------------------------------------------*/
    .widget-area.widget-area-popup {
        width: 55%;
        right: -55%;
    }

    .site.layout-three .widget-area.widget-area-popup {
        right: -55%;
        left: auto;
    }

    .widget-active .site.layout-three .widget-area.widget-area-popup,
    .widget-active .site .widget-area.widget-area-popup {
        right: 0;
        left: auto;
    }

    .layout-one .search-bg,
    .layout-three .search-bg {
        height: 100%;
        width: 0;
    }

    .search-active .layout-one .search-bg,
    .search-active .layout-three .search-bg {
        width: 100%;
    }

    .layout-one .full-search,
    .layout-three .full-search {
        top: 50%;
        left: auto;
        right: -50%;
        transform: translate(50%, -50%);
        -o-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        -webkit-transform: translate(50%, -50%);
    }

    .search-active .layout-one .full-search,
    .search-active .layout-three .full-search {
        top: 50%;
        right: 50%;
    }

    .full-search {
        width: 70%;
    }

    .full-search input::-webkit-input-placeholder {
        color: #fff;
        font-size: 25px;
        opacity: 1;
    }

    .full-search input:-moz-placeholder {
        color: #fff;
        font-size: 25px;
        opacity: 1;
    }

    .full-search input::-moz-placeholder {
        color: #fff;
        font-size: 25px;
        opacity: 1;
    }

    .full-search input:-ms-input-placeholder {
        color: #fff;
        font-size: 25px;
        opacity: 1;
    }

    .full-search input {
        font-size: 25px;
    }

    .site.layout-one .cancel-btn,
    .site.layout-three .cancel-btn {
        bottom: auto;
        top: 0;
        right: auto;
        left: -70px;
    }

    .site.layout-one .cancel-btn-inner,
    .site.layout-three .cancel-btn-inner {
        transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
    }

    .search-active .site.layout-one .cancel-btn,
    .search-active .site.layout-three .cancel-btn {
        left: 0;
    }

    body.admin-bar .main-navigation-inner,
    body.admin-bar .widget-area.widget-area-popup {
        height: calc(100% + -45px);
        top: 45px;
    }

    body.admin-bar .header-sticky.visible-bottom {
        top: -115px;
    }

    body.admin-bar .site.layout-one .cancel-btn,
    body.admin-bar .site.layout-two .cancel-btn,
    body.admin-bar .site.layout-three .cancel-btn,
    body.admin-bar .header-sticky,
    body.admin-bar .header-sticky.visible,
    body.admin-bar .site .header-one {
        top: 45px;
    }

    body.admin-bar .border-site {
        margin-top: 45px;
    }

    /*--------------------------------------------------------------
    # Navigation
    --------------------------------------------------------------*/
    .main-navigation.right .main-navigation-inner {
        width: 55%;
        right: -55%;
    }

    /*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/
    .social-media {
        display: none;
    }

    .site.layout-one {
        padding-right: 0;
        padding-top: 70px;
    }

    .site.layout-three {
        padding-left: 0;
        padding-top: 70px;
    }

    .site .header-one {
        width: 100%;
        height: 70px !important;
        line-height: 65px;
        padding: 0 15px;
        top: 0;
        border-right: none;
        border-left: none;
        border-bottom: 1px solid;
    }

    .site .header-one .top {
        margin: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 0 0 15px;
        order: 1;
        -o-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
    }

    .site .header-one .top .toggle-btn {
        height: 68px;
        line-height: 77px;
        float: right;
        margin: 0 10px 0 0;
        display: block;
    }

    .site .header-one .top .cart-link {
        float: right;
        height: 68px;
        line-height: 70px;
        margin-right: 20px;
        margin-top: 0;
    }

    .site .header-one .main {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
        margin: 0;
    }

    .site .header-one .bottom {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 15px;
        text-align: left;
        order: -1;
        -o-order: -1;
        -moz-order: -1;
        -ms-flex-order: -1;
        -webkit-order: -1;
    }

    .site .header-one .bottom .search-btn {
        display: inline-block;
        position: relative;
        margin: 0;
        padding-bottom: 0;
        padding-left: 10px;
        -o-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        height: auto;
        right: auto;
        left: -40px;
        line-height: normal;
    }

    .site .header-one .bottom .search-btn p {
        display: block;
        position: relative;
    }

    .site .header-one .bottom .search-btn p:before {
        left: -25px;
        top: 47%;
    }

    .site .header-one .icon-search {
        top: 0;
        text-align: left;
        display: block;
        padding: 20px 20px 20px 7px;
    }

    .site .header-one .icon-search i {
        display: table;
        margin: 2px auto 0 0;
    }

    /*--------------------------------------------------------------
    ## Posts and pages
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ### Quote && Link
    --------------------------------------------------------------*/
    .quote-post.link-post.post .post-content {
        padding: 50px !important;
    }

    .quote-post.link-post.post .post-inner:after {
        top: 50px !important;
        bottom: 50px !important;
        left: 50px !important;
        right: 50px !important;
    }

    .quote-post.link-post.post .post-content:after {
        bottom: 100px !important;
        right: calc(50px - 1px) !important;
    }

    .quote-post.link-post.post .post-content:before {
        top: 100px !important;
        left: calc(50px - 1px) !important;
    }

    .quote-post.format-link.link-post.post .post-content:after {
        bottom: 60px !important;
        right: calc(50px - -9px) !important;
    }

    .quote-post.format-link.link-post.post .post-content:before {
        top: 60px !important;
        left: calc(50px - -9px) !important;
    }

    /*--------------------------------------------------------------
    ### List Two Chess Two
    --------------------------------------------------------------*/
    .post-list.post-chess-two .post-thumbnail,
    .post-list.post-list-two .post-thumbnail,
    .post-list.post-chess-two .audio-wrapper,
    .post-list.post-chess-two .audio-embed,
    .post-list.post-list-two .audio-wrapper,
    .post-list.post-list-two .audio-embed,
    .post-list.post-chess-two .video-wrapper,
    .post-list.post-chess-two .video-embed,
    .post-list.post-list-two .video-wrapper,
    .post-list.post-list-two .video-embed,
    .post-list.post-chess-two .justified-gallery,
    .post-list.post-list-two .justified-gallery,
    .post-list.post-chess-two .owl-gallery-slider,
    .post-list.post-list-two .owl-gallery-slider {
        margin-bottom: 20px;
    }

    .post-list.post-chess-two .entry-header,
    .post-list.post-list-two .entry-header {
        width: 100% !important;
        margin: 0;
        display: block !important;
    }

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

    .post-list.post-chess-two .post-inner,
    .post-list.post-list-two .post-inner {
        display: block;
    }

    .thumbnail-list {
        height: 290px;
    }

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

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

    .about-author .author-description {
        width: 75%;
    }

    /* Post 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;
    }

    #commentform.comment-form .form-submit {
        width: 100%;
        text-align: center;
    }

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

    /*--------------------------------------------------------------
    # Footer
    --------------------------------------------------------------*/
    .left-site-footer,
    .right-site-footer,
    .site-footer {
        display: block;
    }

    .left-site-footer-inner {
        position: relative;
        top: 0;
        transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        padding: 70px 0 80px;
    }

    .left-site-footer p {
        margin-bottom: 30px;
    }

    .site-footer .logo {
        padding: 0 27%;
    }

    /*--------------------------------------------------------------
    # King Composer
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Featured Area
    --------------------------------------------------------------*/
    .featured-two .slick-tab-links,
    .featured-area .featured-item .featured-item-img {
        height: 400px;
    }

    .featured-text {
        width: 280px;
    }

    .featured-text-inner {
        padding: 30px;
    }

    /* Featured Full */
    .featured-num {
        padding-bottom: 10px;
    }

    .featured-num span {
        font-size: 40px;
    }

    .featured-full .featured-text-inner > span {
        bottom: -40px;
    }

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

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

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

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

    /*--------------------------------------------------------------
    ## Portfolio
    --------------------------------------------------------------*/
    .portfolio-content {
        display: block;
        bottom: auto;
        top: 50%;
        z-index: 2;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .portfolio-inner:before {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .portfolio-content:before {
        display: none;
    }

    .port-title {
        width: 100%;
        height: 100%;
        display: block;
    }

    .port-title-inner {
        padding: 0;
        text-align: center;
        opacity: 1;
        transform: translateX(0);
        -o-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    .port-content {
        display: none;
    }

    /* Single Portfolio */
    .port-layout-two {
        display: block;
    }

    .port-layout-two .entry-header {
        display: block;
        width: 100%;
    }

    .port-layout-two .single-port-content {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .port-layout-two .entry-title {
        margin: 0 0 13px;
    }

    .port-layout-two .post-thumbnail {
        margin-bottom: 30px;
    }

    /* Footer Two */
    .subscribe-top .left-site-footer-inner {
        padding: 100px 0;
    }

    .subscribe-top .raha-mailchimp input {
        width: 40%;
    }

    .site-footer.subscribe-top .logo {
        padding: 0 25%;
    }

}

@media (max-width: 576px) {
    /*--------------------------------------------------------------
    # Normalize
    --------------------------------------------------------------*/
    blockquote {
        margin: 0 0.5em;
    }

    /*--------------------------------------------------------------
    # Site
    --------------------------------------------------------------*/
    .widget-area.widget-area-popup {
        width: 100%;
        right: -100%;
    }

    .site.layout-three .widget-area.widget-area-popup {
        right: -100%;
        left: auto;
    }

    .full-search {
        width: 80%;
    }

    .full-search input::-webkit-input-placeholder {
        color: #fff;
        font-size: 20px;
        opacity: 1;
    }

    .full-search input:-moz-placeholder {
        color: #fff;
        font-size: 20px;
        opacity: 1;
    }

    .full-search input::-moz-placeholder {
        color: #fff;
        font-size: 20px;
        opacity: 1;
    }

    .full-search input:-ms-input-placeholder {
        color: #fff;
        font-size: 20px;
        opacity: 1;
    }

    .full-search input {
        font-size: 20px;
    }

    body.admin-bar .header-sticky.visible-bottom {
        top: -70px;
    }

    body.admin-bar .header-sticky,
    body.admin-bar .site .header-one {
        top: 0;
        position: relative;
    }

    body.admin-bar .site.layout-one,
    body.admin-bar .site.layout-three {
        padding: 0;
    }

    body.admin-bar .header-sticky.visible.visible-bottom {
        position: fixed;
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
        top: 0;
    }

    body.admin-bar .header-sticky.visible {
        top: 0;
        box-shadow: none;
        -o-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    body.admin-bar .border-site {
        margin-top: 0;
    }

    .site {
        padding: 0 !important;
    }

    .site .header-one {
        position: relative;
        top: 0;
    }

    .raha-border .site .site-header.header-one {
        margin: 0 !important;
    }

    .raha-border .site .site-header .header-one-inner {
        padding: 0 !important;
    }

    .raha-border .header-two .header-sticky {
        position: fixed;
    }

    body.admin-bar.raha-border .header-sticky {
        top: 45px;
    }

    body.admin-bar.raha-border .widget-area.widget-area-popup {
        margin-top: 0;
    }

    .logo {
        width: 60%;
    }

    .logo .logo-image {
        width: 100%;
    }

    /*--------------------------------------------------------------
    # Navigation
    --------------------------------------------------------------*/
    .main-navigation.right .main-navigation-inner {
        width: 100%;
        right: -100%;
    }

    /*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/
    .site .header-one .top {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .site .header-one .main {
        display: none;
    }

    .site .header-one .bottom {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .share-icon {
        width: 140px;
    }

    /*--------------------------------------------------------------
    ## Posts and pages
    --------------------------------------------------------------*/
    .quote-post .post-content cite {
        font-size: 14px;
    }

    .link-post .post-content p a,
    .quote-post .post-content blockquote {
        font-size: 15px !important;
    }

    /*--------------------------------------------------------------
    ### Dynamic Masonry
    --------------------------------------------------------------*/
    .dynamic .post-sticky .post-inner,
    .dynamic .post.dynamic-masonry .post-inner {
        margin: 0;
    }

    .dynamic .post-sticky,
    .dynamic-masonry {
        padding-right: 15px;
        padding-left: 15px;
    }

    /*--------------------------------------------------------------
    ### List Two Chess Two
    --------------------------------------------------------------*/
    .thumbnail-list {
        height: 320px;
    }

    /*--------------------------------------------------------------
    ## 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 30px 0;
    }

    .item-related-inner:last-child {
        margin: 0 0 0 0;
    }

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

    /* Post 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%;
    }

    /* Instagram */
    .footer-instagram .null-instagram-feed li {
        margin: 2px !important;
        width: 30%;
    }

    /*--------------------------------------------------------------
    # Footer
    --------------------------------------------------------------*/
    .raha-mailchimp input {
        width: 55%;
    }

    .site-footer .logo {
        padding: 0 20%;
    }

    /*--------------------------------------------------------------
    # King Composer
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Featured Area
    --------------------------------------------------------------*/
    .featured-full .featured-item {
        display: block;
    }

    .featured-area .featured-text {
        width: 250px;
    }

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

    /* Featured Full */
    .featured-area .featured-full .featured-item .featured-item-img {
        width: calc(100% - 70px);
        height: 300px;
        display: block;
    }

    .featured-area .featured-full .featured-text {
        width: calc(100% - 70px);
        margin: 15px 0 0 0;
        display: block;
    }

    .featured-full .featured-text-inner {
        margin-bottom: 40px;
    }

    .featured-num {
        padding-bottom: 10px;
    }

    .featured-num span {
        font-size: 40px;
    }

    .featured-full .featured-text-inner > span {
        bottom: -40px;
    }

    .featured-area .featured-full .featured-text-inner .read-more {
        display: block;
    }

    /* 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 30px 0;
    }

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

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

    .featured-two .slick-tab-links li {
        margin: 0 15px 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 15px;
    }

    .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 15px;
    }

    /* Featured Three */
    .featured-area .featured-three .featured-text {
        width: 100%;
    }

    /* Featured Four */
    .featured-five .slick-prev,
    .featured-four .slick-prev,
    .featured-five .slick-slider:hover .slick-prev,
    .featured-four .slick-slider:hover .slick-prev {
        left: 5px;
    }

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

    .featured-five .slick-next,
    .featured-five .slick-prev {
        margin: auto 0;
    }

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