@charset "utf-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

/* CSS Document */
.mtb-10 { margin-top: 10px; margin-bottom: 10px;}
.mtb-20 { margin-top: 20px; margin-bottom: 20px;}
.mtb-30 { margin-top: 30px; margin-bottom: 30px;}
.ma-0 { margin: 0;}
.mt-0 { margin-top: 0px;}
.mt-10 { margin-top: 10px;}
.mt-20 { margin-top: 20px;}
.mt-30 { margin-top: 30px;}
.mt-50 { margin-top: 50px;}
.mb-0 { margin-bottom: 0;}
.mb-10 { margin-bottom: 10px;}
.mb-20 { margin-bottom: 20px;}
.mb-30 { margin-bottom: 30px!important;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.pl-10 { padding-left: 10px;}
.pr-10 { padding-right: 10px;}
.pr-0  { padding-right: 0!important;}
.pt-20 { padding-top: 20px;}
.pa-20 { padding: 20px;}
.pa-0 {padding: 0px!important;}
.pb-20 { padding-bottom: 20px;}
.ptb-30 { padding-top: 30px; padding-bottom: 30px;}


hr.clear { clear: both; border: 0; width: 100%; height: 1px; margin: 0; padding: 0;}
hr.space {border: none !important; clear: both;  height: 70px; margin: 0;}
hr.space.l { height: 50px; }
hr.space.xs {  height: 10px; }
hr.space.s { height: 20px; }
hr.space.m {  height: 30px; }

i {margin: 0 5px;}

.img-full {width: 100%;}
.logo {width: 280px; margin-top: 10px; }
.logo img { width: 100%;}

.btn-primary.btn-lg { padding: 10px 30px!important; letter-spacing: 1px; }
.btn-group.open .dropdown-toggle { -webkit-box-shadow:none!important; box-shadow:none!important;}
.xs-hide { display: table-row;}
/*------ top-bar -----*/
.top-bar .cnt-account  .account-box{
    
}
.top-right{
    float: right;
}
.top-bar .social{
    float: left;
    margin-top: 2px;
}
.top-bar .cnt-account{
    float: left;
}

.top-bar .social ul li{
    float: left;
    margin-right: 0;
}
.top-bar .social ul li svg.bi.bi-line{
    color: #805300;
    font-size: 20px;
    width: 20px;
    height:20px;
    margin-top: 8px;
}
.top-bar .social ul li i{
    color: #805300;
    font-size: 20px;
}
.top-bar .social ul .fa-line-box{
    padding-top: 1px !important;
    float: left;
    margin-right: 3px;
}
.top-bar .social ul .fa-line-box svg{
    color: #805300;
    font-size: 20px;
}
.top-bar .social ul .fa-line-box a{
    margin-top: 5px;
    display: block;
    height: 20px;
    width: 20px;
}
.top-bar .social ul .fa-line-box a .fa-line{
    background: url(../images/top-bar-line_icon.png) center 0px no-repeat;
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
}
.top-bar .social a{

}
/*.top-bar .social ul li .fa.fa-line img{
    width: 20px;
    margin-top: -4px;
}*/

.top-bar .cnt-account ul > li a .icon{
    padding-right: 0px;
    padding-top: 0px;
}
.top-bar .cnt-account ul > li{
    padding: 3px 3px;
}
@media (max-width: 768px){
    .top-bar .social{
        /*display: none;*/
        margin-top: 2px;
        float: right;
    }
    .top-bar .social ul .fa-line-box a .fa-line{
        background: url(../images/top-bar-line_icon.png) center 0px no-repeat;
        background-size: 18px 18px;
        height: 18px;
        width: 18px;
    }
}
@media (max-width: 480px){
    .top-bar .social ul li{
        margin: 0 5px;
    }
    .top-bar .social ul li .fa.fa-line img{
        width: 20px;
        margin-top: 0px;
    }
    .top-bar .social ul .fa-line-box{
        margin-right: 0;
    }
    .top-bar .social ul .fa-line-box a{
        margin-top: 6.5px;
        display: block;
        height: 16px;
        width: 16px;
        margin-right: 3px;
    }
    .top-bar .social ul .fa-line-box a .fa-line {
        background: url(../images/top-bar-line_icon.png) center 0px no-repeat;
        background-size: 16px 16px;
        height: 16px;
        width: 16px;
    }
    .top-bar .header-top-inner .cnt-account li{
        padding: 3px  3px;
    }
    .top-bar .cnt-account ul > li a .icon{
        padding-right: 0px !important;
    }
     .top-bar .top-right{
        float: none;
    }
}
@media (max-width: 400px){

}
/*------ navbar-nav -----*/

.navbar-nav {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    float: none;
}


.navbar-nav > li {
    border-right: 1px solid rgba(255,255,255,0.2);
    width: auto;
    flex-grow: 1;
    float: none;
    display: inline-block;
    padding: 0 5px;
    margin: 10px 0;
}

.navbar-nav>li>.dropdown-menu::before {
    content: " ";
    position: absolute;
    left: 40%;
    top: 0;
    margin-top: -20px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-width: 10px;
    border-bottom-color: #FFF;
    pointer-events: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:transparent;}
.navbar-default .navbar-toggle { border:0; }

/*------ NEWS -----*/

ul.list-texts li {
    list-style-type: none;
    padding: 3px 0;
}

.list-texts-justified li {
    text-align: right;
    position: relative;
    margin: 5px;
}

.list-texts-justified li .date {
    padding-right: 10px;
    font-size: 16px;
}

.list-texts-justified li .date,
.list-texts-justified li .title {
    text-align: left;
    float: left;
    background: #fff;
    position: relative;
    z-index: 2;
}

.list-texts-justified li .btn-news {
    background: #edbf47;
    color:#FFF;
    padding-left: 6px;
    position: relative;
    display: inline-block;
    z-index: 2;
}

.list-texts-justified li a:hover .btn-news {
    background:  #E69500 ;
}

.list-texts-justified li a:hover .date,
.list-texts-justified li a:hover .title{
   color:  #E69500 ;
}

.list-texts-justified li:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    top: 19px;
    border-bottom: 1px dotted #bbb;
    z-index: 1;
}



/*------ Footer -----*/
.footer .footer-bottom .footer-link .list-unstyled li { display: inline-block; width: 49%; text-align: left; }
.footer .footer-bottom .footer-dis p { font-size: 14px; width: 90%;}
.footer .footer-bottom .footer-comp .pull-left { width: 25%;}
.footer .footer-bottom .footer-comp .pull-left img { max-width: 100px;}
.footer .footer-bottom .footer-comp .pull-right { width: 75%; padding-left: 10px;}
.footer .footer-bottom .footer-add {display: none;}

/*------ index page -----*/

/*#brands-carousel {margin: 30px auto;}*/
.breadcrumb-inner .list-inline a { color:#ddd; font-size: 16px;}
.breadcrumb-inner .list-inline li,.breadcrumb-inner .list-inline li.active { color:#ffe8b2; padding: 0 !important;font-size: 16px; }
.breadcrumb-inner .list-inline li.active:after { display: none; }
.breadcrumb-inner .list-inline li:after {color: #ccc ;content: "/"; padding: 0 5px;}


#product-tabs-slider .product-slider .custom-carousel .owl-controls {  top: -2px;}
.hot-fb{ height: 600px; overflow: hidden; }
.cooker-fb { height: 180px; overflow: hidden; margin-bottom: 30px; }
.blog-post-info p.text {height: 40px;overflow: hidden; }

.hot-deals .product-info p { height: 70px; overflow: hidden; margin-bottom: 0;}


.hot-sale { border:2px solid #E69500; border-radius: 10px; padding: 20px 10px;}
.hot-sale .hot-deals {border:0; background: #f2f2f2; padding: 40px 30px; }

.custom-carousel.hot-recommend .owl-controls .owl-prev{
    position: absolute;
    width: 40px;
    height: 40px;
    top: -25px;
    right: 50px;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #edbf47;
}

.custom-carousel.hot-recommend .owl-controls .owl-next {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -25px;
    right: 0px;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #edbf47;
}

.sidebar-widget .custom-carousel.hot-recommend .owl-controls {
     top: -40px; 
}

.custom-carousel.hot-recommend .owl-controls .owl-prev:before {
    color: #fff;
    content: "\f104";
    font-family: fontawesome;
    font-size: 30px;
    left: 13px;
    position: absolute;
    top: -2px;
}

.custom-carousel.hot-recommend .owl-controls .owl-next:before {
    content: "\f105";
    font-family: fontawesome;
    color: #fff;
    font-size: 30px;
    left: 15px;
    position: absolute;
    top: -2px;
}


.custom-carousel.brand-slider .owl-controls {
    position: static;
/*    right: 5px;*/
/*    top: 30%;*/
    width: 100%;
/*    display: block;*/
}

.custom-carousel.brand-slider  .owl-controls .owl-prev{
    position: absolute;
    width: 20px;
    height: 40px;
    top:30%;
    left: 0;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:  transparent;
}


.custom-carousel.brand-slider  .owl-controls .owl-prev:hover,
.custom-carousel.brand-slider  .owl-controls .owl-next:hover{
    background:  transparent;
}

.custom-carousel.brand-slider .owl-controls .owl-prev:before {
    color: rgba(0,0,0,0.2);
    content: "\f104";
    font-family: fontawesome;
    font-size: 40px;
    position: absolute;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.custom-carousel.brand-slider .owl-controls .owl-prev:hover:before,
.custom-carousel.brand-slider .owl-controls .owl-next:hover:before{
    color: rgba(0,0,0,0.5);
}

.custom-carousel.brand-slider  .owl-controls .owl-next {
    position: absolute;
    width: 20px;
    height: 40px;
    top: 30%;
    right: 0;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:  transparent;
}

.custom-carousel.brand-slider .owl-controls .owl-next:before {
    color: rgba(0,0,0,0.2);
    content: "\f105";
    font-family: fontawesome;
    font-size: 40px;
    position: absolute;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2
}
    
    
    
    
    
    
/*------ detail page -----*/


ul.keep { list-style:disc; padding-left: 40px;}
.keep-box i { margin-right: 10px; font-size: 12px; color:#57c5ce;}
#download .product-tab table .dl-btn {padding: 6px 10px; color:#FFF; background: #E69500;font-size: 12px; border-radius: 5px;}


.PRform-control button.btn-default {
    padding-left: 20px;
    height: 47px;
    background: #FFF!important;
    color: #333!important;
    font-weight: 700;
    border-color: #ddd;
    /* line-height: 30px; */
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
} 

.PRform-control.open button.btn-default {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.PRform-control button.btn-default:focus {
    outline: none!important;
    outline-offset: -2px;
}

.PRform-control .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.PRform-control .dropdown-menu {
    padding: 0;
    margin: 10px 0 0;
}

.PRform-control .dropdown-menu>li>a {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
}
 
.PRform-control .dropdown-menu>li>a:hover {
   background: #fff7e6;
}

.btn-container{ display: flex; justify-content: flex-end;}
.btn-container .btn { border-radius: 30px; font-size: 18px; color:#FFF; margin-left: 15px;}
.btn-container .btn-add { background: #46aad7;}
.btn-container .btn-buy { background: #ff7878}
.btn-container .btn-order { text-decoration:underline;}
.btn-container .btn-add:hover,
.btn-container .btn-buy:hover { background: #FFCF78}

/*------ know page -----*/

.knowledge-page .band-left{ max-width: 345px; width: 100%;} 
.knowledge-page .band-right { max-width: 518px; width: 100%; padding-top: 10px;} 

.body-content .intor {color:#703c26;}
.body-content .intor h3 { position: relative; margin: 20px 0; }
.body-content .intor h3 span { padding: 10px 35px; background:#703c26; color:#f8d7b6; width: auto; border-radius: 20px; letter-spacing: 1px;}
.body-content .intor h3::after { position: absolute; top:15px; left: 0; width:100%; height: 2px; background:#703c26; content: " " ;z-index: -1;}

.knowledge-page .terms-conditions-page .into p { font-size: 18px; line-height: 30px;}

.estimate-ship-tax .box-tabl ul li { color:#703c26; margin-bottom: 20px ; margin-left: 30px; list-style: url( ../images/icon-arrow.png);}
.estimate-ship-tax .box-tabl h3 { text-align: center; color:#703c26; background: #FFF; padding: 10px 20px;  border-radius: 20px; margin-top: 0;}
.estimate-ship-tax .box-tabl.one {background:#fac893;}
.estimate-ship-tax .box-tabl.two {background:#ffe8b2;}
.estimate-ship-tax .box-tabl.thr {background:#f4e0b5;}
.estimate-ship-tax .box-tabl ul { height: 200px;}

.estimate-ship-tax a { display: block; font-size: 18px; color:#333; } 

.estimate-ship-tax a i { float: right; } 
/*------ About -----*/

.terms-conditions-page .terms-conditions h2.page-title { background: url(../images/title-img.png) top center no-repeat; height: 100px; text-align: center!important; padding-top: 50px; color:#703c26!important; letter-spacing: 1px; border-bottom: 1px solid  #eaeaea;}

.terms-conditions-page .terms-conditions h3.page-sub { text-align: center!important; color:#E69500!important; letter-spacing: 1px; border: 1px solid  #E69500; padding: 15px; border-radius: 50px; font-size: 20px!important; }

.terms-conditions-page .sub-title span { padding: 8px 25px; background:#703c26; color:#f8d7b6; width: auto; border-radius: 20px; letter-spacing: 1px; }
.terms-conditions-page .sub-title i { display: inline-block; width:7px; height:7px; background-color: #f8d7b6; transform: rotate(45deg); margin: 3px 10px;}
.terms-conditions-page .history li  {display: table; margin: 10px 0; }
.terms-conditions-page .history li span { border: none; color: #555; display: table-cell; padding-left: 20px; }
.terms-conditions-page .history li .hi-date:after { border-style: solid; border-width: 7.5px 1px 7.5px 10px; content: ""; height: 0; position: absolute; top: 15px; width: 0; right: -8px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #E69500; }
.terms-conditions-page .history li .hi-date { color: #FFF; padding: 8px;  font-size: 20px; line-height: 28px; position: relative;font-weight: bold;letter-spacing: 1px;background: #E69500;border-radius: 10px; margin: 5px; width: 100px; text-align: center;}
.terms-conditions-page .history img { display: block; width: 100%;}
.terms-conditions-page .concept .box-tabl{ padding: 20px; background: #f8f8fa; border: 1px solid #e9e8e6; height: 220px; margin-bottom: 20px;}
.terms-conditions-page .concept .box-tabl h4 { color:#703c26; font-size: 20px; margin-bottom: 20px;}
.terms-conditions-page .concept .box-tabl ul li{ font-size: 16px; list-style: circle; margin-left: 20px; margin-bottom: 10px;}
.terms-conditions-page .policy ul li{ margin-left: 10px; margin-bottom: 20px; }
.terms-conditions-page .policy ul li i { color:#E69500;}
.terms-conditions-page .license img {border: 2px #eaeaea solid;}
.terms-conditions-page .sale .box-tabl{ padding: 20px; background: #f8f8fa; border: 1px solid #e9e8e6; height: 180px; margin-bottom: 20px;}
.terms-conditions-page .sale .box-tabl h4 { color:#703c26; font-size: 20px; margin-bottom: 20px;}
.terms-conditions-page .sale .box-tabl ul li{ font-size: 16px; list-style: circle; margin-left: 20px; margin-bottom: 10px;}

/*------  category-page -----*/

.category-page #filter-tabs li a { display: block; width: 120px; height:80px; margin: auto;  cursor: pointer; }
.category-page #filter-tabs li.brand1 a { background: url(../images/brands/brand1.png) center center no-repeat; background-size: 100%;}
.category-page #filter-tabs li.brand2 a { background: url(../images/brands/brand2.png) center center no-repeat; background-size: 100%;}
.category-page #filter-tabs li.brand3 a { background: url(../images/brands/brand3.png) center center no-repeat; background-size: 100%;}
.category-page #filter-tabs li.brand4 a { background: url(../images/brands/brand4.png) center center no-repeat; background-size: 100%;}
.category-page #filter-tabs li.brand5 a { background: url(../images/brands/brand5.png) center center no-repeat; background-size: 100%;}
.category-page #filter-tabs li.brand6 a { background: url(../images/brands/brand6.png) center center no-repeat; background-size: 100%;}

.category-page #filter-tabs li.brand1 a:hover,
.category-page #filter-tabs li.brand1.active a { background: url(../images/brands/brand1c.png) center center no-repeat; background-size: 100%; }
.category-page #filter-tabs li.brand2 a:hover,
.category-page #filter-tabs li.brand2.active a { background: url(../images/brands/brand2c.png) center center no-repeat; background-size: 100%;}
.category-page #filter-tabs li.brand3 a:hover,
.category-page #filter-tabs li.brand3.active a { background: url(../images/brands/brand3c.png) center center no-repeat; background-size: 100%; }
.category-page #filter-tabs li.brand4 a:hover,
.category-page #filter-tabs li.brand4.active a { background: url(../images/brands/brand4c.png) center center no-repeat; background-size: 100%; }
.category-page #filter-tabs li.brand5 a:hover,
.category-page #filter-tabs li.brand5.active a { background: url(../images/brands/brand5c.png) center center no-repeat; background-size: 100%; }
.category-page #filter-tabs li.brand6 a:hover,
.category-page #filter-tabs li.brand6.active a { background: url(../images/brands/brand6c.png) center center no-repeat; background-size: 100%; }

/*.category-page #filter-tabs li img { width: 120px;}*/
.category-page #filter-tabs li span { display: none; padding: 6px 10px; background: #E69500; font-weight: 800; color:#FFF; border-radius: 5px;}
.category-page #filter-tabs li span:hover { background: #fac893; }

.category-page  .product .product-image .image{ /*width: 100%;*/ height: 0;padding-bottom: 99%;overflow: hidden;}
/*.category-page  .product .product-image  .image img {   width: 100%;}*/

#list-tabs { position: absolute; bottom:10px; right:0;}
#list-tabs li { float:right ; font-size: 14px;}
#list-tabs li a:hover {background: transparent;}
#list-tabs li.active a { color: #E69500;}

#brand-slider .owl-controls { display: block !important;}
#filter-tabs .owl-controls { display: block;}

#filter-tabs .owl-controls {
    position: static;
    width: 100%;
}

#filter-tabs  .owl-controls .owl-prev{
    position: absolute;
    width: 20px;
    height: 40px;
    top:15%;
    left: 0;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:  transparent;
}


#filter-tabs  .owl-controls .owl-prev:hover,
#filter-tabs  .owl-controls .owl-next:hover{
    background:  transparent;
}

#filter-tabs .owl-controls .owl-prev:before {
    color: rgba(0,0,0,0.2);
    content: "\f104";
    font-family: fontawesome;
    font-size: 40px;
    position: absolute;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

#filter-tabs .owl-controls .owl-prev:hover:before,
#filter-tabs .owl-controls .owl-next:hover:before{
    color: rgba(0,0,0,0.5);
}

#filter-tabs  .owl-controls .owl-next {
    position: absolute;
    width: 20px;
    height: 40px;
    top: 15%;
    right: 0;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:  transparent;
}

#filter-tabs .owl-controls .owl-next:before {
    color: rgba(0,0,0,0.2);
    content: "\f105";
    font-family: fontawesome;
    font-size: 40px;
    position: absolute;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2
}
    

/*------  cooker-page -----*/

.cooker-page .blog-page .blog-post p { height: 65px; overflow: hidden; text-align: left;}
.cooker-page #cooker-tabs li { text-align: center; padding: 0 30px; }

.cooker-page #cooker-tabs li a span {
  display: block;
/*  background: transparent;*/
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 5px;
  color: #666666;
  font-size:15px;
  padding:10px 0;
  border-radius: 5px;
  font-weight: 500;
  width: 120px;
  overflow: hidden;
  cursor: pointer; 
}

.cooker-page #cooker-tabs li:hover a span ,
.cooker-page #cooker-tabs li.active a span{
  background: #E69500;
  color: #FFF;  
}

.cooker-page #cooker-tabs .owl-controls { display: block;}

.cooker-page #cooker-tabs .owl-controls {
    position: static;
    width: 100%;
    display: block !important;
}

.cooker-page #cooker-tabs  .owl-controls .owl-prev{
    position: absolute;
    width: 20px;
    height: 55px;
    top: -10px;
    left: 0;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:  #F8F8F8;
}


.cooker-page #cooker-tabs  .owl-controls .owl-prev:hover,
.cooker-page #cooker-tabs  .owl-controls .owl-next:hover{
    background:  transparent;
}

.cooker-page #cooker-tabs .owl-controls .owl-prev:before {
    color: rgba(0,0,0,0.2);
    content: "\f104";
    font-family: fontawesome;
    font-size: 40px;
    position: absolute;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.cooker-page #cooker-tabs .owl-controls .owl-prev:hover:before,
.cooker-page #cooker-tabs .owl-controls .owl-next:hover:before{
    color: rgba(0,0,0,0.5);
}

.cooker-page #cooker-tabs  .owl-controls .owl-next {
    position: absolute;
    width: 20px;
    height: 55px;
    top: -10px;
    right: 0;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f8f8f8;
}

.cooker-page #cooker-tabs .owl-controls .owl-next:before {
    color: rgba(0,0,0,0.2);
    content: "\f105";
    font-family: fontawesome;
    font-size: 40px;
    position: absolute;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2
}



#list-container .blog-page .powerList .blog-post h3 { margin-top: 0;}
#list-container .blog-page .powerList .blog-post p.text-right { height: auto;}
#list-container .blog-page .powerList .blog-post p.text-right .read-more { margin-top: 10px;}

/*----- sidebar_cart -------*/

#sidebar_cart { display: block; position: fixed; text-align: center; right:10px; top: 20%;z-index: 99; }
#sidebar_cart a { position: relative; padding-top: 5px; display: block; background: #E69500; width: 60px; height: 60px; border-radius: 50%; color:#FFF; border : 2px solid #E69500; font-size: 10px; font-weight: lighter;}
#sidebar_cart a i { font-size: 23px; display: block; }
#sidebar_cart span { padding: 0 5px; border-radius: 10px; background: #FFF; color:#E69500;  display: block; border : 2px solid #E69500; font-weight: bold;}
#sidebar_cart_md {display: none;}

/*------  recipe-page -----*/
.recipe-page .list-texts-justified { padding:0 40px;}
.recipe-page .list-texts-justified li{ list-style:disc;}
.recipe-page .list-texts-justified li span { background: #FFF; padding: 0 5px;position: relative; display: inline-block; z-index: 2;}
.recipe-page .list-texts-justified li span.title { padding-left: 0;}
.recipe-page .list-texts-justified li::after { top: 15px;}
.recipe-page .list-texts-justified li.power-red { color:#703c26; font-weight: bold; }

.recipe-page .product-info h4 { background:#703c26; color:#FFF; padding: 10px; border-radius: 5px; letter-spacing: 1px; }
.recipe-page .product-info h4 i { opacity: 0.5; }
.recipe-page .tips { color:#E69500; padding-left: 20px; margin-top: 20px;}
.recipe-page .tips span { background: #E69500;; color:#FFF;padding: 0 10px; margin-right: 10px; border-radius: 5px; font-size: 14px; font-weight: bold; }
.recipe-page .terms-conditions-page { background-color: #eee; border-radius: 20px;  padding: 20px;}
.recipe-page .delicious-container { background: url(../images/brands/know04.png)right bottom no-repeat; padding: 20px; }
.recipe-page .delicious-container ol { margin: 0 ;padding: 0;}
.recipe-page .delicious-container ol li { list-style: none;}
.recipe-page .delicious-container ol li .box-tabl { border-radius: 20px; padding: 20px; background: rgb(256,256,256, .8); }
.recipe-page .delicious-container ol li .box-tabl h4 { color:#E69500; font-size: 20px; letter-spacing: 1px;}
.recipe-page .delicious-container ol li .box-tabl p { height: 80px; }

.single-product .gallery-holder .single-product-gallery-item { border: 2px solid #eee; border-radius: 20px; padding: 10px;}
.single-product .gallery-holder .single-product-gallery-item img { border-radius: 20px; padding: 10px; }

.single-product .product-view #owl-single-product-thumbnails .owl-controls .owl-pagination { display: none !important;}
.single-product .product-view #owl-single-product-thumbnails .owl-controls { } 
.single-product .product-view #owl-single-product-thumbnails .owl-controls .owl-buttons {margin-top: 10%;}

.single-product .product-view #owl-single-product-thumbnails .owl-controls .owl-buttons .owl-prev,
.single-product .product-view #owl-single-product-thumbnails .owl-controls .owl-buttons .owl-next {
    display: inline-block;
    position: absolute;
    top: 20px;
    bottom: 0;
    width: 50px;
    height: 45px;
    font-size: 21px;
    background-color: rgba(255,247,230,.8);
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: auto;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    opacity: 1;
    z-index: 9999;
}


.single-product .product-view #owl-single-product-thumbnails .owl-controls .owl-buttons .owl-prev { top: -180px;
    left: -20px; background: url("../images/prev.png") no-repeat center center;}
.single-product .product-view #owl-single-product-thumbnails .owl-controls .owl-buttons .owl-next { top: -180px;
    right: 0;background: url("../images/next.png") no-repeat center center;}

/*------  news-page -----*/
.news-page .blog-page .blog-post .product-list.product h3 { font-size: 20px; line-height: 30px;}
.news-info-page .terms-conditions-page .terms-conditions h2.page-title { border: 0; margin-bottom: 0;}
.news-info-page .terms-conditions-page .blog-page .blog-post .product-list  h2.page-sub { border: 0;  font-size: 20px; margin: 10px 0 20px 0; }
.news-info-page .terms-conditions-page .blog-page .blog-post .product-list  p { line-height: 30px; margin-bottom: 10px;}
/*.news-info-page .terms-conditions-page .blog-page .blog-post .product-list .page-info img { width: 100%!important; max-width: 100%!important; height: auto !important;}*/


/*------ contact-page -----*/
.terms-conditions-page .contact-title h4 { color:#000;}
.terms-conditions-page .contact-title h4 span { color:#E69500; font-size: 12px;}

.contact-form .info-title {color:#000;}
.contact-form .info-title span {color:#E69500;}

.contact-form label.add-style {display:block;}
.contact-form select.add-style {display:inline-block; width: 20%; height: 40px;}
.contact-form input.add-style {display:inline-block; width: 57%; float: right;}

.contact-form label.code-style {display:inline-block; width: auto; margin-right: 10px;}
.contact-form input.code-style {display:inline-block; width: 20%; margin-right: 10px;}
.contact-form a.code-style  {display:inline-block; width: 40%; margin-right: 10px;}
.contact-form button.code-style {display:inline-block; width: 20%;  float: right;}
.terms-conditions-page .contact-page {padding: 10px;}
.terms-conditions-page .contact-page .contact-title h4 { font-size:20px; color:#703c26;}
.terms-conditions-page .contact-page .contact-span { font-size:12px; margin-left: 5px; }
.terms-conditions-page .contact-page p.contact-i { font-size:14px; color:#703c26;  margin: 0;}

/*------ register-page -----*/

.register-form .form-group .info-title { width: 100%;}
.register-form .form-group .info-title span { color:#E69500; }
.register-form .form-group select.add-style { display: inline-block; width: 31%; margin-right: 10px; margin-bottom: 10px; height: 40px;  } 

.terms-conditions-page .register-title h4 { font-size:20px; color:#703c26;}
.terms-conditions-page .register-title h4 span { font-size:12px; margin-left: 5px; color:#E69500; }
.terms-conditions-page .forgot-password { display: inline-block; margin: 0 10px;}

/*------ member -----*/

.btn-chick { border:1px solid #703c26; padding: 2px 5px; color: #703c26;}
.btn-chick:hover,.btn-chick:focus  { border:1px solid #E69500; padding: 2px 5px; color: #E69500;}

.btn-cancel {padding: 2px 5px; color: #999; margin-left: 15px;}
.btn-cancel:hover,.btn-cancel:focus  { color: #E69500;}

.status-cancel { color: #d40000;}
.status-finish { color: #0b816a;}

.terms-conditions-page .awards-info .table.order-list span { display: none;}
.terms-conditions-page .awards-info .table.order-list>tbody>tr>th,
.terms-conditions-page .awards-info .table.order-list>tbody>tr>td,
.terms-conditions-page .awards-info .table.order-list-info>tbody>tr>td {  font-size: 14px;  border: 0;}
.terms-conditions-page .awards-info .table.order-list>tbody>tr{  border-bottom: 2px solid #DDD;}

.terms-conditions-page .awards-info .table.order-list-info>tbody>tr{  border-bottom: 1px solid #DDD;}
table.order-list-info .info-img { width: 90px;}
table.order-list-info span.re-order { font-size: 14px; margin-left: 5px; display: inline-block !important;}
table.order-list-info span { display: none;}
/*------ awards-page -----*/

#awards { text-align: center; min-width: 650px;}
#awards thead th { text-align: center; background:#f4e0b5;}

#awards td.name {text-align: left; }
#awards td.date {font-size: 12px; color:#999;}
#awards td.draw  { color:#CCC; }
#awards td.draw a { padding: 6px 10px; color:#FFF; background: #E69500;font-size: 12px; border-radius: 5px; }

#awards.table-bordered>thead>tr>th, 
#awards.table-bordered>tbody>tr>th, 
#awards.table-bordered>tfoot>tr>th, 
#awards.table-bordered>thead>tr>td, 
#awards.table-bordered>tbody>tr>td, 
#awards.table-bordered>tfoot>tr>td {border: 2px solid #ddd;}

#awards td ul.awards-list li { text-align: left; list-style:circle; margin-left: 20px; font-size: 16px;}

.terms-conditions-page .awards-info .box-tabl{ padding: 10px; background: #f2f2f2; margin-bottom: 20px; border-radius: 15px;}
.terms-conditions-page .awards-info .box-tabl h3 { color:#E69500; }
.terms-conditions-page .awards-info .table>tbody>tr>th,.terms-conditions-page .awards-info .table>tbody>tr>td {border: 2px solid #ddd;}
.terms-conditions-page .awards-info .table th { background:#f4e0b5; }
.terms-conditions-page .awards-info .table td { background:#FFF; }
.terms-conditions-page .awards-info .awards-att li { margin-bottom: 20px; }

.terms-conditions-page .awards-info .table.order-list-info>tbody>tr>td.info-name span {   background: brown; color: #FFF;  font-size: 12px;  padding: 0 5px; border-radius: 5px; margin-left: 5px; display: inline-block !important;}

/* -------shopping-car ---------*/

.shopping-cart .cart-shopping-total table.cart-list-table { margin-bottom: 0;}
.shopping-cart .cart-shopping-total table.cart-list-table th { background: #FFCF78; border-radius: 10px;   text-align: center!important;}
.shopping-cart .cart-shopping-total table.cart-list-table td { text-align: left;}
.shopping-cart .cart-shopping-total table.cart-list-table td p { margin-bottom: 2px; font-size: 14px; display: inline-block; margin-right: 10px; }
.shopping-cart .cart-shopping-total table.cart-list-table td h4 span { background: brown; color: #FFF; font-size: 12px; padding: 0 5px; border-radius: 5px; margin-left: 5px;}
.shopping-cart .cart-shopping-total table.cart-list-table td h5 {text-align: right; color: brown;}

.order-name { padding: 20px; background: #F2F2F2; border-radius: 10px;}
.order-title { margin-top: 30px; color: #333; font-size: 25px;}
.order-name label,.order-title label { display: block;}

.shopping-cart .form-group select.add-style { display: inline-block; width: 25%; margin-right: 10px; margin-bottom: 10px; height: 33px; border: 1px solid #ddd;} 

.shopping-cart .pay-table .tab-content { padding:0 11px;}
.shopping-cart .pay-table .tab-pane { padding: 15px; background: #FFF;}
.shopping-cart .pay-table .nav-tabs{ border:0; font-size: 16px;}
.shopping-cart .pay-table .nav-tabs>li.active>a { border-top: 3px solid #FFCF78; font-size: 16px;}
.shopping-cart .pay-table table tr td { padding: 5px; font-size: 14px;}
.shopping-cart .pay-table .radio { margin: 0; min-height: auto;}
.shopping-cart .nav>li>a { padding: 5px 20px;}

.quick-table .quant-input,
.add-table .cart-product-quantity,
.shopping-cart-table .cart-product-quantity  {position: relative;}

.quick-table .quant-input input,
.add-table .cart-product-quantity .quant-input input,
.shopping-cart-table .cart-product-quantity .quant-input input {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 15px;
    height: 35px!important;
    left: 0;
    padding: 0 0 0 10px;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 1;
}

.quick-table .quant-input .PRform-control button.btn-default,
.add-table .cart-product-quantity .quant-input .PRform-control button.btn-default,
.shopping-cart-table .cart-product-quantity .quant-input .PRform-control button.btn-default {
    padding-left: 10px;
    height: 35px!important;
    background: #FFF!important;
    color: #333!important;
    font-weight: 700;
    border-color: #ddd;
    /* line-height: 30px; */
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.add-table {border:1px solid #E69500;}
.add-table.table>thead>tr>th { border:0;}
.add-table h4.title { background: #E69500; color:#FFF; margin: 0; padding: 5px; letter-spacing: 1px;};
.add-table .check-box {}
.add-table .check-box label { display: flex; justify-content: flex-start; align-items: center ; margin-bottom: 0; font-weight: normal;}
.add-table .check-box label h4 { margin: 0 10px ; color:#805300; }
.add-table .check-box label p { margin: 0 10px ; font-size: 12px; }

.quick-table { border: 1px solid #ddd; font-size: 14px;}
.quick-table thead { background-color: #f2f2f2;}
.quick-table tfoot { background-color: #f2f2f2; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;}
.quick-table.table > tfoot > tr > td { padding: 8px}
.shopping-cart .quick-table.table .cart-image img{ width: 40px;}
.btn-primary.pay-btn { padding: 10px 90px; text-align: center;}
.pay-radio { background: #FFF; padding: 20px; border-radius: 10px;}

.shopping-cart .pay-table .tab-pane .table { margin-bottom: 0;} 
.shopping-cart .pay-table .tab-pane .table > tbody > tr> td { border:0; padding: 10px;} 

.cart-product-sub-total, .cart-product-price {text-align: right;}
.cart-product-quantity .quant-input { margin: auto;}

/*------ 404-page -----*/

.not-found-page { background: #e69500; padding-bottom: 80px ; margin-top: -20px}
.not-found-img { background: #FFF;}
.not-found-button { background: #FFF!important; color:#e69500!important; font-size:20px!important; width: 250px;} 

.not-found-img img {  width: auto;}
.not-found-page h1 {
  font-family:"微軟正黑體",'Noto Sans TC';
  font-size: 6rem;
  font-weight:bold;
  letter-spacing:10px;
  color: #FFFFFF;
}
.not-found-page h2 {
  font-family:'Mouse Memoirs', sans-serif;
  font-size: 5rem;
  font-weight:bold;
  letter-spacing:5px;
  color:#fac893;
}
.not-found-page p {
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-family:'Quicksand', sans-serif;                              
}

.not-found-page .not-found-button i {
  padding-right: 2px;
}

/*------ Responsive -----*/

@media screen and (max-width: 1199px) {
.hot-fb{ height: 550px; }
.estimate-ship-tax .box-tabl ul { height: 250px;}
}

@media screen and (max-width: 991px) {
.brand-slider img {width: 120px!important;}
.footer .footer-bottom .footer-dis { text-align: center; }
.footer .footer-bottom .footer-dis p { text-align: left; width: 100%;}
.hot-fb{ height: 435px; }  
.blog-post-info h3.name { font-size: 20px;}
.latest-blog .section-title h3,.scroll-tabs .more-info-tab .new-product-title { font-size: 20px!important; padding: 10px 20px 8px 20px!important; } 
.hot-sale .hot-deals {  padding: 80px 10px;}
.terms-conditions-page .history img { display: inline-block; width: 42%; margin: 0 10px;}
.main-header { padding-bottom: 0!important;}
.recipe-page .delicious-container ol li .box-tabl p { height: auto; }
.recipe-page .product-info h1 { text-align: center;}
.estimate-ship-tax .box-tabl ul { height:auto; }
}

@media screen and (max-width: 767px) {
.logo {width: 250px; margin: 0 auto; }   
.navbar-nav {display: block;width: 100%;text-align: left;margin: 10px 0;}
.navbar-nav > li {width: 100%;display: block; border-right: 0;border-bottom: 1px solid rgba(255,255,255,0.2);}
.list-texts-justified li .date { display: block; width: 100%;}
ul.list-texts li { border-bottom: 1px solid #eeeeee;} 
.footer .footer-bottom .footer-comp .list-unstyled li { text-align: left;} 
.hot-sale { border:0; padding: 0;}
.hot-sale .hot-deals {border:2px solid #E69500; background: transparent; padding: 20px; max-width: 100%; }  
.cooker-fb { height: 550px; overflow: hidden; margin-top: 30px; }

#sidebar_cart,.list-hide{ display: none;}
#sidebar_cart_md { position: fixed; bottom:0; width: 100%; background:#E69500; z-index: 999; padding: 10px; height: 65px; display: block;}
#sidebar_cart_md .quant-input input { font-size: 15px;  height: 47px; left: 0;  padding-left:10px; position: absolute; top: 0;  width: 40%; z-index: 1; margin-left: 15px; border-radius: 4px;  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none!important; border:0; }
#sidebar_cart_md .PRform-control button.btn-default { padding: 5px; border:0;}
#sidebar_cart_md .icon_link { padding: 0;}
#sidebar_cart_md .icon_link a i {font-size: 18px; margin-right: 5px;}
#sidebar_cart_md .icon_link a span {font-size: 12px; background: #FFF; border-radius: 5px; padding: 0 5px;}
#sidebar_cart_md .icon_link a { background: #fdd922; border-radius: 30px; color: #805300; padding: 3px 12px; display: block; text-align: center;} 
#sidebar_cart_md .icon_link a p { margin: 0; font-size: 12px; }

    
.terms-conditions-page .contact-page {margin-top: 20px;} 
.terms-conditions-page .contact-page .ttx { display: inline-block; width: 49%; margin-bottom: 20px;}
.contact-form .register-form select.add-style,
.contact-form .register-form input.add-style {display:block; width: 100%; float: none; margin-top: 15px;}
.contact-form label.code-style {display:inline-block; width: auto; margin-right: 10px;}
.contact-form input.code-style {display:inline-block; width: 30%; margin-right: 10px;}
.contact-form a.code-style  {display:inline-block; width: 50%; margin-right: 10px;}
.contact-form button.code-style {display:block; width: 100%;  float: none; margin-top: 15px;}
.register-form .form-group select.add-style { display: inline-block; width: 30%; margin-right: 10px; margin-bottom: 10px; height: 40px;} 
.register-form .form-group input.add-style { display: block; width: 100%; float: none;} 
    
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell > li.active > a:after { display: none;}
    
.main-header .top-search-holder {position: absolute; top: 128px; z-index: 99; width: 70%; right: 10px; padding: 0;}
.main-header .top-search-holder .search-area {border: 2px #805300 solid!important;}
.main-header .top-search-holder .search-area .search-button { padding: 13.5px 19px!important;}
.main-header .top-search-holder .search-area .search-field { padding: 10px!important;} 
.main-header .top-search-holder .search-area { margin-top: 0; }

.not-found-page {padding-bottom: 50px;}
.not-found-img img {  width: 100%;}
.not-found-page h1 { font-size: 5rem;}
.not-found-page h2 { font-size: 4rem;}
    
table.order-list { width: 100%;  min-width: 100%;  table-layout: fixed !important; border:0;}
table.order-list span { display: inline-block; margin-right: 5px;}
table.order-list tr { position: relative;  width: 100%; display: inline-block; margin-bottom: 30px;}
table.order-list,table.order-list tr:last-child { margin-bottom: 0;}
table.order-list tr td { width: 100%;  vertical-align: middle; padding: 2px; text-align: left; display: inline-block; border: none; border-bottom: 1px solid #dddddd;}
table.order-list tr td.order-NO { font-size: 16px; font-weight: bold; background: #f4e0b5!important;}
table.order-list tr td.last-btn { text-align: right; padding: 10px;}
.terms-conditions-page .awards-info .table.order-list>tbody>tr { border: 2px solid #f4e0b5;}
.body-content .my-wishlist-page .my-wishlist table.order-list > thead > tr > th, 
table.order-list > thead > tr > td,
table.order-list > tbody > tr > td,
table.order-list > tfoot > tr > td { padding: 5px;}
table.order-list-info { width: 100%;  min-width: 100%;  table-layout: fixed !important; border:0;}
table.order-list-info tr { position: relative;  width: 100%; display: inline-block; margin-bottom: 10px;}
table.order-list-info,table.order-list-info tr:last-child { margin-bottom: 5px;}
table.order-list-info tr td { width: 100%;  vertical-align: middle; padding: 2px; text-align: left; display: inline-block; border: none; border-bottom: 1px solid #dddddd;}
table.order-list-info .info-title { width: 100%; margin-bottom: 0!important;}
table.order-list-info .info-title > th { padding-left: 5px!important; display: block!important; }
table.order-list-info .info-img { position: absolute; left:0; width: 110px; padding-left: 10px!important; padding-top: 10px!important;}
table.order-list-info span { display: inline-block; margin-right: 5px; font-size: 12px; color:#805300;}
table.order-list-info .xs-hide,table.order-list-info .gift {display: none!important;}
table.order-list-info tr.gift-tr { height: 110px; background: #FFF;}
.terms-conditions-page .awards-info .table.order-list-info>tbody>tr>td.info-name { font-weight: bold; color:#805300;font-size: 16px;}
.terms-conditions-page .awards-info .table.order-list-info>tbody>tr>th, .terms-conditions-page .awards-info .table.order-list-info>tbody>tr>td { border: 0;}
.body-content .my-wishlist-page .my-wishlist table.order-list-info > thead > tr > th,
.table.order-list-info > thead > tr > td,
.table.order-list-info > tbody > tr > td,
.table.order-list-info > tfoot > tr > td { padding-top: 3px; padding-bottom: 3px; padding-left: 110px; text-align: right;}
.table.order-list-info .re-buy { position: absolute; left: 0;  bottom: 2px; width: 200px; text-align: left; padding-left: 14px;}

}


@media screen and (max-width: 580px) { 
.xs-hide { display: none!important;}
.col-xxs {width: 100% }
.footer .footer-bottom .module-body {border-bottom: 1px solid #805300; padding-bottom: 10px;}  
.footer .footer-bottom .footer-link .module-body {border:none;} 
.footer .footer-bottom .module-body { width: 100%; margin: 0 auto;}
 #brands-carousel {margin-bottom: 0;}
 btn-primary.btn-lg { width: 100%; }   
.brand-slider img {width: 100px!important;} 
   
#list-tabs li { float:none ; }
#list-container .blog-page .powerList .blog-post { padding: 15px 0;}
#list-container .blog-page .powerList .blog-post p.text-right a.read-more { font-size: 14px; width: 100%}
#list-container .blog-page .powerList .blog-post .col-xs-4 img { min-width: 200px; border-radius:0;}
#list-container .blog-page .powerList .blog-post .col-xs-4 {height: 80px; overflow: hidden;}

.cooker-page #cooker-tabs li a span {  font-size: 14px; padding: 10px 0;font-weight: 500;width: 110px;}
    
.shopping-cart .shopping-cart-table > thead { display: none;}
.shopping-cart .shopping-cart-table { width: 100%;  min-width: 100%;  table-layout: fixed !important; border:0;}
.shopping-cart .shopping-cart-table tr { position: relative;  width: 100%; display: block; margin-bottom: 10px; border: 2px solid #f4e0b5; min-height: 160px;}
.shopping-cart .shopping-cart-table,.shopping-cart .shopping-cart-table tr:last-child { margin-bottom: 0;}
.shopping-cart .shopping-cart-table tr td.cart-product-name-info { width: 100%; background: #f4e0b5; text-align: left;}
.shopping-cart .shopping-cart-table tr td { vertical-align: middle; padding: 6px 10px;  text-align: right;  display: block;  border: none;}
.shopping-cart .shopping-cart-table .info-title { width: 100%; margin-bottom: 0!important;}
.shopping-cart .shopping-cart-table .info-title > th { padding-left: 5px!important; display: block!important; }
.shopping-cart .shopping-cart-table .cart-image { position: absolute; top:67px; left:10px; width: 100px;}

.shopping-cart .shopping-cart-table .cart-product-edit { text-align: left; padding-left:0; position: absolute; z-index: 10; right: 0; top: 0; font-size: 20px; width: auto;} 
.shopping-cart .shopping-cart-table > tbody > tr > td span.mb-show{ display: inline-block!important; }
    
.add-table.table > tbody > tr > td { padding: 5px!important;}
.add-table .check-box label { display: block;}
.add-table .check-box label h4 { display: inline-block; position: absolute; font-size: 16px;}
.add-table .check-box label p { padding-left: 15px; height: 30px;}   

.shopping-cart .quick-table.table .cart-image { top:50px; width: auto; left: 0;}
.shopping-cart .quick-table.table .cart-image img { width: 50px;}
.shopping-cart .quick-table.table .cart-product-stant { width: 70%;}
.shopping-cart .quick-table.table .cart-product-price { width: 70%; font-size: 12px; color: #999;}
.shopping-cart .quick-table.table .cart-product-quantity { position: absolute; right: 0; top:70px;}
.shopping-cart .quick-table.table .cart-product-sub-total { position: absolute; right: 0; top:40px; color:#805300; font-weight: bold;}
.shopping-cart .quick-table.table .cart-product-sub-total span { font-size: 12px; margin-right: 5px; }
.shopping-cart .quick-table.table > tbody > tr { min-height: 120px;}
.shopping-cart .quick-table.table { width: 100%;  min-width: 100%;  table-layout: fixed !important; border:0;}
.shopping-cart .quick-table.table > tfoot > tr { min-height: auto!important; border:0; margin: 0; display: flex; justify-content: flex-end; align-items: center;}
.shopping-cart .quick-table.table > tfoot > tr:first-child { padding-top: 20px;}
.shopping-cart .quick-table.table > tfoot > tr > td { padding: 5px; display: inline-block;}
.shopping-cart .quick-table.table > tbody > tr:last-child { margin-bottom: 10px;}

.shopping-cart .pay-table .tab-pane .table tr { position: relative;  width: 100%; display: block; margin-bottom: 10px;border: none;  }
.shopping-cart .pay-table .tab-pane .table tr td { vertical-align: middle; padding: 6px 10px; display: block; border: none; padding: 5px!important;}
.shopping-cart .pay-table .tab-pane .table tr label { margin-bottom: 0;}
.shopping-cart .pay-table .tab-pane .table tr input[type=text] { width: 100%;} 
    
.shopping-cart .nav>li { width: 100%; display: block; float: none;}
.shopping-cart .nav>li a { padding: 10px;}   
.shopping-cart .pay-table .nav-tabs>li.active>a {  border-bottom: 3px solid #FFCF78; border-top:0;}
}

@media screen and (max-width: 480px) {
.logo {width: 200px; margin: 0 auto; }  
.main-header .logo-holder { margin-bottom: 10px;}
.cooker-page #cooker-tabs li { padding: 0 20px;}
.main-header .top-search-holder { top: 120px;}
.terms-conditions-page .contact-page .ttx { display: block; width: 100%; margin-bottom: 10px;} 
.single-product .product-info-block .btn-primary { width: 100%;}

.register-form .form-group select.add-style { display: block; width: 100%; margin-right: 0; } 
.brand-slider img {width: 70px!important;} 
.main-header .top-search-holder .search-area .categories-filter a {padding: 0 10px!important;font-size: 12px!important;}
.main-header .top-search-holder .search-area .categories-filter { padding: 5px 0!important;}
.main-header .top-search-holder .search-area .search-field {padding: 0 10px!important ;font-size: 12px!important;}
.main-header .top-search-holder .search-area .search-button {padding: 8.5px 15px!important;}
.terms-conditions-page .concept .box-tabl{ height: auto; }

.not-found-page {padding-bottom: 50px ; margin-top: -15px}
.not-found-img img {  width: 100%;}
.not-found-page h1 { font-size: 4rem;}
.not-found-page h2 { font-size: 3rem;}
    
.footer .footer-bottom .footer-comp .pull-right {padding-left: 5px;}
.footer .footer-bottom .module-body ul li  { letter-spacing: 0px;}
 
.custom-carousel.brand-slider  .owl-controls .owl-prev,
.custom-carousel.brand-slider  .owl-controls .owl-next { top: 20%; }
.custom-carousel.brand-slider  .owl-controls .owl-prev:before,
.custom-carousel.brand-slider  .owl-controls .owl-next:before{font-size: 20px;}
table.order-list-info .info-title > th {  height: 70px; text-align: center; }
table.order-list-info .info-title > th .pull-right { margin-top: 10px; width: 100%; text-align: right;}
.add-table .cart-product-quantity { margin-top: 25px;}   
.shopping-cart .form-group select.add-style { width: 100%; display: block; margin-bottom: 20px;}    
}
.footer-comp .info-box{
    overflow: hidden;
}
.footer-comp  .social{
    margin-top: 5px;
    text-align: left;
}
.footer-comp  .social ul li{
    display: inline-block;
    margin-right: 0;
}
.footer-comp  .social ul li a{
    display: initial !important;
}
.footer-comp  .social ul li a i{
    font-size: 40px;
}
.footer-comp  .social ul li a:hover{
    color:#805300;
}
.footer-comp  .social ul li .fa.fa-line img{
    width: 36px;
    margin-top: -6px;
}
.footer-comp .social ul .fa-line-box a{
    display: block !important;
    height: 36px;
    width: 36px;
    margin-top: 3px;
}
.footer-comp .social ul .fa-line-box a .fa-line{
    background: url(../images/top-bar-line_icon.png) center 0px no-repeat;
    background-size: 34px 34px;
    height: 34px;
    width: 34px;
}
.footer-comp .social ul li{
    float: left;
}
.copyright-bar .copyright{  
    padding: 0;
    margin: 8px 0;
    text-align: center;
}
.copyright-bar .social{
    text-align: right;
}
.copyright-bar .social ul{

}
.copyright-bar .social ul li{
    display: inline-block;
}
.copyright-bar .social ul li .fa-line{

}

.copyright-bar .social ul li .fa.fa-line img{
    width: 14px;
    margin-top: 0px;
}

.footer-comp .social ul .fa-line-box{
    margin-right: 6px;
}
.copyright-bar .social ul li .fa.fa-line{

}
.clear{
    clear: both;
}
@media (max-width: 768px){
    .copyright-bar .copyright-box,
    .copyright-bar .social{
        text-align: center;
    }
}
@media (max-width: 480px){
    .footer .footer-bottom .footer-comp .pull-left img{
        width: 80px;
    }
    .footer-comp .social ul li a i{
        font-size: 29px;
    }
    .footer-comp .social ul li .fa.fa-line img{
        width: 26px;
        margin-top: 0px;
    }
    .footer-comp .social ul .fa-line-box a .fa-line{
        background: url(../images/top-bar-line_icon.png) center 0px no-repeat;
        background-size: 25px 25px;
        height: 25px;
        width: 25px;
    }
    .footer-comp .social ul .fa-line-box a{
        height: 27px;
        width: 27px;
        margin-top: 2px;
    }
    .footer-comp .social ul .fa-line-box{
        margin-right: 3px;
    }
}
@media (max-width: 400px){
    .top-bar .social ul li .fa.fa-line img{
        width: 16px;
        margin-top: 3px;
    }
    .top-bar .social ul li i{
        color: #805300;
        font-size: 18px;
        margin: 0 3px;
    }
}
/*********  **********/
.partner-box{

}
.partner-box .partner-item{
    margin-bottom: 15px;
    display: block;
    position: relative;
    border-radius: 10px;
    padding: 5px 5px;
    border: 1px solid #ddd;
    min-height: 122px;
}
.partner-box .partner-item-img{
   position: absolute;
  top: 50%;  
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  text-align: center;
}
.partner-box .partner-item-text-box{
    text-align: center;
    
}
.partner-box .partner-item-text{
  position: absolute;
  top: 50%;  
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
}
.partner-box .partner-item img{
    max-width: 100%;
    border-radius: 10px;
}
@media (max-width: 1200px){
    .partner-box .partner-item{
        min-height: 122px;
    }
}
@media (max-width: 992px){
    .partner-box .partner-item-img{
        width: auto;
    }
    .partner-box .partner-item{
        /*min-height: 40.5vh;*/
    }
}
@media (max-width: 768px){
    .partner-box .partner-item{
        /*min-height: 39vh;*/
    }
}
@media (max-width: 480px){
    .partner-box .col-12 .partner-item{

    }
}
.price-container-box{
    overflow: hidden;
}
.price-container-box .price-box{
    float: left;
}
.price-container-box .btn{
    float: right;
}
@media (max-width: 480px){
    .price-container-box .price-box{
    float: none;
    }
    .price-container-box .btn{
    float: none;
    }

}