/* responsive code here */
@media only screen and (max-width: 950px){
    .container {
     width: 80%;
    }
}
@media only screen and (max-width: 650px){
    .js #menu {
        display: none;
    }
    .js .slicknav_menu {
        display: block;
        font-size: 20px;
        font-family: sans-serif;
        background: #222f3e;
    }
    .slicknav_btn {
        background: #0d2435;
    }
    .menu-area {
       background: none;
    } 
    .fa-caret-down, .fa-caret-right {
        display: none;
    }
    .slicknav-animating {
        background: #0d2435;
    }
    .slicknav_nav .slicknav_item:hover {
        background: #17171a;
        color: #fff;
    }
    .slicknav_nav a:hover {
        background: #040304;
        color: #fff;
    }
}