@media screen and (max-width : 767px) {
	#topBar span{display: none;}
	#topBar ul li{font-size: 13px;}

	#mainMenu{position: relative;}
	#mainMenu ul{margin-left: 0; display: none;}
	#mainMenu ul li{width: 100%; padding: 0; height: auto; background-image: linear-gradient(#ecf4ff, #f3f8ff); border-bottom: solid 1px #fff;}
	#mainMenu ul li:after{display: none; height: 0px;}
	#mainMenu ul li a{height: 40px; line-height: 40px; font-size: 14px; padding-left: 10px; display: block;}

	#mainMenu ul li div{display: none; width: 100%; margin: 0; padding: 0; position: static; left: auto; top: auto; border-radius: 8px; box-shadow: none; margin-top: 1px;}
	#mainMenu ul li div ul{width: 100% !important; margin-right: 0;}
	#mainMenu ul li div ul{margin: 0;}
	
	#mainMenu ul li div ul li{background-color: inherit; display: none; line-height: 30px;}
	#mainMenu ul li div ul li:first-child{display: block; border-bottom: none; background-image: linear-gradient(#2a79bc, #2459a5); color: #fff; margin-bottom: 1px; font-weight: 400; position: relative;}
	#mainMenu ul li div ul li:first-child span{padding-left: 10px;}
	#mainMenu ul li div ul li a{padding-left: 25px;}
	#mainMenu ul li div ul li:before{left: 10px;}
	#mainMenu ul li div ul li:first-child:before{content: ''; display: block; width: 15px; height: 9px; position: absolute; left: 94%; top: 14px; background: url(../images/icons/icon-arrow-down-white.png);}
	#mainMenu ul li div ul li img{display: none;}

	#mainMenu ul li.mproduct:before{content: ''; display: block; width: 15px; height: 9px; position: absolute; right: 10px; top: 14px; background: url(../images/icons/icon-arrow-down-blue.png);}

	#mainMenu ul li div ul.xulynuocthai li{margin-bottom: 1px; height: auto;}
	#mainMenu ul li div ul.xulynuocthai li a{margin: 0; padding:10px;}

	#mobileMenuIcon{display: block;width: 30px; height: 23px; background: url(../images/icons/icon-menu-mobile.png); position: absolute; right: 23px; top: 30px;}

	div.topIntro{height: 250px; background-size: cover;}
	div.modProduct div.proItem{width: 100%; margin-bottom: 30px; margin-right: 0;}
	div.whychoice div{width: 49%; height: auto; margin: 0; margin-bottom: 20px; padding: 0;}
	div.whychoice div img{max-width: 100%;}
	div.whychoice ul li{margin-bottom: 20px;}

	div.customer ul{}
	div.customer ul li{width: 38%; padding: 3%; margin: 2%;}
	div.customer ul.towColum li{width: 87%;}

	div#footer .info{width: 100%; height: auto; min-width: auto;}
	div#footer .info h1{line-height: 150%; font-size: 22px;}
	div#footer .contact{width: 90%; padding: 5%; height: auto; min-width: auto;}
	div#footer .contact div{width: 100%; height: auto;}
	div#footer .contact div:first-child{width: 100%; height: auto; margin: 0; padding: 0; border:none;}

	div.article, div#leftContent{width: 100%; float: none;}
	div.article h1{margin-top: 0; font-size: 17px; font-weight: 500; color: #2459a5; text-transform: uppercase;}
	div.moreArticle{width: 100%;}

	div.articleItem{width: 40%; height: auto; margin: 2%; margin-bottom: 20px;}
	div.articleItem img{max-width: 100%;}
}