/** 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: 900px) {
    .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-4,
    .wpb_column.vc_col-sm-3,
    .wpb_column.vc_col-sm-2,
    .wpb_column.vc_col-sm-1{
        width: 100%;
    }

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

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

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

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

    /*
    .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{
        padding-top: 20px!important;
        padding-right: 20px!important;
        padding-bottom: 20px!important;
        padding-left: 20px!important;
    }
}

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

    .admin-bar #mobile-header-bar {
         top: 46px;
    }

    #main-wrapper{
        /*margin-top: 42px;*/
    }

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

    .close-btn {
        top: 25px;
        right: 25px;
        width: 50px;
        height: 50px;
    }

    .close-btn::before, .close-btn::after {
        width: 40px;
    }

    .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{
        display: block;
    }

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

    #mobile-header-bar .logo img {
        height: 42px;
        padding: 10px;
    }

    .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: 18px 0 18px 35px;
        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{
        line-height: 42px;
        font-size: 32px;
        padding:0 15px;
    }

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

    .header-extra-btn {
        width: 30px;
        margin: 0 7px;
        height: 42px;
        line-height: 42px;
    }

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

@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{
        padding-top: 10px!important;
        padding-right: 10px!important;
        padding-bottom: 10px!important;
        padding-left: 10px!important;
    }
}
