@media screen and (max-width : 1240px){
	ul.selectCore li{border-bottom: none; width: auto; height: auto;}
	ul.selectCore li span{width: 100%; border-right: none;}	
}
@media screen and (max-width : 1200px){
	div.productItem .proBox{height: 320px;}	
}
@media screen and (max-width : 1120px) {
	div.productItem .proBox{height: 280px;}
	/* select chatlieu order */
	table.orderList td.proName{background-color: #078701 !important;}
	table.orderList td.proName a{color: #FFF; font-size: 110%;}
	ul.selectCore li{height: auto; width: 100%}
	div.selectColor{}
	.removeOrder{padding-left: 25px; line-height: 20px; background-repeat: no-repeat !important; display: block; color: #FF0000; float: right; margin: 0 !important;}
	#call-now{display: block;}
}
@media screen and (max-width : 1024px) {
	div.productItem{width: 23%;}
	div.productItem .proBox{height: 260px;}
	div.productItem .proBox img{height: 100%; width: auto;}
	#mainMenu ul.menu li{margin-right: 0px;}
	/*
	#mainMenu ul.menu li{padding: 10px 0 !important; background-image: none;}
	#mainMenu ul.menu li.homePage{background-image: none;}
	#mainMenu ul.menu li.catList{background-image: none;}
	#mainMenu ul.menu li.hoaList{background-image: none;}
	#mainMenu ul.menu li.colorList{background-image: none;}
	#mainMenu ul.menu li.orderHistory{background-image: none;}
	#mainMenu ul.menu li.fbLink{background-image: none;}
	*/
	div.basicInfo, div.extraInfo{width: 100%; float: none;}
}
@media screen and (max-width : 999px){
	#moreScreenshot span{width: 25%; height: 50px;}
}
@media screen and (max-width : 980px){
	#mainMenu ul.menu li{padding: 10px 5px !important; margin-right: 0;}
	#mainMenu ul.menu li li:before{display: none;}
	#mainMenu ul.menu li.homePage{background-image: none;}
	#mainMenu ul.menu li.catList{background-image: none;}
	#mainMenu ul.menu li.hoaList{background-image: none;}
	#mainMenu ul.menu li.colorList{background-image: none;}
	#mainMenu ul.menu li.orderHistory{background-image: none;}
	#mainMenu ul.menu li.fbLink{background-image: none;}
	#mainMenu ul.menu{left: 0;}
}
@media screen and (max-width : 767px) {
	html{font-size: 11pt; line-height: 130%;}
	body{margin: 0;}
	#topBar{background-image: none;}
	#pageLogo{max-width: 80%; left: 5px;}
	#wapper{width: 100%; min-width: 100%; border-radius: 0; box-shadow: none;}
	#yourCart{position: fixed; bottom: 5px; left: 5px; z-index: 10; border-radius: 4px; padding: 0 5px 0 35px;}
	#body{margin-top: 0;}
	#pageMessage{font-size: 100%; padding: 2% 0; background-color: #ffffff;}

	#topMenu2{display: none;}
	#mainMenu{height: 45px; width: 100%; padding: 0;}
	#mainMenu .cMenu{position: relative; width: 100%; height: 100%;}
	#mainMenu ul.menu{float: none; position: fixed; top: 0px; left: 0px; z-index: 100; width: 60%; height: 100%; background-color: #402309; left: -100%;}
	#mainMenu ul.menu li{display: block; position: relative; border-bottom: solid 1px #666; padding: 15px 0; padding-left: 38px !important; margin-right: 0px; background-position: 5px center !important;}
	#mainMenu ul.menu li.active{background-color: #fcc28e !important; color: #402309 !important;} 
	#mainMenu ul.menu li a{display: block;}
	#mainMenu ul.menu li ul{position: fixed; top:0 !important; left: 40%; display: none; visibility: visible; opacity: 1; box-shadow: none; background-color: #fcc28e; border-radius: 0; width: 60% !important; height: 100%; z-index: 1001; overflow-y:auto; padding: 10px 0;}
	
	#mainMenu ul.menu li ul li{position: relative; display: block; width: 90% !important; padding: 10px 0; padding-left: 23px !important; border-bottom: none; border:none;}
	#mainMenu ul.menu ul li:before{top: 18px;}
	#mainMenu ul.menu li ul li:hover{background-color: transparent;}
	#mainMenu ul.menu li ul li a{color: #402309; font-size: 11pt;}
	#mainMenu ul.menu li.colorList li{padding-left: 2px !important; width: auto !important;}
	#mainMenu ul.menu li.toggleMenu{padding-left: 5px !important; font-weight: 400; font-size: 11pt; color: #ff6060; display: block !important;}
	span.menuIcon{display: block; float: left; width: 27px; height: 25px; margin: 10px; background: url(../images/icons/mobileMenuIcon.png);}

	#mainMenu ul.menu li.homePage{background-image: url(../images/icons/homeMenuIcon.png);}
	#mainMenu ul.menu li.catList{background-image: url(../images/icons/menu-icon.png);}
	#mainMenu ul.menu li.hoaList{background-image: url(../images/icons/flower-icon.png);}
	#mainMenu ul.menu li.colorList{background-image: url(../images/icons/corlor-icon.png);}
	#mainMenu ul.menu li.orderHistory{background-image: url(../images/icons/history-icon.png);}
	#mainMenu ul.menu li.fbLink{background-image: url(../images/icons/facebook-icon-small.png);}

	#mainMenu ul.menu li span.t:before{content: ''; display: block; width: 40px; height: 39px; background: url(../images/icons/subMenuArrow.png) center no-repeat; position: absolute; right: 0px; top: 0px;}

	#mainMenu ul.orderHelp{margin: 10px;}
	#mainMenu ul.orderHelp li a.contact{display: block; background: url(../images/icons/mobileContactIcon.png) 5px center no-repeat #fff4f9; padding-left: 30px;}
	#mainMenu ul.orderHelp li a{height: 25px; line-height: 25px; padding: 0 10px; padding-left: 27px; margin-left: 5px;}
	div.productList{text-align: center;}
	div.productItem{width: 250px; padding:25px 10px; margin: 0px; border-radius: 0; display: inline-block; float: none; box-shadow: none; background: none; border-bottom: solid 1px #eae3d4;}
	div.productItem .proPrice{display: block; padding: 3px 0;}
	div.productItem .priceNotice{font-size: 90% !important; color: #61b55a !important;}
	div.productItem .proBox{height: 320px; border-radius: 7px; overflow: hidden;}
	div.productItem .proBox img{height: 100%; width: auto; border-radius: 0;}
	div.productItem .orderBtn{margin: 0 auto;}
	div.productItem p{margin:0;}

	div.groupBtn{font-size: 10pt; width: 92%; margin: 10px auto; margin-bottom: 0px;}

	h1.general{font-size: 13pt; margin-top:2%; background-size: auto auto; padding-bottom: 4%;}
	div.catDesc{font-weight: 300; border-left: none; background-color: none;}


	#policy{margin-top: 0;}
	#policy h2{font-size: 12pt;}
	#policy .content{width: 94%;}
	#policy .block{width: 94%; height: 28px; overflow: hidden; margin:0 0 2% 0 !important; float: none; font-size: 100%;}
	#policy .block p{margin-bottom: 1%; padding-left: 10px;}
	#policy .block h4{background: none !important; padding-left: 0 !important; margin-bottom: 0; font-size: 110%;}

	div.blockContact .content{width: 94%;}
	div.blockContact .content div{margin-left: 0px !important;}
	div.blockContact .content p{font-size: 90% !important; line-height: 110%; margin-bottom: 2%;}
	div.blockContact .content p:nth-child(1){font-size: 110% !important;}
	div.blockContact .content p:nth-child(1) a{color: #FDEDD7;}
	div.blockContact img{display: none;}

	div.contact{padding: 10px;}
	div.contactBlock{width: 100%; float: none;}

	div.pathWay{display: none;}

	div.modGeneral h2{text-transform: none;}

	/* Product detail */
	#productDetail{width: 100%; padding: 0;}
	#screenshot, #moreScreenshot, #proInfo{width: 100% !important; border-radius: 0;}
	#screenshot img{border-radius: 0; max-width: 100%;}
	#moreScreenshot{text-align: center; margin: 10px 0;}
	#moreScreenshot span{display: inline-block; float: none; width: 50px; height: 50px;}
	#screenshot .imgPreload{bottom: 0;}
	#screenshot .ssBtn{top: 150px; display: block;}

	span.orderStatictic{display: none;}
	#proInfo{margin-left: 0;}
	#proInfo h1, #proInfo h3{text-align: center; font-size: 14pt; padding: 10px 0; background-color: #e4e4e4; color: #fff; border-bottom: none;}
	#proInfo h1{color: #c61a6f; border-bottom: solid 1px #c61a6f;}
	#proInfo h3{color: #047b01; border-bottom: solid 1px #047b01;}
	#proInfo table{font-weight: 300; margin-bottom: 0;}
	#proInfo table tr td{padding: 8px 5px;}
	#proInfo table tr td.title{width: 30%;}
	#proInfo table tr td.priceList li{font-size: 11pt;}
	#proInfo table tr td.priceList li li.title{font-size: 10pt; display: block;}
	#productDetail div.productDesc{}

	#moreScreenshot p.buyBtn a{display: block; width: 50%; max-width: 150px; margin: auto; padding: 0 10%;}
	#productContact li{padding: 0; text-align: left; border: none; display: block; padding-left: 45px; margin-bottom: 10px;}
	#productContact li:first-child{padding-left: 15px;}

	#orderSupport div{width: 90%; padding: 20px 5%; margin: 0; border-bottom: solid 1px #eee; border-top: solid 1px #fff; text-align: justify; font-size: 10pt;}
	#orderSupport div img{width: 20%; height: auto; float: left; margin: 0; margin-right: 10px; margin-bottom: 20px;}
	#orderSupport div.ship{border-top: none;}
	#orderSupport div.protect{border-bottom: none;}
	#orderSupport h3{padding: 0; margin: 0;}
	#orderSupport h3 span{width: 100%; border-radius: 0; padding: 0; border:none;}

	#orderInfo table{width: 100% !important;}

	div.moreArticle h4{margin: 10px 0;}
	div.moreArticle li{font-size: 11pt; display: block; height: 30px; line-height: 30px; overflow: hidden;}
	#bottomBar{height: 23px !important; padding: 8px 0 !important; text-align: center; width: 100%; float: none;}
	#bottomBar:before{width: 100%; height: 50px; position: absolute; left: 0; top: -2px; content: ''; display: block; background-color: #000; opacity: 0.6}
	
	#bottomBar a.bottomBtn{border-radius:5px; padding: 3px 10px; font-size: 10.5pt; font-weight: 300; margin-left: 5px; float: left;}
	#bottomBar a.orderHistory{float: right; margin-right: 0px;}
	#bottomBar a.discountBtn{display: none;}

	div.orderList{width: 100%;}
	div.orderList div.orderItem{width: 100%; padding:0; height: auto; border:none; margin: 0; padding-bottom: 5px; border-radius: 0; box-shadow: none;}
	div.orderList div.orderItem h2{background-color: #106d01; color: #fff; font-size: 10pt;}
	div.orderItem div.screenshot{width: 35%; height: auto;}
	div.orderItem div.screenshot img{width: 100%; height: auto;}
	div.orderItem a.removeOrder{}

	
	div.orderItem img.screenshot{width: 20%; float: left; margin-right: 10px;}
	div.rightColum, div.leftColum{width: 46%; margin: 0 2%;}
	div.footerLink ul{width: 100%; clear: both; margin-right: 0;}
	div.footerLink ul li a{font-size: 10pt; font-weight: 400;}

	#colum1{width: 70%; float: left;}
	#colum2{width: 28%; float: right; margin-right: 0;}
	div.cModule{width: 100%; margin: 0; margin-bottom: 10px;}
	div.article{line-height: 150%;}

	span.couponError{display: block; text-align: center; margin-bottom: 5px;}
	.submitCoupon{display: block; margin-top: 5px;}

	#moreImage{color: #FFF; display: block; width: 200px; margin: 10px auto; background: #06619a; padding: 7px 10px; border-radius: 20px; animation: changeBtColor .5s linear infinite alternate; -webkit-animation: changeBtColor .5s linear infinite alternate; -moz-animation: changeBtColor .5s linear infinite alternate; -o-animation: changeBtColor .5s linear infinite alternate; -ms-animation: changeBtColor .5s linear infinite alternate;}

	@-webkit-keyframes changeBtColor {
	    from {background: #06619a;}
	    to {background: #d0dd03;}
	}
	@-moz-keyframes changeBtColor {
	    from {background: #06619a;}
	    to {background: #d0dd03;}
	}
	@-o-keyframes changeBtColor {
	    from {background: #06619a;}
	    to {background: #d0dd03;}
	}
	@-ms-keyframes changeBtColor {
	    from {background: #06619a;}
	    to {background: #d0dd03;}
	}

	#back-to-top{display: none !important;}

	/*div.zopim{margin-bottom: 40px !important; width: 40px !important; height: 40px !important; border-radius: 50% !important;}*/

	a.totalOrder{margin-right: 0 !important;}

	div.template_vgchat{right: 0px !important; bottom: 0px !important; right: 3px !important; }
	#vgc_bc_off{bottom: 40px !important;}

	div.mylivechat_inline{right: 0px !important; bottom: 41px !important; width: 70% !important;}

	a.bottomBtn{background-image: none !important;}

	#searchPage{top:15px; right: 5px;}
	#searchPage .text{width: 80px;}

	div.slogan{padding: 10px;}
	div.support{padding: 10px;}

	div.orderNoticeText{padding: 10px;}

	img.proBanner{max-width: 100%;}

	#unifrom{padding: 0 10px; font-family: arial !important; font-weight: normal !important;}
	#unifrom p{line-height: 150%;}
	#unifrom p.title{line-height: 130%;}

	#cachdoaodai strong{font-weight: bold;}

	#policy .content ul{width: 50%;}
	#orderPage h1{padding-left: 0px;}
	#orderPage input.text, #orderPage textarea.text{width: 96%}
	p.bct img{width: 50%; opacity: 0.8;}

	div.contact{}
	div.contact .info, div.contact .map{width: 100%;}
	span.imgSelected{left: -42px;}

	#productViewed{left: 0; bottom: 0; border-radius: 0 5px 0px 0;}
	#fastContactBtn{right: 0; bottom: 0; border-radius: 5px 0 0 0px;}

	p.buyBtn a{margin: 0 auto;}

	div.buyBtnGroup{position: fixed; bottom: 0; left: 0; width: 100%; height: 58px; z-index: 100;}
	div.buyBtnGroup::before{position:absolute; left:0; bottom:0; content:""; display: block; width: 100%; height: 58px; background-color: #000; opacity: 0.8; z-index: -1;}
	div.buyBtnGroup a.buybtn{display: block; float: left; text-transform: uppercase; font-size: 13pt; width: 30%; height: 100%; line-height: 58px; background-color: #c61a6f; color: #FFF; text-align: center; position: relative;}
	div.buyBtnGroup a.buybtn::before{content:''; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left:10px solid #c61a6f; position: absolute; top: 19px; left: 99%;}

	div.buyBtnGroup ul.socicalOrder{float: right; width: 70%; height: 100%;}
	div.buyBtnGroup ul.socicalOrder li{display: block; float: left; width: 25%; height: 44px; padding: 7px 0; text-align: center;}
	div.buyBtnGroup ul.socicalOrder li a{font-size: 8pt; color: #fff;}
	div.buyBtnGroup ul.socicalOrder li img{width: 30px; height: 30px; display: block; margin: 0 auto;}
}

/* Iphone 6 */
@media screen and (max-width : 736px){
	#orderPage span.color{width: 20px; height: 20px;}
	#colum1, #colum2{width: 100%; float: left; margin: 0;}
	div.cModule{width: 100%%; margin: 10px 0;}
	
}

@media screen and (max-width : 667px){

}

@media screen and (max-width : 568px){
	div.productItem{width: 48%; padding: 20px 1%; display: block; float: left;}
	div.productItem .proBox{height: 320px;}
	div.productItem .proBox img{height: 100%; width: auto;}
}

@media screen and (max-width : 480px){
	div.productItem{width: 48%; padding: 20px 1%; display: block; float: left;}
	div.productItem .proBox{height: 250px;}
	div.productItem .proBox img{width: 100%; height: auto;}
	#policy .content ul{width: 100%}
}
@media screen and (max-width : 340px){
	div.productItem{width: 90%; padding: 20px 5%; display: block; float: left;}
	div.productItem .proBox{height: 340px;}
	
	ul.selectCore {
    	font-size: 90%;
	}
	ul.selectCore li span:first-child{width: 80px;}
}
/*
@media only screen and (max-device-width : 414px){
	div.productItem{width: 180px; padding: 10px; margin: 10px;}

}

@media only screen and (max-device-width : 375px){
	div.productItem{width: 150px; padding: 7px;}

}

@media only screen and (max-device-width : 320px){
	div.productItem{width: 130px; padding: 5px; margin: 5px;}
	div.proRelated .productItem{width: 125px;}

}*/