/*-----------Media multi-------------*/
@media screen and (max-width: 2785px) { 
	
	
}

@media screen and (max-width: 1400px) { 
	
	.gallery-item, .grid-sizer{
		height:240px;
	}

}
@media screen and (max-width: 1300px) { 
.box_chus{
		min-height: 180px;
	}
	.box_ka_mxh{
	}

}


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

	.box_chus{
		min-height: 180px;
	}
	.box_ka_mxh{
		
	}
	
	
}

@media screen and (max-width: 980px) {
	.ka_logo_box span{
		font-size: 15px;
	}
	.logo_index img{
		max-width: 75px;
	}
	.chuass img{
	    max-width: 75px;
	}
	.logo_index{
		top: 3%;
		right: 3%;
	}
	.ka_logo_box{
		padding-right: 5%;
	}
	#topNav li{
		margin-right: 10px;
	}
	.item h3{

	}

	.img_logo_s a {
    color: #000;
    font-family: Montserrat;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

	.ka_mxh{
		bottom: calc(30px - 20px);
		text-align: right;
	}
	.ka_enter{margin-top: 20px;padding-right: 5%}
	.slogana{ top:2%;font-size: 10px; }
	.ka_enter a{font-size: 14px;}
	.ka_logo{bottom: 18%; text-align: right;}
	.wrap_project{
		grid-template-columns: repeat(2,1fr);
    	grid-gap: 10px;
	}
	.box_ka_mxh{
		
		
	}
	.ka_logo img{
		max-width: 60%;
	}
	.pads{
		padding:35px !important;
		max-width:100% !important;
	}
	.gallery-item, .grid-sizer{
		min-height:200px;
	}
	.mota_pro{
		text-align: right;
	}
	.noidung_pro{
		text-align: justify;
	}
}

/*-----------------landscape size for tablet-------------*/
@media only screen and (max-width: 800px) {

.box_chus{
		min-height: 140px;
	}
	.gallery-item, .grid-sizer {
		height:auto;
	}
	.grid-item-holder{
		min-height:auto;
	}
	
	.ad9_mxh{
		bottom: calc(30px - 20px);
	}
}
@media only screen and (max-width: 750px){
	.item h3{font-size: 12px;}
	#canvas {
		margin: 0 auto;
		padding: 20px 10px !important;
	}
	
	.project:nth-child(odd) {
		clear: left !important;
	}
	.project {
		float: left;
		margin-left: 5.213270142180095%;
		margin-top: 5.5%;
		width: 44.78672985781991%;
		cursor: pointer;
	}
	.gallery-item{
		    width: 33.3%;
	}
	.box_chus{
		min-height: 140px;
	}
	.ten_chu{
	}
}

/*-----------------landscape size for Mobile-------------*/
@media only screen and (max-width: 639px) {

}
@media screen and (max-width: 480px) {
	.gallery-item, .grid-sizer{
		min-height:320px;
	}
	#topNav{
		margin-top:0px;
		margin-bottom:5px;
	}
	#topNav li{
	}
	.subnav{
		width:auto;
	}
	.mes .subnav{
		margin-left:-40px !important;
	}
	.ad9_{
		    padding: 40px 20px 60px 20px ;
	}
	
	.ad9_logo img{
		max-width: 35%;
	}
	
	.box_chus{
		min-height: 140px;
	}
	.gallery-item{
		    width: 100%;
	}

}
/*-----------Media multi-------------*/
@media screen and (max-width: 370px) {
.gallery-item a.as{
	min-height:160px;
}
}