@media only screen and (max-width: 1360px) {
.banner-content{
  left:25px;
  }
  .about-content{
    margin-left: 25px;
  }
}
@media only screen and (max-width: 1200px) {
.gallery .block{
  height: 425px;
}
.clients img {
    max-width: 185px;
}
}
@media only screen and (max-width: 992px) {
  .top-contact p{
    margin-bottom: 0 !important;
  }
  header{
    align-items: center !important;
    justify-content: flex-start !important; 
    margin-right:45px;
  }
  .pg-info h2{
    margin-top: 15px;
  }
  .pg-info .info{
    margin-bottom: 50px;
  }
  .pg-info .text-right{
    text-align: left !important;
  }
  .gallery .block{
  height: 350px;
}
.gallery .block{
  height: 425px;
}
.clients img {
    max-width: 185px;
}
.hamburger-menu {
    display: block;
  }

.evo-nav {
    /* width: 200px; */
    position: fixed;
    top: 0;
    padding: 25px;
    right: -250px;
    height: 100vh;
    width: 250px;
    display: block !important;
    flex-direction: column;
    justify-content: flex-start !important;
    background: #201f22;
    margin: 0;
    z-index: 9999;
    transition: all 0.5s ease;
  }

  .evo-nav li a {
    padding: 10px 0;
    display: block;
    color: #fff;
    margin-left: 0;
  }
  .evo-nav.show {
    right: 0;
}
.banner{
  height: 500px;
}
footer p{
  max-width: 100%;
}
 footer .f-nav{
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer-bottom p{
    text-align: left;
  }
  footer .f-logo{
    text-align: center;
    max-width:100%;
  }
  footer p{
    text-align: center;
  }
  footer .f-nav,.f-social{
    justify-content: center !important;
  }

 
footer p{
	max-width: 100%;
}
footer .f-nav{
	margin-bottom: 15px;
}
.footer-bottom{
	margin-top: 15px;
}
.gallery .block{
  height: 300px;
}
.about-us,.about-page{
  padding: 25px 0;
}
}
@media only screen and (max-width: 600px) {
  .banner-content{
    top:25px;
  }
  .banner-content h1 {
    font-size: 21px;
    line-height: 32px;
    max-width: 240px;
}
  .banner{
    height: 325px;
  }
  .about-block{
    height: 250px;
  }
  .about-content{
    padding-top: 0;
  }
  .heading h1 {
    font-size: 30px;
    text-align: center;
  }
  .heading{
    justify-content: center !important;
  }
  .clients .client-list{
  min-height: 90px;
}
  .clients img{
    max-width: 125px;
  }
  .banner .container-fluid{
    padding: 0 !important;
    margin:0 !important;
  }
  .logo{
    margin-left: 15px;
  }
  .logo img{
    max-width: 125px;
  }
  .inner-banner .banner-content{
    top:35px;
  }
  .inner-banner{
    min-height: 325px !important;
    height: 325px;
  }
  .gallery .block{
  height: 250px;
}
   .about{
   	margin:25px 0;
   }
   .about-content h1{
   	font-size: 40px;
   	line-height: 40px;
   }
   .inner-banner .banner-content h1{
   	font-size: 30px;
   	line-height: 50px;
   }
   .evo-detail .detail .block .image,.banner-content a,.about-content a{
   	margin:auto;
   }
   .evo-detail .detail .block, .banner-content,.about-content{
   	text-align: center;
   }
   .fencing h3,.fencing h2,{
   	font-size: 35px;
   }
   .fencing,.services,.request,footer{
   	padding: 25px 0;
   }
   .services h1,.request h1{
   	font-size: 35px;
   	padding-bottom: 15px;
   }
   .service-list .block{
   	height: 400px;
   }
   .appointment-btn{
   	margin-top: 25px;
   }
   footer .f-nav li{
   	margin-left: 15px;
   }
   footer .f-nav li a{
   	font-size: 12px;
   }
}
@media only screen and (max-width: 480px) {
  .gallery .block{
  height: 200px;
}
}