@media (min-width: 769px) {

  /*****************/

  .menu-icon{
    display: none;
  }

  .menu {
    display: inline-block !important;
    padding-left:30px;
  }

  .menu ul li{
    float: left;
    padding-right: 25px;
  }

  .menu ul li a{
    font-size: 18px;
    font-family: var(--bd-ff-p);
    text-transform: uppercase;
    color: var(--clr-common-white);
  }

  .menu ul li a:hover{
    color: var(--clr-text-menu-hv);
  }

  /*****************/



  h2.visionh, h2.missionh {
    font-size: 30px;
    text-align: right;
  }


  .slider .slider-text .content{
    width: 80%;
    max-width: 1440px;
  }

  .slider .slider-text .content h2{
    font-size: 30px;
  }

  .slider .slider-text .content p{
    color: #fff;
    font-size: 18px;
  }


  .middle-text p{
    max-width: 70%;
    display: inline-block;
    text-align: left;
    margin-left: 30px;
    margin-right: auto;
  }


// Our impact

  .our-impact .text{
    padding:0;
  }

  .certifications .text{
    padding: 0;
  }

  .banner-text h2{
    font-size: 120px;
  }

  .projects .logo img{
    width: 70%;
  }

  .grid-product-container-inner .item{
    max-width: calc(100% / 3);
  }

  .popup_content{
    padding: 50px;
  }

  .popup_content  .main-image{
    overflow: hidden;
  }

  .popup_content  .main-image img{
    max-width:75%;
  }


}


@media (max-width: 768px) {

  header .col-md-2, header .col-md-10{
    padding:0;
  }

  header .row{
    position: relative;
  }

  header .logo img{
    width: 25%;
  }

  .menu-icon span.icon{
    z-index:6;
    margin:5px;
  }

  header .menu{
    width:100%;
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    z-index:5;
    background: #000;
    padding:30px 5px;
  }

  header .menu ul{
    margin-top: 74px;
  }

  header .menu ul li{
    width:100%;
    float:none;
    clear:both;
    text-align: right;
    padding-right:20px;
    margin-bottom:15px;
  }

  header .menu ul li a{
    color: #b0ce36;
  }

  .slider .slider-text .content p{
    font-size: 17px;
  }

  .slider-product-container .slick-slide img{
    max-width: 80%;
  }


  .our-impact .left img{
    margin-bottom: 30px;
  }

  .our-impact .container .row{
    margin-left: 0;
    margin-right: 0;
  }

  .our-impact p{
    text-align: center;
  }

  .standfor-container h2,
  .slider-product-container h2{
    margin-left:20px;
    margin-right: 20px;
    font-size:25px;
  }

 .main-banner .banner-text{
    bottom: 10px;
  }

  .project-list img{
    max-width: 100%;
  }


  .certifications .text{
    padding: 20px;
  }

  .product-values-inner img{
    width: 80%;
  }

  .projects .logo img{
    width: 80%;
  }

  .product-values-inner div{
    width: 50%;
    text-align: center;
  }

  .grid-product-container-inner .item{
    max-width: calc(100% / 2);
  }

  .popup_content{
  overflow-y: auto;
  }

  .popup_content  .main-image img{
    max-width:90%;
  }

   .popup_content .small-image-container{
     margin-top: 60px;
     padding-top:20px;
     padding-bottom: 20px;
     border-top: 1px dashed #ccc;
     border-bottom: 1px dashed #ccc;
   }

 .popup_content  .small-image img{
    max-width:120px;
    display: inline-block;
    float:left;
 }
