@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1024px) {} 
 
 /*iPad  landscap view*/
@media only screen and (max-width:979px) {

	.warraper{ width:750px; }	
	
	.menu ul li a { padding: 6px 44px 8px; }
	.menu  li ul {width:200px;}
	.search-box {padding:100px 0 40px 493px;}
	.banner {width: 100%;}
	
	.middle-part {width: 100%;}
	.contact_info, .arteline_slider, .arteline_slid_right_img{ width: 100%;}
	.arteline_slid_left_img{display:none;}
	
	.co_icon {padding: 0 0 0 5px;}
	.co_icon ul li { padding: 5px 0 0;width: 246px;}
	
	.co_icon ul li a {padding: 0 0 0 40px;}
	.slide_img { width: 100%;}
	
	.contant_middle { width: 99%;}
	.middle-part p { padding-bottom:10px;}
	
	.footer ul{margin:0px; padding:0px; text-align:center; margin-top:15px;}
	.footer ul li{width:auto; padding-right:20px; float:none; display:inline-block;}
	.footer ul li a{padding-left:20px;}
	
	.slid_right_bottom_left{width:100%; margin:0px; padding:10px 0 10px 10px; float:left;}
	.slid_right_bottom_left a{padding-left:0px;}
	.slid_right_bottom_right{width:100%; float:left;}
	.arteline_slider{overflow:hidden;}
	.contact_info{width:100%;}
	
	.slide_img img{width:100%;}
	
	.co-map{width:55%;}
	.co-map img{width:100%;}
	.co-add h1{padding-top:65px;}
	
	.slid_right_right{width: 545px;}

}


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

.warraper{ width:100%;}
.h-part { padding: 0 0 75px;}

.logo {  float: none; padding: 20px 0 0 0; width: 100%; text-align:center;}

.icon_right {float: none; padding:0; width: 100%;}
.icon_right ul{width:256px; margin:0px auto;}

.search-box{margin:0px; padding:0px;}
.search-box form{width:260px; margin:0px auto; padding:50px 0px;}

/*---Navigation---*/
nav { margin-top: 10px; text-align: center; width:100%;}
nav select { display: inline-block; border:1px solid #CCC; padding:5px; width:260px; }	
.menu{ display:none; }
/*---End Navigation---*/

.banner { width: 90%; margin:0px auto;}
.middle-part{width:90%; margin:0px 5%;}


.co_icon ul li { padding: 5px 0 0;width: 49%;}

.slide_img { width: 100%;}

.co_icon ul li a { padding: 0 0 0 40px;}

.footer ul{margin:0px; padding:0px; text-align:center; margin-top:15px;}
.footer ul li{width:auto; padding-right:10px; float:none; display:inline-block;}
.footer ul li a{padding-left:10px;}

.co-map{width:100%;}
.co-map img{width:100%;}
.co-add h1{padding-top:30px;}
.co-add{float:left; width:100%;}
.co-add h2, .co-add a{text-align:left;}
.co-add a{float:left; width:100%; margin:0px; padding:0px 0px 20px 0px;}


	 
}

 
@media screen and (max-width: 479px) {
	.co_icon ul li { padding:5px 0 0; width: 98%;}

	 
}