
@media screen and (min-width: 1299px){
    .jumbotron{

    }

}

@media screen and (max-width: 1199px){

    .car .buy .col-md-6{
        padding: 0;
    }

    .car .buy .btn{
        padding: 12px 5px;
    }

    .car .buy p{
        font-size: 20px;
    }

    .hp-trade .car .buy p{
        font-size: 15px;
    }

    .trade-parameters{
        padding: 15px 0;
    }

    .navbar-default .navbar-nav>li>a{
        padding: 20px 20px;
    }

    .detail .detail-buy .btn-primary{
        padding: 15px 20px;
    }

}

@media screen and (min-width: 992px){



}

@media screen and (max-width: 991px){

    .detail .detail-buy .btn-primary{
        padding: 20px 15%;
    }

    .jumbotron h2{
        font-size: 30px;
    }

    .navbar-default .navbar-nav>li>a{
        font-size: 13px;
        padding: 20px 10px;
    }

    .car{
        margin-bottom: 20px;
    }

    .car img{
        width: 70%;
        display: block;
        margin: auto;
    }

    .car h3{
        margin: 20px 0;
        padding-top: 20px;
    }

    .detail .main-photo img{
        width: 70%;
        display: block;
        margin: auto;
    }

    .detail #links{
        width: 70%;
        margin: auto;
    }

    .detail h3{
        margin-top: 30px;
        text-align: center;
    }

    .nav-tabs>li{
        margin-top: 10px;
    }

}

@media screen and (max-width: 767px){

    footer .footer-bottom ul{
        display: none;
    }

    footer .footer-bottom{
        padding-top: 30px;
    }
    footer img{
        display: block;
        margin: auto;
    }

    header img{
        display: block;
        margin: 30px auto;
    }

    header .head-contact span{
        margin-top: 0;
        text-align: center;
    }

    header .head-contact p{
        text-align: center;
    }
    .jumbotron{
        display: none;
    }

    .jumbotron h2{
        display: none;
    }

    .navbar-header button{
        margin-top: 14px;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover,.navbar-header button:hover,.navbar-header button:focus,.navbar-header button:active{
        background: black;
        border-color: black;
    }

    .navbar-default .navbar-toggle .icon-bar{
        background-color: white;
    }

    .navbar-header:before{
        content: "Menu";
        font-size: 20px;
        color: white;
        float: left;
        margin: 16px 0px 0 20px;
        text-transform: uppercase;
    }

    .navbar-nav{
        background: white;
        padding-bottom: 20px;
        margin-top: 0;
    }

    .navbar-default .navbar-nav>li>a{
        color: black;
        font-size: 15px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        border: none;
    }

}

@media screen and (max-width: 755px){


}

@media screen and (max-width: 690px){


}


@media screen and (max-width: 550px){

    footer .info-panels h3{
        text-align: center;
    }

    footer .info-panels .col-xs-6{
        width: 100%;
        text-align: center;
    }

    .nav-tabs>li, #tabs li a{
        display: block;
        width: 100%;
        text-align: center;
    }

}


@media screen and (max-width: 520px){

}


@media screen and (max-width: 490px){



    .car img{
        width: 100%;
    }

    header img{
        height: 60px;
    }

    .btn-chevron:hover, .btn-chevron{
        padding: 8px 10px;
        font-size: 15px;
    }


    .checkbox-inline{

        margin-top: 15px !important;
    }

}

@media screen and (max-width: 400px){
/*
    .car .desctipt .col-xs-6, .car .buy .col-xs-6{
        width: 100%;
        float: none;
    }*/

    .detail .main-photo img{
        width: 100%;
    }

    .detail #links{
        width: 100%;
    }

    .detail #links img{
        height: 100px;
    }

    .detail .detail-buy p{
        font-size: 18px;
    }




}

@media screen and (max-width: 321px){

    header img{
        height: 50px;
    }

    header .head-contact p{font-size: 20px;}

    .car .desctipt .col-xs-6, .car .buy .col-xs-6{
        width: 100%;
        float: none;
    }

}