/** tablet portrait */
@media (min-width: 1025px) and (max-width: 1280px){

    .columns4 .gallery-list-item-inside .gallery-title {
        border-left: none;
        font-size: 18px;
        margin-left: 0;
        margin-top: 8px;
        min-height: 0;
        padding-left: 0;
        text-align: center;
    }

    .count-wrap {
        bottom: 0;
        left: 0;
        margin: auto;
        position: relative;
        top: 0;
    }

    .columns6 .grid-item .portfolio-content h2 {
        font-size: 14px;
    }
}

@media (max-width: 1024px){

    /** sliders & galleries navigation */

    /*#main-app-bar #bar-mobile-next,*/
    /*#main-app-bar #bar-mobile-prev,*/
    #main-app-bar #bar-mobile-zoom,
    #main-app-bar #bar-video-play,
    #main-app-bar #bar-video-mute,
    #main-app-bar #bar-map-info{
        display: block;
    }

    #split-thumbs{
        display: none;
    }

    #frame-thumbs{
        display: none;
    }

    #frame-controls {
        display: none;
    }

    #bar-copyright{
        display: none;
    }

    .video-row{
        padding: 0;
    }

    .video-row .video-text{
        padding: 20px;
    }

    /** video */

    #video-controls{
        display: none;
    }

    .testimonials-item {
        padding: 20px 20px 120px;
    }

    .testimonials-thumbs{
        height: 80px;
    }

    a.testimonials-thumb{
        height: 100%;
    }

    a.testimonials-thumb img{
        height: 100%;
        width: auto;
    }

    /** contacts */

    #contacts-popup-bar .contacts-popup-inner {
        height: 100%;
        overflow-y: auto;
        padding: 20px;
    }

    #contacts-popup-bar .contacts-iconblock {
        padding: 0;
    }

    .contact-form {
        padding: 0;
    }

    .contacts-icon {
        margin-bottom: 10px;
        margin-top: 38px;
    }

    .contacts-icon:after {
        display: none;
    }

    #contact-form h3 {
        font-size: 18px;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .cf-label {
        display: block;
        float: none;
        padding-right: 0;
        text-align: left;
        width: 100%;
        margin-bottom: 8px;
    }

    span.wpcf7-form-control-wrap {
        float: none;
        width: 100%;
    }

    #contacts-popup .close-popup {
        right: 20px;
        top: 20px;
    }

    #contacts-popup {
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1000;
    }

    .contacts-popup-inner {
        height: 100%;
        overflow-y: auto;
        padding: 80px 30px;
    }

    .map-marker {
        font-size: 16px;
        left: 0;
        top: 50%;
        width: 100%;
    }

    .map-marker:before{
        display: none;
    }
}

@media (max-width: 768px){

    .content-pad{
        padding-right: 0;
    }
    .woocommerce-page .content-pad {
        padding: 15px;
    }
    .woocommerce-page.page .post-inside article {
        padding: 20px;
    }

    .content-inner .woocommerce-info .showcoupon {
        display: block;
        margin-top: 10px;
    }
    #order_review {
        padding: 20px;
    }
    .coupon #coupon_code {
        width: 120px;
    }
    .woocommerce-page .coupon .button {
        width: 100% !important;
        margin-left: 10px !important;
    }
    .woocommerce-cart-form__cart-item.cart_item {
        border: 1px solid rgba(0,0,0,.1);
        margin: 0 0 20px 0;
        border-radius: 10px;
        position: relative;
    }
    .woocommerce-cart-form__cart-item.cart_item .product-remove {
        position: absolute;
        right: 17px;
        top: 17px;
    }
    tr.woocommerce-cart-form__cart-item.cart_item .product-name {
        padding-right: 70px !important;
    }
    .woocommerce-cart-form__cart-item.cart_item .product-name,
    .woocommerce-cart-form__cart-item.cart_item .product-price,
    .woocommerce-cart-form__cart-item.cart_item .product-quantity,
    .woocommerce-cart-form__cart-item.cart_item .product-subtotal {
        padding: 10px 20px !important;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }
    .woocommerce-cart-form__cart-item.cart_item .product-subtotal {
        border-bottom: 0;
    }
    tr.woocommerce-cart-form__cart-item.cart_item td::before {
        float: none !important;
        display: block !important;
        text-align: left;
    }
    .woocommerce table.shop_table_responsive tr.woocommerce-cart-form__cart-item.cart_item td,
    .woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item.cart_item td {
        text-align: left !important;
    }
    tr.woocommerce-cart-form__cart-item.cart_item td.product-remove::before {
        background: transparent;
        float: right !important;
        font-size: 0;
    }
    .woocommerce table.shop_table_responsive tr td .coupon {
        text-align: left;
    }
    .woocommerce table.shop_table_responsive tr td .coupon #coupon_code {
        width: auto;
    }
    .cart-collaterals {
        margin-top: 0;
        padding: 20px 20px;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: rgba(0,0,0,0);
    }
    .woocommerce table.shop_table #coupon_code {
        margin-top: 0;
    }


    #shop-container{
        max-width: 650px;
        padding-right: 0;
        padding-left: 0;
    }

    .container{
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    /*.sidebar-right .post-wrap {*/
    /*    padding-right: 0;*/
    /*}*/

    .sidebar-left .post-wrap {
        padding-left: 0;
    }

    #woo-content {
        padding-right: 0;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        margin: 0 1% 30px;
        width: 48%;
    }

    .woocommerce ul.products li.product .add_to_cart_button {
        margin: 30px 0 15px;
        text-align: center;
        display: block;
    }

    .woocommerce a.added_to_cart.wc-forward,
    .archive.woocommerce a.added_to_cart.wc-forward,
    .woocommerce-page a.added_to_cart.wc-forward,
    .woocommerce a.added_to_cart.wc-forward:hover,
    .archive.woocommerce a.added_to_cart.wc-forward:hover,
    .woocommerce-page a.added_to_cart.wc-forward:hover {
        display: block;
        margin-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .woocommerce-form-coupon-toggle .woocommerce-info {
        margin-bottom: 20px;
    }

    .woo-archive-head {
        text-align: center;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: none;
    }

    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        float: none;
    }

    .woocommerce .woocommerce-message:before,
    .woocommerce-page .woocommerce-message:before,
    .woocommerce .woocommerce-error:before,
    .woocommerce-page .woocommerce-error:before,
    .woocommerce .woocommerce-info:before,
    .woocommerce-page .woocommerce-info:before {
        font-size: 20px;
        height: 40px;
        left: 0;
        line-height: 20px;
        padding-left: 12px;
        padding-top: 10px;
        position: absolute;
        text-align: left;
        top: 0;
        width: 100%;
    }

    .woocommerce .woocommerce-message,
    .woocommerce-page .woocommerce-message,
    .woocommerce .woocommerce-error,
    .woocommerce-page .woocommerce-error,
    .woocommerce .woocommerce-info,
    .woocommerce-page .woocommerce-info {
        line-height: 1.5em;
    }
    .checkout_coupon.woocommerce-form-coupon {
        display: block;
    }
    .checkout_coupon.woocommerce-form-coupon .form-row.form-row-first {
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 10px 0;
    }
    .checkout_coupon.woocommerce-form-coupon .form-row.form-row-last {
        display: block;
        width: 100%;
    }
    .single-product.woocommerce .woocommerce-message a.button,
    .woocommerce-page .woocommerce-message a.button {
        margin: 12px 0 0 12px;
    }

    .woocommerce-cart #content-wrap .woo-page-wrap,
    .woocommerce-checkout #content-wrap .woo-page-wrap,
    .woocommerce-account #content-wrap .woo-page-wrap {
        padding: 0 10px;
    }

    .woocommerce .cart-collaterals .shipping_calculator,
    .woocommerce-page .cart-collaterals .shipping_calculator {
        width: 100%;
    }

    .woocommerce table.shop_table,
    .woocommerce-page table.shop_table {
        margin: 0 0 10px;
        width: 100%;
    }
    .cart_totals .shop_table.shop_table_responsive {
        margin: 0;
    }
    .cart_totals .shop_table.shop_table_responsive td {
        padding: 10px 0 !important;
    }
    .cart_totals h2 {
        margin-bottom: 10px;
    }
    .wc-proceed-to-checkout {
        text-align: center;
    }
    .checkout-button.button.alt.wc-forward {
        margin: 10px auto;
    }

    .woocommerce table.shop_table td,
    .woocommerce-page table.shop_table td {
        border-top: medium none;
        padding: 15px 0;
        vertical-align: middle;
    }

    .woocommerce td.product-quantity,
    .woocommerce-page td.product-quantity {
        min-width: 48px;
        padding: 0;
    }

    .woocommerce table.shop_table th,
    .woocommerce-page table.shop_table th {
        padding: 12px 0;
    }

    .woocommerce #content table.cart td.actions .button,
    .woocommerce #content table.cart td.actions .input-text,
    .woocommerce #content table.cart td.actions input,
    .woocommerce table.cart td.actions .button,
    .woocommerce table.cart td.actions .input-text,
    .woocommerce table.cart td.actions input,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .input-text,
    .woocommerce-page #content table.cart td.actions input,
    .woocommerce-page table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .input-text,
    .woocommerce-page table.cart td.actions input {
        margin: 8px 0;
        width: 100%;
    }
}

/** tablet */
@media (min-width: 769px) and (max-width: 991px) {
    .woocommerce-page.page .post-inside article {
        padding: 30px;
    }
    .shop_table td.product-remove, .shop_table td.product-thumbnail {
        padding: 5px;
    }
    .shop_table th,
    .shop_table td {
        padding: 10px;
        line-height: 1.3;
    }
    .shop_table th,
    .shop_table td,
    .woocommerce-Price-amount.amount {
        font-size: .9rem;
    }
    .woocommerce-cart a.remove {
        width: 30px !important;
        height: 30px;
        line-height: 30px;
    }
    .shop_table .product-thumbnail img {
        max-width: 80px;
    }
    .woocommerce-page .actions button.button {
        margin: 0 0 0 0;
    }
    #coupon_code {
        width: 200px;
        margin-right: 10px;
    }
    .cart-collaterals {
        margin-top: 20px;
    }
}
@media (min-width: 768px) and (max-width: 1024px){

    body.page-template-default #content-wrap {
        /*padding: 20px 110px 0 20px;*/
    }

    .left-pad {
        margin-left: 0;
    }
    /** blog masonry */
    .page-template-page-blog .content-pad {
        margin-top: 120px;
        padding-left: 0;
        padding-right: 90px;
    }

    .page-template-page-blog .grid-item {
        padding: 0 10px 50px;
    }

    .portrait-img {
        height: 380px;
    }

    /* hover home */

    #gallery-list-bg{
        height: auto!important;
    }

    #gallery-list {
        top: 100px;
    }

    .gallery-list-item a {
        font-size: 25px;
        font-weight: 300;
        letter-spacing: 2px;
        padding: 0 90px 0 10px;
        text-transform: uppercase;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
        width: 100%;
    }

    .gallery-list-item .gallery-count {
        font-weight: 300;
        opacity: 0.8;
    }

    /** woo */

    .woocommerce div.product div.images,
    .woocommerce-page div.product div.images,
    .woocommerce #content div.product div.images,
    .woocommerce-page #content div.product div.images {
        float: none;
        width: 100%;
    }

    .woocommerce div.product div.summary,
    .woocommerce-page div.product div.summary,
    .woocommerce #content div.product div.summary,
    .woocommerce-page #content div.product div.summary {
        float: none;
        width: 100%;
        padding: 30px;
    }

    .woocommerce p.stars a,
    .woocommerce-page p.stars a {
        margin-bottom: 12px;
    }

}

/* phone and everything up to tablet */
@media (max-width: 767px){


    article.post h2 {
        font-size: 1.5rem;
        line-height: 1.2;
    }
    .section-light #menu-wrap #main-menu-toggle .btn-line,
    .section-dark #menu-wrap #main-menu-toggle .btn-line{
        background: #fff;
    }

    /** masonry blog */
    .page-template-page-blog .content-pad {
        margin-top: 140px;
        padding-left: 0;
        padding-right: 0;
    }

    .page-template-page-blog .grid-item {
        padding: 0 0 50px;
    }

    .portrait-img {
        height: 380px;
    }
    #main-menu .menu ul ul {
        left: 20px !important;
        top: 0;
    }
    #main-menu .menu ul ul a {
        opacity: .7;
    }

    /** content wrap */

    .right-pad #main-wrapper{
        padding-right: 0;
    }

    .content-pad {
        padding-right: 0;
        margin-top: 70px;
    }
    .page-template-page-metrohome .content-pad,
    .page-template-page-kenburns .content-wrap,
    .page-template-page-image .content-wrap{
        margin-top: 0;
    }
    .page-template-page-striped .content-wrap {
        margin-top: 70px;
    }
    .left-pad {
        margin-left: 0;
    }
    .top-pad {
        margin-top: 130px;
    }
    .admin-bar .top-pad {
        margin-top: 150px;
    }

    #blog-content {
        padding: 0 15px 15px 15px;
    }
    #blog-content .translucent,
    .single-post .translucent {
        right: 20px;
        bottom: 20px;
    }
    .header-pad {
        padding: 30px 30px 0 30px;
        max-width: 100%;
    }
    .post-categories li {
        margin-bottom: 12px;
    }
    article.post .entry-content {
        padding: 30px 30px 20px;
    }
    .single-post .header-pad {
        padding: 30px 30px 0 30px;
    }
    .single-post article.post .entry-content {
        padding: 0 30px 30px;
    }
    div.owac-calendar-container div.header {
        display: inline-block;
        margin: 15px 10px 30px 10px;
    }
    div.owac.regularslider {
        max-width: 100% !important;
    }
    div.owac-calendar-container table.main tbody tr.day_title th,
    div.owac-calendar-container table.main tbody tr.day_row td {
        width: calc(100%/7 - 3px) !important;
        font-family: inherit;
    }


    #content-wrap{
        padding-right: 0;
        padding-left: 0;
        margin-top: 80px;
    }
    .single-post #content-wrap {
        margin-top: 100px;
    }
    #main-app-bar.layout-right {
        right: -90px;
        width: 100px;
        padding-top: 70px;
    }
    .admin-bar #main-app-bar.layout-right {
        padding-top: 120px;
    }

    #main-app-bar.layout-right.shown{
        right: 0;
    }

    #footer-bar #toggle-sidebar{
        display: block;
    }

    #footer-bar #back-to-top{
        display: none;
    }

    #main-app-bar .app-bar-item i,
    .app-bar .bar-item i {
        font-size: 27px;
        line-height: 30px;
    }
    #bar-share .share-button a i {
        font-size: 25px;
        line-height: 50px;
    }

    #main-app-bar .btn {
        width: 70px;
        height: 70px;
    }
    #main-app-bar .app-bar-item {
        height: 85px;
        line-height: 80px;
    }
    .initial-animate-done #main-menu-toggle,
    .menu-animation-off #main-menu-toggle {
        bottom: -85px;
        border-radius: 10px;
    }
    .app-bar-item .bar-content {
        right: 80px;
        /* max-height: 320px; */
        overflow-y: scroll;
        top: 0;
        width: 250px;
        transform: none;
    }

    #main-app-bar .bar-item-label {
        width: 270px;
        transform: none;
    }

    #main-app-bar .app-bar-item:after {
        width: 320px;
    }

    #main-app-bar .app-bar-item:hover,
    #main-app-bar .app-bar-item.open {
        /*-webkit-transform: translateX(-270px);*/
        /*-moz-transform: translateX(-270px);*/
        /*-ms-transform: translateX(-270px);*/
        /*-o-transform: translateX(-270px);*/
        /*transform: translateX(-270px);*/
    }

    .app-bar-item.open .bar-content {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    #bar-pf-next.open .bar-content ,
    #bar-pf-prev.open .bar-content {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    #bar-copyright {
        bottom: 50px;
        right: 38px;
    }

    #main-app-bar #bar-pf-next:hover .bar-item-label .inside,
    #main-app-bar #bar-pf-next.open .bar-item-label .inside,
    #main-app-bar #bar-pf-prev:hover .bar-item-label .inside,
    #main-app-bar #bar-pf-prev.open .bar-item-label .inside {
        -webkit-transform: translateX(-98px);
        -moz-transform: translateX(-98px);
        -ms-transform: translateX(-98px);
        -o-transform: translateX(-98px);
        transform: translateX(-98px);
    }

    #main-app-bar #bar-mobile-prev:hover,
    #main-app-bar #bar-mobile-prev.open,
    #main-app-bar #bar-mobile-next:hover,
    #main-app-bar #bar-mobile-next.open,
    #main-app-bar #bar-mobile-zoom:hover,
    #main-app-bar #bar-mobile-zoom.open,
    #main-app-bar #bar-video-play:hover,
    #main-app-bar #bar-video-play.open,
    #main-app-bar #bar-video-mute:hover,
    #main-app-bar #bar-video-mute.open{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

    /** footer bar */

    /*#footer-bar {*/
    /*    height: 70px;*/
    /*}*/

    #footer-bar .footer-bar-item {
        position: fixed;
        line-height: 80px;
        width: 70px;
        height: 70px;
        margin-right: 15px;
        margin-bottom: 10px;
        bottom: 15px;
        border-radius: 10px;
        right: 0;
    }
    .blog #footer-bar,
    #main-app-bar{
        display: none;
    }

    #back-to-top .bar-label {
        top: 49px;
    }
    #page-title.title-animation {
        opacity: 1;
    }
    .search-no-results .page-header h1 {
        font-size: 3rem;
        line-height: 1;
    }
    .search-no-results .page-content .search-form {
        text-align: center;
    }
    #footer-social .bar-item-icon {
        width: 50px;
    }

    #footer-social .dots-wrap {
        height: 50px;
        width: 50px;
    }

    #footer-social .dots-wrap .dot {
        height: 3px;
        width: 3px;
    }

    #footer-social .dot-one {
        left: 19px;
        top: 24px;
    }

    #footer-social:hover .dot-one, #footer-social.open .dot-one {
        left: 21px;
        top: 24px;
    }

    #footer-social .dot-two {
        left: 28px;
        top: 20px;
    }

    #footer-social:hover .dot-two, #footer-social.open .dot-two {
        left: 27px;
        top: 21px;
    }

    #footer-social .dot-three {
        left: 28px;
        top: 29px;
    }

    #footer-social:hover .dot-three, #footer-social.open .dot-three {
        left: 27px;
        top: 28px;
    }

    #footer-social .social-icons {
        left: 50px;
        padding-right: 10px;
    }

    #footer-social li {
        font-size: 12px;
        height: 50px;
        width: 30px;
    }

    #footer-social .social-icons a {
        height: 50px;
        width: 30px;
    }

    .social-icons a:hover:after {
        height: 40px;
    }

    .social-icons a:before {
        line-height: 50px;
    }

    .social-icons .soc-label {
        font-size: 11px;
        height: 30px;
        left: 15px;
        letter-spacing: 2px;
        line-height: 6px;
    }

    #footer-bar #footer-audio{
        display: none;
    }
    .admin-bar #page-title {
        top: 110px;
    }


    /** menu */

    #menu-wrap.animate-menu .logo-wrap:after,
    #menu-wrap.animate-menu-out .logo-wrap:after,
    #menu-wrap.animate-menu:after,
    #menu-wrap.animate-menu-out:before,
    #menu-wrap.animate-menu.initial-animate-done:before,
    #menu-wrap.animate-menu-out:after,
    #menu-wrap .menu > li.menuItemPlay,
    #menu-wrap .menu > li.menuItemPlayOut,
    .animate-menu .logo,
    .animate-menu-out .logo,
    .animate-menu #main-menu-toggle:after{
        visibility: visible;
        -webkit-animation-name: none;
        animation-name: none !important;
    }


    #main-menu-toggle {
        background: none repeat scroll 0 0 #000;
        bottom: -70px;
        height: 70px;
        left: 0;
        margin-bottom: 0;
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 9999;
        display: block;
        text-align: left;
        border-radius: 0 !important;
    }

    #main-menu-toggle.on {
        position: absolute;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        height: 70px;
        background: #000;
    }
    #main-menu-toggle::before {
        content: "Menu";
        color: #fff;
        position: absolute;
        left: 80px;
        top: 50%;
        transform: translateY(-50%);
    }
    #main-menu-toggle.on::before {
        content: "Close Menu";
    }
    #main-menu-toggle .btn-line {
        background: #ffffff !important;
    }
    .admin-bar #main-menu-toggle {
        top: 0;
    }
    .admin-bar #main-menu-toggle.on {
        top: 46px;
    }
    .logo,
    .menu-animation-on .animate-menu .logo{
        transition: none !important;
        animation: none !important;
    }
    #menu-wrap .logo-wrap,
    #menu-wrap .menu-wrap-b > ul {
        display: none;
    }
    #menu-wrap.visible-menu .logo-wrap,
    #menu-wrap.visible-menu .menu-wrap-b > ul {
        display: block;
    }
    #main-menu ul li .sub-menu li:first-child a,
    #main-menu ul li .sub-menu li:last-child a{
        border-radius: 0;
    }

    #main-menu-toggle .btn-wrap {
        height: 22px;
        width: 25px;
        margin: auto 30px;
    }
    #main-menu ul.menu li a {
        border-radius: 0;
    }

    #menu-wrap.transparent_bg #main-menu-toggle .btn-wrap {
        opacity: 1;
    }

    #menu-wrap{
        height: auto;
    }

    #menu-wrap{
        left: 0;
        overflow: visible;
        width: 100%;
        z-index: 999;
        position: absolute;
    }

    #menu-wrap.visible-menu {
        overflow-y: scroll;
        height: 100%;
        position: fixed;
        transform: translateY(0);
    }
    .initial-animate-done {
        transform: translateY(-100%);
    }

    #menu-wrap ul {
        overflow-x: hidden;
    }

    .menu-wrap-b .menu li:hover > ul {
        display: block;
    }

    .logo {
        top: 0;
    }

    .menu-wrap-b .menu ul {
        left: 0;
        margin-top: 15px;
        position: relative;
        border-radius: 0;
    }

    .menu-wrap-b .menu ul ul{
        left: 0;
        position: relative;
    }

    #menu-wrap .menu-wrap-b li {
        padding:  0;
    }

    #menu-wrap .menu-wrap-b li li{
        padding: 0;
    }
    #main-menu ul.menu li li a {
        position: relative;
        padding-left: 50px;
    }
    #main-menu ul.menu li li a::before {
        content: "\ea6e";
        font-family: remixicon;
        position: absolute;
        left: 25px;
    }
    #menu-wrap .menu-wrap-b ul li:last-child {
        margin-bottom: 0;
    }

    #menu-wrap .menu-wrap-b ul {
        padding: 0;
    }
    #main-menu ul.menu li a {
        padding: 20px 20px;
        margin: 0;
    }
    #menu-wrap .menu-wrap-b ul {
        padding: 0;
        margin: 0;
        transform: none;
    }
    #menu-wrap .menu-wrap-b ul a {
        font-size: 14px;
        line-height: 1em;
        padding-left: 15px;
        letter-spacing: 2px;
    }
    #menu-wrap .menu-wrap-b ul.social-icons {
        padding: 0;
        margin: 0;
    }
    #menu-wrap .menu-wrap-b ul.social-icons a {
        padding: 0 10px;
    }

    #menu-wrap .menu-wrap-b ul ul a{
        padding-left: 30px;
    }

    #menu-wrap .menu-wrap-b ul ul ul a{
        padding-left: 45px;
    }
    #menu-wrap.visible-menu .menu .menu-item-has-children a.submenu-btn {
        display: block;
    }
    .menu-wrap-b .menu li {
        display: none;
    }
    .visible-menu .menu-wrap-b .menu li {
        display: block;
    }

    #menu-wrap .logo {
        padding: 10px 30px 10px;
    }

    #menu-wrap .menu-item-has-children:hover{
        padding-bottom: 0;
    }

    .menu-item-has-children > a{
        position: relative;
    }


    .menu-item-has-children:hover > a:before {
        border-color: #fff transparent transparent transparent;
    }

    #menu-wrap {
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -ms-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s;
    }

    #menu-wrap.visible-menu,
    #menu-wrap.visible-menu ul,
    #menu-wrap.visible-menu li{
        width: 100%;
        overflow-x: hidden;
        visibility: visible !important;
    }

    #menu-wrap.visible-menu li,
    #menu-wrap.visible-menu a,
    .menu-animation-on #menu-wrap.visible-menu li,
    .menu-animation-on #menu-wrap.visible-menu a{
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    #menu-wrap li a:after{
        display: none;
    }

    #menu-wrap .menu li{
        border-top: 1px solid rgba(255,255,255,0.1);
    }
    .menu-animation-on #menu-wrap .menu > li.menuItemPlayOut {
        animation: none;
    }
    /** footer */

    .paging-navigation{
        padding: 0 20px;
    }

    .navigation.pagination {
        margin: 0 0 0 0;
    }
    .page-numbers {
        margin-bottom: 0;
    }
    #footer-widgets {
        padding: 10px 0;
    }
    #blog-sidebar .widget {
        margin: 0 15px 15px 15px;
    }

    .bottom-pad #page-footer {
        padding: 0 0 50px;
    }

    /** page title */

    #page-title h1 {
        font-size: 14px;
        line-height: 16px;
        padding-right: 45px;
        padding-left: 15px;
        padding-top: 30px;
    }
    .single-post #page-title h1 {
        padding-top: 40px;
    }

    .comment-buttons {
        position: relative;
        top: 10px;
        height: auto;
        right: 0;
        left: 0;
        display: inline-block;
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: right;
        font-size: 0;
    }
    .logged-in-as {
        font-size: 0;
    }
    .comment-buttons .reply a,
    .comment-buttons .edit-link a,
    .logged-in-as a{
        padding: 5px 10px;
    }
    #comments-wrap li.comment .comment-content {
        margin-top: 50px;
    }
    #page-title {
        height: 50px;
        left: 45px;
        line-height: 50px;
        padding-left: 20px;
        top: 55px;
    }
    #page-title::before {
        top: 35px;
    }
    .single-post #page-title::before {
        top: 45px;
    }
    .content-wrap {
        margin-top: 140px;
    }
    .admin-bar .content-wrap {
        margin-top: 160px;
    }

    #pf-inner-gallery {
        margin-right: 0;
    }

    /** hover slider */

    #gallery-list-bg{

    }

    #gallery-list-bg .gallery-list-item{
        margin: 0 0 0 10px;
    }
    .gallery-list-item-b {
        width: 100%;
    }
    .gallery-list-item-b h3 {
        font-size: 1.2rem;
        line-height: 1.2;
        max-width: 90%;
    }
    .gallery-list-item {
        margin: 10px;
        width: 100%;
    }

    .gallery-list-item a {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 1px;
        padding: 0;
    }

    .gallery-list-item .gallery-count {
        font-size: 12px;
        font-weight: normal;
        text-transform: none;
        white-space: nowrap;
        line-height: 1;
        display: inline-table;
        padding: 8px 10px;
    }

    /** new metro */

    .home-metro-small{
        display: none;
    }

    .home-metro-big {
        float: none;
        height: 250px;
        width: 100%;
    }

    .home-metro-big .gallery-info {
        bottom: auto;
        padding: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .home-metro-row .gallery-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        line-height: 1.3em;
    }

    /** video list */

    .video-row {
        padding: 0;
    }

    .video-text h3 .text-wrap {
        margin-left: 0;
        font-size: 20px;
    }

    .video-text h3:before {
        display: none;
    }

    .video-row .video-text {
        margin: 80px 0;
    }
    .video-row video {
        height: 100%;
    }

    /** home pages */

    .content-wrap {
        min-height: 100vh;
    }

    .home-image-content {
        font-size: 1rem;
        letter-spacing: 0;
        line-height: 1.2rem;
        width: 80%;
    }
    #kenburns-title,
    .split-item .split-content .caption,
    div.home-image-title{
        font-size: 2rem;
        line-height: 1.2;
    }


    /** calendar */

    body.page-template-page-calendar-php #content-wrap {
        margin-top: 0;
        padding: 0 20px;
    }

    .wp-availability-month table {
        font-size: 14px;
        font-weight: 500;
    }

    .wp-availability .wp-availability-month table thead th {
        font-size: 14px;
        font-weight: 400;
        line-height: 90px;
    }

    .wp-availability .wp-availability-month table,
    .wp-availability .owl-item {
        width: 400px;
        height: 400px;
    }

    #calendar .owl-next,
    #calendar .owl-prev {
        padding: 0 5px;
    }

    .owl-carousel.owl-theme .owl-buttons .owl-prev,
    .owl-carousel.owl-theme .owl-buttons .owl-next {
        font-size:38px;
        width: 60px;
    }

    #calendar .owl-next:before,
    #calendar .owl-prev:before {
        font-size: 20px;
        line-height: 90px;
    }

    /** pages */

    body.page-template-default #content-wrap {
        padding: 0 15px;
    }

    body.page-template-default #content-wrap,
    body.page-template-page-calendar-php #content-wrap {
        margin-bottom: 0;
    }
    .page .post-inside table tr th, .page .post-inside table tr td {
        padding: 10px 0;
    }





    .page .post-inside {
        padding-top: 0;
    }

    .page .post-inside article {
        margin: 0;
        padding: 20px 10px;
    }
    .animated-grid-effect-static .home-metro-row .gallery-info {
        transform: none;
        bottom: 30px;
    }
    .animated-grid-effect-static .home-metro-row .portfolio-title {
        max-width: 60%;
        margin-left: 90px;
        bottom: 0;
        transform: none;
        opacity: 1;
    }
    .animated-grid-effect-static .grid-item .portfolio-title h2,
    .animated-grid-effect-static .home-metro-row .portfolio-title h2 {
        bottom: 0;
        left: 0;
        font-size: 1.5rem;
        line-height: 1;
        margin: 0;
        padding: 0;
    }

    /** shortcodes */

    .testimonials-thumbs{
        display: none;
    }

    .testimonials-item {
        padding: 20px;
    }

    .owl-carousel.owl-theme .owl-buttons .owl-prev,
    .owl-carousel.owl-theme .owl-buttons .owl-next {
        height: 80px;
        width: 40px;
    }

    .owl-carousel.owl-theme .owl-buttons .owl-prev:before,
    .owl-carousel.owl-theme .owl-buttons .owl-next:before {
        font-size: 60px;
        line-height: 80px;
    }

    .owl-carousel.owl-theme.clients .owl-buttons .owl-prev,
    .owl-carousel.owl-theme.testimonials .owl-buttons .owl-prev,
    .owl-carousel.owl-theme.clients .owl-buttons .owl-next,
    .owl-carousel.owl-theme.testimonials .owl-buttons .owl-next {
        height: 80px;
        width: 140px;
    }

    .testimonials .owl-controls {
        height: 80px;
        top: auto;
    }

    .clients-wrap {
        margin: 0;
    }

    .clients.owl-carousel{
        margin-bottom: 90px;
    }

    .clients .owl-controls {
        bottom: 0;
        height: 0;
        position: relative;
        width: 100%;
    }

    .clients .owl-buttons {
        height: 0;
        left: 0;
        position: relative;
        width: 100%;
    }

    .owl-carousel.testimonials .owl-item {
        padding-bottom: 50px;
    }

    .client-item img{
        margin: 0 auto;
    }

    /** woo */

    .woocommerce .container {
        padding-left: 0;
        padding-right: 0;
    }

    #woo-content{
        padding-right: 0;
        padding-left: 0;
    }

    .woocommerce .woocommerce-breadcrumb,
    .woocommerce-page .woocommerce-breadcrumb {
        left: 86px;
        top: 50px;
    }

    .woocommerce div.product div.images,
    .woocommerce-page div.product div.images,
    .woocommerce #content div.product div.images,
    .woocommerce-page #content div.product div.images {
        float: none;
        width: 100%;
    }

    .woocommerce div.product div.summary,
    .woocommerce-page div.product div.summary,
    .woocommerce #content div.product div.summary,
    .woocommerce-page #content div.product div.summary {
        float: none;
        width: 100%;
        padding: 30px;
    }

    .woocommerce.columns-2 ul.products li.product,
    .woocommerce-page.columns-2 ul.products li.product {
        width: 100%;
    }
    .woocommerce .variations {
        position: relative;
        margin-top: 30px;
        width: 100%;
    }
    .single_variation_wrap {
        display: block;
        padding: 15px 15px;
    }
    .woocommerce-variation.single_variation {
        padding: 0 0 0 10px;
    }
    .woocommerce-variation-add-to-cart {
        display: block;
    }
    .woocommerce .sbHolder {
        width: 100%;
    }
    .woocommerce div.product form.cart .variations td,
    .woocommerce-page div.product form.cart .variations td,
    .woocommerce #content div.product form.cart .variations td,
    .woocommerce-page #content div.product form.cart .variations td {
        width: 100%;
    }
    .woocommerce .variations tr {
        display: block;
    }
    .woocommerce div.product form.cart .variations td.var-label,
    .woocommerce-page div.product form.cart .variations td.var-label,
    .woocommerce #content div.product form.cart .variations td.var-label,
    .woocommerce-page #content div.product form.cart .variations td.var-label {
        width: 30%;
    }

    .woocommerce div.product .woocommerce-tabs,
    .woocommerce-page div.product .woocommerce-tabs,
    .woocommerce #content div.product .woocommerce-tabs,
    .woocommerce-page #content div.product .woocommerce-tabs {
        padding: 0;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li,
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li,
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
        display: block;
        text-align: center;
    }

    .woocommerce div.product .woocommerce-tabs .panel,
    .woocommerce-page div.product .woocommerce-tabs .panel,
    .woocommerce #content div.product .woocommerce-tabs .panel,
    .woocommerce-page #content div.product .woocommerce-tabs .panel {
        padding: 20px 0 0;
    }
    .woocommerce-notices-wrapper {
        margin-bottom: 0;
    }
    .comment-form {
        padding: 0;
    }

    .comment-form-author > input, .comment-form-email > input, .comment-form-url > input {
        margin-left: 0;
        width: 100%;
    }

    .woocommerce #review_form #respond textarea,
    .woocommerce-page #review_form #respond textarea {
        margin-left: 0;
        width: 100%;
    }

    #commentform label {
        left: 0;
        position: relative;
        width: 100%;
    }

    .woocommerce #review_form #respond p.stars {
        margin-left: 0;
    }

    .woocommerce p.stars a,
    .woocommerce-page p.stars a {
        margin-bottom: 12px;
    }

    #review_form #respond p.form-submit {
        margin-left: 0;
    }
    .description_tab,
    .description_tab.active {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .additional_information_tab,
    .additional_information_tab.active {
        padding-top: 0;
        padding-bottom: 0;
    }
    .reviews_tab,
    .reviews_tab.active {
        padding-top: 0;
    }

    .woocommerce #reviews h3, .woocommerce-page #reviews h3 {
        font-size: 12px;
        line-height: 1.2em;
    }

    .woocommerce #content table.cart td.actions .button,
    .woocommerce #content table.cart td.actions .input-text,
    .woocommerce #content table.cart td.actions input,
    .woocommerce table.cart td.actions .button,
    .woocommerce table.cart td.actions .input-text,
    .woocommerce table.cart td.actions input,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .input-text,
    .woocommerce-page #content table.cart td.actions input,
    .woocommerce-page table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .input-text,
    .woocommerce-page table.cart td.actions input {
        margin: 10px 0;
        width: 100%;
    }

    .woocommerce-tabs h2,
    .woocommerce-tabs h3,
    .woocommerce-cart #content-wrap
    .woocommerce h2,
    .woocommerce-cart #content-wrap .woocommerce h3,
    .woocommerce-checkout #content-wrap .woocommerce h2,
    .woocommerce-checkout #content-wrap .woocommerce h3,
    .woocommerce-account #content-wrap .woocommerce h2,
    .woocommerce-account #content-wrap .woocommerce h3,
    #comments-wrap h3,
    #comments-wrap h2 {
        font-size: 1em;
        letter-spacing: 1px;
        line-height: 1.3em;
    }
    label {
        font-weight: normal;
    }
    .woocommerce #payment #place_order,
    .woocommerce-page #payment #place_order {
        float: none;
        margin: auto;
    }
    #customer_details .col-2 {
        margin-top: 40px;
    }
    .cart_item .product-total {
        width: 30%;
        text-align: right;
        padding: 0 10px !important;
    }
    .cart_item .product-name {
        line-height: 1.3;
    }
    .cart-subtotal td {
        text-align: right;
        padding: 0 10px !important;
    }
    .order-total td {
        padding: 0 10px !important;
        text-align: right;
    }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2{
        float: none;
        width: 100%;
    }
    tr.woocommerce-cart-form__cart-item.cart_item td::before {
        display: flex !important;
        float: left !important;
        vertical-align: middle !important;
    }
    tr.woocommerce-cart-form__cart-item.cart_item .product-quantity {
        display: flex !important;
        align-items: center !important;
    }
    .woocommerce-cart-form__cart-item.cart_item .woocommerce-Price-amount.amount {
        padding-left: 10px;
    }

    #bar-woocart .bar-content {
        /*max-height: 320px;*/
    }

    .gallery-list-item-inside .gallery-title {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        font-size: 20px;
        margin-top: 12px;
        text-align: center;
        min-height: auto;
    }

    .gallery-list-item-inside .count-wrap {
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: auto;
        height: 60px;
    }

    /** single posts */

    .single-meta {
        left: 0;
        min-height: auto;
        position: relative;
        top: 0;
    }

    .single-post .header-pad, .single-post article.post .entry-content {
        margin-left: 0;
        border-left: none;
    }

    /*.sidebar-right .post-wrap {*/
    /*    padding-right: 0;*/
    /*}*/

    .sidebar-left .post-wrap {
        padding-left: 0;
    }

    #secondary{
        margin-top: 0;
    }
    .page-template-page-blog .grid-inner {
        margin-bottom: 15px;
    }
    #page-title{
        border-left: none;
    }

    /*#content-wrap {*/
    /*    margin-top: 70px;*/
    /*}*/
    .woocommerce.woocommerce-page #content-wrap {
        padding: 0 15px;
    }
    .woocommerce ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product {
        margin: 0 0 20px 0;
    }
    .woocommerce-product-gallery.woocommerce-product-gallery--with-images {
        margin: 0;
        padding: 10px;
    }
    .single-product .content-pad .product .summary.entry-summary h1 {
        font-size: 2rem;
        line-height: 1.2;
        display: inline-block;
        margin-top: 20px;
    }
    .single-product .content-pad .product .summary.entry-summary {
        margin: 50px 0 50px 0;
        display: block;
        width: auto;
    }
    .woocommerce-variation-add-to-cart .quantity {
        display: block;
    }
    .quantity .screen-reader-text {
        padding-left: 10px;
    }
    .quantity .input-text {
        margin-left: 10px;
    }
    .single_variation_wrap .single_add_to_cart_button.button {
        margin: 10px 0 0 10px;
    }
    .woocommerce-tabs.wc-tabs-wrapper {
        margin: 30px;
    }
    .related .products.columns-4 {
        padding: 0;
        margin: 0;
    }
    .woocommerce .related .products.columns-4 li.product {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .woocommerce .related .products.columns-4 li:last-child {
        margin-bottom: 0;
    }
    .woocommerce ul.products li.product .add_to_cart_button {
        display: inline-block;
    }
    .related.products {
        padding: 0 15px 15px 15px;
    }
    .woocommerce-tabs h2, .related.products h2, span.comment-reply-title,
    .cart_totals h2,
    .woocommerce-billing-fields h3,
    h3.order_review_heading,
    .woocommerce-additional-fields h3,
    h3#order_review_heading,
    h2.woocommerce-order-details__title,
    h2.woocommerce-column__title,
    .woocommerce-Address-title.title h3 {
        font-size: 1.2rem;
        line-height: 1.2;
    }
    .related.products h2 {
        padding: 20px 0;
    }
    #comments-wrap {
        margin: 15px 0;
    }
    .is-blog article.post {
        margin-bottom: 15px;
    }
    #comments-wrap .comment-form-author,
    #comments-wrap .comment-form-email,
    #comments-wrap .comment-form-url {
        display: block;
        float: none;
        margin-right: 0;
        width: 100%;
    }

    #comments-wrap #comments h2 {
        margin-bottom: 20px;
        padding-left: 20px;
    }

    .comment-list .children {
        margin: 10px 0 10px 10px;
        padding-left: 10px;
    }

    .featured-content {
        left: 30px;
        top: calc(100% - 80px);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        z-index: 2;
    }

    .featured-content h1,
    .page .featured-content h1 {
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 7px;
        line-height: 1.3em;
    }

    .link-wrap {
        line-height: 1.1em;
        padding-left: 15px;
        padding-right: 8px;
    }

    .link-wrap:before {
        line-height: 60px;
    }

    .link-wrap a {
        line-height: 1.1em;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    /** 404 */

    .error404 #main-wrapper{
        height: auto!important;
    }

    .password-window {
        font-size: 1em;
        font-weight: 500;
        height: auto;
        padding: 0 0 80px;
        position: relative;
        top: 200px;
        width: 80%;
        display: block;
    }
    .password-window input {
        width: 100%;
        margin: 10px 0;
    }
    .passwrap {
        display: block;
    }

    .pass-left {
        text-align: center;
    }
    .pass-right, .pass-left {
        padding: 10px;
        border: 0;
    }

    .pass-right {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        line-height: 1.2em;
        text-align: center;
    }

    .password-window #s {
        width: 180px;
    }

    .pass-left .password-icon {
        font-size: 80px;
    }

    .page-template-default .content-pad{
        padding-bottom: 90px;
    }

    #contact-form-wrap {
        margin-bottom: 50px;
    }

    .gallery-info {
        bottom: auto;
        left: 0;
        margin: auto;
        padding: 30px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
    }

    .gallery-info:after{
        display: none;
    }

    #gallery-list-scroll-horizontal .gallery-title {
        padding: 40px 15px 20px 15px;
        width: auto;
    }
    #gallery-list-scroll-horizontal .translucent {
        transform: translateY(-50%);
    }
    #gallery-list-scroll-horizontal .translucent::before {
        width: 280%;
        height: 360%;
        top: -160px;
        bottom: -5%;
        right: -85%;
    }

    #gallery-list-scroll-horizontal .gallery-title h2{
        color: #fff;
    }

    #popup-window,
    .popup-bg{
        display: none;
    }

    .page-template-page-gallery-grid .content-pad, .page-template-page-blog .content-pad {
        padding-bottom: 0px;
    }

    #frame-counter {
        right: 80px;
        bottom: 7px;
    }

}

@media (max-width: 768px) and (max-height: 360px){
    .single-photogallery #main-app-bar #bar-cart,
    .single-photogallery #main-app-bar #bar-share,
    .single-portfolio.video-portfolio #main-app-bar #bar-share,
    .single-portfolio.video-portfolio #main-app-bar #bar-about{
        display: none!important;
    }

    .app-bar-item .bar-content {
        max-height: 260px;
    }
}

@media (max-width: 375px) {
    body.page-template-default #content-wrap {
        padding: 0 5px;
    }
    .page .post-inside table tr th, .page .post-inside table tr td {
        padding: 10px 0;
    }
    .woocommerce-cart.page .post-inside article {
        padding: 5px;
    }
    .woocommerce-cart-form__cart-item.cart_item .product-remove {
        right: 10px;
        top: 0;
    }
    tr.woocommerce-cart-form__cart-item.cart_item td::before {
        display: flex !important;
        float: left !important;
        vertical-align: middle !important;
    }
    tr.woocommerce-cart-form__cart-item.cart_item .product-quantity {
         display: flex !important;
         align-items: center !important;
    }
    .woocommerce-cart-form__cart-item.cart_item .woocommerce-Price-amount.amount {
        padding-left: 10px;
    }
    .woocommerce-cart-form__cart-item.cart_item {
        margin: 0 0 5px 0;
    }
}