/*

	Theme Name: ARCT - Architects Corporate Template
	Theme URI: http://locotheme.com/arct-html/
	Description: Responsive Multipurpose HTML5 Template
	Version: 1.0
	Author: Loco Theme
	Author URI: http://www.locotheme.com

	- - - - - Contents - - - - -
	
	01 - Max 480px
	02 - Max 767px
	03 - Max 991px
	04 - Max 1024
	05 - Min 768px
	06 - Min 992px
	07 - Min 1200px

	- - - - - - - - - - - - - -
	
*/	

/*  04 -  Max 1024px
-----------------------------------------------------------*/
@media (max-width: 1024px){
	.grid_gallery{
		width:32%
	}
	.khung_pro_sys_home,.view,.view img,.khung_pro_sys_home_info{
		height:300px;
	}
}

/*  03 -  Max 991px
-----------------------------------------------------------*/
@media (max-width: 991px){
	.hotline{
		font-size:13px;
		width: 145px;
		text-indent: 10px;
		width: 130px;
	}
	.hotline img{
		display:none;
	}
	#support {
		left: 130px;
		width: 150px;
	}
	#support .ten_support{
		font-size: 12px;
	}
	.grid_gallery{
		width:48.5%
	}
	.noidung_tin img{
		width:100% !important;
		height:auto !important
	}
	.khung_pro_sys_home,.view,.view img,.khung_pro_sys_home_info{
		height:280px;
	}
	.khung_pro_sys_home_info{
		padding: 0 15px;
	}
	.khung_pro_sys_home_ten{
		font-size: 18px;
		margin:15px 0 10px 0;
	}
	.khung_pro_sys_home_chu_thich {
		font-size: 13px;
		line-height: 20px;
		height: 180px;
	}
}


/*  02 -  Max 767px
-----------------------------------------------------------*/
@media (max-width: 767px){
	.follow{
		float: none;
		margin: 0;
	}
	.gioi_thieu{
		padding:15px;
		font-size:13px;
		background:none;
		color:#000;
	}
	.title_gt{
		font-size:20px;
		color:#000;
		margin-top:20px;
		border-bottom:solid 1px #666;
	}
	.title_gt span{
		background:none;
	}
	#content {
		height: auto;
		color: #000;
	}
	.khung_slogan{
		margin-bottom:20px;
	}
	.title_main{
		margin-top:40px;
		font-size:30px;
	}
	.grid_gallery{
		width:100%
	}
	.grid_gallery img{
		height:auto;
	}
	.menu_gallery li a{
		font-size:14px;
	}
	.khung_pro_sys_home_img{
		width:100%;
	}
	.khung_pro_sys_home_info{
		background:none;
		height:auto;
		bottom:0;
		width:100%;
		top:180px;
	}
	.khung_pro_sys_home_ten{
		color:#fff;
	}
	.khung_pro_sys_home_chu_thich{
		display:none;
	}
	.slides_mobile{
		height:300px;
		width:100%;
		float:left
	}
	.site-page-gt{
		position:static !important;
	}
	.slides-pagination {
	  bottom: 20px;
	}
	.mask_slide,.logotext_slide,.hotline img,.slides_home,#support{
		display:none;
	}
	.slogan {
		background: #0f2453;
		margin-bottom: 50px;
		padding-top: 20px;
	}
	.khung_slider_mobile{
		display:block;
	}
	.logo_slide{
		left:inherit;
		top:10px;
		right:5px
	}
	.logo_slide img{
		width:100px
	}
	.copyright_right,.hotline{
		float:none;
		margin:0;
	}
	.copyright{
		line-height:20px;
		font-size:12px;
		color:#b3a894;
		height:auto;
		padding:5px 0;
		text-align:center;
	}
	.hotline{
		width:100%;
		font-size:13px;
		text-indent:0;
		height:auto;
	}
	.booking{
		top:250px
	}
}

/*  01 -  Max 480px
-----------------------------------------------------------*/
@media (max-width: 480px){
}


/*  05 -  Min 768px
-----------------------------------------------------------*/
@media (min-width: 768px){
	
}

/*  06 -  Min 992px
-----------------------------------------------------------*/
@media (min-width: 992px){
	
}

/*  07 -  Min 1200px
-----------------------------------------------------------*/
@media (min-width: 1200px){
	
}