/*** 3. Basic Default ***/
body {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 20px;
    height: 100%;
    color: var(--black-color);
    background: #fff; } 
a,
button{
    cursor:pointer;
    transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease; }
a:hover,
a:focus{
    text-decoration: none; }
ul{
    margin: 0;
    padding: 0;
    list-style-type: none; }
button:focus,
input:focus,
a:focus{
    outline: 0;
    background: transparent; }
::-webkit-input-placeholder { color: #a2a2a2 !important; }
::-moz-placeholder { color: #a2a2a2 !important; }
:-ms-input-placeholder { color: #a2a2a2 !important; }
input:-moz-placeholder { color: #a2a2a2 !important; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }
input[type=number] { -moz-appearance:textfield; }
.compensate-for-scrollbar { margin-right: 17px !important; } 

/* Header */
#header_fixed {
    background: #fff;
    width: 100%;
    z-index: 8000;
    position: fixed;
    top: -100px;
    box-shadow: 0px 1px 25px rgba(0,0,0,0.2);
    visibility: hidden;
    opacity: 0;
    padding: 0 30px;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease; }
.compensate-for-scrollbar #header_fixed{ width: calc(100% - 17px); }
#header_fixed.fixed {
    visibility: visible;
    opacity: 1;
    top: 0; }
#header_fixed #header_logo{
    padding-top: 5px;
    padding-bottom: 5px; }
#header_fixed #header_logo img{ max-height: 50px; }
#header_fixed #header_menu{ margin-top: 7px; }
#header_fixed .navbar-content li.first-item,
#header_fixed .widget-html p,
#header_fixed .widget-html li.mail{
    display: none; }
#header_fixed .widget-html li a{ color: var(--black-color); }
#header_fixed .navbar-content li.last-item { margin-right: 20px; }
#header_fixed .navbar-content li.last-tablet { margin-left: 0; }
header{ background-color: #f9f9f9; }
#header_top{ 
    background: -moz-linear-gradient(145deg, rgba(227,20,29,1) 20%, rgba(243,38,47,1) 47%, rgba(227,20,29,1) 82%);
    background: -webkit-linear-gradient(145deg, rgba(227,20,29,1) 20%, rgba(243,38,47,1) 47%, rgba(227,20,29,1) 82%);
    background: linear-gradient(145deg, rgba(227,20,29,1) 20%, rgba(243,38,47,1) 47%, rgba(227,20,29,1) 82%); }
#header_top .block_content,
#header_fixed .block_content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px; }
#header_top .widget-html p{ margin: 0 0 0 30px; }
#header_top .widget-html p strong{
    color: #fff;
    font-family: var(--second-font);
    font-weight: var(--second-font-medium);
    position: relative;
    margin: 0 12px;
    text-transform: uppercase;
    font-size: 13px; }
#header_top .widget-html p strong:after{
    content: "";
    position: absolute;
    right: -14px;
    top: 6px;
    width: 4px; 
    height: 4px;
    background-color: #fff;
    border-radius: 50%; }
#header_top .widget-html p strong:last-of-type:after{ display: none; }
#header_top .widget-html ul,
#header_fixed .widget-html ul{
    display: flex;
    align-items: center; }
#header_top .widget-html li,
#header_fixed .widget-html li{
    position: relative;
    padding-left: 28px;
    margin-left: 42px;
    color: #fff;
    line-height: 24px; }
#header_fixed .widget-html li{ color: var(--black-color); }
#header_top .widget-html li:first-child{ margin-left: 0; }
#header_top .widget-html li.phone,
#header_top .widget-html li.mobile,
#header_fixed .widget-html li.phone,
#header_fixed .widget-html li.mobile{
    font-weight: var(--primary-font-medium);
    font-size: 16px; }
#header_top .widget-html li a{ color: #fff; }
#header_top .widget-html li a:hover{  text-decoration: underline; }
#header_top .widget-html li:before,
#header_fixed .widget-html li:before{
    font-family: "FontAwesome5";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff; }
#header_fixed .widget-html li:before{ color: var(--primary-color); }
#header_top .widget-html li.phone:before,
#header_fixed .widget-html li.phone:before{ 
    content: "\f879";
    font-size: 12px; }
#header_top .widget-html li.mobile:before,
#header_fixed .widget-html li.mobile:before{ 
    content: "\f232";
    font-weight: 300;
    font-size: 14px; }
#header_top .widget-html li.mail:before{ 
    content: "\f0e0";
    font-size: 13px;
    top: 1px; }
#header_top .widget-html li.address:before,
#header_fixed .widget-html li.address:before{ 
    content: "\f3c5";
    font-size: 13px; }
#header_logo{
    padding-top: 15px;
    padding-bottom: 15px; }
#header_menu{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 37px;
    padding-left: 0; }

/*** Menu style ***/
.navbar-content.font-primary{
    font-family: var(--second-font);
    font-weight: var(--second-font-medium); }
.navbar-content.size-normal,
.navbar-content.size-normal .dropdown-menu{
    font-size: 13px; }

.navbar-default {
    background-color: transparent;
    border-radius: 0;
    border: none;
    margin: 0;
    min-height: 40px; }
#header_fixed .navbar-default { display: none; }
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{
    background-color: transparent; }

.caret{
    border: none;
    position: relative;
    margin-left: 8px;
    width: 11px;
    height: 15px;
    top: -2px;
    line-height: 15px; }
.caret:before{
    font-family: "FontAwesome5";
    font-weight: 900;
    content: "\f078";
    font-size: 10px; }

.navbar-content{
    position: relative;
    padding: 0; }
.navbar-content li {
    margin: 0 13px;
    position: relative; }
.navbar-content li.first-item { margin-left: 0; }
.navbar-content li.last-item { margin-right: 0; }
.navbar-content li a {
    padding: 10px 0;
    color: var(--black-color) !important;
    text-transform: uppercase;
    line-height: 20px;
    position: relative; }
.navbar-content li a:hover,
.navbar-content li.active a {
    color: var(--gray-color) !important; }

.navbar-content .dropdown-menu {
    display: block;
    opacity: 0;
    top: 150%;
    left: -40px;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 10px 0 0 0;
    width: 285px;
    visibility: hidden;
    z-index: 25000 !important;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
.navbar-content .first-drop .dropdown-menu { width: 205px; }
.navbar-content .dropdown:hover .dropdown-menu {
    opacity: 1;
    top: 100%;
    visibility: visible;
    z-index: 9999; }
.navbar-content .dropdown-menu ul {
    padding: 25px 40px; 
    background-color: #374b5c;
    box-shadow: 0px 8px 15px rgba(0,0,0,0.1); }
.navbar-content .dropdown-menu li { 
    margin: 0 0 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 7px; }
.navbar-content .dropdown-menu li:last-child { 
    margin: 0;
    border: none;
    padding-bottom: 0;
    padding-right: 10px; }
.navbar-content .dropdown-menu li a {
    padding: 5px 0;
    color: #fff !important;
    display: block;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--primary-font);
    font-weight: var(--primary-font-normal);
    text-transform: none;
    height: inherit; }
.navbar-content .dropdown-menu li a:hover { padding-left: 10px; }

#header .action{ margin-left: 30px; }
#header_fixed .action{ margin-left: 80px; }
#header .action a,
#header_fixed .action a{
    display: block;
    color: var(--black-color);
    font-weight: var(--second-font-medium);
    font-family: var(--second-font);
    font-size: 13px;
    text-transform: uppercase;
    line-height: 20px;
    padding: 12px 20px;
    border: 1px solid var(--black-color); }
#header .action a:hover,
#header_fixed .action a:hover{ 
    background-color: var(--second-color);
    border-color: var(--second-color);
    color: #fff; }

#breadcrumb{ 
    padding: 30px 0;
    background-image: url(../img/bg-breadcrumb.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
#breadcrumb.special{ background-image: url(../img/bg-breadcrumb-trend.jpg); }
#breadcrumb h1 {
    font-family: var(--second-font);
    font-weight: var(--second-font-bold);
    text-align: center;
    color: #374b5c;
    margin: 0 0 15px 0;
    font-size: 28px;
    line-height: 30px; }
#breadcrumb .path {
    text-align: center;
    font-size: 14px;
    color: #374b5c;
    line-height: 20px; }
#breadcrumb .path .pipe {
    color: var(--primary-color);
    margin: 0 12px;
    position: relative;
    top: 0; }
#breadcrumb .path a { color: #374b5c; }

/* Global */
.columns-container{ padding: 40px 0 50px 0; }
#left_column{
    width: 21%;
    padding: 0 0 0 15px;
    float: left; }
#center_column{
    padding: 0 15px;
    float: left;
    width: 100%; }
#center_column.left-9{
    width: 79%;
    padding-left: 30px; }

#categoriesbox .level-one > li > a{
    display: block;
    font-weight: var(--primary-font-bold);
    color: #374b5c;
    position: relative;
    line-height: 20px;
    padding: 5px 0; }
#categoriesbox .level-two{
    display: block !important;
    padding-bottom: 10px; }
#categoriesbox .level-two > li{ position: relative; }
#categoriesbox .level-two > li > a{
    display: block;
    color: var(--gray-color);
    padding: 6px 30px 6px 0; }
#categoriesbox .level-two > li > .grower{
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    color: var(--gray-color);
    line-height: 30px;
    font-size: 14px; }
#categoriesbox .level-two > li > .grower.OPEN:before{ content: "-"; }
#categoriesbox .level-two > li > .grower.CLOSE:before{ content: "+"; }
#categoriesbox .level-three > li > a{
    display: block;
    padding: 6px 30px 6px 20px;
    color: var(--gray-color); }
#categoriesbox .level-three > li:last-child > a{ margin-bottom: 10px; }
#categoriesbox li a.selected,
#categoriesbox li a:hover{ 
    color: var(--primary-color); }

.home-top,
.home-bottom{ 
    padding: 70px 0; }
.home-middle{
    background-color: #f9f9f9;
    padding: 70px 0; }
.home-middle .widget-html p{
    text-align: center;
    margin-bottom: 0;
    padding: 0 100px;
    line-height: 32px;
    font-size: 18px;
    font-weight: var(--primary-font-medium);
    color: #374b5c; }

#company_box .widget-html p{
    line-height: 24px;
    margin-bottom: 0;
    color: var(--gray-color); }
#list_blog{ margin-top: 40px; }
#list_blog h1{
    margin: 0 0 30px 0;
    display: flex;
    justify-content: center;
    font-family: var(--second-font);
    font-weight: var(--second-font-bold);
    color: #374b5c;
    font-size: 28px;
    line-height: 30px; }
#list_blog h1 span{
    position: relative;
    padding: 0 60px; }
#list_blog h1 span:before,
#list_blog h1 span:after{
    content: "";
    position: absolute;
    width: 45px;
    height: 1px;
    background-color: #374b5c;
    top: 15px; }
#list_blog h1 span:before{ left: 0; }
#list_blog h1 span:after{ right: 0; }
#list_blog .list li { margin-bottom: 50px; }
#list_blog li .article { padding-top: 20px; }
#list_blog li .article h5 {
    margin: 0 0 15px 0;
    padding-bottom: 12px;
    position: relative;
    display: flex;
    align-items: center;
    height: 52px; }
#list_blog li .article h5:before{
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: var(--primary-color);
    bottom: 0;
    left: 0; }
#list_blog li .article h5 a {
    color: var(--black-color);
    font-size: 15px;
    font-weight: var(--primary-font-bold);
    line-height: 20px; }
#list_blog li .article .description {
    color: var(--gray-color);
    line-height: 22px;
    overflow: hidden;
    height: 66px;
    margin-bottom: 20px; }
#list_blog li .article .more { display: block; }
#list_blog li .article .more a {
    display: inline-block;
    padding: 0 30px;
    text-transform: uppercase;
    font-weight: var(--second-font-medium);
    font-family: var(--second-font);
    font-size: 13px;
    background-color: #374b5c;
    color: #fff;
    line-height: 40px; }
#list_blog li .article .more a:hover { background-color: var(--second-color); }

#article_blog{
    width: 800px;
    margin: 0 auto; }
#article_blog h1.title{
    margin: 0 0 30px 0;
    font-weight: var(--primary-font-bold);
    line-height: 28px;
    font-size: 22px; }
#article_blog .date{ margin: 0 0 30px 0; }
#article_blog .date p{
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
    color: var(--gray-color);
    text-transform: capitalize; }
#article_blog .image{
    overflow: hidden;
    height: 420px;
    margin-bottom: 15px; }
#article_blog .image img{ margin-top: -70px; }
#article_blog .article p{
    line-height: 24px;
    color: var(--gray-color);
    font-size: 14px; }
#article_blog .article li{
    position: relative;
    padding-left: 20px;
    line-height: 26px;
    color: var(--gray-color);
    margin-bottom: 5px;
    font-size: 15px; }
#article_blog .article li:before{
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--primary-color);
    left: 3px;
    top: 9px;
    border-radius: 50%; }
#article_blog .article ol li{ padding-left: 0; }
#article_blog .article ol li:before{ display: none; }
#article_blog .article img{
    display: block;
    max-width: 100%;
    height: auto; }
#article_blog .article h1,
#article_blog .article h2,
#article_blog .article h3{
    font-size: 18px;
    font-weight: var(--primary-font-medium);
    margin: 0 0 10px 0;
    line-height: 24px; }
#article_blog .article p+h1,
#article_blog .article p+h2,
#article_blog .article p+h3,
#article_blog .article ul+h3,
#article_blog .article ul+h3,
#article_blog .article ul+h3{
    margin-top: 15px; }
#article_blog .return{ margin-top: 30px; }
#article_blog .return a{
    color: var(--gray-color);
    font-size: 15px;
    font-weight: var(--primary-font-medium); }
#article_blog .return a:hover{ color: var(--black-color); }
#article_blog .return a i{
    padding-right: 8px;
    position: relative;
    top: 0;
    font-size: 12px; }

.featured-list h1.title{
    margin: 0 0 30px 0;
    display: flex;
    justify-content: center;
    font-family: var(--second-font);
    font-weight: var(--second-font-bold);
    font-size: 28px;
    line-height: 30px; }
.featured-list h1.title a{
    position: relative;
    padding: 0 60px;
    color: #374b5c; }
.featured-list h1.title a:before,
.featured-list h1.title a:after{
    content: "";
    position: absolute;
    width: 45px;
    height: 1px;
    background-color: #374b5c;
    top: 15px; }
.featured-list h1.title a:before{ left: 0; }
.featured-list h1.title a:after{ right: 0; }
.featured-list .goto{
    text-align: center;
    margin-top: 30px; }
.featured-list .goto a{
    font-family: var(--primary-font);
    font-weight: var(--primary-font-medium);
    color: #337ab7;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline; }
.featured-list .goto a:hover{ color: var(--black-color); }
.featured-list.last{ padding-top: 70px; }

.product-list li{ margin-bottom: 50px; }
.featured-list .product-list li{ margin-bottom: 0; }
.product-list li .info-box{ padding-top: 20px; }
.product-list li h5{
    margin: 0 0 15px 0;
    padding-bottom: 12px;
    position: relative;
    display: flex;
    align-items: center;
    height: 52px; }
.product-list li h5:before{
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: var(--primary-color); 
    bottom: 0;
    left: 0; }
.product-list li h5 a{
    color: var(--black-color);
    font-size: 15px;
    font-weight: var(--primary-font-bold);
    line-height: 20px; }
.product-list li .description{
    color: var(--gray-color);
    line-height: 22px;
    overflow: hidden;
    height: 66px;
    margin-bottom: 20px; }
.product-list li .more{ display: block; }
.product-list li .more a{
    display: inline-block;
    padding: 0 30px;
    text-transform: uppercase;
    font-weight: var(--second-font-medium);
    font-family: var(--second-font);
    font-size: 13px;
    background-color: #374b5c;
    color: #fff;
    line-height: 40px; }
.product-list li .more a:hover{ background-color: var(--second-color); }

.pagination-box{
    display: flex;
    align-items: center;}
.pagination-box .product-count{ line-height: 20px; }
.pagination-box .pagination{ 
    margin: 0 30px 0 0;
    display: flex; }
.pagination-box .pagination>li{ margin: 0 2px; }
.pagination-box .pagination>li.pagination_previous{ 
    margin-right: 8px;
    margin-left: 0; }
.pagination-box .pagination>li.pagination_next{ 
    margin-left: 8px;
    margin-right: 0; }
.pagination-box .pagination>li>a,
.pagination-box .pagination>li>span {
    border: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    height: 24px;
    width: 24px;
    color: var(--black-color);
    text-align: center;
    line-height: 24px;
    border-radius: 0 !important; }
.pagination-box .pagination>li>a i,
.pagination-box .pagination>li>span i {
    font-size: 12px;
    position: relative; }
.pagination-box .pagination>li>a:focus,
.pagination-box .pagination>li>a:hover{
    color: #fff !important;
    background-color: #374b5c !important; }
.pagination-box .pagination>.active>a,
.pagination-box .pagination>.active>a:focus,
.pagination-box .pagination>.active>a:hover,
.pagination-box .pagination>.active>span,
.pagination-box .pagination>.active>span:focus,
.pagination-box .pagination>.active>span:hover {
    color: #fff !important;
    background-color: #374b5c; }
.pagination-box .pagination>.disabled>a,
.pagination-box .pagination>.disabled>a:focus,
.pagination-box .pagination>.disabled>a:hover,
.pagination-box .pagination>.disabled>span,
.pagination-box .pagination>.disabled>span:focus,
.pagination-box .pagination>.disabled>span:hover {
    cursor: default;
    color: #9b9b9b !important; }

#confirmation_box{
    position: relative;
    padding: 60px 0 60px 100px;
    margin: 30px auto 0 auto;
    width: 75%; }
#confirmation_box:before{
    content: "";
    position: absolute;
    width: 300px;
    height: 282px;
    border: 15px solid #dfdfdf;
    z-index: 1;
    left: 0;
    top: 0; }
#confirmation_box .conf-block{
    background: #fff;
    padding: 30px 0;
    position: relative;
    z-index: 1; }
#confirmation_box .conf-block h1{
    margin: 0 0 20px 0;
    font-family: var(--second-font);
    font-weight: var(--second-font-bold);
    text-transform: uppercase;
    font-size: 24px; }
#confirmation_box .conf-block p{
    color: var(--gray-color);
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0; }

/* Privacy */
#privacy_box h1,
#privacy_box h2{
    font-weight: var(--primary-font-bold); }
#privacy_box h1{
    margin: 0 0 30px 0;
    font-size: 22px;
    text-align: center; }
#privacy_box h2{
    margin: 20px 0 15px 0;
    font-size: 16px; }
#privacy_box p{
    text-align: justify;
    line-height: 24px;
    color: var(--gray-color); }
#privacy_box ol,
#privacy_box ul{
    padding-left: 30px;
    margin-bottom: 10px; }
#privacy_box ul{ list-style-type: disc; }
#privacy_box ol li,
#privacy_box ul li{
    margin-bottom: 5px; }

/* Footer */
footer{
    padding: 40px 0 30px 0;
    background-color: #374b5c; } 
footer .footer-box{  
    padding-top: 130px;  
    background-image: url(../img/logo-white.png);
    background-repeat: no-repeat;
    background-position: center top; }
footer .links,
footer .info{ 
    text-align: center; }
footer .links .widget-html{
    display: inline-block;
    border-bottom: 1px solid var(--silver-color);
    margin-bottom: 20px;
    padding-bottom: 20px; } 
footer .links li {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 0 15px;
    position: relative; }     
footer .links li a{
    font-size: 13px;
    font-family: var(--second-font);
    font-weight: var(--second-font-medium);
    color: var(--silver-color); }     
footer .links li a:hover{ color: #fff; }   
footer .info{
    display: flex;
    align-items: center;
    justify-content: center; }      
footer .info .widget-html ul,
footer .info .social-block,
footer .info .social-block ul{
    display: flex;
    align-items: center; }
footer .info .widget-html li{
    margin: 0 15px;
    position: relative;
    padding-left: 24px;
    line-height: 30px;
    color: var(--silver-color); }
footer .info .widget-html li:first-child{ margin-left: 0; }
footer .info .widget-html li:before {
    font-family: "FontAwesome5";
    font-weight: 900;
    font-size: 14px;
    position: absolute;
    left: 2px;
    top: 0;
    color: #fff; }
footer .info .widget-html li.address:before { content: "\f3c5"; }
footer .info .widget-html li.phone:before { 
    content: "\f879";
    font-size: 12px; }
footer .info .widget-html li.mobile:before { 
    content: "\f232";
    font-weight: 300; }     
footer .info .widget-html li a{ color: var(--silver-color); }    
footer .info .widget-html li a:hover{ text-decoration: underline; }
footer .info .widget-html li span{
    font-weight: var(--primary-font-medium);
    padding-right: 8px;
    color: #fff; }      
footer .info .social-block{ margin-left: 20px; }  
footer .info .social-block h2{
    margin: 0 5px 0 0;
    font-weight: var(--primary-font-medium);
    color: #fff;
    font-size: 14px; }
footer .info .social-block li{ margin:  0 7px; }
footer .info .social-block li:last-child{ margin-right: 0; }
footer .info .social-block li a{ color: var(--silver-color); } 
footer .info .social-block li a:hover{ color: var(--second-color); } 
footer .copyright{
    text-align: center;
    margin-top: 40px;
    color: var(--silver-color); } 

.wa-mobile {
    position: fixed;
    width: 56px;
    height: 56px;
    right: 25px;
    bottom: 25px;
    z-index: 9000; }
.compensate-for-scrollbar .wa-mobile { right: 42px; }
.wa-mobile a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    color: #fff;
    line-height: 54px;
    text-align: center;
    font-size: 34px;
    background: #25d366; }
.wa-mobile a:hover { background: #128c7e; }

.content_only #privacy_box { padding: 30px; }


/*** 3. Basic Default (Responsive) ***/
@media (min-width: 992px) and (max-width: 1200px) {
    #header_top .block_content { justify-content: center !important; }
    #header_top .widget-html p,
    #header_fixed .widget-html li.address{ 
        display: none; }
    #header_logo { padding-right: 0; }

    #banners_block { height: 80vh !important; }
    .banners-left { display: none !important; }
    .banners-html .description {
        margin-left: auto !important;
        margin-right: auto !important; }

    .featured-list .product-list li:last-child { display: none; }

    .home-middle .widget-html p { padding: 0; }

    #left_column { width: 25%; }
    #center_column.left-9 { width: 75%; }

    #list_blog li .article h5 { height: 72px; }

    #category .product-list li .product-container{
        width: 300px;
        margin: 0 auto; }
    .product-container .product-right {
        width: 100% !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        margin-bottom: 40px !important; }
    .product-container .product-left {
        width: 430px !important;
        padding-right: 30px !important;
        padding-left: 30px !important; }
    .product-bottom {
        padding-left: 30px !important;
        margin-top: 30px !important; }

    #confirmation_box {
        padding: 60px 0 60px 80px;
        width: 94%; }

    .wa-mobile {
        right: 15px;
        bottom: 15px; }

    .fancybox-slide--iframe .fancybox-content { max-width: 90% !important; }
}

@media (min-width: 767px) and (max-width: 991px) {
    #header_fixed{ padding: 0; }
    #header_fixed #header_menu {
        margin-top: 5px;
        margin-bottom: 5px;
        justify-content: space-between; }
    #header_top .block_content { justify-content: center !important; }
    #header_top .widget-html p,
    #header_fixed .widget-html li.mail,
    #header_fixed .widget-html li.address,
    .navbar-content li.hidden-lg{ 
        display: none; }
    #header_fixed .navbar-content li.first-tablet,
    #header_fixed .widget-html li.mobile { 
        margin-left: 0; }
    #header_fixed .navbar-content li.last-item { margin-right: 0; }
    #header_logo { padding-right: 0; }
    #header_logo img{ max-height: 70px; }
    .navbar-content li { margin: 0 15px; }
    .navbar-content li.first-item{ display: none; }
    .navbar-content li.first-tablet{ margin-left: 0; }
    #header .action,
    #header_fixed .action { 
        margin-left: 30px; }  
    #header_menu { margin-top: 27px; }

    #banners_block { height: 60vh !important; }
    .banners-left { display: none !important; }
    .banners-html .description {
        width: 70% !important;
        margin-left: auto !important;
        margin-right: auto !important; }

    .home-middle .widget-html p { padding: 0; }
    .featured-list .product-list li {
        margin-bottom: 50px; }
    .product-list li .product-container {
        width: 330px;
        margin: 0 auto; }
    .featured-list .goto { margin-top: 0; }

    #left_column{
        position: fixed;
        width: 350px;
        padding: 0;
        z-index: 7998;
        background: #fff;
        border-right: 1px solid var(--silver-color);
        top: 0;
        height: 100%;
        overflow: auto;
        left: -105%;
        transition: 0.4s ease;
        -o-transition: 0.4s ease;
        -webkit-transition: 0.4s ease; }
    #left_column.open{ left: 0%; }
    #nav_aux{
        position: fixed;
        left: 0;
        top: 266px;
        z-index: 7999;
        width: 40px;
        height: 39px;
        color: var(--black-color);
        font-size: 19px;
        text-align: center;
        line-height: 39px;
        background: var(--second-color); }
    #categoriesbox {
        border: none !important;
        padding-top: 40px;
        width: 240px;
        margin-left: 70px; }

    #center_column.left-9{
        width: 100%;
        padding-left: 15px; }

    #breadcrumb .path {
        height: 20px;
        overflow: hidden; }

    .product-container .product-right {
        width: 100% !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        margin-bottom: 40px !important; }
    .product-container .product-left {
        width: 430px !important;
        padding-right: 30px !important;
        padding-left: 30px !important; }
    .product-bottom {
        padding-left: 30px !important;
        margin-top: 30px !important; }

    #article_blog { width: 100%; }
    #article_blog .image img { margin-top: -40px; }

    #contact .contact-container { width: 80% !important; }
    #confirmation_box { width: 93%; }

    footer .info .widget-html li span { display: none; }

    .wa-mobile {
        right: 15px;
        bottom: 15px; }

    .fancybox-slide--iframe .fancybox-content { max-width: 100% !important; }
}

@media (max-width: 767px) {
    #header_top { padding-right: 40px; }
    #header_top .block_content { justify-content: center; }
    #header_top .widget-html p,
    #header_top .widget-html li.mail,
    #header_top .widget-html li.address{ 
        display: none; }
    #header_top .widget-html li {
        padding-left: 25px;
        margin-left: 30px; }
    #header_logo img{ max-height: 70px; }
    #header_menu { margin-top: 25px; }

    .navbar-default { min-height: 0; }
    .navbar-default .navbar-toggle {
        position: fixed;
        top: 0px;
        right: 0px;
        z-index: 9999;
        margin: 0;
        border: 0;
        border-radius: 0;
        width: 40px;
        height: 39px; 
        font-size: 20px;
        color: #fff;
        background: var(--primary-color); }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: var(--primary-color); }
    .navbar-default .navbar-content{
        position: fixed;
        right: -100%;
        top: 0;
        z-index: 9998;
        width: 100%;
        height: 100% !important;
        background: rgba(0,0,0,0.9);
        padding-top: 70px;
        border-top: none;
        transition: 0.4s ease;
        -o-transition: 0.4s ease;
        -webkit-transition: 0.4s ease; }
    .navbar-default .collapse{ display: block; }
    .navbar-default .navbar-content.in{ right: 0%; }
    .navbar-default .navbar-content ul {
        margin: 0;
        float: inherit;
        background: none; }
    .navbar-content .dropdown-menu ul:before { display: none; }

    .navbar-content li {
        margin: 0 !important;
        padding: 0; }
    .navbar-content li:before,
    .navbar-content li:after {
        display: none; }
    .navbar-content li a {
        color: #fff !important;
        border-bottom: 1px solid rgba(255,255,255,0.2);
        padding: 15px 30px;
        display: block; }
    .navbar-content li a:hover, 
    .navbar-content li.active a {
        background-color: transparent !important;
        color: var(--silver-color) !important;
        padding: 15px 30px !important;
        border-color: transparent !important; }

    .navbar-content .dropdown-menu {
        left: 0 !important;
        background: #374b5c !important;
        width: 100% !important;
        box-shadow: none !important;
        padding: 0 !important; }
    .navbar-content .open .dropdown-menu {
        opacity: 1 !important;
        visibility: visible !important; }
    .navbar-content .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none; }
    .navbar-content .dropdown-menu {
        opacity: 0 !important;
        visibility: hidden !important; }
    .navbar-content .dropdown-menu ul { padding: 0; }
    .navbar-content .dropdown-menu li {
        border-bottom: none;
        padding-bottom: 0; }
    .navbar-content .dropdown-menu ul li a {
        font-size: 14px;
        padding: 12px 30px !important; }

    #banners_block { height: 65vh !important; }
    .banners-left { display: none !important; }
    .banners-html .description {
        width: 80% !important;
        margin-left: auto !important;
        margin-right: auto !important; }
    .banners-html .description h1 {
        margin: 0 0 20px 0 !important;
        font-size: 20px !important;
        line-height: 26px !important; }
    .banners-html .description p {
        margin: 0 0 20px 0 !important;
        font-size: 14px !important;
        line-height: 24px !important; }

    .home-top, 
    .home-bottom,
    .home-middle { 
        padding: 40px 0; }
    .home-middle .widget-html p {
        padding: 0;
        line-height: 24px;
        font-size: 14px;
        font-weight: var(--primary-font-medium); }

    .featured-list h1.title,
    #list_blog h1 {
        font-size: 20px;
        line-height: 24px; }
    .featured-list h1.title a,
    #list_blog h1 span { 
        padding: 0; }
    .featured-list h1.title a:before, 
    .featured-list h1.title a:after,
    #list_blog h1 span:before,
    #list_blog h1 span:after {
        display: none; }

    .product-list{
        width: 300px;
        margin: 0 auto; }
    .product-list li,
    .featured-list .product-list li,
    #list_blog .list li {
        margin-bottom: 30px; }
    .featured-list .goto { margin-top: 0; }
    .featured-list.last { padding-top: 50px; }

    #breadcrumb { padding: 20px 0; }
    #breadcrumb h1 {
        margin: 0 0 10px 0;
        font-size: 20px;
        line-height: 26px;
        height: 26px;
        overflow: hidden; }
    #breadcrumb .path {
        font-size: 13px;
        height: 20px;
        overflow: hidden; }

    #left_column{
        position: fixed;
        width: 320px;
        padding: 0;
        z-index: 7998;
        background: #fff;
        border-right: 1px solid var(--silver-color);
        top: 0;
        height: 100%;
        overflow: auto;
        left: -105%;
        transition: 0.4s ease;
        -o-transition: 0.4s ease;
        -webkit-transition: 0.4s ease; }
    #left_column.open{ left: 0%; }
    #nav_aux{
        position: fixed;
        left: 0;
        top: 236px;
        z-index: 7999;
        width: 40px;
        height: 39px;
        color: var(--black-color);
        font-size: 19px;
        text-align: center;
        line-height: 39px;
        background: var(--second-color); }
    #categoriesbox {
        border: none !important;
        padding-top: 40px;
        width: 240px;
        margin-left: 50px; }

    #center_column.left-9{
        width: 100%;
        padding-left: 15px; }

    .product-container .product-right {
        width: 100% !important;
        float: left !important;
        padding-left: 15px !important;
        padding-right: 15px;
        margin-bottom: 30px; }
    .product-right .head h1 {
        font-size: 20px !important;
        line-height: 26px !important; }
    .product-right .action { margin-top: 20px !important; }
    .product-container .product-left {
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important; }
    .product-left #image-block,
    .product-left #views_block,
    .product-left .share {
        width: 300px;
        margin: 0 auto; }
    .share { margin-top: 30px !important; }
    .product-left #thumbs_list li { width: 96px !important; }
    .product-bottom { padding-right: 15px; }
    .product-right .action a.aux {
        margin-top: 20px !important;
        margin-left: 0 !important; }

    #list_blog{
        width: 330px;
        margin: 30px auto 0 auto; }
    #article_blog{
        width: 100%;
        margin: 0 auto; }
    #article_blog h1.title {
        margin: 0 0 20px 0;
        line-height: 26px;
        font-size: 20px; }
    #article_blog .image { height: inherit; }
    #article_blog .image img { margin-top: 0; }
    #article_blog .date { margin: 0 0 20px 0; }
    #article_blog .return { margin-top: 20px; }

    #privacy_box h1 {
        margin: 0 0 20px 0 !important;
        font-size: 18px !important;
        line-height: 22px !important; }

    #contact .contact-container {
        width: 100% !important;
        padding: 0 15px; }
    #contact form .ptd label {
        max-width: 90% !important;
        line-height: 18px !important;
        font-size: 13px; }

    #confirmation_box {
        padding: 0;
        margin: 20px auto 0 auto;
        width: 90%; }
    #confirmation_box:before { display: none; }
    #confirmation_box .conf-block { padding: 0; }
    #confirmation_box .conf-block h1 {
        line-height: 30px;
        text-align: center; }
    #confirmation_box .conf-block p {
        font-size: 16px;
        line-height: 26px;
        text-align: center; }

    footer { padding: 30px 0 20px 0; }
    footer .footer-box {
        padding-top: 100px;
        background-size: 180px; }
    footer .links li { margin: 3px 15px; }
    footer .info,
    footer .info .widget-html ul { display: block; }
    footer .info .widget-html li {
        margin: 0;
        text-align: left; }
    footer .info .widget-html,
    footer .info .social-block{
        width: 200px;
        margin: 0 auto; }
    footer .info .social-block { margin-top: 20px; }
    footer .copyright { font-size: 13px; }

    .wa-mobile {
        right: 15px;
        bottom: 15px; }

    .fancybox-slide--iframe .fancybox-content { max-width: 100% !important; }
    .fancybox-slide { padding: 30px !important; }
    .content_only #privacy_box { padding: 20px !important; }
}