.image_template {
    left: -89px;
    position: absolute;
    top: 0px;
    display: none;
}
.wrapper {
    /*opacity: 0.6;*/
}

/****** COMMON ***********/
@font-face {
    font-family: "MyriadPro-Semibold";
    src: url("fonts/MyriadPro-Semibold.otf");
}
@font-face {
    font-family: "Myriad Pro Bold";
    src: url("fonts/MyriadPro-Bold.otf");
}
@font-face {
    font-family: "MyriadPro-It";
    src: url("fonts/MyriadPro-It.otf");
}
@font-face {
    font-family: "MyriadPro-Regular";
    src: url("fonts/MyriadPro-Regular.otf");
}
@font-face {
	 font-family: "MyriadPro-Semibold";
    src: url("fonts/MyriadPro-Semibold.otf");
}
html {
	color: #707070;
	background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,button,textarea,p,blockquote
	{
	margin: 0;
	padding: 0;
}

body {
    font: 12px/1.5 arial,helvetica,clean,sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
	/*	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;*/
}
.fieldset {
	margin: 0;
	padding: 10px;
}

th,td {
	margin: 0;
}
a {
	color: #505050;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
}

table {
}

.red,.label_error {
	color: red;
}

.redborder {
	border: 1px solid red;
}

.bold {
	font-weight: bold;
}

img {
	border: 0;
	max-width: 100%;

}

/*img,div,input {
	behavior: url("../templates/default/js/iepngfix.htc");
}
*/
address,caption,cite,code,dfn,em,th,var,optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}
legend {
    color: #000000;
    font-weight: bold;
    padding: 0 8px;
}
figure {
  margin: 0;
}

input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input,button,textarea,select {
	*font-size: 100%;
}
select,input,button,textarea,button {
	font: 99% verdana, arial, helvetica, clean, sans-serif;
}

table {
	font-size: inherit;
	font: 100%;
}
pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
.clear {
	clear: both;
}

.hidden,.hide,.hiden {
	display: none;
}
.img-responsive {
 /* height: auto;
  width: 100%; */
}
.pagination {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
a.next-page {
	padding: 7px 15px;
	background: url("../images/page_next.gif") no-repeat scroll center 0;
}
.pagination a {
	background: url("../images/pagination1.png") no-repeat scroll center 0;
	margin-right: 6px;
	padding: 6px 12px;
}
.pagination .current span, .pagination a:hover {
    background: url("../images/pagination.png") no-repeat scroll center 0;
    color: #FFFFFF;
    margin-right: 6px;
   	padding: 6px 12px;
}

.breadcrumbs {
	width: 1170px;
	margin: 0px auto;
}
/****** end COMMON ***********/




#fix-body {
    min-width: 320px !important;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    background-color: #F5F5F5;
    overflow: hidden;
    transition: all 0.6s;
    left: 0;
}
.menu-active #fix-body{
    left: 282px !important;
    box-sizing: border-box;
}
.begin{
    border-bottom: none;
    background: #00923F;
	/*background: #ed2024;*/
    padding: 13px 0px;
    cursor: pointer;
}
.show-menu {
    float: left;
    padding: 15px 20px;
    border-radius: 2px;
    background: #00923F url(../images/pattern.png) no-repeat center 7px;
	/*background: #ed2024 url(../images/pattern.png) no-repeat center 7px;*/
    margin-bottom: 10px;
    cursor: pointer;
    display: none;
}
/*************************************** HEADER ********************/
.header{
    box-sizing: border-box;
    width: 100%;
    background: #F5F5F5;
    min-height: 155px;
    padding-top:15px;
}
.slideshow {
    width: 100%;
    height: auto;
    position: relative;
    background: #F5F5F5;
    padding-bottom: 30px;
}
.wapper-top {
	max-width:1170px ;
	background: #FFFFFF;
	margin: 0px auto;
	min-height: 100px;
}
.wapper-top > div{
    float: left;
}
.header .logo {
	float: left;
	width: 234px;
	height: 80px;
	padding: 20px 10px 0px;
    box-sizing: border-box;
	text-align: center;
	
}
.menu-hotline {
	width: 935px;
	float: left;
	overflow: hidden;
	border-bottom: 1px solid  #EDEDED;
	border-left: 1px solid #EDEDED;	
}
.logo span {
    font-size: 14px;
    float: left;
    font-weight: lighter;
    font-family: "MyriadPro-It";
    color: #7e7e7e;
}
.menu-top {
    padding: 7px 0px 6px 10px;
    width: 610px;
    float: left;
    border-right: 1px solid #EDEDED;
}
.menu-top ul li {
	display: inline;
	line-height: 30px;
}
.menu-top ul li a {
	padding: 0px 20px;
	color: #767676;
	background: url('../images/bg-icon-menutop.png') no-repeat 10px 7px;
}
.menu-top ul li a:hover{
	color: #F5F5F5;
	text-decoration:underline;
}
.menu-hotline div.hotline {
	background: url('../images/phone-icon.png') no-repeat 15px 11px;
	float: left;
	padding: 11px 40px;
    
}
.menu-hotline div.hotline span {
	text-transform: uppercase;
	font-size: 14px;
	padding-right: 2px;
	color: #ed2024;
	font-weight: bold;
    font-family: "MyriadPro-Semibold" 
}
.menu-hotline div.hotline font {
	text-transform: uppercase;
	font-size: 14px;
	color: #ed2024;
	font-weight: bold;
    font-family: "MyriadPro-Semibold";
}
.menu-bottom {
	float: left;
    border-left: 1px solid #EDEDED;
    position: relative;
}
.menu-bottom .multilevel {
	float: left;
	width: 620px;
    padding-left: 10px;
    box-sizing: border-box;
}
.menu-bottom .multilevel > div{
}
.menu-bottom .search {
    float: left;
    padding: 12px 10px 12px 18px;
    box-sizing: border-box;
    border-left: 1px solid #EDEDED;
}
.menu-top ul {
	float: left;
}
.languages {
    float: right;
    margin-top: 7px;
}
.languages span{
    color: #767676;
}
.languages span , .languages a{
    float: left;
}
.languages a {
    padding: 0px 10px;
}
.languages .en{
    padding-top:3px ;
}
.languages .vn {
    padding-top: 2px;
}
/***END**************************** HEADER **************************/

/************************************************ CONTENT ***********/
.content{
	background: #F5F5F5;
	width: 100%;
	overflow: hidden;
	padding-top: 25px;
}
.wapper-content{
    width: 1170px;
    margin: 0px auto;
    overflow: hidden;
}
.wrapper_main_2_column div.wrapper_main_column {
	float: right;
	width: 871px;
	overflow: hidden;
	margin-bottom: 20px;
}
.wrapper_main_2_column div.left {
	float: left;
	width: 282px;
	overflow: hidden;
}
/****END***************************************** CONTENT ***********/
/************************************************* FOOTER ***********/
.footer {
    width: 100%;
    min-height: 234px;
    float: left;
    background: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    box-shadow: inset 0px 10px 34px -9px #F0ECEC;
    -webkit-box-shadow: inset 0px 10px 34px -9px #E2DFDF;
    -moz-box-shadow: inset 0px 10px 34px -9px #ABABAB;
    -o-box-shadow: inset 0px 10px 34px -9px #ABABAB;
}
.footer-content{
	width: 1170px;
	margin: 0px auto;
}
.footer-wapper {
    float: left;
    width: 100%;
    padding-top: 28px;
    min-height: 208px;
}
.footer-content .libraries{
	width: 20.17094017094017%;
	float: left;
	margin-right: 60px;
}
.footer-content .info{
	width: 47.86324786324786%;
	float: left;
}
.footer-content .share{
	width: 23.93162393162393%;
	float: right;
}
.libraries h2,.share h2,.info h2{
	font-size: 16px;
	float: left;
	font-weight: normal;
	font-family: "MyriadPro-Regular";
	color: #000000;
	padding-right: 45px;
	background: url('../images/bk-icon-h2-footer.png') no-repeat right 15px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.info ul li.web {
    margin-top: 10px;
}
.footer-content .info ul li {
	line-height: 31px;
}
.footer-content .adress{
	background: url('../images/img-icon-address.png') no-repeat 0px 5px;
	color: #464646;
	padding-left: 30px;
}
.footer-content .tel{
	background: url('../images/img-icon-tel.png') no-repeat 0px 5px;
	color: #464646;
	padding-left: 30px;
}
.footer-content .email{
	background: url('../images/img-icon-mail.png') no-repeat 0px 5px;
	color: #464646;
	padding-left: 30px;
}
.footer-content .designed{
	color: #000000;

}
.footer-content .designed a{
	color: #9d9d9d;
}
.footer-content .designed a:hover{
	opacity: 0.7;
}

.footer-content .share ul li {
	line-height: 35px;
	color: #000000;
	padding-left: 37px;
	cursor: pointer;
}
.footer-content .share .facebook{
	background: url('../images/icon-face.png') no-repeat 0px 7px;
}
.footer-content .share .facebook:hover{
    background: url('../images/icon-face-hover.png') no-repeat 0px 7px;
}
.footer-content .share .twitter{
	background: url('../images/icon-twtter.png') no-repeat 0px 7px;
}
.footer-content .share .twitter:hover{
	background: url('../images/icon-twtter-hover.png') no-repeat 0px 7px;
}
.footer-content .share .google{
	background: url('../images/icon-google.png') no-repeat 0px 7px;
}
.footer-content .share .google:hover{
    background: url('../images/icon-google-hover.png') no-repeat 0px 7px;
}
.footer-content .share .youtube{
	background: url('../images/icon-you.png') no-repeat 0px 7px;
}
.footer-content .share .youtube:hover{
    background: url('../images/icon-you-hover.png') no-repeat 0px 7px;
}
/**END********************************* FOOTER ***********/


.fb_iframe_widget {
  background: #ffffff !important;
}

/* 
---------------------------popup Home--------------------*/
.details_means {
    border-radius: 6px;
    right: auto;
    /* left: 20% !important; */
    margin-left: auto;
    margin-right: auto;
    margin-top: -185px;
    position: fixed;
    top: 50% !important;
    z-index: 70;
    box-sizing: border-box;
    padding: 0px 300px;
    width: 100%;
    min-height: 388px !important;
}
.wrapper_details_means {
    border-radius: 5px;
    position: relative;
    width: 100% !important;
    min-height: 388px !important;
    text-align: center;
}
.layer-opacity {
    background: url("../images/layer-opacity.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 60;
}
.button-close {
    cursor: pointer;
    position: absolute;
    right: -28px;
    width: 40px;
    height: 30px;
    top: -21px;
    z-index: 3;
    background: url('../images/close-icon.png') no-repeat center 0px;
}
/* 
---------END------------------popup Home--------------------*/


html body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
}

@media only screen and (min-width: 768px) {
    .header {
        padding: 15px 0px 0px;
    }
    
  .wapper-top , .wapper-content, .footer-content, .breadcrumbs{
    max-width: 765px;
  }
      .wapper-top
      {
        min-height: 115px;
      }
    .header .logo {
        display: block;
        width: 100%;
        height: 40px;
        padding: 2px 0px;
        box-sizing: border-box;
        text-align: center;
        border-bottom: 1px solid #EDEDED;
    }
    .header .logo span{
        display: none;
    }
    .menu-hotline {
        width: 280px;
        border-bottom: none;
        border-left: none;
    }
    
    .menu-hotline div.hotline {
        display: none;
    }
    .menu-top {
        padding: 7px 0px 6px 0px;
        width: 100%;
        border-right: none;
    }
    .footer-content .libraries {
        width: 30.17094%;
        margin-right: 20px;
    }
    .footer-content .info {
        width:40.863248%;
    
    }
    .footer-content .share {
        width: 25.931624%;
    }
    .footer-content .libraries ,.footer-content .info , .footer-content .share{
        padding-top: 0px;
    }
    .languages {
        float: left;
        margin-left: 18px;
    }
    .menu-bottom {
        width: 62%;
        float: right;
        border-left:none;
    }
    .menu-bottom .multilevel {
        width: 100%;
        padding-left: 0px;
    }
    .multilevel > div {
        width: 700px;
    }  
    .languages span {
        display: block;
    }
    .menu-top ul li a {
        padding: 0px 16px;
        background: url('../images/bg-icon-menutop.png') no-repeat 10px 7px;
    }
    .wrapper_main_2_column div.wrapper_main_column {
        width: 100%;
    }
    .cat_item {
        width: 179px;
    }
    .wapper-content-page div.products_categories {
        width: 104%;
    }
}
@media only screen and (min-width: 992px){
  .header {
        padding: 15px 0px 0px;
    }

    .img-responsive
    {
        height: auto;
        max-width: 100%;
    }
  .wapper-top , .wapper-content , .footer-content, .breadcrumbs{
    max-width: 985px;
  }
  .wapper-top
  {
    min-height: 100px;
  }
    .menu-hotline {
        width: 76.1%;
        float: left;
        border-left: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED;
    }
    .menu-hotline div.hotline {
        padding-right: 0px !important;
        padding-left: 35px;
    }
    .menu-top {
        float: left;
        width: 70.656667%;
        padding: 7px 0px 6px 10px;
        border-right: 1px solid #EDEDED;
    }
    .menu-hotline div.hotline {
        display: block;
    }
    .header .logo
    {
        float: left;
        width: 232px;
        height: 80px;
        padding-top: 20px;
        text-align: center;
        border-bottom: none;
    }
    .header .logo span{
        display:  block;
        padding-left: 14px;
        font-size: 14px;
    }
    .menu-bottom .multilevel > div {
        width: 535px;
    }
    .menu-bottom {
        width: 76.1%;
        float: left;
        border-left: 1px solid #EDEDED;
    }
    .menu-bottom .multilevel {
        width: 72.0067%;
        padding-left: 10px;
    }
    .logo span {
        font-size: 1.000em;
    }
    .wapper-top #keyword {
        width: 75.53956834532374%;
    }
    .menu-bottom .search {
        width: 27.333333%;
    }
    .referral{
        width: 48.46153846153846%;    
    }  
    .slideshow_form_search #wrapper{
        width: 48.8034188034188%;
    } 
    .slideshow_form_search #carousel .crsl-item{
        width: 47.28546409807356%;
    }
    .caroufredsel_wrapper {
        width: 100% !important;
    }
    #carousel{
        width: 113.8353765323993%;
    }
    .footer-content .libraries {
        width: 20.17094017094017%;
        margin-right: 60px;
    }
    .footer-content .info {
        width:47.86324786324786%;
    
    }
    .footer-content .share {
        width: 23.93162393162393%;
    }
    .footer-content .libraries ,.footer-content .info , .footer-content .share{
        padding-top: 0px;
    }
    .languages {
        float: right;
        margin-left: 18px;
    }
    .multilevel > div {
        width: 700px;
    }  
    .languages span {
        display: block;
    }
    .menu-top ul li a {
        padding: 0px 20px;
        background: url('../images/bg-icon-menutop.png') no-repeat 10px 7px;
    }
    .wrapper_main_2_column div.wrapper_main_column {
        width: 690px;
    }
    .wapper-content-page div.products_categories {
        width: 710px;
    }
    .cat_item {
        width: 160px;
    }
    .frame_inner .frame_img {
        padding: 10px 0px 0px;
    }
    .wrapper_main_2_column div.left {
        display: block;
    }
} 
@media only screen and (min-width:1200px){
    .header {
        padding: 15px 0px 0px;
    }
  .wapper-top, .wapper-content, .footer-content, .breadcrumbs{
    max-width: 1170px;
  }
  .wapper-top
  {
    min-height: 100px;
  }
    .menu-hotline {
        width: 935px;
        border-bottom: 1px solid #EDEDED;
        border-left: 1px solid #EDEDED;
    }
    .menu-hotline div.hotline {
        padding-right: 0px !important;
        padding-left: 40px;
    }
    .menu-top {
        float: left;
        width: 610px;
        padding: 7px 0px 6px 10px;
        border-right: 1px solid #EDEDED;
    }
    .menu-hotline div.hotline {
        display: block;
    }
    .header .logo
    {
        float: left;
        width: 234px;
        height: 80px;
        padding-top: 5px;
        text-align: center;
        border-bottom: none;
    }
    .menu-bottom {
       width: 935px;
        float: left;
        border-left: 1px solid #EDEDED;
    }
    .menu-bottom .multilevel {
        width: 620px;
        padding-left: 10px;
    }
    .menu-bottom .search {
        width: 27.333333%;
    }
    .menu-bottom .multilevel > div {
        width: 700px;
    }
    .referral{
        width: 48.46153846153846%;    
    }  
    .slideshow_form_search #wrapper{
        width: 48.8034188034188%;
    } 
    .slideshow_form_search #carousel .crsl-item{
        width: 47.28546409807356%;
    }
    .caroufredsel_wrapper {
        width: 100% !important;
    }
    #carousel{
        width: 113.8353765323993%;
    }
    
    .footer-content .libraries {
        width: 20.17094017094017%;
        margin-right: 60px;
    }
    .footer-content .info {
        width:47.86324786324786%;
    
    }
    .footer-content .share {
        width: 23.93162393162393%;
    }
     .header .logo span{
        display: block;
        padding-left: 14px;
        font-size: 14px;
    } 
    .footer-content .libraries ,.footer-content .info , .footer-content .share{
        padding-top: 0px;
    }
    .languages {
        float: right;
        margin-left: 18px;
    }
    .multilevel > div {
        width: 700px;
    }
    .languages span {
        display: block;
    }  
    .menu-top ul li a {
        padding: 0px 20px;
        background: url('../images/bg-icon-menutop.png') no-repeat 10px 7px;
    }
    .wrapper_main_2_column div.wrapper_main_column {
        width: 871px;
    }
    .wapper-content-page div.products_categories {
        width: 900px;
    }
    .frame_inner .frame_img {
        padding: 10px 10px 0px 10px;
    }
    .cat_item {
        width: 205px;
    }
}
@media only screen and (max-width:1200px){
    
}
@media only screen and (max-width:1024px){
       
        .left{
            display: block;
        }
        .breadcrumb {
            box-sizing: border-box;
            padding: 26px 10px 10px !important;
        }
        #cssmenu {
            border-bottom: 1px solid #FFFFFF;
            margin-bottom: 0px !important;
        }
        .product_search {
            margin-bottom: 0px !important;
            border-bottom: 1px solid #FFFFFF;
        }
        
        #navigation-menu .banners a {
            display: none !important;
        }
        #cssmenu {
            margin-bottom: 0px !important;
            border-bottom: 1px solid #FFFFFF;
        }
        .show-menu {
            display: block !important;
        }
        
        #navigation-menu {
        width: 282px;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background: #FFFFFF;
        transition: all 0.6s;
        left: -322px;
    }
    .menu-active #navigation-menu {
        left: 0px;
        transition: all 0.6s;
        overflow: overlay;
    }
    #navigation-menu ul{
        display: block;
        margin: 0; padding: 0; list-style: none;
    }
    #navigation-menu ul li{
        display: block;
        margin: 0; padding: 0;
    }
    #navigation-menu ul.menu-cats{
        width: 282px; float: left;
        border-bottom: 1px solid #444444;
    }
    #navigation-menu ul.menu-cats li{
        border-top: 1px solid #444444;
        border-bottom: 1px solid #000000;
    }
    #navigation-menu ul.menu-cats li a{
        display: block;
        padding: 5px 0 5px 10px;
        color: #ffffff; text-decoration: none; text-shadow: 1px 1px #222222;
        font-size: 1.2em;
    }
    #navigation-menu ul.menu-cats li a.top{
        font-weight: bold;
        padding-top: 7px; padding-bottom: 7px;
    }
    
}
@media only screen and (max-width: 768px) {
     .header {
        padding: 15px 0px 0px;
    }
    .wapper-content , .footer-content{
        max-Width:100%;
    }
    .wapper-top > div {
        float: left;
        width: 100%;
    }
    .menu-bottom {
        width: 100%;
        border-left:none;
    }
    .wapper-top {
        min-height: 125px;
        margin: 0px 10px;
    }
    .header .logo {
        display: block;
        width: 100%;
        height: 100px;
/*        height: 40px;*/
        padding: 2px 0px;
        box-sizing: border-box;
        text-align: center;
        border-bottom: 1px solid #EDEDED;
    }
    .header .logo span{
        display: none;
    }
    .menu-hotline {
        width: 100%;
        border-bottom: none;
        border-left: none;
    }
    .menu-bottom .multilevel {
        width: 100%;
        background: #FFFFFF;
    }
    .menu-hotline div.hotline {
        display: none;
    }
    .menu-top {
/*        padding: 7px 0px 6px 0px;*/
        padding: 0px 0px 6px 0px;
        width: 100%;
        border-right: none;
    }
    
    #service li {
        width: 47.999999%;
    }
    
    .product_title {
        width: 64%;
        
    }
    .footer-content .libraries ,.footer-content .info , .footer-content .share{
        padding-top: 20px;
    }
    .footer-content .libraries {
        width: 100%;
        margin-right: 60px;
    }
    .footer-content .info {
        width: 100%;
    
    }
    .footer-content .share {
        width: 100%;
    }
    .footer-content{
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .multilevel > div {
        width: 100%;
    }
    .languages span {
        display: block;
    }  
    .menu-top ul li a {
        padding: 0px 20px;
        background: url('../images/bg-icon-menutop.png') no-repeat 10px 7px;
    }
    .languages-vs2{
        display: block !important;
    }
    .languages{
        display: none;
    }
    .wrapper_main_2_column div.wrapper_main_column {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 10px;
    }
    .cat_item {
        width: 46%;
    }
    .wapper-content-page div.products_categories {
        width: 105%;
    }
    .frame_img {
        text-align: center;
    }
    .products_categories .row {
       /* width: 100%;*/
    }
    .frame_inner .frame_img {
        padding: 10px 10px 0px 10px;
    }
    .wapper-content-page {
        overflow: hidden;
    }
    .show-menu {
        display: block !important;
    }
    
    
    
}

@media only screen and (max-width: 480px) {
    
    .wapper-content , .footer-content{
        max-Width:100%;
    }
    .wapper-content-page div.products_categories {
        width: 105%;
    }
    .cat_item {
        width: 45%;
    }
    .footer-content{
        padding: 0px 10px;
        box-sizing: border-box;
    }
    #service li {
        width: 47.999999%;
    }
    .multilevel > div {
        width: 100%;
    }  
    .product_title {
        width: 64%;
        
    }
    .footer-content .libraries {
        width: 100%;
        margin-right: 60px;
    }
    .footer-content .info {
        width: 100%;
    
    }
    .footer-content .share {
        width: 100%;
    }
    .languages span {
        display: block;
    }
    .menu-top ul li a {
        padding: 0px 20px;
        background: url('../images/bg-icon-menutop.png') no-repeat 10px 7px;
    }
    .menu-top ul {
        padding-left: 8px;
    }

}
@media only screen and (max-width:420px){
    .languages span {
        display: none;
    }
    .menu-top ul li a {
        padding: 0px 8px;
        background: url('../images/bg-icon-menutop.png') no-repeat left 7px;
    }
    .menu-top ul {
        padding-left: 8px;
    }
    .cat_item {
        width: 100%;
    }
}
@media only screen and (max-width:320px){
    .languages span {
        display: none;
    }

    .menu-top ul li a {
        padding: 0px 8px;
        background: url('../images/bg-icon-menutop.png') no-repeat left 7px;
    }
    .menu-top ul {
        padding-left: 8px;
    }
    .cat_item {
        width: 100%;
    }
    
}


/*
-----------------responsive product ---------------------------*/

@media only screen and (max-width:768px){
    
    
}
@media only screen and (max-width:600px){
   
    
}

@media only screen and (max-width:320px){
    
    
}