@media (max-width: 1300px) {
    .container_info{
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1100px) {
    .nav_info .navbar-nav .nav-item{
        margin-right: 5px;
    }
    .nav_info .navbar-nav .nav-item.nav-item-bolg{
        padding-right: 5px;
    }
    .nav_info .navbar-nav .nav-item .nav-link{
        font-size: 12px;
    }
}

@media (max-width: 980px) {
    body{
        padding: 0;
    }
    header{
        position: relative;
    }
    .navbar-toggler{
        padding: 0;
    }
    .navbar-light .navbar-toggler-icon{
        font: normal normal normal 20px/1 FontAwesome;
        width: auto;
        height: auto;
    }
    .navbar-light .navbar-toggler-icon:before {
        color: #eb2322;
        content: "\f0c9";
    }
    .navbar-toggler:hover, .navbar-toggler:focus{
        outline: none;
    }
    .nav_info .navbar {
        position: static;
    }
    .nav_info .navbar-collapse {
        position: absolute;
        right: 0px;
        background-color: #000000;
        border-top: 3px solid #eb2322;
        width: 100%;
        top: 88px;
        padding: 0;
        left: 0;
    }
    .nav_info .navbar-nav .nav-item,
    .nav_info .navbar-nav .nav-item:last-child,
    .nav_info .navbar-nav .nav-item.nav-item-bolg.nav-item-visit {
        border: 0;
        border-top: 1px solid #303132;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
        font-family: 'robotobold';
    }
    .nav_info .navbar-nav .nav-item:first-child {
        border: none;
    }
    .nav_info .navbar-nav .nav-item a.nav-link {
        padding: 15px 10px;
        color: #fff;
        margin: 0;
        font-size: 14px;
    }
    .nav_info .navbar-nav .nav-item.home_nav a, 
    .nav_info .navbar-nav .nav-item.home_nav a:hover{
        background: none;
        width: auto;
        height: auto;
        text-indent: inherit;
    }
    
}

@media (max-width: 767px) {
    *, *::before, *::after {
    box-sizing: border-box;
    }
    .top-header,
    .login_signup_info ul li {
        font-size: 12px;
    }

}

@media (max-width: 639px) {
    .login_signup_info, 
    .top_phone_txt{
        display: block;
    }
    .top_phone_txt{
        margin: 0 0 5px 0;
    }
    .nav_info .navbar-collapse{
        top: 105px;
    }
}