@import url("../../webfonts/AchilleFY_Black/stylesheet.css");
@media only screen  and (max-width:1020px) {
.container{
	width: 98%;
	font-family: AchilleFY-Black;
}
header{width:100%;}
nav{width:84%;}
nav ul li a{padding:17px 14px 17px 19px;}
nav ul li ul{width:25%;}
.logo{position:static;width:43%;}
.logo a img{width:100%;height:auto;}
.social_icons{margin:11% 0 8px 0;}
.ban_text{display:none;}
.banner{
	width: 100%;
	margin: 0 auto 15px;
	font-family: AchilleFY-Black;
}
.banner img{width:100%;height:auto;}
.list{width:100%;}
.list ul{width:47%;}
.padd{width:49% !important;}
.aboutus{width:100%;}
.aboutus_left{width:23%;}
.aboutus_left span img{width:23%; height:auto;
 min-height: 200px;
    min-width: 200px;
margin-bottom: 24px;
}
.aboutus_right{width:73%;}
.glen{
	width: 100%;
	font-family: 'achille_fyregular';
}
.glen_left{
	width: 65%;
	font-family: 'achille_fyregular';
	color: #5d565c;
	font-size: 19px;
	line-height: 29px;
}
.glen_right{width:33%;margin:0 0 0 1%;}
.glen_right span img{width:100%;height:auto;}
.what_happen{width:100%;}
.what_happen ul{margin:0 0 0 5%;width:87%;}
.contacts{width:100%;}
.contacts_left{width:40%;}
.contact_form{width:95%;}
.map{width:97%;}
.contacts_right{width:50%;}
.work{width:100%;}
.work_left{width:55%;}
.work_right{width:43%;margin:0 0 0 2%;}
.work_right span img{width:100%;height:auto;}
.work_right em img{width:100%;height:auto;}

.process{width:100%;}
footer{
	width: auto;
	margin: 0 auto;
}
.footer_in{width:83%;margin:0 auto;}
.footer_in ul li{
	font-size: 14px;
	font-family: AchilleFY-Black;
}
.pad1{
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10;
	padding-left: 0;
}

/*--------------------------------- INNER PAGE1------------------------------*/
.gallery{
	width: 100%;
	margin: 12px 0 0 0;
	font-family: AchilleFY-Regular;
}
.gallery_left{width:33%;}
.gallery_left a img{width:90%;height:auto;}
.gallery_left em img{width:90%;height:auto;}
.gallery_left a span{width:90%;height:98%;}
.gallery_right{width:65%;float:left;margin:4px 0 0 2%;}
.gallery_right ul li{width:46%;margin:0 8% 16px 0;}
.gallery_right ul li a img{width:100%;height:auto;}
}
@media only screen  and (max-width:870px) {
.footer_in{width:97%;margin:0 auto;}
}
@media only screen  and (min-width:768px) {
nav{display:block !important;}

}
@media only screen  and (max-width:767px) {
header{border-bottom: 4px solid #000000;}
.social_icons{margin:8% 0 0 0;}
.menu_btn{display:block; float:none;margin:7px auto;text-align:center;width:40px;}
nav{margin:0px 0 0 0;display:none;position: relative;left: 0;top:0;text-align: center;width: 100%;background:#0b0806;padding:0;}
nav ul{display:block;float:none;margin:0 auto;clear:both;}
nav ul li{padding:0px 0 3px 0;margin:0 auto;display:block;border:0;float:none; background:#000;position:relative;}
nav ul li a{
	font-size: 15px;
	color: #fff;
	display: block;
	padding: 10px 14px 10px 19px;
	font-family: AchilleFY-Black;
}
.list ul{width:100%;margin:0 auto;float:none;}
.padd{width:100% !important;margin:0 auto;}
.aboutus_left{width:100%;float:none;display:block;margin:0 auto;text-align:center;padding:0 0 15px 0;}
.aboutus_right{
	width: 100%;
	float: none;
	/*display: none;*/
	margin: 0 auto;
}
.aboutus_right p{
	padding: 0 0 0 6px;
	color: #5d565c;
}
.glen_left{width:100%;float:none;margin:0 auto;display:block;}
.glen_right{width:100%;float:none;margin:0 auto;display:block;text-align:center;}
.glen_left p{padding:0 9px 29px 6px;}
.contacts_left{width:100%;margin:0 auto;display:block;float:none;}
.contacts_right{width:100%;margin:0 auto;display:block;float:none;}
.work_left{width:100%;margin:0 auto;display:block;float:none;}
.work_right{width:100%;margin:0 auto;display:block;float:none;}
.process{
	padding: 0 0 50px 0;
	font-family: AchilleFY-Regular;
}
.list ul li{padding:0 0 19px 0;}
.footer_in ul li{
	float: none;
	display: block;
	text-align: left;
	padding: 0 7px 8px 40px;
	font-family: AchilleFY-Black;
	font-size: 12px;
	width: auto;
}
.pad1{
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 37px;
}
.pad2{padding:0 0px 0 39px !important;}

nav ul li:hover a{color:#000;}
nav ul li ul{width:100%;text-align:center;position:relative;top:0;left:0;  display:none;background:#000 !important;color:#fff;}
nav ul li ul li  a{color:#fff;}
nav ul li:hover ul                          {display:none;}
nav ul li ul li a{padding:6px 0px 6px 0px !important;}
nav ul li:hover ul li                          {background:#000;color:#fff;}
nav ul li:hover ul li a                    {background:#000;color:#fff;}
nav ul li ul li:hover a{background:#eee;color:#000;}
.contact_form ul li .text_field{width:92%;padding:5px 2% 6px 2%}
.contact_form ul li .comt-box{width:92%;padding:10px 2% 10px 2%;}

/*--------------------------------- INNER PAGE1------------------------------*/
.gallery_left{width:auto;float:none;margin:0 auto 10px;display:block;text-align:center;}
.gallery_right{width:auto;float:none;margin:0 auto;display:block;text-align:center;}
.gallery_right ul li{float:none;width:auto;display:block;margin:8px 0 12px 0 !important;}
.gallery_right ul{width:auto;text-align:center;}
.gallery_left a img{width:auto;height:auto;}
.gallery_left a span{width:100%;height:99%;}
.gallery_left em img{width:auto;height:auto;}
.gallery_left a{display:inline-block;}
@media only screen  and (max-width:479px) {
.logo{float:none;width:100%;display:block;margin:0 auto 15px;text-align:center;}
.social_icons{float:none;display:block;margin:0 auto;text-align:center;padding:0 0 8px 0;}
.list ul li a{font-size:15px;height:45px;}
.aboutus_right h4{font-size:21px;line-height:29px;}
.aboutus_right p{font-size:16px;line-height:26px;}
.glen_left p{font-size:16px;line-height:26px;}
.what_happen h2{font-size:27px;line-height:33px;padding:6px 0 27px 127px;}
.what_happen ul li em{font-size:18px;}
.what_happen ul li p{font-size:17px;}
.work_left h2{font-size:24px;}
.work_left p{font-size:17px;line-height:27px;}
.process ul li{font-size:17px;}
nav ul li a{font-size:13px;}
.process{padding:0 0 35px 0;}