.row {}
/*========TABS========*/
/*
	| ----------------------------------------------------------------------------------
	| MENU
	| ----------------------------------------------------------------------------------
	*/
.dropdown-menu { background: #d6050a; background-clip: padding-box !important }
#Control-Menu-Top, #MenuTop {background: #0059b5; }
#MenuTop { width: 100%; margin: 0 auto; padding: 0; height: 40px; padding-left: 30px; margin-top: 0 !important; }
/* #Menu-Top { z-index: 9999 }*/
#MenuTop  li > a { padding: 10px 15px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 14px }
/*#MenuTop  li:hover > a {padding:10px 15px !important}*/
#MenuTop > li:first-child > a { padding: 4px 15px !important }
#Menu-Top { justify-content: center; align-items: center; display: flex; width: 100%}
#Menu-Top a:hover { background: #E4E4E4; color: #187fc0; }
#MenuTop  li > ul a { background: #fff; color: #333; font-weight: 400; border-bottom: 1px solid #eaeaea; text-transform: capitalize; padding: 10px 55px 10px 20px !important }
#MenuTop  li > ul a:hover { color: #444; background: #f5f7f9; font-weight: 400 }
#MenuTop  li:hover > a { background: #E5E5E5; color: #0059b5 }
.tinynav { display: none }
/*@media screen and (max-width: 480px) {*/
@media only screen and (min-width : 320px) and (max-width : 480px) {
.tinynav {color: Black;display: block !important;margin:5px auto 0;width: calc(100% - 30px) !important;}
#Menu-Top { display: none; }
#MenuTop { padding-left: 0 !important }
#content-product .col-xs-3 { width: 100% !important }
#content-product .col-md-10 { width: 100% !important }
/*TABS*/
.tabs li.active, .tabs li.active:before { z-index: auto !important }
.tabs li, .tabs li:before { width: 100% !important }
}
@media only screen and (max-width : 480px) {
.tinynav { width: 92% }
#ProductGroup .col-md-2, #ProductGroup .col-lg-2, #Product .ProductRelate1 .col-md-2, #Product .ProductRelate1 .col-lg-2 { width: 98% !important }
}
 @media only screen and (min-width : 768px) and (max-width : 1024px) {
.tinynav {display: block;margin: 3px auto 0;width: 95%;}
#MenuTop, #Menu-Top { padding-left: 0 !important }
#Menu-Top { height: 40px }
#MenuTop  li > a { font-size: 11px; padding: 9px 7px }
#MenuTop li> ul a { padding: 10px !important }
#MenuTop  li { }
#content-product .col-xs-3 { width: 100% !important }
#content-product .col-md-10 { width: 100% !important }
#ProductGroup .col-md-2, #ProductGroup .col-lg-2, #Product .ProductRelate1 .col-md-2, #Product .ProductRelate1 .col-lg-2 { width: 20% !important }
#Home-Product-Hot .col-lg-2 { width: 20% !important }
}
@media only screen and (min-width : 1024px) {
#MenuTop { padding-left: 0 !important }
#MenuTop li> a { font-size: 13px; padding: 10px; max-height: 40px}
/*#MenuTop li> a:hover {padding:10px 15px 8px  !important}
	#MenuTop  li > ul a:hover {padding:10px 15px !important}*/
#MenuTop li> ul a { padding: 6px 15px !important }
}
/*@media only screen
and (min-width : 769px)
and (max-width : 1024px) {
	.tinynav { display:none}
	#Menu-Product .Menu-Product a { font-size:12px}
}*/
@media (min-width:992px) {
.tinynav { display: none }
#content-product .col-xs-3 { width: 8.6667% !important }
#content-product .col-md-10 { width: 91.3333% !important }
#ProductGroup .col-md-2, #ProductGroup .col-lg-2, #Product .ProductRelate1 .col-md-2, #Product .ProductRelate1 .col-lg-2 { width: 20% !important }
#Home-Product-Hot .col-lg-2 { width: 20% !important }
/*HEADEr*/
#header >div #Control-Logo { width: 27% !important }
#header >div #Control-Hotline-Order { width:31.333% !important }
}
 @media (min-width:1200px) {
.tinynav { display: none }
#MenuTop { padding-left:20px}
#MenuTop li> a { padding: 10px 15px !important; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 14px !important }
#MenuTop li> ul a { padding: 8px 15px !important }
/*#MenuTop  li > a:hover { padding:10px 15px 8px 15px}*/
#MenuTop  li > ul a:hover, #MenuTop  li > ul a { font-size: 13px; padding-right: 20px }
/*#MenuTop  li:hover > a { padding:10px 15px 8px 15px !important}*/

#content-product .col-xs-3 { width: 8.6667% !important }
#content-product .col-md-10 { width: 91.3333% !important }
#Home-Product-Hot .col-lg-2 { width: 20% !important }
/*HEADEr*/
#header >div #Control-Logo { width: 29% !important }
#header >div #Control-Hotline-Order { width: 29.333% !important }
}
/*
	| ----------------------------------------------------------------------------------
	| SEARCH
	| ----------------------------------------------------------------------------------
	*/
#Search .Search { background: none repeat scroll 0 0 #fff; height: 30px; margin-bottom: 7px; margin-top: 7px; position: relative; width: 100%; }
#Search .Search input { background: #fff; color: #666; font-size: 13px; font-weight: 400; height: 100%; left: 0; margin: 0; padding: 0 0 0 9px; position: absolute; top: 0; width: 100%; border-radius: 3px }
#Search .Search span { background: none repeat scroll 0 0 transparent; border: 0 none; color: #f33; height: 100%; margin: 0; padding: 0; position: absolute; right: 0; top: 0; width: 35px; }
#Search .Search span i { line-height: 30px }
.input-group-addon { background: #fff; }
.iconsearch { margin-right: 20px }