@media screen and (max-width: 1220px) {
	
	.mar-scrollpro, .mar-share, .weak-alb{
		margin: 0px;
	}
}
@media screen and (max-width: 1190px) {
	.mar-scrollpro, .mr-pro, .mar-solact, .mar-album, .mar-pro{
		margin: 0px;
	}
	.scroll_list .slick-next{
		right: 0px;
	}
	.scroll_list .slick-prev{
		left: 0px;
	}
}
@media screen and (max-width: 990px) {

	.logo_banner{
		position: relative;
		background: url(assets/images/bg_banner.png) no-repeat;
    	background-size: auto 100%;
	}


	.banner{
		width: 100%;
		text-align: center;
		padding-top: ̀5px;
		margin-bottom: 10px;
	}
	.logo{
		width: 100%;
		text-align: center;
	}
	.iso {
	    float: none;
	    margin-top: 0px;
	    margin-bottom: 10px;
	    width: 100%;
	    text-align: center;
	}
	.righthead{
		display: none;
	}

	.hrlogo{
		float: none;
	}
	.left_topctent{
		width: 100%;
	}
	.right_topctent{
		display: none;
	}

	.menu{
		position: inherit;
	}
	.hidemb{
		display: none;
	}
	.top_menu{
		width: 100%;
		display: inline-block;
		padding-top: 0px;
		text-align: center;
	}

	.lang{
	    margin: 0px;
	    top: 0px;
	    right: 10px;
	    padding: 0px;
	    position: absolute;
	}
	#header.fix_head .top_menu{
		height: auto;
		visibility: visible;
	    opacity: 1;
	    padding-top: 0px;
	}
	#header.fix_head .top_menu .hotline, #header.fix_head .top_menu .open{
		display: none;
	}
	.slogan{
		width: 100%;
	}
	.address-hotline{
		display: none;
	}
	.cols-left{
		display: none;
	}
	.cols-right{
		width: 100%;
		padding-left: 0px;
	}
	.mar_pro{
		margin: 0px;
	}

	.mar-list,.mar-projec{
		margin: 0px;
	}
	.wrap-list{
		padding: 7px;
		width: 33.33%;
	}
	.wrap-projec{
		padding: 7px;
		width: 33.33%;
	}
	.img-dj{
		display: none;
	}
	.wrapdknt:before{
		display: none;
	}
	.form-dknt{
		padding: 50px 20px;
	}
	.wrapsearch{
		display: none;
	}
	.right-thead{
		float: none;
	}
	.right_head{
		width: 100%;
		text-align: center; 	
	}
	.right_head p{
		width: 100%;
		text-align: center;
	}
	.logombs{
		display: block;
	}

	#header.fix_head{
		box-shadow: 0px 0px 3px #333;
	}
	.wraplf{
		display: inline-block;
		width: 100%;
	}
	.left_pro{
		width: 100%;
	}
	.right_pro{
		width: 100%;
		padding-left: 0px;
	}
	.box-album{
		width: 50%;
	}
	.wrap_thucdon{
		padding: 10px;
	}
	.full_logo{
		width: 100%;
		height: 100%;
	}
	.full_logo:before{
		display: none;
	}
	.fix_head .full_logo{
		height: 100%;
	}
	.khung_search{
	    top: 25px;
	    right: 15px;
	}
	.fix_head .khung_search{
		top: 15px;
	}
	.fix_head .menu_mobile{
		top: 10px;
	}
	.khung_search span i{
		color: #333;
	}
	.wrap_product.proother{
		width: 25%;
	}
	.mailtop, .addf{
		display: none;
	}
	.mailtop{
		display: none;
	}

	.right-tophead {
	    float: none;
	    text-align: center;
	}
	
	.item_dvu{
		width: 100%;
	}
	.hotline_cart {
	    width: 100%;
	    float: none;
	    position: relative;
	    text-align: center;
	    display: inline-block;
	}
	.dkcat{
		display: inline-block;
	}

	.copyright{
		text-align: center;
		width: 100%;
		float: none;
	}

	.linehead:before, .linehead{
		display: none;
	}
	.full-menu {
	    position: inherit;
	    width: 100%;
	    display: inline-block;
	    height: auto;
	}
	.boxright-head{
		position: inherit;
	}
	.right-head .search{
		display: none;
	}
	.cart_head {
	    position: fixed;
	    top: 70px;
	    right: 0px;
	    padding: 0px;
	    border: none;
	}
	.cart_head p{
		display: none;
	}
	.leftmenu, #menu_top{
		display: none;
	}
	#wrapper {
	    padding-top: 95px;
	}
	.logo_menu{
		padding: 10px 0px;
	}
	.menu_mobile{
		display: block;
	}
	#footer1{
		display: block;
	}
	.hotline{
		display: none;
	}
	.hethongalisa{
		background-size: auto 100%;
	}
	.content_foobc:before{
		display: none;
	}
	.leftfoo{
		padding-left: 0px;
	}

	#wrapper{overflow: hidden;}
	#footer:before, #footer:after{
		display: none;
	}
}
@media screen and (max-width: 925px) {
	.price{
		height: 25px;
		overflow: hidden;
	}
	.box_tintuc{
		width: 100%;
	}
	.wrap-ser{
		width: 50%;
	}
	.content_gcn{
		width: 100%;
	}
	.cnhan{
		width: 100%;
	}
	.videocn {
	    width: 100%;
	    position: relative;
	    top: 0px;
	    right: 0px;
	    margin-top: 20px;
	}
	.item-nvp{
		width: 100%;
		padding: 0px;
		margin-bottom: 20px;
	}
	.call-bot{
	    width: 100%;
	    position: relative;
	    z-index: 12;
	}
	.cont-cal{
		width: 100%;
    	margin: auto;
    	float: none;
	}
	.cont-cal:after, .wrapcal-news:before{
		display: none;
	}
	.newsletter {
	    width: 100%;
	    height: auto;
	    position: relative;
	    margin-top: 0px;
	    padding-top: 28px;
	    padding-bottom: 10px;
	    padding-right: 10px;
	}
}
@media screen and (max-width: 825px) {
	.email-head{
		display: none;
	}
	.addess-head{width: 100%;text-align: center;}
	.left_about{
		width: 100%;
		padding-left: 0px;
		text-align: center;
		margin-bottom: 20px;
	}
	.wrap_info {
    margin-top: 20px;
}
	.right_about {
	    width: 100%;
	    float: left;
	}
	.specialties{
		width: 100%;
		float: none;
	}
	.left-spec{
		width: 100%;
		display: inline-block;
	}
	.right-spec{
	width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    max-width: 510px;
    margin: auto;
    margin-top: 20px;
	}
	.newsbottom{
		width: 100%;
	}
	.about_index{
		display: inline-block;
		width: 100%;
	}
	.center-why{
		display: none;
	}
	.left-why, .right-why{
		width: 50%;
		text-align: left;
	}

	.wrap_top{
		width: 100%;
		display: inline-block;
		float: none;
		margin-bottom: 20px;
	}
	.item_picture img{
		height: auto;
	}
	.item_top{
		height: auto;
	}
	.item_list{
		width: 50%;
	}
	.wrap_yk{
		width: 100%;
	}

	.form-newsletter {
	    width: 100%;
	    max-width: 100%;
	}
	.item_btfooter{
		width: 100%;
		margin-bottom: 10px;
	}
	.tintucindex{
		padding-left: 0px;
	}
	.content-about{
		width: 100%;
		padding-right: 0px;
	}
	.imgleft{
		width: 100%;
		margin-top: 20px;
		padding-left: 60px;
	}
	.videobottom{
		width: 100%;
		padding-left: 0px;
	}
	.news {
    width: 100%;
    float: left;
    padding-right: 0px;
}
.videos {
    width: 100%;
    float: left;
    margin-top: 20px;
}
	.leftfoo, .centerfoo, .rightfoo{
		width: 100%;
		float: none;
		max-width: 100%;
	}
	.copyright .container{
		text-align: center;
	}
	.counter{
		float: none;
		text-align: center;
	}
	#product_detail_img{
		width: 100%;
		margin-bottom: 10px;
	}
	#product_info{
		width: 100%;
		padding-left: 0px;
	}
	.left-commit, .right-commit{
		width: 100%;
	}
	.center-commit{
		display: none;
	}
	.right-commit .item-commit{
		text-align: left;
	}
	.right-commit .img-commit {
	    float: left;
	    margin-right: 20px;
	    margin-left: 0px;
	}
	.video-sup{
		position: relative;
		top: inherit;
		width: 100%;
		margin-bottom: 20px;
	}
	.content-sup, .form-sup{
		width: 100%;

	}
	.tintucindex{
		width: 100%;
		padding-right: 0px;
	}
	.center_tin-cp{
		width: 100%;
		margin-top: 20px;
	}
	#footer{
		background-size: auto 100%;
	}
	.logofoo{
		width: 100%;
		text-align: center;
		padding-top: 0px;
	}
	.centerfoo{
		width: 100%;
		margin-bottom: 20px;
	}
	.right_foo{
		width: 100%;
	}
	.new_uudai{
		background-size: auto 100%;
	}
	.wrapmap{
		width: 100%;
		padding: 0px;
	}
	.wrapmap:nth-child(2n){
		padding: 0px;
	}
	.contenththong:before{
		display: none;
	}
	.content_foobc{
		background-size: auto 100%;
	}
	.form_newsletter{
		width: 100%;
		padding-right: 0px;
	}
	.support{
		width: 100%;
		padding-left: 0px;
	}
}
@media screen and (max-width: 768px) {
	.leftnews{
		width: 100%;
		margin-bottom: 20px;
	}
	.wrap_product{
		width: 50%;
		padding: 5px;
	}
	.left-collec, .center-collec, .right-collec{
		width: 100%;
	}
	.listmap{
		position: relative;
		max-width: 100%;
	}
	.item_cn{
		display: inline-block;
		width: 100%;
	}
	.idlnews{
		width: 100%;
	}
	.idlnews img{
		width: 100%;
	}
	.address-phone{display: none;}

	.rightvideo{
		width: 100%;
	}
	.mail_top{
		display: none;
	}
	.address_top {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 35px;
}
.left_tin{
	width: 100%;
	padding-right: 0px;
}
.right_tin{
		width: 100%;
		margin-top: 10px;
	}
.wrap-copy{
	margin-top: 0px;
}
	.wrap_thucdon{
		width: 50%;
	}
	.feedback{
		width: 100%;
		padding-right: 0px;
	}
	.albumid{
		margin-top: 10px;
		width: 100%;
	}
	.wrap_video{
		width: 50%;
	}
.item_newsletter{
	width: 100%;
}
.item_newsletter p{
	margin-top: 0px;
	margin-bottom: 20px;
}
.newsindex{
	width: 100%;
	padding-right: 0px;
}
.videoindex{
	width: 100%;
	padding-left: 0px;
}
.left_newsletter {
    width: 100%;
    float: none;
    padding-right: 0px;
    border-right: none;
}
.right_newsletter {
    width: 100%;
    float: none;
    padding-left: 0px;
    margin-top: 20px;
    display: inline-block;
}

}
@media screen and (max-width: 700px) {
	.wrap-ser{
		width: 100%;
	}
	.img_about{
		width: 100%;
		text-align: center;
		padding-left: 0px;
		margin-bottom: 20px;
	}
	.wrap-list{
		padding: 7px;
		width: 50%;
	}
	.wrap-projec{
		padding: 7px;
		width: 50%;
	}
	.album-index{
		width: 100%;
	}
	.videoindex{
		width: 100%;
	}
	.about{
		width: 100%;
		padding-left: 0px;
		margin-bottom: 20px;
	}
	.booking{
		width: 100%;
	}
	.dkbooking{
		max-width: 100%;
	}
	.descr-about {
	    width: 100%;
	    float: left;
	    margin-top: 20px;
	}
	.input-dk {
    	width: 100%;
	}
	.imgmenu {
		width: 100%;
	}
	.deskmenu{
		width: 100%;
		padding-right: 0px;
	}
	.box_km{
		width: 100%;
	}
}
@media screen and (max-width: 650px) {
	.wrap_service{
		width: 100%;
	}
	.address-top{
		font-size: 12px;
	}

	.wrap_product, .wrap_product.proother{
		width: 50%;
	}
	.emails{
		display: none;	
	}
	.left_tophead{
		width: calc(100% - 70px);
	}
	.left-why, .right-why{
		width: 100%;
		padding: 0px;
	}
	.left-why .img-why{
		left: 0px;
		right: inherit;
	}
	.left-why .item-why{
		padding-left: 100px;
		padding-right: 0px;
	}
	.item-why:nth-child(2n){
		width: 100%;
		float: left;
	}
	.content-cm-newslt{
		width: 100%;
		display: inline-block;
	}
	.comment, .wrap_newsletter{
		width: 100%;
		display: inline-block;
	}
	.fisk-texta {
	    width: 100%;
	    padding: 8px 8px 8px 8px;
	    position: relative;
	    float: left;
	    text-align: center;
	}
	.ttcontact{
		width: 100%;
		padding-right: 0px;
	}
	.csach{
		width: 100%;
		padding: 0px;
		margin: 20px 0px;
	}
	.img_lefttin, .img_lefttin img{
		width: 100%;
		max-width: 100%;
	}
	.descrleft{
		width: 100%;
		padding-left: 0px;
		margin-top: 10px;
	}
	.wrapbttin{
		width: 100%;
		margin-bottom: 10px;
	}

	.item_foo{
		width: 100%;
    	display: inline-block;
    	float: none;

	}
	.fanpagefoo{
		float: none;
		max-width: 100%;
	}
	.cis_foo{
		max-width: 100%;
	}
	.map_foo, .fan_foo{
		max-width: 100%;
	}
	.wrap_thucdon{
		width: 100%;
	}
	.top_news .item_tinsk img{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.top_news{
		width: 100%;
		padding-right: 0px;
	}
	
	.wrap_video{
		width: 100%;
	}
	.left-video{
		width: 100%;
		padding-right: 0px;
	}
	.leftnews img{
		width: 100%;
	}
	.right-news{
		width: 100%;
		padding-left: 0px;
	}
	.rightnews{
		width: 100%;
		padding-left: 0px;
	}
	.left-newslt{
		width: 100%;
	}
	.right-newslt{
		width: 100%;
	}

}

@media screen and (max-width: 550px) {
	.wrap_top span, .mangxhtop{
		display: none;
	}
	.wrap-sup{
		width: 100%;
	}
	.scroll_qtrjob:before{
		display: none;
	}
	.item-qtr {
    position: relative;
	}
	.dkvi .stimg {
	    padding: 0px 0px 75px;
	    top: -61px;
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    right: 0px;
	}
	.dkvi .stimg:before {
	    top: 168px;
	    bottom: inherit;
	}
	.dkvi .stimg:after {
	    top: 146px;
	    bottom: inherit;
	}
	.item-qtr.dkvi{
		padding-top: 212px;
	}
	.stimg{
		top: 0px;
	}
	.item-qtr h4{
		margin-top: -15px;
	}
}

@media screen and (max-width: 500px) {
	.left_tin{
		width: 100%;
		padding-right: 0px;
	}
	.righttin{
		width: 100%;
		margin-top: 20px;
	}
}