/* CSS Document */
/* Dành cho điện thoại */
@media (max-width: 320px) {
.wrap header{height:470px}
.logo_top{width:100% !important; float:none !important}
#slogan{width:100% !important; float:none !important; margin: 0 !important; height:150px !important}
header #slogan h1{font-size:32px; margin-left:0px !important; line-height: 40px}
#hotline{width:100% !important; float:none !important; height:165px !important}
header #hotline p{position:absolute; margin: 7% 0 0 36%;}
header #hotline h2{position:absolute; margin: 14% 0 0 27%;}
.header{width: 320px; }
nav .nav{width: 320px;}
.menu_top{display: none}
.container{width:320px}
.form_search{display: none}
.content_main{width: 100%}
.title_ge span{font-size:13px}
.view_all {background: url(../images/icon_view_all.png) 5px 6px no-repeat; right:0px}
.col_1{width: 100%;padding-bottom: 10px;border-bottom: 1px solid #ececec;margin-bottom: 10px;}
.col_2 { float: left;width: 100%;}
.duan_tieubieu {width: 100%; margin-bottom:25px}
.duan_trangchu .duan_tieubieu a img{height: 200px !important;}
.thitruong {width: 100%;}
.content_submain{width:100%; float:left}
.hoi_vien {width: 32%}
.menu_footer{padding: 0px; height:4px}
.menu_footer ul{display: none; }
.footer{background-color: #eeeeee; background-image:none;}
/*DANHMUC*/
.danhmuc .hot_news_content h2 {font-size: 16px;}
.trangdanhmuc2 .content_da .duan_tieubieu {height: auto;}
/*MENU*/
.wrap nav{height:0px}
a {text-decoration: none;}

.toggleMenu { display:  none;  padding: 10px 15px; color: #fff;}
nav .nav{height:auto}
.nav { list-style: none;  *zoom: 1;}
.nav:before,.nav:after { content: " "; display: table; }
.nav:after { clear: both;}
.nav ul { list-style: none; width: 12em;text-align:center;}
.nav a {padding: 10px 15px; color:#CCC; text-transform: uppercase;  font-weight:bold}
.nav a:hover{color: #FFF}
.nav li { position: relative; width:100%}
.nav > li { float: left;}
.nav > li > .parent { background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: right;
}
.nav > li > a { display: block;}
.nav li ul {position: absolute; left: -9999px !important;}
.nav > li.hover > ul { left: 0;}
.nav li li.hover ul {left: 120%; top: 0;}
.nav li ul li{	padding-left: 20px}
.nav li li a { display: block; position: relative; z-index:100; border-top: 1px solid #CCC;font-size: 12px;
text-align: left;}
.nav li li a:hover{text-decoration: underline}
.nav li li li a { background:#249578; z-index:200; border-top: 1px solid #1d7a62;}


.nav{text-align:left;margin: 0;}
.nav > li {
float: left;
}
.active {
	display: block;
}
.nav > li {
	float: none; height:100%
}
.nav > li > .parent {
	background-position: 95% 50%;
}
.nav li li .parent {
	background-image: url("../images/downArrow.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.nav ul {
	display: block;
	width: 100%;
}
.nav > li.hover > ul , .nav li li.hover ul {
	position: static;
}
	
.menu_top {display: block; position:fixed; right: 0; top:40px; width:80%}
.toggleMenu{display: block; position:fixed; right: 0; top:0;}

.news_content h1 {
    font-size: 24px!important; line-height: 30px
}
.gallery_product{width:100%}
.info_product{width:100%}
}
@media  (min-width: 321px) and (max-width: 480px) {
.wrap header{height:470px}
.logo_top{width:100% !important; float:none !important}
#slogan{width:100% !important; float:none !important; margin: 0 !important; height:150px !important}
header #slogan h1{font-size:32px; margin-left:0px !important; line-height: 40px}
#hotline{width:100% !important; float:none !important; height:165px !important}
header #hotline p{position:absolute; margin: 6% 0 0 37%;}
header #hotline h2{position:absolute; margin: 12% 0 0 30%;}
.header{width: 375px; }
nav .nav{width: 375px;}
.menu_top{display: none}
.container{width:375px}
.form_search{display: none}
.content_main{width: 100%}
.title_ge span{font-size:13px}
.view_all {background: url(../images/icon_view_all.png) 5px 6px no-repeat; right:0px}
.col_1{width: 100%;padding-bottom: 10px;border-bottom: 1px solid #ececec;margin-bottom: 10px;}
.col_2 { float: left;width: 100%;}
.duan_tieubieu {width: 100%; margin-bottom:25px}
.duan_trangchu .duan_tieubieu a img{height: 340px !important;}
.duan_tieubieu_add a img{height: 200px !important;}
.thitruong {width: 100%;}
.content_submain{width:100%; float:left}
.hoi_vien {width: 32%}
.menu_footer{padding: 0px; height:4px}
.menu_footer ul{display: none; }
.footer{background-color: #eeeeee; background-image:none;}
/*DANHMUC*/
.danhmuc .hot_news_content h2 {font-size: 16px;}
.trangdanhmuc2 .content_da .duan_tieubieu {height: auto;}
/*MENU*/
a {text-decoration: none;}

.toggleMenu { display:  none;  padding: 10px 15px; color: #fff;}
nav .nav{height:auto}
.nav { list-style: none;  *zoom: 1;}
.nav:before,.nav:after { content: " "; display: table; }
.nav:after { clear: both;}
.nav ul { list-style: none; width: 12em;text-align:center;}
.nav a {padding: 10px 15px; color:#CCC; text-transform: uppercase;  font-weight:bold}
.nav a:hover{color: #FFF}
.nav li { position: relative; width:100%}
.nav > li { float: left;}
.nav > li > .parent { background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: right;
}
.nav > li > a { display: block;}
.nav li ul {position: absolute; left: -9999px !important;}
.nav > li.hover > ul { left: 0;}
.nav li li.hover ul {left: 120%; top: 0;}
.nav li ul li{	padding-left: 20px}
.nav li li a { display: block; position: relative; z-index:100; border-top: 1px solid #CCC;font-size: 12px;
text-align: left;}
.nav li li a:hover{text-decoration: underline}
.nav li li li a { background:#249578; z-index:200; border-top: 1px solid #1d7a62;}


.nav{text-align:left;margin: 0;}
.nav > li {
float: left;
}
.active {
	display: block;
}
.nav > li {
	float: none; height:100%
}
.nav > li > .parent {
	background-position: 95% 50%;
}
.nav li li .parent {
	background-image: url("../images/downArrow.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.nav ul {
	display: block;
	width: 100%;
}
.nav > li.hover > ul , .nav li li.hover ul {
	position: static;
}
	
.menu_top {display: block; position:fixed; right: 0; top:40px; width:80%}
.toggleMenu{display: block; position:fixed; right: 0; top:0;}

.news_content h1 {
    font-size: 24px!important; line-height: 30px
}
.gallery_product{width:100%}
.info_product{width:100%}
}
@media  (min-width: 481px) and (max-width: 567px) {
.wrap header{height:470px}
.logo_top{width:100% !important; float:none !important}
#slogan{width:100% !important; float:none !important; margin: 0 !important; height:150px !important}
header #slogan h1{font-size:32px; margin-left:0px !important; line-height: 40px}
#hotline{width:100% !important; float:none !important; height:165px !important}
header #hotline p{position:absolute; margin: 5% 0 0 40%;}
header #hotline h2{position:absolute; margin: 10% 0 0 34%;}
.header{width: 481px; }
nav .nav{width: 481px;}
.menu_top{display: none}
.container{width:481px}
.form_search{display: none}
.content_main{width: 100%}
.title_ge span{font-size:13px}
.view_all {background: url(../images/icon_view_all.png) 5px 6px no-repeat; right:0px}
.col_1{width: 100%;padding-bottom: 10px;border-bottom: 1px solid #ececec;margin-bottom: 10px;}
.col_2 { float: left;width: 100%;}
.duan_tieubieu {width: 100%; margin-bottom:25px}
.duan_trangchu .duan_tieubieu a img{height: 450px !important;}
.bg1, .bg2{width:100% !important}
.thitruong {width: 100%;}
.content_submain{width:100%; float:left}
.hoi_vien {width: 32%}
.menu_footer{padding: 0px; height:4px}
.menu_footer ul{display: none; }
.footer{background-color: #eeeeee; background-image:none;}
/*DANHMUC*/
.danhmuc .hot_news_content h2 {font-size: 16px;}
.trangdanhmuc2 .content_da .duan_tieubieu {height: auto;}
/*MENU*/
a {text-decoration: none;}

.toggleMenu { display:  none;  padding: 10px 15px; color: #fff;}
nav .nav{height:auto}
.nav { list-style: none;  *zoom: 1;}
.nav:before,.nav:after { content: " "; display: table; }
.nav:after { clear: both;}
.nav ul { list-style: none; width: 12em;text-align:center;}
.nav a {padding: 10px 15px; color:#CCC; text-transform: uppercase;  font-weight:bold}
.nav a:hover{color: #FFF}
.nav li { position: relative; width:100%}
.nav > li { float: left;}
.nav > li > .parent { background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: right;
}
.nav > li > a { display: block;}
.nav li ul {position: absolute; left: -9999px !important;}
.nav > li.hover > ul { left: 0;}
.nav li li.hover ul {left: 120%; top: 0;}
.nav li ul li{	padding-left: 20px}
.nav li li a { display: block; position: relative; z-index:100; border-top: 1px solid #CCC;font-size: 12px;
text-align: left;}
.nav li li a:hover{text-decoration: underline}
.nav li li li a { background:#249578; z-index:200; border-top: 1px solid #1d7a62;}


.nav{text-align:left;margin: 0;}
.nav > li {
float: left;
}
.active {
	display: block;
}
.nav > li {
	float: none; height:100%
}
.nav > li > .parent {
	background-position: 95% 50%;
}
.nav li li .parent {
	background-image: url("../images/downArrow.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.nav ul {
	display: block;
	width: 100%;
}
.nav > li.hover > ul , .nav li li.hover ul {
	position: static;
}
	
.menu_top {display: block; position:fixed; right: 0; top:40px; width:80%}
.toggleMenu{display: block; position:fixed; right: 0; top:0;}

.news_content h1 {
    font-size: 24px!important; line-height: 30px
}
.gallery_product{width:100%}
.info_product{width:100%}
}
@media (min-width: 568px) and (max-width: 767px) {
.header #slogan h1{margin-left:0; font-size:35px; line-height:40px}	
.header #slogan span{font-size:16px; margin-left:20%}
header #hotline h2{margin: 5% 0 0 8%;}
header #hotline p {margin: 4% 0 0 22%;}
#slogan{margin-top:0px}
.header{width: 568px; }
nav .nav{width: 568px;}
.menu_top{display: none}
.container{width:568px}
.form_search{display: none}
.content_main{width: 100%}
.title_ge span{font-size:13px}
.view_all {background: url(../images/icon_view_all.png) 5px 6px no-repeat; right:0px}
.col_1{width: 100%;padding-bottom: 10px;border-bottom: 1px solid #ececec;margin-bottom: 10px;}
.col_2 { float: left;width: 100%;}
.duan_tieubieu {width: 49%; margin-bottom:25px}
.duan_trangchu .duan_tieubieu a img{height: 260px !important;}
.thitruong {width: 100%;}
.content_submain{width:100%; float:left}
.hoi_vien {width: 32%}
.menu_footer{padding: 0px; height:4px}
.menu_footer ul{display: none; }
.footer{background-color: #eeeeee; background-image:none;}
/*DANHMUC*/
.danhmuc .hot_news_content h2 {font-size: 16px;}
.trangdanhmuc2 .content_da .duan_tieubieu {height: auto;}
/*MENU*/
a {text-decoration: none;}

.toggleMenu { display:  none;  padding: 10px 15px; color: #fff;}
nav .nav{height:auto}
.nav { list-style: none;  *zoom: 1;}
.nav:before,.nav:after { content: " "; display: table; }
.nav:after { clear: both;}
.nav ul { list-style: none; width: 12em;text-align:center;}
.nav a {padding: 10px 15px; color:#CCC; text-transform: uppercase;  font-weight:bold}
.nav a:hover{color: #FFF}
.nav li { position: relative; width:100%}
.nav > li { float: left;}
.nav > li > .parent { background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: right;
}
.nav > li > a { display: block;}
.nav li ul {position: absolute; left: -9999px !important;}
.nav > li.hover > ul { left: 0;}
.nav li li.hover ul {left: 120%; top: 0;}
.nav li ul li{	padding-left: 20px}
.nav li li a { display: block; position: relative; z-index:100; border-top: 1px solid #CCC;font-size: 12px;
text-align: left;}
.nav li li a:hover{text-decoration: underline}
.nav li li li a { background:#249578; z-index:200; border-top: 1px solid #1d7a62;}


.nav{text-align:left;margin: 0;}
.nav > li {
float: left;
}
.active {
	display: block;
}
.nav > li {
	float: none; height:100%
}
.nav > li > .parent {
	background-position: 95% 50%;
}
.nav li li .parent {
	background-image: url("../images/downArrow.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.nav ul {
	display: block;
	width: 100%;
}
.nav > li.hover > ul , .nav li li.hover ul {
	position: static;
}
	
.menu_top {display: block; position:fixed; right: 0; top:40px; width:80%}
.toggleMenu{display: block; position:fixed; right: 0; top:0;}

.box_content .hot_news{width: 100%}
.gallery_product{width:100%}
.info_product{width:100%}
.duan_tieubieu_add{margin-right: 1% !important;}
} 
/* Dành cho máy tính bảng chiều dọc */
@media (min-width: 768px) and (max-width: 992px) {
.header #slogan h1{margin-left:0; font-size:35px; line-height:40px}	
.header #slogan span{font-size:16px; margin-left:20%}
header #hotline h2{margin: 1% 0 0 18%;}
header #hotline p {margin: 4% 0 0 29%;}
.header{width: 768px; }
nav .nav{width: 768px;}
.menu_top{display: none}
.container{width:768px}
.form_search{display: none}
.content_main{width: 100%}
.title_ge span{font-size:13px}
.view_all {background: url(../images/icon_view_all.png) 5px 6px no-repeat; right:0px}
.col_1{width: 55.55%}
.col_2 { float: right;width: 40%;}
.content_submain{width:100%; float:left}
.hoi_vien {width: 32%}
.menu_footer{padding: 0px; height:4px}
.menu_footer ul{display: none; }
.footer{background-color: #eeeeee; background-image:none; text-align: center}
.box_content .hot_news {width: 49% !important;}
.bg1{margin-bottom:2px}
.bg2{ margin-left: 2%; margin-bottom:2px}
/*MENU*/
a {text-decoration: none;}

.toggleMenu { display:  none;  padding: 10px 15px; color: #fff;}
nav .nav{height:auto}
.nav { list-style: none;  *zoom: 1;}
.nav:before,.nav:after { content: " "; display: table; }
.nav:after { clear: both;}
.nav ul { list-style: none; width: 12em;text-align:center;}
.nav a {padding: 10px 15px; color:#CCC; text-transform: uppercase;  font-weight:bold}
.nav a:hover{color: #FFF}
.nav li { position: relative; width:100%}
.nav > li { float: left;}
.nav > li > .parent { background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: right;
}
.nav > li > a { display: block;}
.nav li ul {position: absolute; left: -9999px !important;}
.nav > li.hover > ul { left: 0;}
.nav li li.hover ul {left: 120%; top: 0;}
.nav li ul li{	padding-left: 20px}
.nav li li a { display: block; position: relative; z-index:100; border-top: 1px solid #CCC;font-size: 12px;
text-align: left;}
.nav li li a:hover{text-decoration: underline}
.nav li li li a { background:#249578; z-index:200; border-top: 1px solid #1d7a62;}


.nav{text-align:left;margin: 0;}
.nav > li {
float: left;
}
.active {
	display: block;
}
.nav > li {
	float: none; height:100%
}
.nav > li > .parent {
	background-position: 95% 50%;
}
.nav li li .parent {
	background-image: url("../images/downArrow.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.nav ul {
	display: block;
	width: 100%;
}
.nav > li.hover > ul , .nav li li.hover ul {
	position: static;
}
	
.menu_top {display: block; position:fixed; right: 0; top:40px; width:80%}
.toggleMenu{display: block; position:fixed; right: 0; top:0;}
.box_content .hot_news{width: 100%}
.duan_trangchu .duan_tieubieu a img{height: 180px !important;}
}
 
/* Dành cho máy tính bảng chiều ngang */
@media (min-width: 993px) and (max-width: 1024px) {
.header{width: 1024px; }
nav .nav{width: 1024px;}
.menu_top{display: block}
.container{width:1024px}
.duan_trangchu .duan_tieubieu a img{height: 160px !important;}
}
@media (min-width: 1200px) {
}