@media only screen and (max-width: 991px) {
    .section-header p{
        padding: 0;
    }
    .footer-widget {
      margin-bottom: 50px;
    }
    footer .footer-bottom{
        margin-top: 0;
    }
}
@media only screen and (max-width: 768px) {
    .top .main-nav{
        position: inherit;
        background: #252525;
    }
    .navbar-toggle {
      background: transparent none repeat scroll 0 0;
    }
    .navbar-toggle .icon-bar {
      background: #ddd none repeat scroll 0 0;
    }
    .top .main-nav ul.main-menu{
        float:right;
        margin: 10px 0 20px 0;
    }
    .top .main-nav ul.main-menu li.active a::before, .top .main-nav ul.main-menu li.active a::after, .top .main-nav ul.main-menu li a:hover::before, .intro .main-nav ul.main-menu li a:hover::after{
        content:none;
    }
    .top .main-nav ul.main-menu li.active a, .top .main-nav ul.main-menu li a:hover{
        color: #FF8724;
    }
}
@media only screen and (max-width: 480px) {
    .intro .main-nav {
        position: inherit;
        background: #252525;
    }
    .navbar-toggle {
        background: transparent none repeat scroll 0 0;
    }

    .navbar-toggle .icon-bar {
        background: #ddd none repeat scroll 0 0;
    }

    .navbar-collapse.in {
        background: #333 none repeat scroll 0 0;
        width: 100%;
        height: auto;
        transition: .3s ease;
    }

    .top .main-nav ul.main-menu {
        float: left;
        margin: 10px 0 20px 0;
    }

    .top .main-nav ul.main-menu li.active a::before .top .main-nav ul.main-menu li.active a::after, .top .main-nav ul.main-menu li a:hover::before, .intro .main-nav ul.main-menu li a:hover::after {
        content: none;
    }

    .top .main-nav ul.main-menu li.active a, .top .main-nav ul.main-menu li a:hover {
        color: #FF8724;
    }

    .top .main-nav ul.main-menu li a {
        margin-bottom: 0;
    }
    .products {
        padding: 0 15px;
        margin: 50px 0;
    }
    .other-bim {
        padding: 0 15px;
        margin: 50px 0;
    }
}