/* Responsive CSS Document */

.logo-slide-mobile{ display:none;}

/* For Mobile */
@media (max-width:500px){
    .header{
        padding:0 15px;
    }
    .header-2 .logo{
        top:auto;
        left:auto;
        right:auto;
    }
    .mobile-top .col-md-7{
        float:left;
        width:50%;
    }
    .mobile-top .col-md-2{
        float:right;
        width:50%;
        text-align:right;
    }
    .mobile-top .col-md-2 .dropdown{
        padding:10px;
    }
    .nav-menu {
        position: fixed;
        z-index: 50;
    }
    .nav-menu ul{
        margin:5px 0 !important;
        background:#fff;
    }
    .nav-menu li{
        display:block;
    }
    .nav-menu li a{
        display:block;
        padding:15px 8px;
        color:#000;
        text-shadow: none;
        border-right:none;
        border-bottom:1px solid #ddd;
    }
    .nav-menu ul li ul{
        position: relative;
        display: block;
        float: none;
        margin:0 !important;
    }
    .nav-menu ul li ul li{
        padding:0 !important;
    }
    .nav-menu ul li ul li a{
        padding:15px 20px !important;
    }
    .main-menu, .cart-links {
        display: inline-block;
        padding: 8px !important;
        width: auto;
    }
    .app{
        display:none;
    }
    .road-line{
        top:205px;
    }
    .bike {
        position: absolute;
        left: -10px;
        top: 190px;
    }
    .bike-box {
        height: 500px;
    }
    .bike-box .logo{
        width:100%;
        display:none;
    }
    .translate{ display:none; }
    .logo-slide-mobile{ 
        display: block;
        background:#ffda0b;
        padding: 15px;
        text-align: center;
    }
}

/* For Tablet */
@media (min-width:768px) and (max-width:1024px){
    
}