@font-face {font-family: 'Roboto'; src: url('../../fonts/Roboto-Regular.eot'); src: url('../../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Regular.woff') format('woff'), url('../../fonts/Roboto-Regular.TTF') format('truetype'), url('../../fonts/Roboto-Regular.svg#svgFontName') format('svg');}
@font-face {font-family: "Myriad Pro Semibold Condensed";
    src: url("../../fonts/Myriad-Pro-Semibold-Condensed.ttf") format("truetype");/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
@font-face {font-family: "Myriad Pro Semi Condensed";
    src: url("../../fonts/Myriad-Pro-Light-SemiCondensed.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

html {-webkit-text-size-adjust: none; touch-action: manipulation;}

body { background-color: #fff; color:#333;  }
body, td, select { font-family:"Myriad Pro Semi Condensed", Roboto, Verdana, Arial, Helvetica; font-size:12pt; }
.container { max-width: 1100px;}
h1 { font-size:24pt; font-weight: bold; margin-bottom: 40px; color:#333;}
.form-control { border:1px solid #dc6942; border-radius: 3px;}
.brown  { color:#e37330;}
.green { color:#0eaa48;}

#body_content img { max-width: 100%; height:auto;}

#top_header { padding: 15px 0; font-size:10.5pt; color:#999; background-color:rgba(55, 35, 30, 0.6); }
#top_header a { color:#999; text-decoration: none; margin-left: 10px;}
#top_header .fa { margin-right: 10px;}
#top_header a:hover { color:#dc6942; }
#top_header ul li { display: inline-block;}
#top_header ul li:before { content:"/\00a0", color:#eee; display: block; }
#top_header .brow { font-size:11pt;}
#frmQuickSearch { display: none; background-color: rgba(0,0,0,0.7); top:0; left:0; bottom: 0; right:0; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#frmQuickSearch .container { padding-top: 100px;}
#frmQuickSearch form { background-color: #fff;}
#frmQuickSearch form .btn, #frmQuickSearch form .form-control { background-color: transparent; border:none; height:60px; line-height: 60px; font-size:12pt;}
#frmQuickSearch.show { position: fixed;  z-index: 10000; display: block; }

#header { min-height: 90px; padding-top: 10px; padding-bottom: 10px; color:#fff; background-color: #311e1a; border-top:4px solid #ff6d00; background: url(//bizweb.dktcdn.net/100/187/190/themes/595275/assets/bg-header-top.png?1539742072195); }
#header .logo .navbar-brand { height:80px; padding: 0; }
#header .logo .navbar-brand img { height:80px; width:auto; }
#header .col-sm-10 { position: unset;}

#header_nav {background: url(//bizweb.dktcdn.net/100/187/190/themes/595275/assets/bg-header-top-menu.png?1539742072195) #1c1c1c repeat-x top left;}

#main_menu .nav {   width:100%;}
#main_menu .nav > li {  list-style: none; flex-grow: 1;text-align: center;}
#main_menu .nav > li >a { color:#fff; font-size:14pt; text-transform: uppercase; font-family: "Myriad Pro Semibold Condensed", Arial, Tahoma; display: block; line-height: 35px; position: relative; padding-right: 30px; padding-left: 30px; }
#main_menu .nav > li >a:after { background: url(//bizweb.dktcdn.net/100/187/190/themes/595275/assets/border-right-menutop.png?1539742072195) no-repeat left center; content: ""; position: absolute; top: 0; right: 0; width: 2px; height: 65px;}
#main_menu .nav > li >a:hover { background-color: inherit; color:#dc6942; background-color:rgba(55, 35, 30, 0.8);}
#main_menu .dropdown.open {  background-color:#53382c; }
#main_menu .dropdown.open > a  { color:#dc6942; background-color: inherit; }
#main_menu .dropdown-menu { top:unset; background-color: #53382c;  color:#fff; border:none; border-radius: 0;}
#main_menu .nav > li.dropdown a { color:#fff;}
#main_menu .nav > li.dropdown { position: unset;}
#main_menu .nav > li.dropdown > .dropdown-menu { left:0; right:0;  padding: 20px 0; min-height: 200px;}
#main_menu .nav > li.dropdown .dropdown-menu ul.root { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: row; align-items: flex-start; width:100%;}
#main_menu .nav > li.dropdown .dropdown-menu ul.root > li { flex-grow: 1;}
#main_menu .nav > li.dropdown .dropdown-menu h4 {}
#main_menu .nav > li.dropdown .dropdown-menu h4 a { font-weight: bold; color:#e37330;}
#main_menu .nav > li.dropdown .dropdown-menu .root ul { margin: 0; padding: 0;}
#main_menu .nav > li.dropdown .dropdown-menu .root ul li { display: block;}

#main_menu .dropdown.open .dropdown-menu.single { left:unset; right:unset; min-width:200px; min-height: unset; }
#main_menu .dropdown.open .dropdown-menu.single a:hover { background: inherit; color:#fff;}

#banner_group .item img { width:100%; height:auto; max-height:480px; object-fit: cover;}

#breadcrumb_div { background-color:rgba(55, 35, 30, 0.6); margin-bottom: 20px; }
#breadcrumb_div .breadcrumb { background-color:inherit; margin: 0 15px; padding: 0; font-size:10pt; }
#breadcrumb_div .breadcrumb a { position: relative; padding: 8px 5px; color:#666; text-decoration: none; display: inline-block;}
#breadcrumb_div .breadcrumb>li+li:before { color:#666;}



.btn-primary { color:#fff; background-color: #dc6942; border: 1px solid #dc6942; padding: 8px 35px; border-radius: 20px; font-weight: bold;}
.btn-primary:hover {background-color: #dc6942; border:1px solid #dc6942; }
.contact { margin-top: 5px;}
.contact .icon { width:30px; text-align: center; color:#dc6942; display: inline-block; font-size:12pt; }

.quote { padding: 20px; position: relative; text-align: center;  border-radius: 4px; background-color:rgba(200, 105, 66, 0.2); min-height: 90px;}
.quote:before {content:"\f10d"; font-family: FontAwesome; font-size:11pt; position: absolute; color:rgba(220, 105, 66, 0.3); top:0; left: 5px;}
.quote:after { position: absolute; content:""; width:10px; height:10px; bottom: -6px; left:20px; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);background-color:rgba(200, 105, 66, 0.2); }

.mt50 { margin-top: 50px;}

footer {  font-size:11pt;  background-color: #311e1a; color:#fff; border-top:6px solid #ff6d00; }
footer .body { background: url(//bizweb.dktcdn.net/100/187/190/themes/595275/assets/bg-header-top.png?1539742072195); padding: 30px 0; }
footer .copyright { color:#fff; font-size:10pt; background-color: #000; padding: 20px 0; }

.bg_endose { padding: 90px 0 100px 0;background: linear-gradient(transparent, transparent), url("themes/end-bg.jpg") center no-repeat; background-size: cover; text-align: center; color:#fff;}
#home_contact { padding:50px 0 50px 0;}
#home_contact .lbl { background: url("themes/lbl_contact.png") no-repeat left top; padding:10px 0 10px 30px; font-size:24pt; line-height: 40px; min-height: 90px;}
#home_contact .box { background-color:rgba(55, 35, 30, 0.6); }

#testimonial h2 { margin-bottom: 40px; color:#fff;}
#testimonial .item {padding-left:15px; padding-right: 15px;}
.author { text-align: left;}
.author img { display: inline-block !important; margin-right: 10px; width:60px !important; height:60px !important; border-radius: 100%;}
.author .right { display: inline-block; text-align: left; font-size:9pt; padding-top: 10px;}
.author h4 { font-weight: bold;}


#home_services { color:#999; background-color:rgba(226, 114, 48, 0.1); padding: 30px 0; margin-top: 30px;}
#home_services .img { display: inline-block; margin-right: 15px;}
#home_services .text { display: inline-block; position:relative;}
#home_services .text p { position: absolute; width:200px; top: 50%;transform: translateY(-50%);}

#home_about { background-color:rgba(226, 114, 48, 0.1);}
#home_about .row { margin-left:0; margin-right: 0;}
#home_about .bg { background: url(themes/home_img.jpg) no-repeat; background-size: cover; background-position: center; height: 450px;}
#home_about .body { padding: 20px 15px; max-width: 550px;}
#home_about .lbl { font-size:24pt;}

.product_list .item { margin-bottom: 50px;  padding:0 20px 10px 20px; overflow: hidden; text-align: center; }
.product_list .item:hover { box-shadow: 1px 1px 7px rgba(0,0,0,0.2),4px 5px 6px rgba(0,0,0,0.3); }
.product_list .item .image { margin-left: -15px; margin-right: -15px; height:200px;}
.product_list .item .image img { height:200px !important; width:100%; object-fit: cover;}
.product_list .item .name { padding: 10px 0; height: 65px; }
.product_list .item .name a { font-size:13pt; color:#333; font-weight: bold; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.product_list .item .price, .price { color:#e51515; font-weight: bold; }

.rating { background: url(themes/stars.png) no-repeat; height:20px; width:150px; }
.rating.rating_2 { background-position: 0 -30px;  }
.rating.rating_3 { background-position: 0 -45px;  }
.rating.rating_4 { background-position: 0 -60px;  }
.rating.rating_5 { background-position: 0 -75px;  }

#sort_bar {  background-color:#e2e2e2; border-radius: 5px; margin-bottom: 20px; text-align: right;}
#sort_bar a { display: inline-block; padding: 10px 15px;    color:#666; text-decoration: none;}
#sort_bar a:hover { color:#e37330; }

#product_search .result .body { padding:5px 5px 10px 10px; }
#product_search .filter { height: 100%; padding-right: 0;}
#product_search .filter .block { width:100%; margin-bottom:20px;}
#product_search .filter .block .header { background-color:#e37330; padding: 15px 15px; margin-bottom: 10px;}
#product_search .filter .block .header h3 { color:#fff; font-weight: bold; font-size: 10pt; text-transform: uppercase; margin: 0;}
#product_search .filter .block .header h3 a { float:right; color:#fff; text-decoration: none; font-size: 12pt;}
#product_search .filter .block.up .header h3 a .fa:before { content:"\f0d7";}
#product_search .filter .block .body a { display: inline-block; background-color: #e2e2e2;   padding: 3px 10px; color:#333; margin-bottom: 5px; margin-right: 5px; text-decoration: none; border-radius: 4px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;  }

.share-btn-elements .share-btn { border-radius: 4px; width:30px; height:30px; line-height: 30px; display: inline-block; text-align: center; cursor: pointer; margin-right:5px; }
.share-btn-elements .share-btn svg { fill:rgb(255, 255, 255); width:25px; height:25px; }


.btn.style1 { border:1px solid #dc6942; background-color: rgba(200, 105, 66, 0.1); color:#fff; padding: 5px 25px; border-radius: 20px;}
.btn.style1:hover { background-color: #dc6942; }
.btn-basket { background-color: #21252c; color:#8c939d; border-radius: 30px; display:block; margin: 10px 0;}
.btn-basket:hover { background-color:#dc6942;color:#fff; }

.box { margin-bottom: 30px; padding: 10px 15px;  background-color: #fff;}
.box.style2 { border-radius: 0; padding: 0;}
.box.style2 .box-header { position: relative; min-height:30px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.box.style2 .box-header:after { content:""; display: block; bottom:-1px; border-bottom: 2px solid #dc6942; width:100px;}
.box.style2 .box-header h3 { text-transform: uppercase; color:#e37330; font-weight: bold; font-size:12pt; margin: 0; padding:10px 10px;}
.box.style2 .box-header .more { color:#fff; font-size:10pt; position: absolute; right:10px; top:10px;}
.box.style2 .box-body { padding: 10px 15px;}


.news_slide .media-body a { color:#000; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;}
.news_slide .media-body .media { margin-bottom: 15px;}
.news_slide .media-body { padding-left:80px;}
.news_slide .media:last-child { border-bottom: none;}
.news_slide .media { position: relative; padding:5px 4px; min-height:55px;}
.news_slide .media-left { width:80px; position: absolute; left:0;}
.news_slide .media-left img { max-width: 100%; background-size: cover; max-height:90px;}


.new_events .item { margin-bottom: 30px; min-height: 150px; position: relative; background-color: #fff; }
.new_events .item .head { margin-bottom: 5px; color:#333;  font-size:8pt; text-transform: uppercase;}
.new_events .item .head .date { margin-left: 20px; }
.new_events .item .text { min-height: 100px; padding: 10px 15px;}
.new_events .item h4 a { font-size:11pt; color:#333; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;}
.new_events .triangle { position: absolute; border-left: 10px solid transparent; border-bottom: 10px solid #dc6942; bottom:0; right:0; z-index: 100;}
.new_events .stats { padding:10px 15px; color:#999; font-size:7.5pt;}
.new_events .stats .fa, .new_events .stats .sl { color:#dc6942; font-size:9pt;}
.new_events .item .image { height:150px; overflow: hidden; padding-left: 0;}
.new_events .item .image img { height:150px !important; width:100%; object-fit: cover;}


#news_detail { margin-bottom: 20px;}
#news_detail .box.style2 .box-header { border-bottom: 1px solid #f7931d; }
#news_detail .box.style2 .box-header h3:before { content:'\f105'; margin-right: 10px; font-family: FontAwesome; }
#news_detail h1.title { text-transform: uppercase;}
#news_detail .line { margin: 20px 0; border-top:1px solid #dc6942;}
#news_stats { margin: 20px 0 10px 0; border-left: 3px solid #dc6942; padding-left: 10px;}
#news_stats .numview { padding: 0 20px; display: inline-block;}
#news_stats .numview .label { text-transform: uppercase; font-size:6pt; background-color:#dc6942; }
#news_stats .numview .number { font-size: 16pt; font-weight: bold; color:#f7931d;}
.share.facebook { background-color: #dc6942; color:#fff; padding: 4px 15px; text-decoration: none;}



.pagination li { margin-right: 5px; display: inline-block;}
.pagination span, .pagination a {background-color: inherit !important; border-radius: 0 !important; border:1px solid #dc6942 !important; color:#999 !important;}
.pagination .active a { background-color:#dc6942 !important; color:#fff !important; }

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot { font-family: "Font Awesome 5 Free"; font-size:18pt; position: absolute; color:#333; background-color: #d6d6d6; width:50px; height:50px; display: block; border-radius: 50px; box-shadow: -2px 0px 2px 0px #999;}
.owl-carousel .owl-nav { position: absolute; top: 50%; left: 0; right:0; opacity: 0.2; margin-top:-25px;}
.owl-carousel:hover .owl-nav { opacity: 1;}
.owl-prev { left: -1em; }
.owl-prev:before { content:" ";  }
.owl-next { right: -1em;}
.owl-next:before { content:" ";}

.carousel-indicators { right:15px; left: auto; bottom:40% !important; position: absolute; width:20px;  }
.carousel-indicators li { background-color: #fff; border:none; display: block; margin-top: 10px;}
.carousel-indicators li.active { background-color: #fba919;}


.product_list .owl-item .item { margin-right: 15px;}
#scrollTopButton.affix {  width:80px; height:120px; display:block; bottom: 0; right:15px; z-index:1000; }

#main_image .large_image { margin-top: 20px;}
#main_image .large_image img {  width:100%; max-height: 400px; object-fit: cover; }
.thumbnail_slider { margin-top: 20px;}
.thumbnail_slider ul { list-style-type: none; margin: 0; padding: 0;}
.thumbnail_slider li { display: inline-block;}
.thumbnail_slider li img { width:80px !important; height:60px !important; border:1px solid #eee; object-fit: cover;}

#product_detail h1.title { font-size:18pt; font-weight: bold; color:#dc6942; margin: 20px 0 10px 0; }
#product_detail .price { font-weight: bold; font-size:16pt; color:#e51515; margin: 20px 0;}
#product_detail .btn-primary { background-color: #dc6942; border:1px solid #dc6942; }
.line-top { border-top:1px dotted #ebebeb; padding-top: 10px;}
.btn-group-toggle .btn { background-color: #f2f2f2; border:1px solid #dc6942; color:#333;}
.btn-group-toggle .btn.active { background-color: #dc6942; color:#fff;}
.nav-tabs { border-bottom:1px solid #dc6942;}
.nav-tabs a { color:#333; text-decoration: none; border:none !important;}
.nav-tabs a:hover { background-color: rgba(226, 114, 48, 0.1) !important; }
.nav-tabs .active a { color:#fff !important; background-color: #dc6942 !important;}
.tab-content { margin: 20px 0;}
#product_content { margin-top: 30px;}

.quantity_group { border:1px solid #dc6942; border-radius: 10px; overflow: hidden;}
.quantity_group a { color:#333; text-decoration: none; font-size: 14pt;}
.quantity_group .form-control { text-align: center !important; border: none;}
.quantity_group .input-group-addon { border: none;}
.nopadding { padding:0;}
#frmBasketList .table { margin-bottom: 0;}
#frmBasketList { background-color: #fff;}

#frmBasketList .qty a { color:#333;  padding:0 6px; text-align: center; font-weight: bold; font-size:10pt; text-decoration: none; display: block; }
#frmBasketList .qty a .fa { font-size:14pt; }
#frmBasketList h4 { margin: 2px 0;}
#frmBasketList h4 a { font-weight: bold; text-decoration: none; color:#333; }

.input-group .form-control {height: 38px;}
.fancybox-close-small svg { display: none;}
.fancybox-container h1 { margin: 0px 0 20px 0;}
.round-input .form-control { border-top-left-radius: 20px; border-bottom-left-radius: 20px;}

tfoot { font-weight: bold;}
thead { background-color: #ccc;}
.pd5 { padding: 5px 15px;}
.time_schedule .time { width:10%; min-width: 80px; height:100px; border:1px solid #ccc; display: inline-block; margin: 0; text-align: center; padding-top: 20px; margin-right: -4px; position: relative; }
.time_schedule .time.passed {  background-color: #f2f2f2;}
.time_schedule .time.fulled {  background-color: #dc6942;}
.time_schedule .time.available { cursor: pointer;}
.time_schedule .time.chosen { background-color: #0f0f0f; color:#fff;}
.time_schedule .time.available:after { content:""; position: absolute; bottom:0; height:5px; background-color: #00aa00; width:100%; left:0;}

#frmComment { width:100%; max-width:400px;}

.review { margin-bottom: 10px; border-bottom: 1px dotted #eee;}
.review .author { font-weight: bold;}
.review .date { font-size:8pt; color:#ccc; margin-left: 20px; }

.old_price { color:#999; font-size:10pt; text-decoration: line-through;}
.fb_customer_chat_bubble_pop_in {right:120px !important;}

.sticker { position: absolute;}
.sticker.align_0 { left:10px;}
.sticker.align_1 { right:0;}

.hotline_cell { position: fixed; z-index:1000; left:30px; bottom: 40px;}
.hotline_cell a { text-decoration: none;}
.hotline_cell .text { display: none; position: absolute; top:5px; left:30px; background-color: #f00; padding: 5px 20px; color:#fff; border-top-right-radius: 30px; border-bottom-right-radius: 30px; font-weight: bold; font-size:12pt; }
.hotline_cell .Phone { text-align: center; position: relative; display: block;width: 40px;height: 40px;font-size: 15vmin;background-color: #f00;border-radius: 100%;padding-top:5px;color:#fff;
    box-shadow: 0 0 0 0em rgba(255, 0, 0, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2); transform: translate3d(0, 0, 0) scale(1);
}
.hotline_cell:hover .text { display: block;}
.hotline_cell .Phone { z-index: 1000;}
.hotline_cell .Phone .fa {font-size:20pt; color:inherit; }
.hotline_cell .Phone.is-animating {
    animation: phone-outer 2000ms infinite;
&::before {
     animation: phone-inner 2000ms infinite;
 }
&::after {
     animation: phone-icon 2000ms infinite;
 }
}
@keyframes phone-outer {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow:
                0 0 0 0em rgba(255, 0, 0, 0),
                0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
    33.3333% {
        transform: translate3d(0, 0, 0) scale(1.1);
        box-shadow:
                0 0 0 0em rgba(255, 0, 0, 0.1),
                0em 0.05em 0.1em rgba(0, 0, 0, 0.5);
    }
    66.6666% {
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow:
                0 0 0 0.5em rgba(255, 0, 0, 0),
                0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow:
                0 0 0 0em rgba(255, 0, 0, 0),
                0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
}

@keyframes phone-inner {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(0);
    }
    33.3333% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(0.9);
    }
    66.6666% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(0);
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(0);
    }
}

@keyframes phone-icon {
    0% { transform: translate3d(0em, 0, 0); }
    2% { transform: translate3d(0.01em, 0, 0); }
    4% { transform: translate3d(-0.01em, 0, 0); }
    6% { transform: translate3d(0.01em, 0, 0); }
    8% { transform: translate3d(-0.01em, 0, 0); }
    10% { transform: translate3d(0.01em, 0, 0); }
    12% { transform: translate3d(-0.01em, 0, 0); }
    14% { transform: translate3d(0.01em, 0, 0); }
    16% { transform: translate3d(-0.01em, 0, 0); }
    18% { transform: translate3d(0.01em, 0, 0); }
    20% { transform: translate3d(-0.01em, 0, 0); }
    22% { transform: translate3d(0.01em, 0, 0); }
    24% { transform: translate3d(-0.01em, 0, 0); }
    26% { transform: translate3d(0.01em, 0, 0); }
    28% { transform: translate3d(-0.01em, 0, 0); }
    30% { transform: translate3d(0.01em, 0, 0); }
    32% { transform: translate3d(-0.01em, 0, 0); }
    34% { transform: translate3d(0.01em, 0, 0); }
    36% { transform: translate3d(-0.01em, 0, 0); }
    38% { transform: translate3d(0.01em, 0, 0); }
    40% { transform: translate3d(-0.01em, 0, 0); }
    42% { transform: translate3d(0.01em, 0, 0); }
    44% { transform: translate3d(-0.01em, 0, 0); }
    46% { transform: translate3d(0em, 0, 0); }
}


@media (max-width:780px)  {

    #top_header ul { padding-left:0;}
    .form-group > div { margin-bottom: 15px; }
    #header .navbar-toggle { border:1px solid #e37330;}
    #header .navbar-toggle .icon-bar { background-color: #e37330;}

    #main_menu {  -webkit-transform: translateX(-300px); transform: translateX(-300px); display: block !important; top:0; bottom:0; left: 0; width:300px; position: fixed; background-color: #fff; z-index: 10000; border-right:1px solid #eee; }
    #main_menu.collapse.in {transition: transform 1s;  -webkit-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform: translateX(0);}
    #main_menu .nav { display: block;}
    #main_menu .nav > li { display: block;}
    #main_menu .nav > li > a { color:#333;}
    #main_menu .nav > li.dropdown a { color:#333;}
    #main_menu .nav .dropdown-menu { background-color: inherit;}
    #main_menu .nav > li.dropdown .dropdown-menu ul.root { display: block;}
    #main_menu .nav > li.dropdown .dropdown-menu ul.root li { display: block;}
    #main_menu .dropdown-menu, #main_menu .dropdown.open { background-color: #fff;}
    #main_menu .nav > li.dropdown > .dropdown-menu { padding-left: 15px;}


    #nav_filter {padding:0 15px; text-align: right;}
    #nav_filter a { font-size: 17pt; color:#cc3333; display:inline-block; padding: 10px; position: absolute; top:10px; right:50px;}
    #filter_product { position: fixed; right:0; top:0; bottom: 0; left:0; background-color: #fff; display: none; z-index: 1000;}


    #home_services .item { margin-bottom: 20px; padding-right: 0;}
    #home_services .img { margin-right: 5px; width:40px;}
    #home_services .img img { width:100%; height:auto;}
    #home_services .text p { width:100px;}
    #body_content img { height: auto;}
    .product_list .item .image img {height:200px !important;}
    #other_products .item .image img {height: 200px !important;}
    footer .copyright { text-align: center;}
    footer .copyright .social { text-align: center;}

    #product_content .nav-tabs li { display: inline-block;}
    #product_content .nav-tabs a { font-size:10pt;}
    #body_content .product_list .item .image { overflow: hidden;}
    #body_content .product_list .item .image img { height:100% !important;}
    #body_content iframe { max-width: 100%;}
}
@media ( max-width:420px) {
    #banner_group .item img { height:190px;}
    #body_content img { height: auto !important;}
    #other_products .item .image img { object-fit: cover;width: 100%; max-width: 100%;}
    .product_list .item .image { height:unset;}
    #body_content .product_list .item .image img { height: unset !important; }
    .product_list .item { margin-right: 0;}
    #main_menu .nav > li.dropdown > .dropdown-menu { min-height: unset; position: relative; float: unset;}
    #main_menu .nav > li.dropdown .dropdown-menu ul.root { text-align: center;}
   
}