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

.contact{ width:100%; margin:auto; overflow:hidden; position:relative; margin-bottom:70px;}
.contact-1{ width:100%; margin:auto; border-bottom:solid 1px #ddd;}
.contact-1-m{ width:1520px; height:293px; margin:40px auto; overflow:hidden;}
.contact-map{ float:left; width:819px; height:293px; border:solid 2px #e6e6e6;}
.contact-con{ width:660px; height:293px; float:right;}
.contact-con-title{ width:100%; float:left;}
.contact-con-title h2{ float:left; width:100%; font-size:20px; color:#00a650;margin-bottom: 0;}
.contact-con-title p{ float:left; width:100%; font-size:12px; color:#00a650; text-transform:uppercase;}
.contact-fs{ width:100%; float:left;}
.contact-fs ul li{ width:92%; float:left; padding-left:8%; font-size:18px; color:#666; line-height:42px; margin-bottom:1.8%;}
.contact-fs ul li:nth-child(1){ background:url(../images/contact-1.png) left center no-repeat;}
.contact-fs ul li:nth-child(2){ background:url(../images/contact-2.png) left center no-repeat;}
.contact-fs ul li:nth-child(3){ background:url(../images/contact-3.png) left center no-repeat;}
.contact-fs ul li:nth-child(4){ background:url(../images/contact-4.png) left center no-repeat;}
.contacts-2{ width:1520px; margin:40px auto;}
.contacts-2 ul li{ width:30%; float:left; height:115px; margin-bottom:10px; margin-left:1.5%;}
.contacts-2 ul li h2{ color:#0005b7; font-size:20px;}
.contacts-2 ul li p{ color:#666; font-size:18px; line-height:26px;}
@media screen and (min-width:1360px) and (max-width:1520px) {
.contact-1-m{ width:98%;}
.contact-map{ width:54%;}
.contact-con{ width:44%;}
.contacts-2{ width:100%;}	
}
@media screen and (min-width:900px) and (max-width:1359px) {
.gd{ display:block;}
.contact-1-m{ width:98%; height:auto; margin:0 auto;} 
.contact-map{ width:100%; margin-top:5%;}	
.contact-map img{ width:100%;}
.contact-con{ width:100%; height:auto;}
.contacts-2{ width:100%; margin:15px auto;}
.contacts-2 ul li{ overflow:hidden;}
.contacts-2 ul li h2{ font-size:16px;}
.contacts-2 ul li p{ font-size:14px; line-height:22px;}
.contact-fs ul li{ width:48%; font-size:16px; margin-bottom:1%; display: flex; height:49px; align-items: left; justify-content: space-around; flex-direction: column; line-height:normal; padding-top:4%; padding-bottom:4%; padding-left:6%; }	
}
@media screen and (min-width:800px) and (max-width:899px) {
.gd{ display:none;}
.contact-1-m{ width:98%; height:auto; margin:0 auto;} 
.contact-map{ width:100%; margin-top:5%;}	
.contact-con{ width:100%; height:auto;}
.contact-con-title p{ text-transform:capitalize;}
.contact-fs ul li{ font-size:16px; height:49px; line-height:49px; }
.contacts-2{ width:100%; margin:5px auto;}
.contacts-2 ul li{ width:48%; border-bottom:solid 1px #ccc; margin-left:1%;}
.contacts-2 ul li h2{ font-size:18px;}
.contacts-2 ul li p{ font-size:14px;}
}
@media screen and (min-width:750px) and (max-width:799px) {
.gd{ display:none;}
.contact-1-m{ width:98%; height:auto; margin:0 auto;} 
.contact-map{ width:100%; margin-top:5%;}	
.contact-con{ width:100%; height:auto;}
.contact-con-title p{ text-transform:capitalize;}
.contact-fs ul li{ font-size:16px; height:49px; line-height:49px; }
.contacts-2{ width:100%; margin:5px auto;}
.contacts-2 ul li{ width:48%; border-bottom:solid 1px #ccc; margin-left:1%;}
.contacts-2 ul li h2{ font-size:18px;}
.contacts-2 ul li p{ font-size:14px;}
}
@media screen and (min-width:720px) and (max-width:749px) {
.gd{ display:none;}
.contact-1-m{ width:98%; height:auto; margin:0 auto;} 
.contact-map{ width:100%; height:auto; margin-top:5%;}	
.contact-con{ width:100%; height:auto;}
.contact-con-title p{ text-transform:capitalize;}
.contact-fs ul li{ font-size:16px; height:49px; line-height:49px; }
.contacts-2{ width:100%; margin:5px auto;}
.contacts-2 ul li{ width:98%; height:auto; border-bottom:solid 1px #ccc; margin-left:1%;}
.contacts-2 ul li h2{ font-size:18px;}
.contacts-2 ul li p{ font-size:14px;}
}
@media screen and (min-width:640px) and (max-width:719px) {
.gd{ display:none;}
.contact-1-m{ width:98%; height:auto; margin:0 auto;} 
.contact-map{ width:100%; height:auto; margin-top:5%;}	
.contact-con{ width:100%; height:auto;}
.contact-con-title p{ text-transform:capitalize;}
.contact-fs ul li{ font-size:16px; height:49px; line-height:49px; }
.contacts-2{ width:100%; margin:5px auto;}
.contacts-2 ul li{ width:98%; height:auto; border-bottom:solid 1px #ccc; margin-left:1%;}
.contacts-2 ul li h2{ font-size:18px;}
.contacts-2 ul li p{ font-size:14px;}
}
@media screen and (min-width:415px) and (max-width:639px) {
.gd{ display:none;}
.contact-1-m{ width:98%; height:auto; margin:0 auto;} 
.contact-map{ width:100%; height:auto; margin-top:5%;}	
.contact-con{ width:100%; height:auto;}
.contact-con-title p{ text-transform:capitalize;}
.contact-fs ul li{ font-size:16px; height:49px; line-height:49px; }
.contacts-2{ width:100%; margin:5px auto;}
.contacts-2 ul li{ width:98%; height:auto; border-bottom:solid 1px #ccc; margin-left:1%;}
.contacts-2 ul li h2{ font-size:18px;}
.contacts-2 ul li p{ font-size:14px;}
}
@media screen and (min-width:376px) and (max-width:414px) {
.gd{ display:none;}
.contact-1-m{ width:98%; height:auto; margin:0 auto;}
.contact-map{ width:100%; height:auto; margin-top:5%;}	
.contact-con{ width:100%; height:auto;}
.contact-con-title p{ text-transform:capitalize;}
.contact-fs ul li{ font-size:14px; display: flex; height:44px; align-items: left; justify-content: space-around; flex-direction: column; line-height:normal; padding-top:4%; padding-bottom:4%; padding-left:13% !important;letter-spacing: -0.5px;}
.contacts-2{ width:100%; margin:5px auto;}
.contacts-2 ul li{ width:98%; height:auto; border-bottom:solid 1px #ccc; margin-left:1%;}
.contacts-2 ul li h2{ font-size:18px;}
.contacts-2 ul li p{ font-size:14px;}
}
@media screen and (min-width:320px) and (max-width:375px) {
.gd{ display:none;}
.contact-1-m{ width:98%; height:auto; margin:0 auto;}
.contact-map{ width:100%; height:auto; margin-top:5%;}	
.contact-con{ width:100%; height:auto;}
.contact-con-title p{ text-transform:capitalize;}
.contact-fs ul li{ font-size:14px; height:49px; display: flex; align-items: left; justify-content: space-around; flex-direction: column; line-height:normal; padding-top:4%; padding-bottom:4%; padding-left:16% !important;}
.contacts-2{ width:100%; margin:5px auto;}
.contacts-2 ul li{ width:98%; height:auto; border-bottom:solid 1px #ccc; margin-left:1%;}
.contacts-2 ul li h2{ font-size:18px;}
.contacts-2 ul li p{ font-size:14px;}
}