@media screen and (min-width: 300px) and (max-width: 767px) { 
    button.navbar-toggle {margin: 25px 0;}
    ul.nav.navbar-nav.right {background: #1f242a;width: 100%;margin: 0;}
    .navbar-default .navbar-nav>li>a {padding: 15px 25px;font-size: 20px;}
    .owl-nav div {padding: 5px 15px;border-radius: 3px;border: 1px solid #86898d;}
    a.navbar-brand.mobile-brand {display: inline-block;}
    .footer-bottom .left, .footer-bottom .right {text-align: center;float: none;}
    .navbar-default .navbar-toggle {border-color: #fff;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
    .main-header {display: none;}
    .menu-header {background: #662d91 !important;padding: 20px 0px;}
    .slider img {width: 300%;margin-left: -130%;}
    .slider-content h1, .slider-content h2 {font-size: 24px;}
    .p-5 {padding: 2em 0;}
    .section-title.text-center.mb-4 {margin-bottom: 2em;}
    .team-box {margin-bottom: 40px;}
    .section-title h2 {font-size: 26px;margin-top: 30px;}
    .team-box p {display: none;}
    .projects-box {width: 50%;}
    .projects-box .project-content {padding: 15px;}
    .pb-5 {padding-bottom: 3em;}
    .footer-details .col-md-5, .footer-details .col-md-3, .footer-details .col-md-2 {margin-bottom: 50px;}
}