/*header navbar*/
@media only screen and (max-width: 1024px) {
  .header a {
   display:none;
  }
  .nav-item {
   display:none;
  }
  .dropdown {
   display:none;
  }
   .icon-menu {
   display:block;
   float:right;
   right: 0px;
  }
  .header a{
  	color:#717171;
  }
  .about-text2 p{
    padding:20px 5px;
  }
  .highlight-img1{
    height:50vh;
  }
  
  .services-image{
    height:300px;
   }
   .services-image2{
     height:400px;
   }
  }
 @media only screen and (max-width: 1440px) {
  .navbar-brand img{
  	height:50px;
  }
}
 @media only screen and (max-width: 768px) {
 .main-image{
  margin-top:-80px;
 }
}

@media only screen and (max-width: 1200px) {
  .nav-item a {
  font-size:17px;
  }
}

@media only screen and (max-width: 1000px) {
  .text3{
    width: 250px;
    margin-left:10px;
    height: 330px;
   }
}
@media only screen and (max-width: 1000px) {
  .text3 img{
       width: 280px;
       margin-top:30px;
     
   }
}
.footer-section{
  padding:20px 8rem;
}
@media only screen and (max-width: 1440px) {
 .footer-section{
      padding:20px 4rem;
     
   }
}
@media only screen and (max-width: 1024px) {
 .footer-section{
      padding:20px 20px;
    }
  }

 @media only screen and (max-width: 1024px) {
  .main-heading1 h1{
    font-size:20px;
   }
}
@media only screen and (max-width: 1024px) {
  .main-heading2 h1{
    font-size:20px;
  }
  .main-heading3 h1{
    font-size:15px;
  }
}
.about-content{
  padding:10px 30px;
}

@media only screen and (max-width: 1024px) {
  .main-heading1{
     background-image:url(assest/img/slide1.png);
      width:250px;
      height:190px;
      clip-path: polygon(0 0, 98% 0, 92% 26%, 0 26%)
  }
  .main-heading2{
    clip-path: polygon(0 0, 98% 0, 92% 26%, 0 26%);
    height:200px;
    width:300px;
    /*top:50%;*/
  }
  .main-heading3{
    clip-path: polygon(0 0, 98% 0, 92% 26%, 0 26%);
    height:180px;
    width:300px;
  }
}