@media (max-width: 992px) {

    .burger-wrapper {
    cursor: pointer;
    margin: auto;
    width: 40px;
    height: 40px;
    }
    .burger-wrapper .hamburger {
    background: #6d6c6c;
    width: 40px;
    height: 5px;
    position: relative;
    transition: background 10ms 300ms ease;
    transform: translateY(20px);
    }
    .burger-wrapper .hamburger:before, .burger-wrapper .hamburger:after {
    transition: top 300ms 350ms ease, transform 300ms 50ms ease;
    position: absolute;
    background: #6d6c6c;
    width: 40px;
    height: 5px;
    content: "";
    left: 0;
    }
    .burger-wrapper .hamburger:before {
    top: -12px;
    }
    .burger-wrapper .hamburger:after {
    top: 12px;
    }

    .menu-trigger:checked ~ .burger-wrapper .hamburger {
    background: transparent;
    }
    .menu-trigger:checked ~ .burger-wrapper .hamburger:after, .menu-trigger:checked ~ .burger-wrapper .hamburger:before {
    transition: top 300ms 50ms ease, transform 300ms 350ms ease;
    top: 0;
    background: #0075be;
    }
    .menu-trigger:checked ~ .burger-wrapper .hamburger:before {
    transform: rotate(45deg);
    }
    .menu-trigger:checked ~ .burger-wrapper .hamburger:after {
    transform: rotate(-45deg);
    }

    .hidden {
    display: none;
    }

    .navbar-default { box-shadow: 0 0 5px #ccc;}
    .main-menu { margin-top: 25px;}

    .main-menu .nav-link.active, .main-menu .nav-link:hover { border: none;}

}


@media(max-width:767px){
    .navbar .navbar-collapse{ 
     position:fixed; 
     height:auto !important;
     padding:30px;
     left: 0;
     width: 100%;
     text-align: center;
     transition: all 0.5s;
     bottom: 0;
     top: -100%;
     z-index: 999;
   }
 
   .main-menu .nav-link {
     margin: 5px 0;
    /* font-size: 24px; 
     font-weight: bold; */
   }
 
   .navbar-text .btn-secondary {
     padding: 10px 30px;
     font-size: 20px;
     margin-top: 20px;
   }

   .show {
    background:#fff;
    top: 85px !important;
  }
  .inner-banner {
    min-height: 200px;
  }
  .banner .caption-title{
    font-size: 18px;
  }
  .banner .caption-des {
    font-size: 24px;
  }
  .banner .btn-secondary {
    font-size: 14px;
    padding: 5px 10px;
  }
  .banner .carousel-indicators { display: none;}
  .banner .carousel-caption { padding:25px 0px;}
  .about-prl { height: 300px; background-size: 100% 100%;}
  .left-sticky { position: relative; top:auto; margin-bottom: 50px;}
}