td{padding: 5px !important;border:1px solid #eee;}


@media (min-width: 1522px){
	.mid320{background-size: 100% auto !important}
}
@media (min-width: 1200px){
	/*.tintucsukien {height: 610px;overflow:scroll;overflow-x:hidden }*/
	.aboutus{/* min-height: 480px; */}	.box-out2{width: 25%;padding-top: 40px}
	.mid-header .col-md-9{padding-top: 40px;padding-left: 0;padding-right: 0;z-index: 100}
	.home-feedback .background1,.chungnhan .c1{
		width: 270px;
		height: 220px;
	}
	.home-feedback .slider,.chungnhan .c2 {
	    width: 890px;
	    height: 220px;
	}
	.chungnhan .c1 h2.title-item{color: #fff}
	.chungnhan .c1 h2.title-item:after{
		width: 2px;
		height: 110px;
		left: 30px;
		bottom: 33px;
		background: #000000
	}

	.chungnhan .c1 h2.title-item{    padding: 70px 57px 57px 57px; }
	.tintucsukien li{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.home-blog .c1{margin-top: 300px}
	.home-blog{
		min-height: 660px;
	}
	.mid320{
		background-size: 100% 100%;
		height: 320px;
	}
	.home-feedback{
		background-size: 100% auto
	}
	.home-feedback h2.title-item{line-height: 40px}
	.home-feedback h2.title-item:after{bottom: 25px}
	.chungnhan .c1 h2.title-item{line-height: 45px}
	.chungnhan .c1 h2.title-item:after{bottom: 45px}
	.news .info h3#title{height: 38px}
	.searchbox2 .search-form {
	    top: 65%;
	    right: 45px;
	}
	.title{font-size: 18px;}
	.nav-click {
	    display: none;
	}
}
@media only screen and (max-width: 1200px) {
	.tintucsukien {height: 550px;}
	.breakcrumbs h3{font-size: 15px}
	.menuchild{width: 80%}
	.menuchild .owl-buttons {color: #fff}
	.menuchild .owl-buttons .owl-prev{position: absolute;top: 45% !important;left: 0 !important;}
	.menuchild .owl-buttons .owl-next{position: absolute;top: 45% !important;right: 0 !important;}
	.box-out2{width: 33.3333%;padding-top: 40px}
	.main-menu{margin: 0}
	.main-nav .searchbox{display: none;}
	.language{display: none;}
	nav.mobile .langmobi {
	    float: left;
	    width: 100%;
	    background: rgba(255,255,255,0.7);
	    text-align: center;
	    padding: 10px 0px;
	}
	nav.mobile .langmobi a {
	    display: inline-block;
	    margin: 0px 3px;
	    opacity: 0.5;
	}
	nav.mobile .langmobi a.active{opacity: 1}




	.title{font-size: 16px}
	.searchbox2 .search-form{top: 60%}
	.main-nav .searchbox{text-align: center;line-height: 40px}
	.doitac{padding-bottom: 0}
	.doitacowl {margin-top: 0}
	.news .info p{max-height: 95px}
	.home-blog{background-size: auto 100%}
	.congtrinhtieubieu .item-project{width: 33.2%}
	#xemchitiet{right: 30px}
	.mid-header .col-md-9 {padding-top: 30px}
	.mid320{height: 220px;}

	.main-menu ul li a:hover, .main-menu ul li.active a{color: #fff}
	.aboutus .col-md-8 h3{font-size: 25px;padding-top: 25px;padding-bottom: 25px;margin-bottom: 25px}
	.aboutus .col-md-8 .price span:first-child{font-size: 25px}
	.home-featured-product{margin-top: 90px}
	.aboutus .col-md-8{background-size: auto 100%;padding-bottom: 0;padding-left: 80px}
	.home-feedback .background1,.chungnhan .c1{width: 30%}
	.home-feedback .slider,.chungnhan .c2 {width: 70%;min-height: 186px}
	.chungnhan h2.title-item{padding: 50px}
	.chungnhan .title-item:after{bottom: 40px;left: 30px;width: 2px;height: 90px}
	.feedback p#noidung{padding: 0}
	.feedback p#noidung:before{left: -40px}
	.feedback p#noidung:right{right: -40px}
	.tintucsukien li{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.home-blog .c1{margin-top: 270px}
	.main-menu ul li i{right: 6px;top: 9px;}
	.box-out .detail{bottom: 13px;left: 32%}
	.home-featured-product .box-pro .info{padding: 0;margin-top: 40px}
	.main-menu .arrow {
		position: absolute;
		background: rgba(0, 0, 0, 0.2);
	    border-radius: 2px;
	    height: 31px;
	    margin: 0;
	    right: 2px;
	    top: 2px;
	    width: 31px;
	    text-align: center;
	    line-height: 31px;
	    display: none;
	}


	.main-nav {
		margin-top: 10px;
	}
	.main-menu {
		float: right;
		position: relative;
	}
	.main-menu > ul {
		position: absolute;
    top: 100%;
    right: -56px;
    width: 210px;
    margin-top: 30px;
    background: rgba(255, 255, 255, 0.9);
    display: none;
    background: #b5111a;

	}
	.main-menu ul li {
		float: none;
	}
	.main-menu > ul > li > a {
		line-height: 40px;
		height: 40px;
	}
	.main-menu > ul > li > a:before {
		display: none;
	}
	.main-nav .searchbox {
		top: 0;
		margin-top: 0;
	}
	.main-menu.open > ul {
		display: block;
		margin-top: 10px;
	}
	.main-menu .arrow {
		display: block;
	}
	.main-menu .sub-menu {
		position: relative;
		top: 0;
		width: auto;
		opacity: 1;
		visibility: visible;
		margin-top: 0;
		display: none;
	}
}
@media (max-width: 1024px){
	.mid-header .container{background: none}
	.home-featured-product .box-pro .info{margin-top: 20px}
	.box-out .detail{margin-bottom: 24px}
	.aboutus{min-height: 380px}
	.home-featured-product .box-pro .info .title{
		height: 30px;
		overflow: hidden;
	}
	.site-brand{
		padding: 20px 0;
	}
	.mid321{background: #444}
	.aboutus .col-md-8 a{
		bottom: -28px;
		font-size: 16px;
	}
	.aboutus .col-md-8{
		background-size: cover;
	}
	.home-featured-product{
		margin-top: 40px;
	}
	.chungnhan h2.title-item {
	    padding: 57px;
	}
	.congtrinhtieubieu .item-project{
		width: 50%;
		margin: 0;
	}
	.tintucsukien{
		height: auto;
		overflow-y: auto;
	}
	.box-pro:hover .img img {
	    -webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -ms-transform: scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	}
}
@media only screen and (max-width: 990px) {
	/*.tintucsukien{height: 600px}*/
	
	.navleft {display: none;}
	.about-items .item {
		width: 33.3333%;
		margin-bottom: 30px;
	}
	.about-items .item:nth-child(3n+1) {
		clear: both;
	}
	.pricegroup .price,.pricegroup .price-sale{text-align: center !important;}
	.pricegroup{min-height: 32px}
	.mid321{background: #444}
	.home-featured-product{
		margin-top: 110px;
	}
}
@media (max-width: 800px){
	.aboutus{min-height: 340px}
	.chungnhan h2.title-item{
		padding: 40px;
	}
	.home-feedback{
		margin-top: 20px;
	}
	.congtrinhtieubieu .slider{
		margin-bottom: 20px;
	}
	.box-out .detail a{padding: 5px 10px;font-size: 12px}
	.home-featured-product .box-pro .info{margin-top: 20px}
	.box-out .detail{margin:13px 0;}
	.home-featured-product .box-pro .info .title{font-size: 14px}
	.home-featured-product .owl-next, .home-featured-product .owl-prev {top: 45% !important;}
}

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

	.home-blog .c1 h2.title-item:after{left: 41%}
	.title-item{font-size: 25px;padding-bottom: 15px;margin-bottom: 15px}
	.chungnhan .c1 h2.title-item {padding: 0; margin: 0 0 30px 0;}
	.home-blog .c1 h2.title-item:after{left: 42%}
	#xemchitiet{right: auto;top: auto;bottom: -40px;z-index: 10;left: 43%}
	.slogan {text-align: left;}
	.feedback p#noidung:after{right: -30px}
	.home-feedback h2.title-item:after{bottom: 45px}
	.feedback .title:before{left: 0}
	.aboutus .col-md-8{padding-left: 80px;padding-bottom: 40px;}
	.aboutus .col-md-8 h3{font-size: 25px;padding: 15px 0;margin-bottom: 5px; }
	.aboutus .col-md-8 a{bottom: -20px}
	.home-featured-product{margin-top: 90px}
	.home-blog .c1{margin-top: 50px}
	.chungnhan .c1,.chungnhan .c2{width: 100%}
	.chungnhan .c1{background: none}
	.chungnhan .c1 h2{color: #373737;padding-top: 0;padding-bottom: 50px}
	.chungnhan .c1 h2:after{width: 127px;height: 2px;    bottom: -15px ;left: 42%}
	.tintucsukien li{margin-top: 10px;margin-bottom: 10px;}
	.home-blog{
		background-size: auto 100%;
		overflow: hidden;
	}
	.home-blog .c1 h2.title-item:after{left: 42%	}
	.doitac h2:after{left: 46%}
	.home-blog .c1 a.next{bottom: 25px}
	.home-blog .c1 a.prev{bottom: 0}
	.box-out .detail{left: 25%}
	.home-feedback h2.title-item{padding: 70px 40px 60px 30px}
	/*.site-brand{padding-top: 0}*/
	.mid-header .col-md-9{
		padding: 0;
	}
	.khunghinh,
	.hinhcongai{
		display: none;
		overflow: hidden!important;

	}
	.congtrinhtieubieu{
		margin-top: 20px;
	}
	.doitac .title-item{
		margin-bottom: 15px;
	}

}
@media(max-width: 736px){
	#include .container-fluid .quote h1.title{font-size: 25px}
	.aboutus .col-md-8{position: relative;padding-left: 15px}
	.footer-info,.site-bottom{text-align: center;}
}
@media (max-width: 667px){
	
	.socialnetwork {padding: 10px 0 8px 0}
	.searchbox2 .search-form{top: 70%;right: 25px}
	.congtrinhtieubieu .item-project{width: 49.9%;margin-bottom: 1px}
	.site-header{position: relative;}
	.mid320{height: 150px;}
	.mid-header .col-md-9{position: absolute;right: 0;top: 20px}
	.box-out .detail{left: 20%}
	.home-feedback{background-size: auto 100%}
	.home-feedback h2.title-item{padding: 55px 30px}
	.tintucsukien li .col-md-4{text-align: center;}
	.aboutus .col-md-8{position: relative;}
	.mid-header .col-md-9{padding-top: 0}
	.owl-controls .owl-buttons div {top: calc(47% + 9px )!important;}
	.mid321{background: #444}
	.breakcrumbs .titleparent{display: none;}
	.menuchild{margin-top: 10px}

}
@media only screen and (max-width: 540px) {
	.home-featured-product{margin-top: 40px;}
	.menu-color{left: 35% !important}
	.quote .info #price{margin-left: 25px}
	.sharelink{margin-top: 50px}
	.home-featured-product .col1{display: none;}
	.aboutus .col-md-8 h3{font-size: 18px}
	.searchbox2 .search-form{top: 55%;right: 15px;}
	.box-pro .info .price-sale{text-align: left;}
	.box-out .detail{left: 20%}
	.news .box-out{padding: 0}
	.box-pro .info .view a{padding: 5px 15px}
	.price-sale{min-height: 14px;width: 100%}
	.sub-title{margin-top: 30px;padding-left: 5px;padding-right: 5px;}
	.congtrinhtieubieu .title-item:after{left: 34%}
	.mid-header{background-size: auto !important}
	.site-header {
		position: relative;
	}
	.main-slider .container {
		font-size: 16px;
	}
	.main-slider .owl-item.active .container {
		margin-top: 0;
	}
	.main-slider h2, .main-slider .title {
		font-size: 30px;
		line-height: 45px;
	}
	.owl-controls .owl-buttons div {
		    top: calc(47% + 6px )!important;
	}
	.about-items .item {
		width: 50%;
	}
	.about-items .item:nth-child(3n+1) {
		clear: none;
	}
	.about-items .item:nth-child(2n+1) {
		clear: both;
	}
	.site-bottom {
		line-height: 30px;
		padding: 10px 0;
	}
	.copyright,
	.footer-info {
		float: none;
		text-align: center;
	}
	.home-featured-product .arow:before{left: 46%;}
	.main-slider .owl-prev,.main-slider .owl-next{top: 40% !important}
}

@media only screen and (max-width: 480px) {
	.owl-controls .owl-buttons div {
		    top: calc(40% + 6px )!important;
	}
	.aboutus .col-md-8 a {
	    bottom: -20px;
	    left: calc(40% - 55px )
	}
	.menuchild{margin-top: 5px}
	.box-out2{width: 50%}
	nav.mobile{width: 260px !important;}
	nav.mobile .menu ul li a{font-size: 15px !important}
	header .nav-click.active{right: 265px !important}
	#xemchitiet{left: 35%}
	.socialnetwork{display: inline-block;width: 100%;padding-left: 0}
	.site-brand{text-align: center;padding-bottom: 20px;width: 65%}
	header .col-md-9{position: absolute;right: 0;top: 10px}
	.aboutus{margin-top: 30px}
	.sub-title{margin: 0;width: 100%}
	.aboutus h2.title-item:after{left: 37%;width: 90px}
	.home-feedback .background1, .chungnhan .c1{width: 100%;background: none}
	.home-feedback h2.title-item{padding: 0;color: #fff}
	.home-feedback h2.title-item:after{width: 127px;height: 2px;left: 35%;bottom: -15px;margin-bottom: 0;}
	.home-feedback .slider, .chungnhan .c2{width: 100%;background: none}
	.feedback .avatar{position: relative;left: 0;text-align: center;}
	.feedback{margin-left: 0;padding-left: 0}
	.home-feedback{background-size: auto 100%}
	.feedback p#noidung{color: #fff}
	.doitac h2:after{left: 42%}

	.home-blog{background-size: auto 100%}
	.home-blog .c1 h2.title-item:after{left: 32%;bottom: 5px}
	.chungnhan .c1 h2.title-item{padding-bottom: 15px !important}
	.chungnhan .c1 h2:after{left: calc(33% + 5px);bottom: 0}
	.mobile-menu,
	.main-nav .searchbox {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	.mobile-menu{font-size: 15px}
	.main-nav .searchbox .icon {
		line-height: 35px;
	}
	.main-slider .container {
		font-size: 13px;
		line-height: 24px;
	}
	.main-slider h2, .main-slider .title {
		font-size: 18px;
		line-height: 30px;
	}
	.about-items .item {
		width: 100%;
	}
	.about-items .item:nth-child(3n+1),
	.about-items .item:nth-child(2n+1) {
		clear: none;
	}
	.home-featured-product .arow .container:before{left: 44%;}
	/*.home-featured-product .products > *,
	.blog-post > * {
		width: 100%;
	}*/
}
@media only screen and (max-width: 435px) {
	.menuchild{margin-top: 2px}
}