/*
Theme Name:        Flatsome
Theme URI:         http://flatsome.uxthemes.com/
Author:            UX-Themes
Author URI:        http://www.uxthemes.com/
Description:       Multi-Purpose Responsive WooCommerce Theme
Version:           3.13.3
Requires at least: 5.0.0
Requires PHP:      5.6.20
Text Domain:       flatsome
License:           http://themeforest.net/licenses
License URI:       http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.banner-style .banner .text-box {
    background-color: #fff;
    padding:15px;
}
.banner-style .banner-bg .text-box {
    background-color: transparent!important;
}
.banner-style .flickity-page-dots {
    bottom: -25px;
}
.products .product {
    border: 1px solid #ececec;
}
.slider-style-focus {
    margin-bottom: 60px;
}
.flickity-page-dots .dot {
    border: 1px solid #111;
}
.nav-dropdown {
    position: absolute;
    min-width: 360px;
    width: 100% !important;
    max-width: 100%;
}
.nav-dropdown > li.nav-dropdown-col, .nav-dropdown > li.image-column {
    text-align: left;
    display: table-cell;
    white-space: nowrap;
    width: 160px;
    min-width: 160px;
}
.nav-dropdown li {
    width: 100%!important;
    min-width: 160px;
}
.off-canvas-center .nav-vertical > li > a {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.off-canvas .sidebar-menu {
    padding: 30px 0;
    padding-top: 0px;
    margin-top: -60px;
}
.off-canvas {
    background-color: #fff;
}
.off-canvas-center .nav-vertical > li > ul > li a, .off-canvas-center .nav-vertical > li > a {
    font-size: 16px;
}
@media only screen and (max-width: 600px) {
    .footer-widgets.footer {
    margin-top: 50px!important;
}
       .banner-cat .bg.bg-loaded {
            background-size: contain !important;
            width: 100%!important;
            height: auto!important;
            max-height: 330px!important;
        }
           .banner-cat1 .bg.bg-loaded {
            background-size: contain !important;
            width: 100%!important;
            height: auto!important;
            max-height: 330px!important;
        }   
         .banner-cat1 .grid-col-3-4{
            height: 330px!important;
            width: 100%!important;
        } 
        .banner-cat1 .banner-inner {
            background-color: #000;;
        }
}