/**
 * This css is for mobile responsive
 *
 * @package Boutik\CSS
 * @author ZigzagPress
 * @license GPL-2.0+
 */

.nav-mobile_nav{
    display: none;
}

/* Sliding Navigation
--------------------------------------------- */
 .sliding_nav {
    width: 300px;
    height: 100vh;
    float: left;
    position: fixed;
    z-index: 999999;
    background: #a09a92;
    right: -300px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

 .sliding_nav.sliding_open{
    right: 0;
        -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
 }
 .mobile_menu.mobile_menu_close{
    display: none;
 }
.sliding_close {
    cursor: pointer;
    display: block;
    color: #fff;
    top: 30px;
    position: absolute;
    left: 30px;
    width: 30px;
    overflow: hidden;
    display: block;
}
.sliding_close > i.fas {
    font-size: 22px;
    height: 30px;
    width: 30px;
    line-height: 30px;
}
.sliding_nav_wrap {
    overflow: hidden;
    display: block;
    padding: 20px;
}
.sliding_nav .nav-mobile_nav{
    position: relative;
    width: auto;
    margin: auto;
    float: left;
    top: 0;
    right: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    left: 0;
    width: 100%;
}

.sliding_nav span.indicator{
        display: inline-block;
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    color: #fff;
}
.sliding_nav .genesis-nav-menu .sub-menu{
    position: relative;
    width: 100%;
    overflow: visible;
    background: transparent;
    padding-left: 10px;
    opacity: 1;
    visibility: visible;
    left: auto;
}
.sliding_nav  .genesis-nav-menu .sub-menu .sub-menu {
    margin: 0;
}

.sliding_nav .genesis-nav-menu .menu-item {
    display: block;
    width: 100%;
    margin: 0 5px;
    position: relative
}
.sliding_nav_wrap .genesis-nav-menu a{
    color: #fff;
    line-height: 1;
    text-align: left;
    background: transparent;
    padding: 10px 10px;
    border: 0;
    margin: 0;
}
.sliding_nav_wrap .genesis-nav-menu .sub-menu .current-menu-item > a{
    color: #943526;    
}
.sliding_nav_wrap {
    display: block;
    padding: 20px 30px;
    margin-top: 40px;
    overflow-y: auto;
    height: calc( 100vh - 100px );
    margin-bottom: 40px;
    overflow-y: auto;
}
.zp_mobile_menu {
    display: none;
    float: left;
    line-height: 1;
    margin: 1px 7px;
    cursor: pointer;
}

.zp_mobile_menu i {
    font-size: 32px;
    line-height: 1;
    padding-right: 7px;
    display: inline-block;
}
.zp_mobile_menu span {
    display: inline-block;
    line-height: 1;
    padding-top: 0;
    margin-top: 0;
    position: relative;
    top: -6px;
    text-transform: uppercase;
}


@media only screen and (max-width: 1300px) {
.wrap,
.content-sidebar-wrap,
.before-footer .wrap,
.footer-widgets .wrap{
    max-width: 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.section_wrap,
.section_wide_wrap,
.section_header_wrap,
.section_carousel_wrap,
.hero_left .hero_block ,
.hero_right .hero_block ,
.hero_center .hero_block ,
.column_split_block_wrap.column_image_left,
.column_split_block_wrap.column_image_right,
.section_minislider,
.custom_shortcode_wrap.custom_wrap,
.column_wrapper ,
.zp_splitslider_wrapper{
    max-width: 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.section_block_video_wrap.video_wrap{
    max-width: 100%;
    width: 100%;
}
.author-box {
    padding: 50px;
}
}

@media only screen and (max-width: 1024px) {
.zp_mobile_menu {
    display: inline-block;
}
.header-widget-area section.widget {
    display: none;
}
.nav-primary {
    display: none;
}
.nav-mobile_nav{
    display: block;
}

.zp_splitslider_content,
.column_split_block {
    padding: 0 5%;
}
.hero_image2_block {
    max-width: 96%;
    padding: 50px 50px 50px;
}
}

@media only screen and (max-width: 768px) {
.zp_split_slider .split_slider_image,
.column_split_block_image,
.split_slider_image{
    background-size: cover !important;
}
.site-header .wrap {
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
    width: 50%;
    float: left;
    margin-bottom: 60px;
}
.footer-widgets-4 {
    width: 50%;
    float: right;
}
.posttype_block_wrap.posttype_four .posttype_block {
    width: 50%;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product,
.woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product,
.woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product{
    width: 48.1%;
}
.woocommerce ul.products li:nth-child(2n),
.woocommerce-page ul.products li:nth-child(2n) {
    margin-right: 0;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 100%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 100%;
}
.column_block_wrap.column_three .column_block,
.column_block_wrap.column_two .column_block,
.column_block_wrap.column_four .column_block{
    width: 100%;
    margin-bottom: 40px;
}
.zps_column.zps_one_third {
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0 !important;
}
.before-footer .widget-wrap {
    width: 100%;
}
.enews {
    max-width: 80%;
    margin: 0 auto;
}
.column_split_block_image {
    width: 100%;
}
.column_split_block{
    width: 100%;
}
.column_split_block_wrap.column_image_left .column_split_block_video,
.column_split_block_wrap.column_image_right .column_split_block_video {
    float: left;
    width: 100%;
    height: 100%;
}
.column_split_block_wrap.column_image_right .column_split_block_slider,
.column_split_block_wrap.column_image_left .column_split_block_slider {
    float: right;
    width: 100%;
    height: 100%;
}
.column_split_block_container.column_slider .column_split_block{
    width: 100%;
}
.zps_column.zps_one_fourth,
.zps_column.zps_one_half,
.zps_column.zps_one_third {
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0 !important;
}
.archive.post-type-archive-event .column_block_wrap.column_three .column_block {
    width: 100%;
    margin-bottom: 40px;
}
.full-width-content .content article {
    max-width: 80%;
    margin: 0 auto;
}
.archive-description {
    max-width: 80%;
    margin: 0 auto 2%;
}
.blog.full-width-content .content article {
    max-width: 80%;
}
.alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
    max-width: 1000%;
  }

  .alignwide {
    margin-left: calc(25% - 25vw);
    margin-right: calc(25% - 25vw);
    width: auto;
    max-width: 1000%;
  }

  .alignwide img,
  .alignfull img {
    display: block;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 600px) {
.zp_split_slider .split_slider_image,
.zp_splitslider_content,
.zp_splitslider .zp_split_slider_nav {
    width: 100%;
}
.swiper-slider-container, .column_split_block_wrap {
    height: 400px !important;
}
.zp_split_slider .split_slider_image,
.zp_splitslider .zp_split_slider_nav,
.column_split_block_image{
    height: 700px;
}
.zp_splitslider_content,
.column_split_block{
    margin: 60px 0;
}
.column_split_block_image,
.column_split_block{
    width: 100%;
}
.posttype_block_wrap.posttype_three .posttype_block {
    width: 100%;
}
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
    width: 100%;
}
.before-footer section.widget {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 0;
    overflow: hidden;
}
.before-footer section.widget.enews-widget input {
    float: left;
}

.before-footer .simple-social-icons ul.alignright {
    float: none;
    text-align: center;
    overflow: hidden;
    width: 100%;
}
.before-footer .simple-social-icons ul li {
    background: none !important;
    border: none !important;
    float: none;
    list-style-type: none !important;
    margin: 0 6px 12px !important;
    padding: 0 !important;
    display: inline-block;
}
.column_split_block_wrap.column_image_right .column_split_block_slider,
.column_split_block_wrap.column_image_left .column_split_block_slider {
    float: right;
    width: 100%;
    height: 700px;
}
.column_split_block_container.column_slider .column_split_block {
    width: 100%;
}
.posttype_block_wrap.posttype_four .posttype_block {
    width: 100%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {
    width: 100%;
}
.column_block_wrap.column_three .column_block {
    width: 100%;
    margin-bottom: 50px;
}
.archive.post-type-archive-product.woocommerce.product-columns-3 ul.products li.product:nth-child( 2 ) {
    width: 100%;
    margin-right: 3.8%;
}
.zp-sidebar-content main.content {
    float: right;
    width: 100%;
    margin-left: 0;
}
.zp-sidebar-content .sidebar{
    width: 100%;
}
.woocommerce.product-columns-3 ul.products li.product:nth-child( 2 ), .woocommerce-page.product-columns-3 ul.products li.product:nth-child( 2 ) {
    width: 100%;
    margin-right: 0;
}
.woocommerce.product-columns-4 ul.products li.product:nth-child( 2 ),
.archive.post-type-archive-product.woocommerce.product-columns-4 ul.products li.product:nth-child( 2 ) {
    width: 100%;
    margin-right: 0%;
}
.archive.post-type-archive-product.woocommerce.product-columns-5 ul.products li.product:nth-child( 2 ){
    width: 100%;
    margin-right: 0;
}
.archive.post-type-archive-product.woocommerce.product-columns-5 ul.products li.product:nth-child( 3 ){
    width: 100%;
    margin-right: 0;
}
.archive.post-type-archive-product.woocommerce.product-columns-5 ul.products li.product:nth-child( 4 ){
    width: 100%;
    margin-right: 0;
}
.archive.post-type-archive-product.woocommerce.product-columns-5 ul.products li.product:nth-child( 5 ){
    width: 100%;
    margin-right: 0;
}
.archive.post-type-archive-product.woocommerce.product-columns-5 ul.products li.product:nth-child( 6 ){
    width: 100%;
    margin-right: 0;
}
.archive.post-type-archive-product.woocommerce.product-columns-5 ul.products li.product:nth-child( 5n ), .archive.post-type-archive-product.woocommerce-page.product-columns-5 ul.products li.product:nth-child( 5n ) {
    width: 100%;
    margin-right: 0;
    clear: none;
}
.archive.post-type-archive-product.woocommerce.product-columns-5 ul.products li.product:nth-child( 5n + 4 ), .archive.post-type-archive-product.woocommerce-page.product-columns-5 ul.products li.product:nth-child( 5n + 4 ) {
    width: 100%;
    margin-right: 0;
    clear: none;
}
.woocommerce.product-columns-5 ul.products li.product:nth-child( 2 ){
    width: 100%;
    margin-right: 0;
}
.woocommerce.product-columns-5 ul.products li.product:nth-child( 3 ){
    width: 100%;
    margin-right: 0;
}
.woocommerce.product-columns-5 ul.products li.product:nth-child( 4 ){
    width: 100%;
    margin-right: 0;
}
.woocommerce.product-columns-5 ul.products li.product:nth-child( 5 ){
    width: 100%;
    margin-right: 0;
}
.woocommerce.product-columns-5 ul.products li.product:nth-child( 6 ){
    width: 100%;
    margin-right: 0;
}

.woocommerce.product-columns-5 ul.products li.product:nth-child( 5n  ),
.woocommerce-page.product-columns-5 ul.products li.product:nth-child( 5n  ){
    width: 100%;
    margin-right: 0;
    clear: none;
}
.woocommerce.product-columns-5 ul.products li.product:nth-child( 5n + 4  ),
.woocommerce-page.product-columns-5 ul.products li.product:nth-child( 5n + 4  ){
    width: 100%;
    margin-right: 0;
    clear: none;
}
.woocommerce.product-columns-2 ul.products li.product:nth-child( 2 ),
.archive.post-type-archive-product.woocommerce.product-columns-2 ul.products li.product:nth-child( 2 ) {
    width: 100%;
}
.content,
.sidebar-primary{
    width: 100%;
}
.sidebar-primary{
    margin-top: 50px;
}
.zp_col_3,
.zp_col_4,
.zp_col_2 {
    width: 50%;
}
.one-half, .one-third, .two-sixths, .one-fourth,.one-sixth{
    width: 100%;
    margin-left: 0;
}
.list_item {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 14%;
}
.list_first {
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 10px;
}
.list_second {
    width: 100%;
    float: left;
    text-align: left;
    margin-right: 0;
    margin-bottom: 10px;
}
.list_third {
    width: 100%;
    float: left;
    text-align: left;
}
.testimonial_content {
    width: 100%;
    padding: 0 5%;
}
.comment-respond, .entry-comments, .entry-pings {
    margin-bottom: 40px;
    margin-top: 40px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.footer-widgets .widget-area {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-bottom: 40px;
}
.footer-widgets .widget-area.footer-widgets-2 {
    margin-bottom: 40px;
}
.footer-widgets .wrap{
    padding-left: 40px;
    padding-right: 40px;
}
}

@media only screen and (max-width: 500px) {
.zp_splitslider_content_wrap h4, h4.column_split_block_title {
    font-size: 30px;
    line-height: 30px;
}
h1.archive-title, .section_header_text h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 23px;
}
h3.hero_block_title {
    font-size: 30px;
}
.hero_center span.hero_block_desc, .hero_left span.hero_block_desc, .hero_right span.hero_block_desc {
    max-width: 100%;
}
.slider_section_caption_wrap h4 {
    font-size: 30px;
}
.slider_section_desc {
    max-width: 100%;
}
.entry-title {
    font-size: 30px;
    line-height: 40px;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
}
.zp_col_3, .zp_col_4, .zp_col_2 {
    width: 100%;
}
.single_portfolio_image{
    width: 100%;
}
.author-box {
    padding: 30px;
}
.comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] {
    width: 100%;
}
.map_details {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, #add_payment_method table.cart td.actions .coupon .input-text {
    width: 100%;
    margin-bottom: 10px;
}
.woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button,
.woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input,
.woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button,
.woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
    width: 100%;
}
.top-left {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
.top-right {
    float: right;
    width: 100%;
    display: block;
    text-align: left;
}
.zp_header_extras {
    float: right;
    padding: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.zp_mobile_menu {
    display: inline-block;
    margin: 0 auto;
    float: none;
}
.column_block_wrap.column_three .column_block {
    padding-left: 0;
    padding-right: 0;
}
.custom_shortcode_content {
    padding: 0 10px;
}
.enews {
    max-width: 100%;
    margin: 0 auto;
}
.before-footer section.widget.enews-widget input {
    float: left;
    width: 100%;
    margin-bottom: 11px;
    left: 0;
    margin: 0 auto 12px;
    margin-right: 0;
    box-sizing: inherit;
}
.zps_services.zps_column.zps_one_third, .zps_services.zps_column.zps_one_fourth, .zps_services.zps_column.zps_one_half {
    padding: 20px;
}
.portfolio-item{
    width: 98% !important;
}

.woocommerce-cart #payment, .woocommerce-checkout #payment, #add_payment_method #payment {
    padding: 0;
}
input[type=submit], button, .button, .list_third a {
    margin-left: 4px;
}
.footer-widgets .wrap {
    padding-left: 20px;
    padding-right: 20px;
}
.column_block .entry-container {
    padding: 20px;
}
.section_wrap, .section_wide_wrap, .section_header_wrap, .section_carousel_wrap, .hero_left .hero_block, .hero_right .hero_block, .hero_center .hero_block, .column_split_block_wrap.column_image_left, .column_split_block_wrap.column_image_right, .section_minislider, .custom_shortcode_wrap.custom_wrap, .column_wrapper, .zp_splitslider_wrapper {
    padding-left: 10px;
    padding-right: 10px;
}
.hero_image2_block{
     padding-left: 20px;
    padding-right: 20px;   
}
.list_second{
    margin-left: 0;
}
.list_item {
    padding-bottom: 40px;
}
}