/* 980px ho?c nh? hon */
@media screen and (min-width: 980px) {
	.menu_respon{
		display:none!important;
	}
	.logomb{
		display:none;
	}
}
@media screen and (max-width: 980px) {
	body{
		background:white;
	}
	header {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding-bottom: 0px;
		position: relative;
	}
	#home img{
		max-width: 100%;
		height: auto!important;
	}
	.mota {
    margin-left: 0!important;
    text-align: justify;
}
	.menurespon{
		padding: 0px 0px;
		box-shadow: none;
	}
	.container{
		width:750px;
	}
	.mota{
	width:100%!important;
	}
	.tab-content table{
	width:100%!important;
	}
	#nav {
		width: 100%;
		border: 1px #d8d8d8 solid;
		margin: 0 auto;
		height: auto;
		background: url("../images/bg_nav.png") repeat-x;
		bottom: 0px;
		padding: 1px;
		display:none;
	}
	.wallpaper {
		width: 100%;
		margin: 0 auto;
		background: none;
		padding: 0px 0px;
	    margin-top: 10px;	
	}
	.hotline_top {
		top: 0px;
		right: 0px;
		padding-left: 10px;
		position: inherit;
		width: 100%;
	}
	.hotline_top p span {
		color: #fe0201;
		font-size: 15px;
	}
	.hotline_top p {
color: red;
    font-family: utm;
    font-size: 17px;
    text-shadow: white 0px -1px 5px;
    font-weight: bold;
    text-align: left;
    line-height: 27px;
    margin-bottom: 0px;
    float: left;
    margin-right: 10px;
	}
	.email_top {
		position: inherit;
		top: 0px;
		right: 0px;
		padding-left: 40px;
		background: url("../images/icon_mail.png") top 4px left 10px no-repeat;
		width: 100%;
		text-align: left;
	}
	.email_top p{
		margin-bottom: 0px;
	}
	#right{
		width: 100%;
		float: left;	
	}
	#content_left{
		width: 100%;
		margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		float: right!important;
	}
	#content_right {
		width: 100%;
		float: right;
		height: auto;
		padding: 0px 10px;
	}
	#content_home{
		width:100%;	
		padding-left: 10px;
		padding-right: 10px;
		float: left!important;
	}
	#layout {
		width: 100%;
		float: left;
		background: white;
		padding: 0px 10px;
		margin-bottom:10px;
	}	
	#bando{
		display:none;
	}
	.formdangky{
		width: auto;
		margin: 0 auto;
		margin-top: 10px;
	}
	header img{
		width: 100%;
	}
	.head_title {
	}
	.head_title2 {
	}
	.videohome iframe {
		width: 100%;
		min-height: 200px!important;
	}
	.main_top {
		display: none;
		width: 100%;
		height: auto;
		background: white;
		border: 0px #bbbdb8 solid;
		border-radius: 5px;
		/* margin-top: 0px; */
		/* padding: 10px; */
		overflow: hidden;
	}
	.listnewhome {
		margin-top: 10px;
		padding: 0px;
		padding-bottom: 0px;
		width: 100%;
		height:auto;
		margin-bottom:10px;
	}
	.listnewhome .img {
		width: 220px;
		height: auto;		
	}
	.listnewhome .img img {
		margin-bottom: 0px;
		width: 100%;
		height: auto;
	}
	.listnewhome .info .top {
		    height: auto;
		margin-bottom: 10px;
		background: #f58521;
		color: white;
		padding: 10px;
	}
	.listnewhome .info h3 {
		margin-top: 0px;
		margin-bottom: 5px;
		text-align: left;
		padding-left: 10px;
	}
	.listnewhome .info p {
		font-size: 12px;
		font-weight: 100;
		line-height: 16px;
		color: black;
		margin-left: 10px;
		margin-right: 5px;
	}
	.listnewhome .info{
		width: 495px;
		float: right;
		padding: 0px;
		margin-bottom: 5px;	
	}
	.pic2,.pic4{
		float:right!important;
	}
	.pic1,.pic3{
		float:left!important;
	}
	.picture{
		width: 50%;
		height: auto;
		/* background: #EFEFEF; */
		float: left;
		margin-right: 0px;
		border-radius: 3px;
		padding: 20px;
		-webkit-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		padding: 0px 5px;
		margin-bottom: 10px;
		margin-left:0px;
	}
	.picture .img img {
		border: none;
		width: 100%;
		height: 300px;
	}
	.listvideo ul li{
		width: 100%;
		height: auto;
		float: left;
		list-style: none;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.v3{
		margin-right:0px!important;
	}
	.listvideo ul li iframe{
		width: 100%;
		height: 300px;
		margin-bottom: 10px;	
	}
	.product{
		max-height: inherit;
	}
	.product img{
		max-height: inherit;
	}
	.ado2{
		float: left!important;
	}
	.nivoSlider img {
		position: absolute;
		top: 0px;
		left: 0px;
		max-width: none;
		min-height: inherit!important;
		max-height: inherit!important;
	}
	.detailnews{
		padding:0px 0px;
	}
	.detailnews img {
		max-width: 100%!important;
		height: auto!important;
	}
	.lienket ul {
		float: left;
	}
	#cssmenu{
		display:none;
	}
	#button_menu{
		display:block;
	}
	.main2{
		display:none;
	}
	.slide{
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		display: none;
	}
	.about {
		float: left;
		width: 100%;
		height: auto;
	}
	.new_post {
		margin-bottom: 10px;
		display: block;
		margin-top: 20px;
	}
	.box_cathome{
		width:auto;
		margin-left: 15px;
		margin-right: 15px;
	}
	.box_cathome .box_cat{
		width: 48%;
		margin-top: 15px;
		height: auto;
		padding: 0px;
		z-index: 999;
	}
	.box_cathome .box_cat .name a {
		line-height: 36px;
	}
	.callbacks img {
		height: inherit!important;
	}
	footer {
		margin: 0px;
		padding: 10px 10px 70px 10px;
		min-height: 50px;
		border-top: 0px;
		text-align: left;
	}
	#top{
		bottom: 70px;
	}
	.diachi ul li {
		list-style: none;
		float: left;
		width: 100%;
		text-align: left;
		padding-right: 10px;
	}
	.box_footer ul li.contact {
		color: black;
		width: 100%;
	}
	.box_footer ul li.contact {
			width: 100%;
			color: black;
			width: 100%;
			padding: 0px 10px;
	}
	.box_footer ul li.danhmuc {
		margin-left: 0px;
		width: 100%;
	}
	.headerinfo {
		height:auto;
	}
	.headerinfo img.logotop {
		text-align: center;
		width: auto;
		height: auto;
		border: none;
		display: inherit;
		padding: 10px;
	}
	.header{
		background: none;
		min-height: auto;
	}
	.quangcao{
		margin-bottom: 10px;
		width: 100%;
		margin: 0 auto;
	}
	.box_album {
		background: none;
		min-height: 475px;
	}	
	.box_album{
		background: none;
		margin: 0px 15px;		
	}
	.gallery {
		padding-top: 20px;
	}
	.album {
		width: 48%;
		height: 310px;
		background: #EAEAEA;
		float: left;
		margin-right: 15px;
		border-radius: 5px;
		padding: 20px;
		-webkit-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
	}
	.a1,.a3{
		float:left;
		margin-bottom:10px;
	}
	.a2,.a4{
		float:right;
		margin-bottom:10px;
		margin-right: 0px;
	}
	.box_home{
		width: 100%;
		padding: 0px 15px;
	}
	.post_first .img {
		float: left;
		/* margin-right: 20px; */
		position: relative;
		width: 100%;
	}
	.post_first .img img{
		width:100%;
	}
		.list_new .new_left {
			width: 100%;
			background: #ededed;
			float: left;
			padding: 10px;
		}
		.post_first{
		}
		.list_news .img {
			width: 100%;
			height: auto;
			margin-bottom:10px;
		}	
		.list_news .name {
			padding-left: 15px;
		}
		.list_news .name a{
			color: #333;
			font-size: 15px;
			line-height: 20px;
			font-family: robotobold;			
		}
		.list_carousel{
		}
		.list_carousel ul {
			width: 100%!important;
		}
		.list_carousel li{
			width: 100%!important;
		}
		.list_carousel li .img{
			display:none;
		}
		.list_carousel .mota{
			padding:10px;
			width:100%;
		}
		.product1{
			position: relative;
			margin-bottom: 20px;
			width: 50%!important;
			height: auto!important;
			float: left!important;
			margin-left: 0px!important;
			margin-right: 0px!important;
			padding: 0px 10px;
		}
	.product1 .infopr .mota {
		width: 100%;
		margin: 0px;
		display: none;
	}
	.pr3{
		margin-right:inherit;
	}
	.pr2,.pr4{
		float:right!important;
	}
	.main_content{
		padding: 0px 0px;
	}
	.product1 .img{
		position: relative;
		float: left!important;
		text-align: left;
		width: 100%!important;
		height: 290px!important;
		margin-bottom: 10px!important;
		overflow: hidden!important;
	}
	.product1  img{
		position: relative;
		width: 100%!important;
		height: auto!important;
		    max-height: 290px!important;
		-webkit-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		border: 0px #e0e0e0 solid;
			padding: 0px;
	}
	.detailnews img {
		max-width: 100%!important;
		height: auto!important;
	}
	.slide_bottom {
		background: none;
		height: auto;
		width: 100%;
		margin: 0 auto;
	}
	.nbs-flexisel-nav-left {
		left: 0px!important;
			margin-top: 6px!important;
		background: url(../images/nex_sl2.png) no-repeat;
	}
	.nbs-flexisel-nav-right {
		right: 0px!important;
		margin-top: 6px!important;
		background: url(../images/back_sl2.png) no-repeat;
	}
		.detailpro .left {
			width: 100%!important;
			padding-left: 10px!important;
			margin: 0px!important;
			border: 0px #ccc solid!important;
			margin-bottom: 20px;
			padding-right: 10px!important;
		}
		.detailpro .right{
			width: 100%;
			margin: 0px 10px;
		}
		.detailpro .left img{
			width: 100%!important;
			height: auto;
			max-width: 100%!important;
			border:none!important;
		}
	.box_login{
		position: initial; 
		right: 190px;
		background: #ED342F;
		/* background: url("../images/bg_login.png") no-repeat; */
		/* background: black; */
		z-index: 9;
		padding-top: 5px;
		padding-bottom: 8px;
		width: 100%;
		top: 40px;
	}
	.box_login ul.ul1{
		width: 50%;
		float: left;	
	}
	.box_login ul.ul2{
		float:right;
	}
	.box_login ul li{
		float: left;
		list-style: none;
	}
	.box_login ul li a{
		padding: 0px 10px 0px 10px;
		border-right: 1px white solid;
		font-family: Arial;
		color: white;
		font-weight: bold;
	}
	.box_login ul li:last-child a{border-right: 0px white solid;}
	#cssmenu1 ul ul {
		width: 100%!important;
	}
	#cssmenu1 ul ul {
		border: 0px solid #154AA2!important;
		background-color: white;
		/*display: block!important;*/
	}
	#cssmenu1 ul ul {
		visibility: visible!important;
		position: initial!important;
		top: 100%;
		left: 0px;
		z-index: 598;
		width: 100%;
	}
	#cssmenu1 ul ul li a {
		padding-left: 40px!important;
	}
	.logomb img{
		border: none;
		max-width: 100%;
		width: inherit;
		display: -webkit-inline-box;
	}
	header img.pc{
		display:none;
	}
}
/* 700px ho?c nh? hon */
@media screen and (max-width: 700px) {
	#top{
		display: none!important;
	}
	.box_timkiem_form input{
		width: 73%;
	}
	.box_timkiem_form button{
		width: 27%;
	}
#support-icon {
    position: fixed;
 bottom:90px;
right:0;
background-color: #ececec73;
    text-align: center;
    z-index: 999;
}
#support-icon a {
    height: auto;
    text-align: center;
    margin: 5px;
    max-height: 60px;
}
#support-icon p {
    margin-bottom: 1px;
}
#support-icon a:first-child p{
	margin-bottom: 0;
}

	#mystickytooltip{
		display: none!important;
	}
	.container{
		width:100%;
	}
	.logomb{
		display:block;
		text-align:center;
	}
	.logomb img{
		border:none;
	}
	.product{
		max-height: inherit;
		padding: 0px 0px;
	}
	.product img{
		max-height: inherit;
	}
	.nivoSlider img {
		position: absolute;
		top: 0px;
		left: 0px;
		max-width: none;
		min-height: inherit!important;
		max-height: inherit!important;
	}
	.lienket ul {
		float: left;
	}
.quangcao .spbanchay_cotrai{
	width: 50%;float: left;
}
.quangcao .spbanchay_cotrai:nth-child(2n+1){
	clear: both;
}
	.box_cathome .box_cat{
		width: 100%;
		margin-top: 15px;
		height: auto;
		padding: 0px;
		z-index: 999;
	}
		.picture{
		width: 100%;
		height: auto;
		float: left;
		margin-right: 8px;
		border-radius: 3px;
		padding: 5px;
		-webkit-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		margin-bottom: 10px;
		}
		.picture .img img {
			border: none;
			width: 100%;
			height: auto;
		}
		.pic2,.pic4{
			float:left!important;
		}
		.pic1,.pic3{
			float:left!important;
		}
	.album {
		width: 100%;
		height: auto;
		background: #EAEAEA;
		float: left;
		margin-right: 15px;
		border-radius: 5px;
		padding: 20px;
		-webkit-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
	}
	.album img {
		border: none;
		width: 100%;
		height: auto;
	}
	.a1,.a3{
		float:left;
		margin-bottom:10px;
	}
	.a2,.a4{
		float:right;
		margin-bottom:10px;
		margin-right: 0px;
	}
	.pr2,.pr4{
		float:left!important;
	}
	.product1{
		position: relative;
		margin-bottom: 20px;
	
		height: auto!important;
		float: left!important;
		margin-left: 0px!important;
		margin-right: 0px;
		padding: 0px 0px;
	}
	.product1:nth-child(2n+1){
		clear: both;
	}
	.product1 .img{
		position: relative;
		float: left!important;
		text-align: left;
		width: 100%!important;
		height: auto!important;
		margin-bottom: 10px!important;
		overflow: hidden!important;
	}
	.product1  img{
		position: relative;
		width: 100%!important;
		height: auto!important;
		max-height: inherit!important;
		-webkit-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		border: 0px #e0e0e0 solid;
		padding: 0px;
	}
	.listnewhome .img{
		width: 100%;
	}
	.listnewhome .info{
		width: 100%;
	}
	.detailpro .right .ctprice{
		text-align: center;
	}
	.detailpro .right h1 {
    line-height: 26px!important;
	}
	.muahang_chovaogio{
		text-align: center;
	}
	.tab_detal {
    margin-top: 30px!important;
	}
}
/*  480px ho?c nh? hon */
@media screen and (max-width: 480px) {
	.box_login ul.ul2{
		float:left;
	}
	.logof {
		padding-right: 10px;
		width: 100%;
		float: left;
		text-align: center;
	}
	.contentf{
		text-align: left;
		padding-top: 10px;
		width:100%;
		float: left;
	}
	.lienket ul {
		float: left;
	}

}