/** container & columns */

@media (min-width: 992px) {
    .l-header-vertical .container {
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .l-header-vertical .container {
        width: 920px;
    }
}

@media (min-width: 1520px) {
    .l-header-vertical .container {
        width: 1170px;
    }
}

@media (max-width: 1200px) {

    .l-header-vertical .col-lg-8,
    .l-header-vertical .col-lg-9 {
        width: 100%;
    }

    .l-header-vertical .col-lg-3,
    .l-header-vertical .col-lg-4 {
        width: 100%;
    }

    .l-header-vertical.woocommerce.columns-4 ul.products li.product,
    .l-header-vertical.woocommerce-page.columns-4 ul.products li.product,
    .l-header-vertical.woocommerce.columns-3 ul.products li.product,
    .l-header-vertical.woocommerce-page.columns-3 ul.products li.product {
        margin: 0 2% 2% 0;
        width: 48%;
    }
}

@media (max-width: 768px) {
    .l-header-vertical .col-lg-2,
    .l-header-vertical .col-lg-3,
    .l-header-vertical .col-lg-4,
    .l-header-vertical .col-lg-6{
        width: 100%;
    }

    .l-header-vertical.woocommerce.columns-4 ul.products li.product,
    .l-header-vertical.woocommerce.columns-3 ul.products li.product,
    .l-header-vertical.woocommerce.columns-2 ul.products li.product,
    .l-header-vertical.woocommerce-page.columns-4 ul.products li.product,
    .l-header-vertical.woocommerce-page.columns-3 ul.products li.product,
    .l-header-vertical.woocommerce-page.columns-2 ul.products li.product {
        margin: 0 0 30px 0;
        width: 100%;
    }
}


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

}
/** general mobile and tablet */
@media (max-width: 1024px){

    /** composer cols */

    /*.wpb_column.vc_col-sm-8,*/
    /*.wpb_column.vc_col-sm-6,*/
    /*.wpb_column.vc_col-sm-4,*/
    /*.wpb_column.vc_col-sm-3,*/
    /*.wpb_column.vc_col-sm-2,*/
    /*.wpb_column.vc_col-sm-1 {*/
        /*padding-top: 10px  !important;*/
        /*padding-bottom: 10px !important;*/
    /*}*/

    /*.vc_row {*/
        /*padding: 10px 15px !important;*/
    /*}*/

    #menu-footer a {
        background: transparent !important;
        padding: 10px 0px !important;
    }
    .social-label {
        display: none;
    }
    .top-button {
        display: none;
    }
    .site-info {
        text-align: center;
        font-size: inherit;
    }
    .footer-bottom .pull-right {
        text-align: center !important;
        float: none !important;
        margin-top: 50px !important;
    }
    #site-header #menu-wrap .menu li ul li > a {
        padding: 0 !important;
    }
    .mobile-menu #site-header li .sub-menu li.menu-item a .nav-text {
        color: #fff !important;
        margin: 0;
        opacity: 0.7;
        padding: 20px 25px;
        background: #000;
    }

    .ggt-slider-nav {
        top: auto;
        bottom: 10px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .ggt-pagination-wrap {
        padding: 0;
        bottom: 15px;
    }

    .ggt-slide .header-content-outer {
        padding: 80px 20px;
    }

    .header-content-wrap {
        width: 100%;
    }

    .header-content-wrap h2{
        font-size: 20px;
        line-height: 25px;
    }

    .image-elastic .fs-block-movable,
    .image-fixed .fs-block-movable {
        position: absolute;
    }

    .main-image {
        background-size: cover;
        background-position: center center;
    }

    #video-controls.off .controls-wrap {
        opacity: 1;
    }

    .header-content-wrap.off {
        opacity: 1;
    }

    #video-controls {
        top: 30%;
        bottom: auto;
    }

    .footer-logo .logo {
        padding: 0;
    }

    .title-crumbs .image-type-elastic.elastic-frame .breadcrumbs-bg-wrap {
        background-size: cover;
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .content-valign-top .fs-block-inner.type-video .header-content-inner,
    .content-valign-middle .fs-block-inner.type-video .header-content-inner,
    .content-valign-bottom .fs-block-inner.type-video .header-content-inner{
        vertical-align: bottom;
    }

    #woo-content .product .ggt-woo-quick-view{
        opacity: 1;
    }

    #woo-content .product .ggt-woo-quick-buy,
    .woocommerce #woo-content ul.products li.product .add_to_cart_button{
        opacity: 1;
    }

    .fixed-image{
        background-attachment: scroll;
    }

    .woo-archive-head{
        margin-left:7px;
        margin-right:7px
    }
    #mobile-header-bar{
    	display: none !important;
    }
}

/** tablet */
@media (min-width: 768px) and (max-width: 1024px){


    #menu-extra-mobile{
        display: block;
    }
    .logo img {
    }
    .header-cart-info {
        top: 4px;
    }

    #menu-extra{
        display: none;
    }

    #mobile-header-bar{
        display: block;
    }

    #mobile-header-bar .logo{
        padding: 0;
        height: 60px;
    }

    #mobile-header-bar .logo img {
        position: relative;
        top: -20px;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
    }
    #header-toggle-mobile i {
        color: #000;
        display: inline-block;
        font-size: 20px;
        line-height: 40px;
        padding: 10px 0;
        text-align: center;
        width: 36px;
    }

    #menu-extra-mobile .block-link i {
        font-size: 20px;
        line-height: 60px;
    }

    #menu-extra-mobile #header-cart-btn-mobile i{
        font-size: 23px;
    }

    .header-inner-wrap {
       /* display: none !important;*/
    }


    .l-header-horizontal.l-logo-position-center #menu-wrap{
        display: none;
    }

    .l-header-horizontal.l-logo-position-center #menu-wrap > nav{
        display: none;
    }

    .l-header-horizontal.l-logo-position-center #menu-extra{
        display: block;
        left: 0;
        right: 0;
        text-align: right;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

/* tablet portrait */
@media (max-width: 768px){
    .mobile-padding.vc_row,
    .mobile-padding.wpb_column{
        padding-top: 20px!important;
        padding-right: 20px!important;
        padding-bottom: 20px!important;
        padding-left: 20px!important;
    }

    .vc_row:not(.mobile-padding) > .mobile-padding.wpb_column {
        padding-top: 20px!important;
        padding-right: 35px!important;
        padding-bottom: 20px!important;
        padding-left: 35px!important;
    }
}

/* phone and everything up to tablet */
@media (max-width: 767px){
	footer .widget{
		text-align: center;
	}
	footer .socialmedia-buttons{
		text-align: center;
	}
	 #mobile-header-bar{
    	display: block !important;
    }
    .admin-bar #mobile-header-bar {
         top: 46px;
    }

    #main-wrapper{
        /*margin-top: 42px;*/
    }
    .header-cart-info {
        top: 4px;
        right: 4px;
    }
    .preloader-inner {
        width: 220px;
        height: 220px;
    }

    #header-sidebar,
    #site-search-fixed-wrap,
    #site-cart-fixed-wrap{
        z-index: 210;
    }

    .header-sidebar-inner{
        padding: 20px;
    }

    #sidebar-overlay {
        display: none;
    }

    #sidebar-close-mobile{
        display: block;
    }
    .site-cart-inner .logo,
    .site-search-inner .logo,
    .l-logo-position-center .site-cart-inner .logo,
    .l-logo-position-center .site-search-inner .logo,
    #header-sidebar .logo{
        top: 25px;
        left: 25px;
        padding: 10px 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: absolute;
    }

    #header-sidebar .social-icons{
        margin-left: -15px;
        margin-right: -15px;
    }

    #header-sidebar .social-icons li {
        font-size: 15px;
        line-height: 15px;
        padding: 5px;
    }

    #header-sidebar .header-sidebar-inner{
        padding-top: 120px;
    }

    .widget.widget_search form{
        width: 100%;
        margin-left: 0;
    }

    .popup-container {
        display: block;
        width: 100%;
        padding: 10px 20px;
    }

    #header-sidebar .widget li{
        line-height: 14px;
    }

    .popup-container .widget_shopping_cart_content{
        margin-top: 20px;
    }

    .title-wrap h2,
    .title-wrap .h2 {
        line-height: 20px;
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .site-search-inner .search-form {
        width: 95%;
    }

    #site-cart-fixed-wrap .site-cart-inner .cart_list {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 30px;
    }

    #site-cart-fixed-wrap .site-cart-inner ul.cart_list li,
    #site-cart-fixed-wrap .site-cart-inner ul.product_list_widget li {
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }

    #site-cart-fixed-wrap a.remove{
        position: absolute;
        border-radius: 0;
    }

    #menu-extra-mobile{
        display: block;
    }

    #menu-extra{
        display: none;
    }

    #mobile-header-bar{
        top: 0 !important;
        height: 70px;
        display: block;
        position: relative;
    }

    #mobile-header-bar .logo{
        padding: 0;
        height: 60px;
    }

    #mobile-header-bar .logo img {
        margin: 10px 0 0 10px !important;
        padding: 0 !important;
    }
    .popup-inner .logo img {
        max-height: 100% !important;
        padding: 0 !important;
        text-align: left;
        width: 50%;
    }

    .site-search-inner .search-submit {
        margin: 5px 0px 0px 0%;
        width: 70%;
    }

    .l-header-vertical.l-header-left #site-header,
    .l-header-vertical.l-header-right #site-header{
        padding: 0;
    }

    #site-header #menu-wrap .menu li > a .nav-text:before{
        display: none;
    }

    #site-header #menu-wrap .menu,
    #site-header #menu-wrap .menu ul{
        padding: 0;
        display: block;
        width: 100%;
    }

    .l-header-vertical #site-header #menu-wrap .menu li a,
    .l-header-horizontal #site-header #menu-wrap .menu li a {
        padding: 0px 0 0px 25px;
        display: block;
        width: 100%;
    }

    #site-header #menu-wrap .menu > li.menu-item-has-children > a:before {
        top: 43%;
        left: 14px;
    }

    .l-header-vertical #site-header #menu-wrap .menu li ul li a,
    .l-header-horizontal #site-header #menu-wrap .menu li ul li a {
        padding-left: 40px;
        opacity: 0.5;
    }

    .l-header-vertical #site-header #menu-wrap .menu li ul li ul li a,
    .l-header-horizontal #site-header #menu-wrap .menu li ul li ul li a {
        padding-left: 55px;
    }

    #site-header #menu-wrap .menu li ul li.menu-item-has-children > a:before{
        left: 25px;
    }

    #site-header .menu > li.columns-block > ul > li > ul > li,
    #site-header .menu > li:not(.columns-block) ul li{
        padding-left: 0;
    }

    #site-header .menu > li.columns-block > ul > li > ul > li > ul > li,
    #site-header .menu > li:not(.columns-block) ul li ul li{
        padding-left: 0;
    }

    .l-header-vertical #site-header #menu-wrap .menu li ul,
    .l-header-horizontal #site-header #menu-wrap .menu li ul {
        margin: 0;
    }

    .ggt-slider-nav {
        top: auto;
        bottom: 10px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .ggt-pagination-wrap {
        /*bottom: 5px;*/
        display: none;
    }

    .ggt-slider-pagination{
        display: block;
        margin-bottom: 12px;
    }

    .ggt-slide .header-content-outer {
        padding: 80px 20px;
    }

    .header-content-wrap {
        width: 100%;
    }

    .header-content-wrap h2{
        font-size: 20px;
        line-height: 25px;
    }

    .image-elastic .fs-block-movable,
    .image-fixed .fs-block-movable {
        position: absolute;
    }

    .main-image {
        background-size: cover;
        background-position: center center;
    }

    #video-controls.off .controls-wrap {
        opacity: 1;
    }

    /*#video-controls {*/
        /*bottom: 100px;*/
        /*top: auto;*/
    /*}*/

    /** footer */

    .footer-soc-icons {
        margin-top: 20px;
    }

    .footer-soc .social-icons a {
        padding: 15px;
        margin: 10px 5px;
        font-size: 20px;
    }

    .footer-logo .logo {
        padding: 0;
    }

    #back2top{
        display: none;
    }

    .footer-bottom {
        padding: 10px 20px 10px 20px;
        margin-top: 20px;
    }

    .footer-logo {
        margin: 0;
        line-height: 35px;
        padding-right: 10px;
    }

    #site-header{
        width: 100%!important;
    }

    #header-toggle-mobile i {
        color: #000;
        display: inline-block;
        font-size: 20px;
        line-height: 40px;
        padding: 10px 0;
        text-align: center;
        width: 36px;
    }

    #menu-extra-mobile .block-link i {
        font-size: 20px;
        line-height: 60px;
    }

    .header-extra-btn {
        display: inline-block;
        float: left;
        height: 60px;
        line-height: 60px;
        margin: 0;
        width: 36px;
    }

    .menu-column-titles-on #site-header #menu-wrap .menu > li.columns-block > ul > li > a{
        margin-left: 0;
        padding-left: 30px;
    }

    .l-layout-global.l-header-horizontal #site-header,
    .l-layout-global.l-header-vertical #site-header{
        padding-top: 0!important;
        padding-right: 0!important;
        padding-bottom: 0!important;
        padding-left: 0!important;
        display: none;
    }
	footer .footer-content{
		padding: 10px 20px;
	}
	footer #site-footer .widget-title{
		margin-bottom: 5px;
	}
}

@media (max-width: 600px){
    .admin-bar #mobile-header-bar {
        top: 0;
    }
}

@media (max-width: 519px){
    article.post .comments-link{
        float: none!important;
        display: block;
        margin-bottom: 32px;
    }

    article.post .read-more-link{
        float: none!important;
        display: block;
    }

    article.post .entry-summary{
        margin-bottom: 20px;
    }

    article.post{
        margin-bottom: 80px;
    }
}

/** small phones */
@media (max-width: 768px) and (max-height: 360px){

}

/*@media (max-width: 320px){*/
    /*.mobile-padding.vc_row,*/
    /*.mobile-padding.wpb_column{*/
        /*padding-top: 10px!important;*/
        /*padding-right: 10px!important;*/
        /*padding-bottom: 10px!important;*/
        /*padding-left: 10px!important;*/
    /*}*/

    /*.vc_row:not(.mobile-padding) > .mobile-padding.wpb_column{*/
        /*padding-top: 10px!important;*/
        /*padding-right: 25px!important;*/
        /*padding-bottom: 10px!important;*/
        /*padding-left: 25px!important;*/
    /*}*/
/*}*/





/** Boxed version */

@media (min-width: 300px) and (max-width: 360px) {
    .page-template-page-boxed, .page-template-page-boxed .fs-block, .page-template-page-boxed .main-image {  margin: 0 auto;  width: 300px !important;  }
    .page-template-page-boxed header {  left: 0; margin: auto !important; right: 0; width: 300px !important;  }
}
@media (min-width: 360px) and (max-width: 767px) {
    .page-template-page-boxed {  margin: 0 auto;  width: 750px !important;  }
    .page-template-page-boxed header {  left: 0; margin: auto !important; right: 0; width: 750px !important;  }

}
@media (min-width: 768px) and (max-width: 970px) {
    .page-template-page-boxed {  margin: 0 auto;  width: 768px !important;  }
    .page-template-page-boxed header {  left: 0; margin: auto !important; right: 0; width: 768px !important;  }

}

@media (min-width: 1200px ) {
    .page-template-page-boxed {  margin: 0 auto;  width: 1170px !important;  }
    .page-template-page-boxed header {  left: 0; margin: auto !important; right: 0; width: 1170px !important;  }

}