/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
		
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	footer .contactus_body div.fl{margin-left:50px;}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
	.mobile_hide{display:none !important;}
	header .logo{width:50px;height:44px;margin-left:26px;}
	header .ico_body a{width:20px;height:20px;margin-left:25px;}
	.swiper-pagination-bullet{width:25px;}
	.swiper-slide .in_body h4{font-size:36px;padding:0;margin:0;padding:15px 0 30px;}
	.swiper-slide .in_body a.page_btn{padding:0px 15px;line-height:27px;font-size:12px;}
	.swiper-slide .in_body h3{font-size:14px;padding:0;margin:0;}
	
	.pop_menu_body_mobile .memu_in_body .in ul li p a{letter-spacing:0.5px;}
	
	#tiles li .txt_body p{font-size:18px;letter-spacing:0.5px}
	#tiles li .txt_body h3{font-size:30px;letter-spacing: 0.5px;}

	#tiles li .btm_txt_body{padding:50px 0;}
	#tiles li .btm_txt_body p{line-height:26px;font-size:18px;letter-spacing: 1px;}
	
	#tiles li .txt_body{padding:20px;}
	footer{padding:50px 0 40px;}
	footer .qr_body{float:none;margin:0 auto 30px;width:90px;display:block;}
	footer .qr_body p{font-size:11px;}
	footer .contactus_body{width:100%;margin:0;}
	footer .contactus_body div.fl{margin:0;box-sizing: border-box;}
	footer .contactus_body div.fl h3{font-size:20px;padding-bottom:15px;}
	footer .contactus_body div.fl h4{font-size:14px;}
	footer .contactus_body div.fl p{font-size:12px;line-height:16px;}
	
	footer .contactus_body div.fl:first-child{padding-left:10px;width:100%;box-sizing: border-box;}
	footer .contactus_body div.fl:last-child{padding-left:10px;width:100%;box-sizing: border-box;}
	
	
	.pop_search_body .search_in{padding-left:10px;padding-right:10px;}
	.pop_search_body .close_btn{width:25px;height:25px;}
	.pop_search_body .search_out{height:40px;line-height:40px;}
	.pop_search_body .search_out i{width:25px;height:25px;}
	.pop_search_body .search_out input{width:85%;} 
	
	

	#kv_mobile{display:block;}
	#kv_pc{display:none;}
	
	.img_pc{display: none !important;}
	.img_mobile{display:block !important;}
	
	/* about */
	.inner_kv_body .kv{display:none;}
	.inner_kv_body .mobile_kv{display:block;}
	.inner_kv_body h3{font-size:32px;letter-spacing: 3px;}
	
	.aboutus_center_body{padding:80px 0;}
	.aboutus_center_body h3{font-size:14px;font-weight:normal;line-height:24px;letter-spacing: 1px;
		text-align:center;}
	.address_body_mobile .box_1{padding:50px 20px;}
	.address_body_mobile .box_1 p{font-size:14px;line-height:24px;letter-spacing: 1px;margin:0;
		text-align:left;font-weight:normal;}
	
	.address_body{display:none;}
	.address_body_mobile{display:block;}
	
	.about_body{display:none;}
	.about_body_mobile{display:block;}
	
	.about_body_mobile h3 , .about_body_mobile h4 , .about_body_mobile p{margin:0;}
	.about_map_body_mobile .txt_body h3{font-size:14px;letter-spacing: 1px;line-height:22px;}
	.about_map_body_mobile .txt_body h4{font-size:18px;letter-spacing: 1px;line-height:22px;padding:0px 0 20px;}
	.about_map_body_mobile .txt_body p{font-size:14px;letter-spacing: 1px;line-height:22px;}
	
	.about_body_mobile h3{font-size:14px;letter-spacing:1px;line-height:22px;}
	.about_body_mobile h4{font-size:20px;letter-spacing:1px;line-height:22px;margin-bottom:10px;}
	.about_body_mobile p{font-size:14px;line-height:22px;letter-spacing:1px;}
	
	
	.about_body_style{padding:50px 25px;}
	
	.about_map_body_mobile .btm_body .txt_body{padding:0 5px;}
	
	.about_map_body{display:none;}
	.about_map_body_mobile{display:block;}
	
	.hr_body .hr_list{text-align:left;border:0;min-height:auto;
		margin-bottom:50px;padding-bottom:50px;padding:0 10px;}
	.hr_body .hr_list h3{font-size:18px;letter-spacing: 1px;padding-bottom:20px;}
	.hr_body .hr_list p {font-size:14px;line-height:24px;margin:0;letter-spacing: 1px;}
	
	.hr_body .hr_right_body{padding:0 10px 0;margin:0 auto;}
	.hr_body .hr_right_body h4{font-size:14px;line-height:24px;margin:0;letter-spacing: 1px;
		padding:0;}
	
	.hr_body .hr_right_body h3{font-size:18px;letter-spacing: 1px;padding-bottom:20px;}
	.hr_body .hr_right_body p {font-size:14px;line-height:24px;margin:0;letter-spacing: 1px;}
	
	
	/* consultation */
	
	.cons_pc{display:none;}
	.cons_mobile{display:block;padding:80px 0;}
	.cons_mobile p{font-size:18px;line-height:28px;padding:0 20px;}
	
	.case_list_body .case_box{width:100%;max-height:340px;overflow:hidden;max-height:170px;}
	.case_list_body .case_box .container{width:100%;}
	.case_list_body .case_box h3{font-size:18px;}
	
	.con_btm_body{padding:0 0 50px;}
	.con_btm_body p{font-size:12px;line-height:22px;letter-spacing: 0.5px;}
	
	
	/* designer */
	
	.designer_center_body #tiles li p{font-size:12px;}
	.designer_center_body #tiles li h3{font-size:15px;line-height:20px;}

	
	
	.details_con_body{padding:50px 20px;}
	.details_con_body h3{font-size:12px;}
	.details_con_body h4{font-size:18px;padding:5px 0 15px;}
	.details_con_body p{font-size:14px;line-height:20px;}
	
	.designer_center_body.s_1 .tit{font-size:16px;padding-bottom:20px;}
	
	
	/* manifesto */
	
	.mani_txt_body{50px 20px;}
	.mani_txt_body p{font-size:18px;line-height:26px;}
	
	
	.mani_scroll_body .swiper-slide{background-color:#000;padding:35px 0 !important;}
	.mani_scroll_body .swiper-button-prev , .swiper-button-next{display:none !important;}
	.mani_scroll_body .swiper-pagination{display:block !important;bottom:10px !important;}
	
	.mani_center_body{padding:35px 0;}
	.mani_center_body .tit{font-size:14px;}
	
	.mani_center_body #tiles li p{font-size:15px;}
	
	.mani.btm_body p{font-size:12px;line-height:22px;font-weight:normal;letter-spacing: 1px;}
	
	.btm_body{padding:40px 0;}
	
	
	
	
	
	
	
	
	/* commune */
	.con_txt_body{padding:80px 10px;}
	.con_txt_body p{font-size:14px;line-height:24px;width:auto;letter-spacing:1px;text-align:left;padding:0;}
	
	.commune_body_1 .txt_body{padding:80px 30px !important;width:auto;}
	.commune_body_1 .txt_body h3{font-size:18px;letter-spacing: 0.5px;padding:0 10px;margin:0 0 20px 0;}
	.commune_body_1 .txt_body p{font-size:14px;line-height:24px;padding:0 10px;letter-spacing: 0.5px;}
	
	.commune_body_2 .txt_body{padding:80px 30px !important;width:auto;}
	.commune_body_2 .txt_body h3{font-size:18px;margin:0 10px 0 10px;}
	.commune_body_2 .txt_body p{font-size:14px;line-height:24px;padding:0 10px;}
	
	.commune_body_3{padding:20px 25px 0 !important;}
	.commune_body_3 .txt_body{padding:0 !important;width:auto;margin-bottom:20px;}
	.commune_body_3 .txt_body h3 , .commune_body_3 .txt_body h4{text-align:center;}
	.commune_body_3 .txt_body h3{font-size:18px;margin:0 0 20px 0;text-align:left;letter-spacing: 0.5px;
		padding-top:20px;}
	.commune_body_3 .txt_body h4{font-size:14px;line-height:24px;letter-spacing: 0.5px;}
	.commune_body_3 .txt_body p{font-size:14px;line-height:24px;letter-spacing: 0.5px;width:auto;}
	
	.contact_us_comm{text-align:center;padding:50px 20px;}
	.contact_us_comm p{font-size:14px;color:#000;}
	.contact_us_comm p a{color:#000;}
	
	.commune_body_3 .contact_us{padding:40px 0 !important;}
	
	.commune_body_3 .img_body img{margin-top:20px;}
	
	.commune_body_3 .contact_us p{font-size:12px;line-height:22px;letter-spacing: 1px;}
	
	/* festival */
	.fest_text_body{padding:80px 20px;} 
	.fest_text_body p{font-size:14px;line-height:24px;width:auto;letter-spacing: 1px;padding:0 10px;}
	
	.fist_list_body{padding-top:0px;}
	.fist_list_body .tit{font-size:14px;margin-bottom:20px;margin-top:50px;}
	.fist_list_body #tiles li p{font-size:12px;line-height:20px;letter-spacing: 1px;padding-top:3px;
		height:40px;}
	
	.fist_list_body.s_1{padding-bottom:0;}
	.fist_list_body.s_2{padding-top:0px;}
	
	.fist_list_body .btm_body {padding:20px 0 40px;}
	.fist_list_body .btm_body h3{font-size:18px;line-height:26px;}
	.fist_list_body .btm_body p{font-size:12px;line-height:22px;letter-spacing:1px;
		width:auto;}
	
	
	.address_list li{width:100%;height:250px;}
	.address_list li h3{font-size:18px;padding-bottom:20px;}
	.address_list li p{font-size:14px;line-height:24px;}
	
	.agent_btm_body{padding:100px 30px;}
	
	
	.about_details_body{padding-left:12px;padding-right:12px;}
	.about_details_body h3.tit{font-size:18px;}
	.about_details_body .details_con{width:auto;}
	.about_details_body .details_con h4.tit{font-size:14px;font-weight:bold;}


	.agent_btm_body p{font-size:14px;line-height:24px;}
	.agent_btm_body p a{font-size:14px;}

	.pro_details_top_body{padding-bottom:35px;}
	.pro_details_top_body .img_body{margin-bottom:30px;}
	.pro_details_top_body .change_img_body img{width:75px;height:75px;}
	.details_btm_body .tit{font-size:14px;margin-bottom:35px;}
	.details_con{min-height:auto;padding:30px 0 55px;}
	
	.search_details_body{padding:100px 0 0 0;}
	.search_details_body .search_out{margin-bottom:40px;}
	.search_details_body .tit{font-size:18px;margin-bottom:20px;color:#898989;}
	.search_details_body ul{margin-bottom:50px;}
	.search_details_body ul li{margin-bottom:10px;}
	
	#product_center_img .swiper-container{overflow:hidden;height:350px;}
	#product_center_img .swiper-slide img{height:100%;width:auto;left:50%;position:relative;
		transform: translateX(-50%);}
	
	.details_con_body{padding:50px 0;}
	.details_con_body img{width:100%;float:none;margin-top:20px;}
	
	.designer_center_body.s_2 .tit{padding-bottom:30px;margin-top:60px;font-size:20px;}
	
	
	
	.agent_new_body{padding:40px 0;}
	.agent_new_body .see_more{margin-top:30px;font-size:14px;}

	.agent_new_body .add_box h3{font-size:16px;}
	.agent_new_body .add_box p{font-size:14px;line-height:24px;}
	
	.pro_details_top_body .txt_body h3{font-size:14px;}
	.pro_details_top_body .txt_body h4{font-size:20px;}
	.pro_details_top_body .choose_body .tit{font-size:14px;}
	.pro_details_top_body .choose_body span{font-size:14px;}
	.pro_details_top_body .choose_body span p{font-size:14px;}
	.details_con .txt_body h3{font-size:14px;}
	.details_con .txt_body h4{font-size:20px;line-height:24px;margin:0;padding:9px 0 20px;}
	.details_con .txt_body{font-size:14px;line-height:22px;}

	.pro_details_top_body .txt_body h4{padding:9px 0;}
	.pro_details_top_body .choose_body .tit{margin-bottom:9px;}
	.txt_new{padding-bottom:22px;}
	.change_img_body{margin-top:9px;}
	
	.swiper-pagination-bullet{height:2px;}


	.new_list_c li{width:50%;padding-bottom:10px;}
	.new_list_c li p , .new_list_c li h3{font-size:15px;}
	
	.details_con_body.mb2.mb_new{padding-bottom:0;}
	
	.brand_list_body{padding:50px 0 10px;}
	.brand_list_body .in{padding:0px 10px 40px;}
	.brand_list_body .in h3{margin-bottom:10px;}
	.brand_list_body .in h3 , .brand_list_body .in p{font-size:15px;line-height:25px;}
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}