@media only screen and (max-width:1366px){

   
}

@media only screen and (max-width:1189px){

    .main-nav ul li a {
  
       padding: 15px 7px;
   
     }
 
}

@media only screen and (max-width:992px){

    .main-nav ul li a {
       padding: 15px 7px;
     }
     .toggle {
       display: block;
       color: #fff;
       cursor: pointer;
       padding: 8px 0px;
      }
      .mani-menu{
        display: none;
      }
      .main-nav li {
        display: block;
        position: relative;
        z-index: 9999;
        width: 100%;
        text-align: left;
     }
     .mani-menu {
        position: absolute;
        background-color: #b7b4b4;
        left: 0;
        right: 0;
        z-index: 99;
     }
     .logo {
       width: 342px;
     }
     ul.dropdown-submenu li a.nav-link {
    width: 100%;
    text-align: left;
    padding: 10px 31px;}


  .main-nav li .nav-link::before, li.active .nav-link::before{

    display: none;
  }



 
}

@media only screen and (max-width:767px){


 .justify-content-end {
    justify-content: center !important;
}


#custom-filter li {
    width: 100%;
    margin: 0px 0px 25px;
}
.logo-slide {
    margin-bottom: -28px;
 }
 .row.content-stic {
    padding: 29px 50px 70px;
  }

 ul.footer-info li {
    list-style: none;
    float: left;
    width: 100%;
}

.overlay-contact{

    display: none;
}


}

@media only screen and (max-width:767px){

.hero-over {
    display: none;
}

#custom-filter li a {

    width: 100%;
    display: block;
}

.about-title h2 {
    margin-top: 28px;
    padding-bottom: 14px;
}

.about-section p {
    padding: 10px 0px;
    text-align: justify;
}
.section-portfolio {
   
    position: relative;
}

#custom-filter {
    margin: 10px 0px 0px;
}
.row.content-stic {
    padding: 27px 15px 27px;
}

.our-service {

    margin: 0 0px;
}

ul.dropdown-submenu {
    position: relative;
    width: 100%;
    display: none;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
}


}