/** 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 (min-width: 1025px) and (max-width: 1360px){
    .ggt-slide .header-content-outer {
        max-width: 80%;
    }
}

@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){

    .vc_col-sm-4 .vc_col-sm-2,
    .vc_col-sm-4 .vc_col-sm-3,
    .vc_col-sm-4 .vc_col-sm-4,
    .vc_col-sm-4 .vc_col-sm-6,
    .vc_col-sm-4 .vc_col-sm-6,
    .vc_col-sm-4 .vc_col-sm-8{
        width: 100%;
    }

    .vc_col-sm-3{
        min-width: 50%;
    }

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

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

    .ggt-slider-nav {
        position: absolute;
    }

    .ggt-next:hover, .ggt-prev:hover {
        height: 80px;
    }

    .nav-hover {
        display: none;
    }

    #fs-block {
        overflow: hidden;
        z-index: 0;
    }

    .ggt-slides-wrap {
        display: block;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        white-space: nowrap;
        overflow: visible;
        font-size: 0px;
        -webkit-transition: transform 0.3s ease;
        -moz-transition: transform 0.3s ease;
        -ms-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
    }

    .fs-block-inner.ggt-slide {
        height: 100%;
        z-index: 1;
        opacity: 1;
        top: 0px;
        left: 0px;
        position: relative;
        display: inline-block;
    }

    .slider-playpause{
        display: none;
    }

    .ggt-point {
        margin: 0px 20px;
    }

    .ggt-slider-nav {
        top: 50%;
        bottom: auto;
        margin-top: -40px;
    }

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

    .l-header-vertical.header-not-transparent.l-header-no-toggle .image-elastic .fs-block-movable,
    .l-header-vertical.header-not-transparent.l-header-no-toggle .image-fixed .fs-block-movable {
        width: 100%;
    }

    #main-wrapper .ggt-woo-carousel .product .ggt-woo-quick-view::after,
    #main-wrapper .ggt-woo-carousel .product .add_to_cart_button::after {
        opacity: 1;
    }
}

/** 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){

    .vc_row .vc_col-sm-4{
        width: 100%;
    }

    .vc_row .vc_col-sm-2{
        width: 33.33%;
    }

    .ggt-vc-counter {
        text-align: center;
    }

    .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){

    .vc_row .vc_col-sm-2 {
        width: 100%;
    }

    .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: 79px;
        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: 35px;*/
        padding-left: 55px;
        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;
    }

    .l-header-horizontal .menu > li.columns-block > ul > li{
        margin-left: 0;
    }

    .l-header-horizontal #menu-wrap .menu li li{
        border-bottom:1px solid rgba(255,255,255,0.2)
    }

    .l-header-horizontal #site-header .menu > li::before{
        display: none;
    }

    .l-header-horizontal #site-header .menu li{
        border-bottom:1px solid rgba(0,0,0,0.2);
        text-transform:uppercase;
    }

    .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: 29px;
    }

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

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

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

@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: 767px){
    #main-wrapper .title-crumbs {
        padding: 30px 30px 30px 30px;
    }

    #main-wrapper .page-content-inside {
        padding: 30px 12px;
    }

    .ggt-slider-nav {
        top: auto;
        bottom: 0;
        transform: none;
        margin-top: 0;
        height: 80px;
    }

    a.theme-btn.header-btn {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        padding: 20px 60px 20px 20px;
        position: relative;
        text-transform: none;
        white-space: nowrap;
    }

    .popup-container {
        display: block;
        width: 100%;
        padding: 0;
    }

    #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: 0px;
        padding: 0;
        margin-bottom: 3px;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }

    .mini-cart-info-wrap {
        padding: 20px 0px 0px 130px;
    }

    .widget_shopping_cart_content {
        margin-top: 0;
    }

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

    #site-cart-fixed-wrap .buttons a.button {
        width: 100%;
        margin: 0;
    }

    #site-cart-fixed-wrap .buttons {
        margin: 0;
    }

    #site-cart-fixed-wrap .total {
        margin: 30px 0px 30px;
        padding: 0px 20px;
        text-align: center;
    }

    article.post {
        padding: 0px;
        padding-bottom: 26px;
        margin-bottom: 0;
    }

    article.post .entry-title {
        font-size: 20px;
        line-height: 1.3em;
    }

    article.post .entry-summary {
        line-height: 1.3em;
    }

    #blog_wrap{
        border-right: none;
    }

    #respond {
        margin-left: 0;
    }

    #reply-title {
        font-size: 20px;
        margin: 0;
    }

    .comment-form-author, .comment-form-email, .comment-form-url {
        width: 100%;
        display: block;
        margin: 0;
    }

    #commentform label {
        padding: 0;
        font-size: 13px;
        font-weight: 500;
    }

    #commentform input {
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
    }

    #form-allowed-tags {
        width: 96.7%;
        padding: 8px;
        font-size: 13px;
        line-height: 1.4em;
    }

    .woo-archive-head {
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }

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

    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        margin-top: 12px;
        float: none;
    }

    .footer-content {
        padding: 40px 0px 0;
    }

    #site-footer .widget-title {
        margin-bottom: 10px;
    }

    #site-footer {
        overflow: hidden;
    }

    .footer-bottom {
        text-align: center;
    }

    .footer-w.widget.recent_post_widget .widget-title,
    .footer-w.widget.ggt_widget_recent_comments .widget-title{
        padding: 0px 20px;
    }

    .footer-w.widget.recent_post_widget,
    .footer-w.widget.ggt_widget_recent_comments {
        padding: 10px 0px;
    }

    .ggt-rc-right {
        font-size: 14px;
        line-height: 1.5em;
    }

    .ggt-rc-image {
        padding: 5px 0px;
    }

    .footer-logo {
        float: none !important;
        padding: 0;
    }

    .site-info {
        padding: 10px;
        float: none !important;
    }

    .site-info {
        display: block;
        vertical-align: middle;
        float: none !important;
        padding: 10px;
        text-align: center;
    }

    .footer-bottom > div {
        margin-top: 15px;
    }

    .footer-soc-icons .social-icons {
        margin: 0px;
        padding: 0px;
    }

    .footer-soc-icons {
        float: none !important;
        padding: 0;
        margin: 10px 0 0;
        text-align: center;
    }

}

@media (max-width: 420px){
    .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;
    }

    .section-light .footer-logo,
    .section-dark .footer-logo {
        border-right: none;
    }

    .ggt-slide .header-content-outer{
        max-width: 100%;
    }

    .widget{
        padding: 20px;
    }

    .page-template-page-custom #main-wrapper #page-container .page-content-inside {
        padding: 20px;
    }


}

/**
 * Navigation
 */

@media (max-width: 767px){
    .l-header-horizontal.l-header-top #menu-wrap, .l-header-horizontal.l-header-bottom #menu-wrap {
        width: 100%;
    }

    .l-header-horizontal .menu > li:after {
        display: none;
    }

    .l-header-horizontal .header-inner-wrap {
        padding: 0;
    }

    .l-header-vertical #site-header #menu-wrap .menu li ul li a, .l-header-horizontal #site-header #menu-wrap .menu li ul li a {
        opacity: 1;
    }

    #site-cart-fixed-wrap .buttons a.button {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

    #main-wrapper {
        margin-top: 1px;
    }
}