* {
margin: 0; 
padding: 0; 
}
body{background:#fff;font-family: 'Noto Sans', sans-serif !important; font-size:17px;}
a{ text-decoration:none; } a:hover{ text-decoration:none !important;}
img{ border:none; outline:none; max-width:100%;}
input, textarea{ border:none; outline:none; background:none; margin:0; padding:0; }
ul,ol{ margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5, h6{ margin:0; font-weight:normal; padding:0; }
p{ padding:0; margin:0; }
@font-face {
font-family: 'noto_sanscondensed_black';
src: url(//tricounty-paving.com/wp-content/themes/tcp/assets/fonts/notosans-condensedblack-webfont.woff2) format('woff2'),
url(//tricounty-paving.com/wp-content/themes/tcp/assets/fonts/notosans-condensedblack-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
::-webkit-input-placeholder { color:#000; opacity: 1 !important;}
:-moz-placeholder {color:#000;opacity: 1 !important;  }
::-moz-placeholder {color:#000;opacity: 1 !important;  }
#wrapper{
width:100%;
}
.container{
max-width:1310px;
width:100%;
}
.carousel-indicators-numbers li{
text-indent: 0;
margin: 0 2px;
width: 30px;
height: 30px;
border: none;
border-radius: 100%;
line-height: 30px;
color: #fff;
background-color: #999;
transition: all 0.25s ease;
}
.carousel-indicators-numbers li     &.active{
margin: 0 2px;
width: 30px;
height: 30px;
background-color: #337ab7;        
}
.banner-sec .carousel-indicators {
bottom: 65px !important;
}
.ingerpageinfo h3 {
color: #55b345;
font-weight: 700;
margin-top: 0;
}
.about-sec{
background:url(//tricounty-paving.com/wp-content/themes/tcp/assets/images/img-3.png),url(//tricounty-paving.com/wp-content/themes/tcp/assets/images/img-4.jpg);
background-position: left center, 97% center;
background-repeat: no-repeat, no-repeat;
background-size: 350px;
}
.cd-top { right: 40px;  z-index: 999;  bottom: 0;   background: url(//tricounty-paving.com/wp-content/themes/tcp/assets/images/top-btn.png) no-repeat scroll 0 0;  font-size: 0;
width: 100%;  height: 80px;  visibility: visible !important;  opacity: 0;  transition: 0.4s;  position: absolute;  top: 0px;}
.cd-top.cd-is-visible {  visibility: visible;   opacity: 1;   transition: 0.4s;}
.learn-more{ width:100%; float:left; text-align:center;}
.learn-more a{padding: 10px 25px;margin: 30px 0 0;    font-weight: 700;text-decoration:none; float:none; display:inline-block;  font-size:16px;border-radius:4px; background:#55b345; color:#fff;}
.learn-more a:hover { background: #000;  text-decoration: none;  color: #fff;}
.top-header{ width:100%; float:left;
background:url(//tricounty-paving.com/wp-content/themes/tcp/assets/images/header-bg.jpg) no-repeat;
background-position:center center;
background-size:cover;
}
.top-header .logo { width: auto;    position: relative; float: left; padding:20px 0}
.top-header .logo a img { width: 100%;}
.top-header .bottom-header { width: 100%;  float: left;}
.top-header .bottom-header ul.social-icon-01 { width: 100%;  float: left;  margin: 40px 0 0;}
.top-header .bottom-header ul.social-icon-01 li{ list-style:none; float:left; margin-right:15px;}
.top-header .bottom-header .call-sec{    margin: 12px 0 11px; width:auto;padding-right:0px; float:right;}
.top-header .bottom-header .call-sec a {color: #000; transition:0.5s;text-decoration: none; font-size: 20px;  font-weight: 700;  position: relative;  background: url(//tricounty-paving.com/wp-content/themes/tcp/assets/images/ph.png) 0px no-repeat;    padding-left: 23px;}
.top-header .bottom-header ul.menu {
width: 100%;
float: right;
margin: 0;
position: relative;
padding: 0;
text-align: right;
}
.top-header .bottom-header ul.menu li{       vertical-align: top;  position: relative;list-style:none; float:none; display:inline-block; padding:10px 22px; }
.top-header .bottom-header ul.menu li a{ transition:0.5s;text-decoration:none;  line-height: 34px;font-size:14px; font-weight:700; color:#fff; float:left; color:#fff;}
.top-header .bottom-header ul.menu li a:hover{ color:#000;transition:0.5s;}
.top-header .bottom-header ul.menu li:last-child{padding-right:0;}
.top-header .bottom-header ul.menu li.current-menu-item > a{ color:#000;}
ul.sub-menu { position: absolute;    z-index: 99;    text-align: left; top: 100%;  left: 0;  width: 200px; display:none; transition:0.5s;  background: #55b345;}
ul.sub-menu li{ list-style:none; float:left; width:100%;padding:0 5px; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
ul.sub-menu li a{     line-height: normal !important;text-decoration:none; float:left; width:100%;}
ul.sub-menu li a:hover{ padding:0 10px;}
.top-header .bottom-header ul.menu li:hover ul.sub-menu{ display:block;transition:0.5s; }
ul.sub-menu li:hover{ background:#000;}
ul.sub-menu li:hover a{ color:#fff !important;}
.banner-sec{ width:100%; float:left;    position: relative;}
.banner-sec img{ width:100%; max-width:535px}
.banner-sec:after { position: absolute; right: 0; content: ""; background: url(//tricounty-paving.com/wp-content/themes/tcp/assets/images/img-2.png) no-repeat; width: 50%; bottom: 0;
height: 37px; background-size: 100% 100%;}
.banner-sec .banner-text { width: 100%;  float: left;  width: 100%; text-align: center;  margin: auto;
}
.banner-sec .banner-text h3{ width:100%; font-size:34px; float:left; text-align:center; color:#fff; font-weight:400;}
.banner-sec .banner-text h2{ width:100%;     letter-spacing: 7px; font-family: 'noto_sanscondensed_black';font-size:60px;float:left; text-align:center; color:#fff; font-weight:700; text-transform:uppercase;}
.about-sec {
width: 100%;
float: left;
padding: 1% 0 4%;
}
.about-sec .col-lg-3 {  padding: 0;}
.about-sec .img-sec{padding:55px 0 0}
.about-sec .content-detail {  width: 100%;  float: left;  text-align: center;  padding: 55px 0;}
.innercontainer{
float:none;
margin:0 auto;
max-width:670px;
width:100%;
}
.about-sec .content-detail h2{ width:100%; float:left; text-align:center;    margin: 30px 0 0; font-weight:700; font-size:40px;letter-spacing:6px;color:#000; text-transform:uppercase;}
.about-sec .content-detail p {
width: 100%;
float: left;
text-align: center;
margin: 18px 0 0px;
line-height: 32px;
color: #000;
font-size: 18px;
}
.about-sec .right-sec { float: right;  margin-right: 25px;}
.expert-sec{      padding: 0 0 50px;  margin-top: -30px; width:100%; float:left; background:url(//tricounty-paving.com/wp-content/themes/tcp/assets/images/image1.png)no-repeat; background-size:100% 100%; background-position: center center;}
.expert-sec .right-sec { width: auto;  float: right;}
.expert-sec .right-sec ul.form-sec { width: 85%;  float: right;  margin: 0;  padding: 70px 0 0;  margin: 30px 0;}
.expert-sec .right-sec  ul.form-sec li{ list-style:none;     margin: 0 0 14px;float:left; width:49%;}
.expert-sec .right-sec  ul.form-sec li:nth-child(odd){ float:left;}
.expert-sec .right-sec  ul.form-sec li:nth-child(even){ float:right;}
.expert-sec .right-sec  ul.form-sec li textarea{width:100%; float:left; background:#fff; padding:10px; height:60px;}
.expert-sec .right-sec  ul.form-sec li input{ width:100%; float:left; background:#fff; padding:0 10px; height:35px;}
.expert-sec .right-sec ul.form-sec li select { height: 35px;  width: 100%;  padding: 0 10px;}
.expert-sec .right-sec ul.form-sec li:nth-child(5) {  width: 100%;}
.expert-sec .right-sec ul.form-sec li input[type="submit"] {background: #55b345 !important; font-size: 15px; font-weight: 400; float: left;
color: #fff; text-transform: capitalize;  padding: 5px 30px;  border-radius: 4px; border:2px solid transparent;}
.expert-sec .right-sec ul.form-sec li input[type="submit"]:hover {border: 2px solid #55b345 !important;  background: none !important;}
.expert-sec .right-sec ul.form-sec li:last-child{ width:auto; float:left;}
.expert-sec .left-sec { width: 80%;     margin: 30px 0 0;     position: relative;float: left;  background: #55b345;  padding: 80px 0;}
.expert-sec .left-sec:before { position: absolute;  content: "";  height: 100%; border-left: 9998px solid #55b345;  left:-9997px;    top: 0;}
.expert-sec .left-sec:after {position: absolute; right: -114px;  content: ""; background: url(//tricounty-paving.com/wp-content/themes/tcp/assets/images/side-icon.png) no-repeat; height: 100%;
background-size: 100% 100%;  width: 114px;  top: 0;}
.expert-sec .left-sec h2 { color: #fff; text-transform: uppercase;  font-size: 34px;  font-weight: 700;   margin: 0;}
.expert-sec .left-sec h4 { color: #000; font-weight: 700;font-size: 24px;}	
.our-service{ width:100%; float:left;    padding: 50px 0 13%;}
.our-service h2{ width:100%; float:left; text-align:center;    margin: 30px 0 0; font-weight:700; font-size:40px;letter-spacing:6px;color:#000; text-transform:uppercase;}
.our-service ul.service-deatil{ width:100%; float:left; margin:50px 0 0;}	
.our-service ul.service-deatil li{ list-style:none; float:left;}
.our-service ul.service-deatil li .service-img{position:relative;width:100%; float:left;}
.our-service ul.service-deatil li .service-img img{ width:100%;}
.our-service ul.service-deatil li .service-img:after{position: absolute; content:""; left:0; width:0%; transition:width 0.5s; height:100%; top:0; background:rgba(85, 179, 69, 0.5);}
.our-service ul.service-deatil li .service-img:hover:after{ width:100%; transition:width 0.5s;}	
.our-service ul.service-deatil li .overlay { position: absolute; left: 13px;  bottom: 43px;   z-index: 99999;   }
.our-service ul.service-deatil li .overlay h5{ transition:0.5s; background: url(//tricounty-paving.com/wp-content/themes/tcp/assets/images/heading.png) no-repeat;      background-size: cover;  position: relative;font-weight: 700;  padding: 10px 40px; margin:0;  font-size: 18px;  text-transform: uppercase;    color: #fff; }	
.our-service ul.service-deatil li:hover h5{ background: url(//tricounty-paving.com/wp-content/themes/tcp/assets/images/hover-heading.png) no-repeat; background-size: cover;  }
footer {  width: 100%;  float: left;    position: relative;  background: url(//tricounty-paving.com/wp-content/themes/tcp/assets/images/footer-img.png) no-repeat;  background-size: cover;  padding: 20px 0 35px;
background-position:center center;
}
footer:after { position: absolute;  right: 0;  bottom: 0;  content: "";  background: url(//tricounty-paving.com/wp-content/themes/tcp/assets/images/black-img.png) no-repeat;
height: 48px;  width: 42%;  background-size: cover;}
footer .footer-img {  margin-top: -36%;}
footer .right-content {  width: 100%;  float: left;  text-align: left;  margin-top: -9%;  margin-left: 30px;}
footer .right-content h3 {  font-size: 24px;  font-weight: 700;   color: #000;  width: 100%;  float: left;   margin: 0;}
footer .right-content h3 span{ color:#55b345;}
footer .right-content h4{ width:100%; float:left;    margin: 45px 0 0; color:#fff; font-size:30px;font-weight:700;}
footer .right-content h4 span{color:#55b345; width:100%; float:left;}
footer .right-content h4 span a{ text-decoration:none; color:#55b345;}
.bottom-footer{ width:100%; float:left; background:#000; padding:50px 0; margin-top:-4px}
.bottom-footer h3 {color: #868686;  font-size: 20px;  margin: 0;   width: 100%; float:left;}
.bottom-footer p{ width:100%; float:left; margin:40px 0 0; color:#fff; font-size:15px;font-weight:400;}
.footer-sec{ width:100%; float:left; background:#55b345; padding:15px;}
.footer-sec h3 {  font-size: 15px; color: #fff;  width: 100%;  float: left;  text-align: center;  margin: 10px 0;}
.footer-sec h3 a{ text-decoration:none; color:#000;}
ul.social-icon { width: 100%;  float: left;  margin: 40px 0 0;}
ul.social-icon li{ list-style:none; float:left; margin-right:15px;}
.navbar-toggle {  background: #55b345 !important;  margin: 0 0 10px!important;   float: none !important;}
.navbar-toggle .icon-bar{background: #000!important;}
.navbar-collapse{ width:100% !important; padding:0 !important;}
.slideimage{
float:left;
width:100%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.slide-overlay{
float:left;
width:100%;
background:rgba(0,0,0,0.5);
padding:10% 0 17%;
}
.undeslider img{
float:left;
width:100%;
}
.undeslider {
float: left;
width: 100%;
margin-top: -30px;
position: relative;
z-index: 999;
}
.containerFotter{
max-width:900px;
width:100%;
margin:0 auto;
float:none;
padding:0 15px;
}
.top-btn {
position: absolute;
bottom: 50px;
right: 80px;
}
.bottom-footer{
position:relative;
}
.cfrom {
float: left;
width: 100%;
background:#55b345;
padding: 25px;
margin-top: 20px;
border: 5px solid #000;
box-shadow: 4px 4px 4px #55b345;
}
.cfrom .form-control{
border:none;
box-shadow:none !important;
background:#fff;
border-radius:0px;
}
.csubmit {
color: #fff;
background: #000;
padding: 10px 34px;
font-size: 16px;
border-radius: 5px;
}
.wpcf7-response-output {
float: left;
width: 100%;
color: #fff;
}
.PageBanner{
float:left;
width:100%;
background-position:bottom center;
background-repeat:no-repeat;
background-size:cover;
}
.bannerOverlay{
float:left;
width:100%;
background:rgba(0,0,0,0.5);
padding:5% 0;
}
.bannerOverlay h2{
float:left;
width:100%;
text-align:center;
color:#fff;
font-size:40px;
font-family: 'noto_sanscondensed_black';
}
.ingerpageinfo {
float: left;
width: 100%;
padding: 5% 0 20%;
}
.ingerpageinfo img {
float: right;
max-width: 590px;
border: 8px solid #55B345;
box-shadow: 5px 5px 9px #000;
margin-left: 20px;
margin-bottom: 20px;
width:100%;
}
.ingerpageinfo p {
font-size: 18px;
line-height: 30px;
color: #000;
}
.map{
float:left;
width:100%;
}
.map iframe{
float:left;
width:100%;
height:500px;
}
.ingerpageinfo .expert-sec .right-sec ul.form-sec {
width: 100%;
float: right;
margin: 0;
padding: 4%;
margin: 30px 0;
}
.cinfo p{
color:#fff;	
padding: 4% 4% 0 4%;
}
.context {
height: 124px !important;
}
.ingerpageinfo.contactiner img {
border: none;
box-shadow: none;
width: auto;
margin: 0;
vertical-align: middle;
float: none;
}
.contactAddress {
float: left;
width: 100%;
background: #000;
color: #fff;
border: 5px solid #55B345;
padding: 20px;
}
.contactAddress ul.social-icon {
margin: 10px 0 0;
}
.contactAddress p{
color: #fff;
}
.follow {
float: left;
width: 100%;
margin-top: 30px;
}
.ingerpageinfo.contactiner{
float: left;
width: 100%;
padding: 5% 0 10%;
}
.map iframe {
position: relative;
bottom: -38px;
}
@media(min-width:1441px){
.headerouter{
width:100%; float:left;
background:url(//tricounty-paving.com/wp-content/themes/tcp/assets/images/header-bg.jpg) no-repeat;
background-position:center center;
background-size:cover;	
}
.top-header{
background-size:contain;
}
.about-sec {
width: 100%;
float: left;
padding: 1% 0 2%;
}
}
@media(min-width:1300px) and ( max-width:1399px ){
.top-header .bottom-header ul.menu li a {    line-height: 34px;}
.top-header .bottom-header ul.menu li {  padding: 10px 22px;}
.top-header .bottom-header .call-sec { padding-right: 0px;}
.about-sec .content-detail p { margin:10px 0 0;  line-height: 33px;   font-size: 18px;}
.expert-sec {margin-top: -50px;}
.expert-sec .left-sec{ width:100%;}
.our-service {    padding: 50px 0 16%;}
footer .right-content h4 {    margin: 60px 0 0;}
.bottom-footer{ margin-top:-10px;}
footer:after {bottom: -6px;}
.about-sec {
width: 100%;
float: left;
padding: 1% 0 7%;
}	
}
@media(min-width:1200px) and ( max-width:1299px ){
.top-header .bottom-header .call-sec {padding-right: 17px;}
.top-header .bottom-header ul.menu li{ padding:10px 10px;}
.top-header .bottom-header ul.menu li a{ font-size:12px;}
.about-sec .content-detail p { margin: 29px 0 0;  line-height: 27px;   font-size: 16px;}
.expert-sec {margin-top: -58px;}
.expert-sec .left-sec{ width:100%;}
.our-service {    padding: 50px 0 16%;}
footer .right-content h4 {    margin: 60px 0 0;}
.bottom-footer{ margin-top:-10px;}
footer:after {bottom: 1px;}
.expert-sec .left-sec:after {  right: -125px;  width: 125px;}
.expert-sec .right-sec {  width: 88%;  float: left;}
.top-header .container {  width: 1220px;}
.top-header .bottom-header .call-sec {  margin: 9px 0;}
}
@media ( min-width:1025px ) and ( max-width:1199px ){
.top-header .logo {  width: 100%;   background: #000; text-align:center;}
.top-header .logo img {  width: auto !important;   float: none;   display: inline-block;}
.top-header .bottom-header .call-sec {  width: 100%;   padding-right: 0;   float: right;}
.top-header .bottom-header {  width: 100%;  float: left;   text-align: center;}
.about-sec .content-detail p {  margin: 20px 0;   line-height: 30px;    font-size: 15px;}
.learn-more a {  padding: 5px 15px;margin: 0;}
.about-sec .content-detail{ padding:0;}
.expert-sec {margin-top: -70px;}
.expert-sec .left-sec h2{ font-size:25px;}
.expert-sec .left-sec h4{ font-size:20px;}
.expert-sec .left-sec{ width:95%;}
.our-service ul.service-deatil li .overlay h5{ padding:10px;}
.bottom-footer{ margin-top:-10px;}
footer:after{ bottom:1px;     height: 40px;}
footer .right-content h3{ font-size:18px;}
footer .right-content h4{ font-size:25px;}
footer .right-content{ margin-top:-4%;}
.top-header .bottom-header ul.menu:before{ display:none;}
.banner-sec .banner-text{top:85px;}
.top-header .logo:after {
position: absolute;
right: -9997px;
content: "";
border-right: 9998px solid #000;
height: 100%;
}
.top-header .bottom-header ul.menu:after{
display:none;
}
}
@media(max-width:1199px){
.top-header {
background: #55B345;
}
.top-header .logo::after {
position: relative;
right: auto;
content: none;
border-right: 0;
height: auto;
}
}
@media ( min-width:992px ) and ( max-width:1024px ){
.top-header {
background: #55B345;
}
.top-header .logo {  width: 100%;   background: #000; text-align:center;}
.top-header .logo img {  width: auto !important;   float: none;   display: inline-block;}
.top-header .bottom-header .call-sec {  width: 100%;   padding-right: 0;   float: right;}
.top-header .bottom-header {  width: 100%;  float: left;   text-align: center;}
.about-sec .content-detail p {
margin: 0px 0 15px;
line-height: 28px;
font-size: 18px;
}
.learn-more a {  padding: 5px 15px;margin: 0;}
.about-sec .content-detail{ padding:0;}
.expert-sec {margin-top: -70px;}
.expert-sec .left-sec h2{ font-size:25px;}
.expert-sec .left-sec h4{ font-size:20px;}
.expert-sec .left-sec{ width:95%;}
.our-service ul.service-deatil li .overlay h5{ padding:10px;}
.bottom-footer{ margin-top:-10px;}
footer:after{ bottom:1px;     height: 40px;}	
footer .right-content h3{ font-size:18px;}
footer .right-content h4{ font-size:25px;}
footer .right-content{ margin-top:-4%;}
.top-header .bottom-header ul.menu:before{ display:none;}
.banner-sec .banner-text{top:85px;}
.our-service ul.service-deatil li .overlay{ width:80%;}
.top-header .bottom-header ul.menu:after{ display:none;}
.top-header .bottom-header ul.menu{
text-align:center;
}
.about-sec {
padding: 3% 0 9%;
}
.about-sec .content-detail h2 {
margin: 0 0 34px;
}
.about-sec{
background-size:245px
}
footer .right-content h4{
margin-top:40px;
}
footer .right-content h3{
margin-top:-30px;
}
.innercontainer{
max-width:500px;
}
}
@media ( min-width:768px ) and ( max-width:991px ){
.top-header .logo {  width: 100%;   background: #000; text-align:center;}
.top-header .bottom-header ul.menu li{ padding:10px 8px;}
.top-header .bottom-header ul.menu li a{ font-size:14px;}
.top-header .logo img {  width: auto !important;   float: none;   display: inline-block;}
.top-header .bottom-header .call-sec {  width: 100%;   padding-right: 0;   float: right;}
.top-header .bottom-header {  width: 100%;  float: left;   text-align: center;}
.about-sec .content-detail p {
margin: 0 0 18px;
line-height: 26px;
font-size: 16px;
}
.about-sec .content-detail h2 {
margin: 30px 0 20px;
}
.learn-more a {  padding: 5px 15px;margin: 0;}
.about-sec .content-detail{ padding:0;}
.expert-sec {margin-top: 0px;}
.expert-sec .left-sec h2{ font-size:25px;}
.expert-sec .left-sec h4{ font-size:20px;}
.expert-sec .left-sec {  width: 100%;  text-align: center;     margin: 0; padding: 30px 0;}
.our-service ul.service-deatil li .overlay h5{ padding:10px;}
.bottom-footer{ margin-top:-10px;    text-align: center;}
footer:after{ bottom:0px;     height: 40px;}	
footer .right-content h3{ color: #fff;font-size:18px;}
footer .right-content h4{ font-size:25px;}
footer .right-content {  margin-top: 0;  margin: 0;}
.top-header .bottom-header ul.menu:before{ display:none;}
.banner-sec:after{display:none;}
.banner-sec .banner-text {  position: static;   text-align: center;  height: auto;     padding: 0 0 70px;}
.banner-sec .banner-text h2{ margin:0; font-size:45px;}
.about-sec .right-sec { float: none;  margin-right: 0;  display: inline-block;   width: 100%;  float: left;   text-align: center;}
.expert-sec .left-sec:after{ display:none;}	
.expert-sec .left-sec:before{ display:none;}
.expert-sec .right-sec ul.form-sec{ width:100%; padding:20px 0 0;}
.our-service ul.service-deatil {  width: 60%;  float: none;   display: inline-block;}
.our-service ul.service-deatil  li{ margin:10px 0 0;}
.our-service{ text-align:center;    padding: 50px 0 33%;}
.bottom-footer h3 {  color: #868686;  font-size: 20px;   margin: 20px 0 0;   width: 100%;    float: left;}
.bottom-footer p{ margin:20px 0 0;}
ul.social-icon {  margin: 20px 0 0;    text-align: center;}
ul.social-icon li {  list-style: none;  float: none;  margin-right: 15px;   display: inline-block;}
.our-service ul.service-deatil li .overlay{ width:80%;}
.cd-top {  left: 0;  padding: 0 0 20px;   right: 0;   margin: auto;}
.top-header .bottom-header ul.menu:after{ display:none;}
.carousel-indicators {
bottom: 20px !important;
}
.about-sec{
background:#fff;
}
.top-header .bottom-header ul.menu{
text-align:center;
}
footer{
background-position: bottom left;
}
.cfrom{
margin-bottom:35%;
}
}
@media(max-width:991px){
.ingerpageinfo img{
max-width:100%;
}
.ingerpageinfo.contactiner .contactAddress p {
color: #fff;
}
}
@media ( max-width:767px ){
.cd-top {  left: 0;  padding: 0 0 20px;   right: 0;   margin: auto;}
.top-header .logo {  width: 100%;   background: #000; text-align:center;}
.top-header .bottom-header ul.menu li{ padding:10px 12px;}
.top-header .logo img {  width: auto !important;   float: none;   display: inline-block;}
.top-header .bottom-header .call-sec {  width: 100%;   padding-right: 0;   float: right;}
.top-header .bottom-header {  width: 100%;  float: left;   text-align: center;}
.about-sec .content-detail p {  margin: 10px 0 5px; line-height: 24px;    font-size: 15px;}
.learn-more a {  padding: 5px 15px;margin: 0;}
.about-sec .content-detail{ padding:0;}
.expert-sec {margin-top: 0px;}
.expert-sec .left-sec h2{ font-size:25px;}
.expert-sec .left-sec h4{ font-size:20px;}
.expert-sec .left-sec {     margin: 0; width: 100%;  text-align: center;  padding: 30px 0;}
.our-service ul.service-deatil li .overlay h5{ padding:10px;}
.bottom-footer{ margin-top:-10px;    text-align: center;}
footer:after{ bottom:1px;     height: 40px;}	
footer .right-content h3{ color:#fff;font-size:18px;}
footer .right-content h4{ font-size:25px;}
footer .right-content {  margin-top: 0;  margin: 0;}
.top-header .bottom-header ul.menu:before{ display:none;}
.banner-sec:after{display:none;}
.banner-sec .banner-text {  position: static;   text-align: center;  height: auto;  background:none;  padding: 30px 0;}
.about-sec .right-sec { float: none;  margin-right: 0;  display: inline-block;   width: 100%;  float: left;   text-align: center;}
.expert-sec .left-sec:after{ display:none;}	
.expert-sec .left-sec:before{ display:none;}
.expert-sec .right-sec ul.form-sec{ width:100%; padding:20px 0 0;}
.our-service ul.service-deatil {  width: 60%;  float: none;   display: inline-block;}
.our-service ul.service-deatil  li{ margin:10px 0 0;}
.our-service{ text-align:center;    padding: 50px 0 33%;}
.bottom-footer h3 {  color: #868686;  font-size: 20px;   margin: 20px 0 0;   width: 100%;    float: left;}
.bottom-footer p{ margin:20px 0 0;}
ul.social-icon {  margin: 20px 0 0;    text-align: center;}
ul.social-icon li {  list-style: none;  float: none;    margin: 0 5px;  display: inline-block;}
.top-header .bottom-header ul.menu li {  padding: 10px 20px;  width: 100%;   border-bottom: 1px solid rgba(255, 255, 255, 0.3);}	
.banner-sec .banner-text h2{ font-size:45px;}
.our-service ul.service-deatil li .overlay {  width: 80%;}
ul.sub-menu { position: static; width: 100%;  transition: 0.5s;  background: #000;  float: left;}
ul.sub-menu li:hover{ background:#55b345;}
.carousel-indicators {width:100% !important;bottom: -10px !important;  background:none;  float: left;  padding: 10px 0;}
.top-header .bottom-header ul.menu:after{ display:none;}
.about-sec{
background:none
}
.top-header .logo img{
margin-left:-34px;
}
.banner-sec .carousel-indicators {
bottom: 3px !important;
}
.our-service h2{
margin-top:0px;
}
.our-service ul.service-deatil{
margin-top:25px;
}
.footer-logo img {
margin-left: -34px;
}
.top-header {
background: #55b345;
}
.map iframe {
float: left;
width: 100%;
height: 300px;
margin-top: 20px;
margin-bottom: 20px;
}
.top-btn {
bottom: 8px;
right: 8px;
}
.expert-sec .right-sec ul.form-sec li input, .expert-sec .right-sec ul.form-sec li select, .expert-sec .right-sec ul.form-sec li textarea{
font-size:12px;
}
.expert-sec {
background-size: cover;
background-position: left center;
padding:0;
}
.ingerpageinfo img{
margin-left:0px;
}
.ingerpageinfo p {
font-size: 15px;
line-height: 24px;
color: #000;
}
.ingerpageinfo h3 {
font-size: 22px;
line-height: 30px;
}
.bannerOverlay h2{
font-size:30px;
}
.expert-sec .right-sec ul.form-sec li input{
float:none;
display:inline-block;
}
footer .footer-img{
margin-top:-22%
}
.ingerpageinfo.contactiner p {
color: #000;
float: left;
width: 100%;
}
.contactAddress ul.social-icon {
margin: 10px 0 0;
text-align: left;
}
.contactAddress{
margin-bottom: 20px;
}
.map iframe {
bottom: -100px;
}
.map {
margin-top: -100px;
}
}
@media ( max-width:640px ){
.our-service ul.service-deatil {  width: 70%;  float: none;   display: inline-block;}
.footer-sec h3 a{ width:100%; float:left; text-align:center;}
.our-service h2{ font-size:30px;}
.about-sec .content-detail h2{ font-size:30px;}
.banner-sec .banner-text h2 {   font-size: 35px;}
.banner-sec .banner-text h3{ font-size:30px;}
.menu a{padding:0px 20px;}	
}
@media ( max-width:480px ){
.our-service ul.service-deatil {  width: 100%;  float: none;   display: inline-block;}
footer .right-content h4 {  font-size: 21px;   margin: 30px 0;}	
.our-service ul.service-deatil li .overlay h5{ font-size:14px;}
.banner-sec .banner-text h2 {
font-size: 19px;
}
.banner-sec .banner-text h3 {
font-size: 24px;
}
}
@media ( max-width:360px ){
.our-service ul.service-deatil {  width: 100%;  float: none;   display: inline-block;}
}
@media ( max-width:320px ){}