/**
 * 8.2 - >= 568px / 35.500em
 */

@include media(mobile-portrait) {
    /* Woocommerce styles */
    ul.products.columns-3 {
        margin: 0 -15px;
    }

    ul.products.columns-3 li.product {
        padding: 0 15px;
    }

    ul.products.columns-3 li.product {
        width: 33.33%;
    }

    ul.products.columns-2 li.product,
    ul.products.columns-4 li.product {
        width: 50%;
    }

    ul.products li.product {
        float: left;
    }

    #testimonial-content-section .owl-dots-enabled .owl-nav {
        bottom: calc(42px + 63px);
    }

    .playlist-content-wrapper .post-thumbnail {
        margin-bottom: 0;
    }

    .ul.products.columns-3 li.product:nth-child(3n+1) {
        clear: both;
    }

    .site-header-cart .widget_shopping_cart {
        top: 71px;
    }

    table.cart td.actions {
        text-align: right;
    }

    table.cart td.actions .coupon {
        display: inline-block;
        float: left;
    }

    table.cart td.actions input,
    table.cart td.actions .button,
    .woocommerce .wc-proceed-to-checkout a.button {
        display: inline-block;
        width: auto;
    }

    .single-product div.product div.images {
        margin-bottom: 0;
    }

    .single-product div.product .woocommerce-product-gallery,
    .single-product div.product .entry-summary {
        float: left;
        text-align: left;
        width: 50%;
    }

    .single-product div.product .entry-summary {
        margin: 0;
        padding-left: 40px;
    }

    .comment-respond,
    .edd-reviews-form {
        padding: 35px 42px;
    }

    .cart-collaterals .cart_totals {
        display: block;
        clear: both;
        float: right;
        width: 60%;
        max-width: 600px;
    }

    /* Woocommerce styles end here */

    .events-content-wrapper {
        position: relative;
    }

    .events-content-wrapper.layout-two,
    .hero-content-wrapper .hentry-inner,
    .promotion-content-section .hentry-inner,
    .playlist-content-wrapper .hentry-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .hero-content-wrapper .hentry-inner,
    .promotion-content-section .hentry-inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .hero-content-wrapper .post-thumbnail,
    .promotion-content-section .post-thumbnail {
        margin-bottom: 0;
    }

    .playlist-content-wrapper .post-thumbnail-background {
        padding-bottom: 0;
    }

    .playlist-content-wrapper .post-thumbnail-background,
    .playlist-content-wrapper .post-thumbnail {
        width: 46%;
        min-height: 440px;
    }

    .content-align-left .hero-content-wrapper .post-thumbnail,
    .content-align-left .promotion-content-wrapper .post-thumbnail,
    .content-align-left .playlist-content-wrapper .post-thumbnail-background {
        order: 2;
    }

    .content-align-right .hero-content-wrapper .hentry-inner .post-thumbnail-background,
    .content-align-right .promotion-content-wrapper .hentry-inner .post-thumbnail-background {
        left: 0;
    }

    .content-align-right .hero-content-wrapper .entry-container,
    .content-align-right .promotion-content-wrapper .entry-container {
        padding-left: 30px;
    }

    .content-align-left .hero-content-wrapper .entry-container,
    .content-align-left .promotion-content-wrapper .entry-container {
        padding-right: 30px;
    }

    .content-align-left .hero-content-wrapper .entry-container,
    .content-align-left .promotion-content-wrapper .entry-container,
    .content-align-left .playlist-content-wrapper .entry-container {
        order: 1;
    }

    .hero-content-wrapper .entry-container,
    .promotion-content-wrapper .entry-container {
        max-width: 600px;
        width: 57.14285714285714%;
    }

    .hero-content-wrapper .post-thumbnail,
    .promotion-content-wrapper .post-thumbnail {
        margin-bottom: 0;
        width: 42.85714285714286%;
    }

    .playlist-content-wrapper .entry-container {
        width: 54%;
        padding: 0 0 0 30px;
    }

    .playlist-content-wrapper.content-align-left .entry-container {
        padding-left: 0;
        padding-right: 30px;
    }

    .playlist-content-wrapper .wp-playlist .wp-playlist-current-item,
    .playlist-content-wrapper .costello-mejs-container.mejs-container .mejs-controls {
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-content-wrapper .entry-container.full-width,
    .promotion-content-wrapper .entry-container.full-width,
    .playlist-content-wrapper .entry-container.full-width {
        flex-basis: 100%;
        margin: 0 auto;
        max-width: 920px;
        padding: 0;
        width: auto;
    }

    .hero-content-wrapper .entry-header,
    .promotion-content-wrapper .entry-header,
    .playlist-content-wrapper .entry-header,
    .playlist-content-wrapper .entry-title {
        margin-top: 0;
    }

    .events-content-wrapper.layout-two {
        margin-left: -15px;
        margin-right: -15px;
    }

    .events-content-wrapper.layout-two > * {
        flex: 1 1 50%;
        max-width: 50%;
        padding: 0 15px;
    }

    .events-content-wrapper .entry-meta {
        width: 100%;
    }

    .events-content-wrapper.layout-two .main-image.post-thumbnail {
        order: 2;
    }

    .events-content-wrapper.layout-two .events-article-wrapper {
        order: 1;
    }

    .author-info {
        text-align: left;
    }

    .author-avatar {
        float : left;
        margin: 0 28px 0 0;
    }

    .author-description {
        overflow: hidden;
    }

    #testimonial-content-section.layout-two .owl-prev,
    #testimonial-content-section.layout-two .owl-next {
        display: block;
    }

    .two-columns .hentry,
    .archive-posts-wrapper .section-content-wrapper.layout-two .hentry,
    #gallery-section .gallery-columns-2 .gallery-item,
    #gallery-section .gallery-columns-4 .gallery-item,
    #gallery-section .gallery-columns-5 .gallery-item,
    #gallery-section .gallery-columns-7 .gallery-item,
    #gallery-section .gallery-columns-8 .gallery-item {
        width: 50%;
    }

    .three-columns .hentry,
    #gallery-section .gallery-columns-3 .gallery-item,
    #gallery-section .gallery-columns-6 .gallery-item,
    #gallery-section .gallery-columns-9 .gallery-item,
    .featured-content-wrapper.layout-three .hentry,
    .pricing-content-wrapper.layout-three .hentry,
    .archive-posts-wrapper .section-content-wrapper.layout-three .hentry,
    .portfolio-content-wrapper.layout-three .hentry,
    .service-content-wrapper.layout-three .hentry,
    .stats-content-wrapper.layout-three .hentry,
    .team-content-wrapper.layout-three .hentry,
    #colophon .three .widget-column {
        width: 33.33%;
    }

    .four-columns .hentry {
        width: 25%;
    }

    .five-columns .hentry {
        width: 20%;
    }

    .six-columns .hentry {
        width: 16.66%;
    }

    .seven-columns .hentry {
        width: 14.28%;
    }

    .eight-columns .hentry {
        width: 12.5%;
    }

    .nine-columns .hentry {
        width: 11.11%;
    }

    .nine-columns .hentry:nth-child(9n+1),
    .eight-columns .hentry:nth-child(8n+1),
    .seven-columns .hentry:nth-child(7n+1),
    .six-columns .hentry:nth-child(6n+1),
    .five-columns .hentry:nth-child(5n+1),
    .four-columns .hentry:nth-child(4n+1),
    .three-columns .hentry:nth-child(3n+1),
    .archive-posts-wrapper article:nth-child(3n+1),
    .featured-content-wrapper.layout-three .hentry:nth-child(3n+1),
    .pricing-content-wrapper.layout-three .hentry:nth-child(3n+1),
    .portfolio-content-wrapper.layout-three .hentry:nth-child(3n+1),
    .service-content-wrapper.layout-three .hentry:nth-child(3n+1),
    .stats-content-wrapper.layout-three .hentry:nth-child(3n+1),
    .team-content-wrapper.layout-three .hentry:nth-child(3n+1),
    .two-columns .hentry:nth-child(2n+1) {
        clear: both;
    }

    .featured-content-wrapper.layout-four .hentry,
    .pricing-content-wrapper.layout-four .hentry,
    .portfolio-content-wrapper.layout-four .hentry,
    .service-content-wrapper.layout-four .hentry,
    .stats-content-wrapper.layout-four .hentry,
    .team-content-wrapper.layout-four .hentry,
    .featured-content-wrapper.layout-two .hentry,
    .pricing-content-wrapper.layout-two .hentry,
    .portfolio-content-wrapper.layout-two .hentry,
    .service-content-wrapper.layout-two .hentry,
    .stats-content-wrapper.layout-two .hentry,
    .team-content-wrapper.layout-two .hentry,
    #colophon .two .widget-column,
    #colophon .four .widget-column,
    .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
    .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1),
    .portfolio-content-wrapper.layout-five .hentry {
        width: 50%;
    }

    .pagination .page-numbers.prev,
    .pagination .page-numbers.next {
        width: auto;
        height: auto;
    }

    .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
    .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
        float: left;
    }

    .featured-content-wrapper.layout-four .hentry:nth-child(2n+1),
    .pricing-content-wrapper.layout-four .hentry:nth-child(2n+1),
    .portfolio-content-wrapper.layout-four .hentry:nth-child(2n+1),
    .service-content-wrapper.layout-four .hentry:nth-child(2n+1),
    .stats-content-wrapper.layout-four .hentry:nth-child(2n+1),
    .team-content-wrapper.layout-four .hentry:nth-child(2n+1),
    .featured-content-wrapper.layout-two .hentry:nth-child(2n+1),
    .pricing-content-wrapper.layout-two .hentry:nth-child(2n+1),
    .portfolio-content-wrapper.layout-two .hentry:nth-child(2n+1),
    .service-content-wrapper.layout-two .hentry:nth-child(2n+1),
    .stats-content-wrapper.layout-two .hentry:nth-child(2n+1),
    .team-content-wrapper.layout-two .hentry:nth-child(2n+1),
    #colophon .two .widget-column:nth-child(2n+1),
    #colophon .four .widget-column:nth-child(2n+1) {
        clear: both;
    }

    .stats-content-wrapper .entry-container,
    .events-content-wrapper .event-list-description {
        overflow: hidden;
    }

    .app-image-container.layout-two,
    .app-image-container.layout-three {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row nowrap;
    }

    .app-image-container.layout-two div + div,
    .app-image-container.layout-three div + div,
    .app-image-container.layout-three div + div + div {
        margin-top: 0;
        margin-left: 35px;
    }

    .playlist-content-wrapper .hentry {

        .hentry-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
    }

    .playlist-content-wrapper.content-align-left .hentry {

        .hentry-inner {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
                -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse
        }
    }

    .section-content-wrapper.playlist-content-wrapper {
        .post-thumbnail {
            margin-bottom: 0;
        }
    }

    #hero-section.text-align-right,
    #promotion-content-section.text-align-right,
    .promotion-section.text-align-right,
    .app-section.text-align-right {
        text-align: right;
    }

    #hero-section.text-align-left,
    #promotion-content-section.text-align-left,
    .promotion-section.text-align-left,
    .app-section.text-align-left {
        text-align: left;
    }

    .text-align-left .post-thumbnail img {
        margin-left: 0;
    }

    .text-align-right .post-thumbnail img {
        margin-right: 0;
    }

    .promotion-section.content-align-right .entry-container {
        margin-left: auto;
    }

    .promotion-section.content-align-left .entry-container {
        margin-right: auto;
    }

    .stats-content-wrapper .entry-container {
        text-align: center;
    }

    .service-section.border-style .section-content-wrapper.layout-three .hentry,
    .stats-section.modern-style .section-content-wrapper.layout-three .hentry {
        border-right: 1px solid;
    }

    .service-section.border-style .section-content-wrapper.layout-three .hentry:nth-child(3n+3),
    .stats-section.modern-style .section-content-wrapper.layout-three .hentry:nth-child(3n+3) {
        border-right: none;
    }

    .service-section.classic-style .section-content-wrapper.layout-three .hentry-inner {
        padding: 0 15px;
    }

    #gallery-section .entry-content > *:not(div) {
        padding: 0;
    }

    // two columns

    .portfolio-content-wrapper.layout-two .layout-wrap:nth-child(n) .hentry:nth-child(1),
    .portfolio-content-wrapper.layout-four .layout-wrap:nth-child(n) .hentry:nth-child(1) {
        width: 60%;
    }

    .portfolio-content-wrapper.layout-two .layout-wrap:nth-child(n) .hentry:nth-child(2),
    .portfolio-content-wrapper.layout-four .layout-wrap:nth-child(n) .hentry:nth-child(2) {
        width: 40%;
    }

    .portfolio-content-wrapper.layout-two .layout-wrap:nth-child(2n) .hentry:nth-child(n),
    .portfolio-content-wrapper.layout-four .layout-wrap:nth-child(2n) .hentry:nth-child(n) {
        width: 50%;
    }

    .portfolio-content-wrapper.layout-two .layout-wrap:nth-child(3n) .hentry:nth-child(1),
    .portfolio-content-wrapper.layout-four .layout-wrap:nth-child(3n) .hentry:nth-child(1) {
        width: 40%;
    }

    .portfolio-content-wrapper.layout-two .layout-wrap:nth-child(3n) .hentry:nth-child(2),
    .portfolio-content-wrapper.layout-four .layout-wrap:nth-child(3n) .hentry:nth-child(2) {
        width: 60%;
    }

    // three columns

    .portfolio-content-wrapper.layout-three .layout-wrap:nth-child(n) .hentry:nth-child(1) {
        width: 25%;
    }

    .portfolio-content-wrapper.layout-three .layout-wrap:nth-child(n) .hentry {
        width: 50%;
    }

    .portfolio-content-wrapper.layout-three .layout-wrap:nth-child(n) .hentry:nth-child(3) {
        width: 25%;
    }

    .portfolio-content-wrapper.layout-three .layout-wrap:nth-child(2n) .hentry:nth-child(n) {
        width: 33.33%;
    }

    .site-footer-menu {
        margin-right: auto;
    }

    #testimonial-content-section .has-post-thumbnail .hentry {
        margin-bottom: 0;
    }

    #secondary .widget:nth-child(2n+1) {
        clear: both;
        margin-right: 4%;
    }

    .sidebar .widget {
        clear: none;
        display: block;
        float: left;
        width: 48%;
    }

    .custom-header-content-wrapper,
    #feature-slider-section .content-container {
        max-width: 320px;
    }

    .site-footer .two .widget-column:nth-child(2n+1),
    .site-footer .four .widget-column:nth-child(2n+1),
    .contact-info.two-columns li:nth-child(2n+1) {
        clear: both;
    }

    #featured-video-section .side-posts-wrap {
        width: 30%;
        float: left;

        .simplebar-wrapper {
            margin: 0px;
            width: auto;
            height: 100%;
            max-height: 620px;
            overflow-x: hidden;
        }
    }

    .featured-video-content-wrapper .simplebar-content-wrapper .hentry:first-child,
    .featured-video-content-wrapper .hentry {
        width: 100%;
    }

    .single-item .featured-video-content-wrapper .hentry:first-child{
        width: 100%;
    }

    .featured-video-content-wrapper .hentry:first-child {
        width: 70%;
    }

    .featured-video-content-wrapper .hentry:nth-child(2n+1) {
        clear: none;
    }

    .featured-video-content-wrapper {
        display: flex;
    }

    .playlist-content-wrapper .entry-title {
        margin-bottom: 30px;
    }

    #promotion-section.content-align-center .entry-container-frame {
        padding: 35px;
    }

    .app-image-container div {
        margin: 0 20px;
    }

    .app-image-container div:first-child {
        margin-left: 0;
    }

    .app-image-container .app-image {
        width: 24%;
        margin-bottom: 30px;
    }

    .app-image-container .app-button {
        width: 39%;
    }

    .app-image-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .events-content-wrapper .entry-summary p {
        flex-basis: 50%;
        margin-bottom: 0;
    }

    body:not(.home) .site-content > .wrapper,
    body:not(.home) .site-content .archive-content-wrap {
        padding: 49px 15px 21px 15px;
    }

    .section,
    .half-content,
    #footer-newsletter .ewnewsletter .widget-wrap {
        padding: 49px 0 21px 0;
    }

    .contact-form-section.has-map .post-thumbnail {
        padding-bottom: 49px;
    }

    .home .site-content > .wrapper {
        padding: 49px 15px 21px 15px;
    }

    .posts-navigation .nav-links,
    .post-navigation .nav-links {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .posts-navigation .nav-links div:nth-child(1):nth-last-child(2),
    .posts-navigation .nav-links div:nth-child(2):nth-last-child(1),
    .post-navigation .nav-links div:nth-child(1):nth-last-child(2),
    .post-navigation .nav-links div:nth-child(2):nth-last-child(1) {
        display: inline-block;
        width: 50%;
    }

    .post-navigation .nav-previous,
    .posts-navigation .nav-previous {
        text-align: left;
    }

    .post-navigation .nav-next,
    .posts-navigation .nav-next {
        float: right;
        text-align: right;
    }

    .post-navigation .nav-previous {
        padding-right: 20px;
    }

    .post-navigation .nav-next {
        padding-left: 20px;
    }

    .post-navigation div + div,
    .posts-navigation div + div {
        margin-top: 0;
    }

    .promotion-section.content-frame .entry-container {
        padding: 35px;
    }

    .menu-inside-wrapper .action-buttons {
        display: none;
    }

    .site-header-menu > .action-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .absolute-header .custom-header {
        padding-top: 95.2px;
    }

    .site-footer-menu {
        margin-left: auto;
        margin-right: unset;
    }

    .contact-info-details.contact-information {
        display: flex;
    }

    .contact-details-one,
    .contact-details-two {
         width: 50%;
    }

    .team-content-wrapper .hentry {
        width: 50%;
    }

    .contact-us-form .two-col div {
        width: 50%;
        float: left;
        padding-right: 28px;
    }
    .contact-information ul {
        padding-right: 28px;
    }

    #testimonial-content-section .owl-dots {
        margin-bottom: 35px;
    }

    #feature-slider-section.text-below-image .entry-container {
        padding: 49px 30px;
    }

    .menu-label {
        display: inline-block;
    }
}
