@media only screen and (max-width:1890px) /* container size */
{
    .main .owl-nav .owl-prev {left: 10px;}
    .main .owl-nav .owl-next {right: 10px;}
    .main .left_part .slider .car img {max-width: 58%;}
    .main .owl-nav .owl-prev, .main .owl-nav .owl-next {width: 40px;}
}
@media only screen and (max-width:1600px) /* container size */
{
    .main .left_part .price h3 {font-size: 80px; line-height: 64px;}
    .main .left_part .price h3:before {font-size: 34px;}
    .main .left_part .price h2 {font-size: 27px; line-height: 29px;}
    .main .left_part .price h4 {font-size: 19.5px; line-height: 25px;}
    .main .left_part .price .inn .image {width: 120px;}
    .main .left_part .slider:before {height: 193px;}
    .main .left_part .slider .car {padding-top: 30px;}
    .main .left_part .slider {margin-top: 110px;}
    .main .right_part .form_part {padding-top: 40px; padding-bottom: 50px;}
    .main .right_part .brand {width: 200px; margin: 0 auto;}
    .main .right_part .wrapper {padding-top: 20px;}
    .main .right_part h1 {font-size: 40px; line-height: 45px; padding-top: 15px;}
    .main .right_part h4 {font-size: 20px; line-height: 25px;}
    .main .right_part h5 {font-size: 19px; line-height: 22px;}
    .main .right_part .box {padding-top: 20px; padding-bottom: 20px;}
    .main .right_part .box img{max-width: 90px}
    .main .right_part .services {padding-top: 35px; max-width: 420px; margin: 0 auto;}
    .main .right_part .box p {padding-top: 15px; line-height: 20px;}
}

@media only screen and (max-width:1180px) 
{
    .main .right_part .wrapper {padding-left: 15px; padding-right: 15px;}
}
@media only screen and (max-width:1024px) /* if tablate and mobile view is same */
{
    .main .owl-nav {position: relative;bottom: 0;margin-top: 50px;}
    .main .left_part .slider .car img {max-width: 84%;}
    .main .right_part .form_part {padding: 20px}
    .main .right_part .services {padding-top: 20px;}
    .main .right_part .brand {width: 150px;}
}

@media only screen and (max-width:960px)
{
    .main .mobile_ {display: block; text-align: center; background: #f0f0f0; padding: 20px 10px;}
    .main .right_part .brand, .main .right_part h1, .main .right_part h4 {display: none;}
    .main .left_part .brand {width: 200px; margin: 0 auto;}
    .main .left_part .brand img {max-width: 100%;}
    .main .left_part h1 {font-size: 40px; line-height: 45px; padding-top: 15px;}
    .main .left_part h4 {font-size: 20px; line-height: 25px;}
    .main, .main .left_part, .main .right_part,.main .right_part .wrapper {height: auto !important;}
    .main .right_part .form_part {position: relative; padding-left: 10px; padding-right: 10px;}
    .main .left_part, .main .right_part {display: block; width: 100%; float: none;}
    .main .left_part .slider {margin-top: 0; padding-top: 70px;}
    .main .left_part .slider {padding-bottom: 40px;}
    .main .left_part {background-position: bottom center;}

    .sroll_up {display: block;}
    .sroll_up.active {opacity: 1; visibility: visible;}
}

@media only screen and (min-width:960px) and (max-width:1024px)
{

}

@media only screen and (min-width: 768px) and (max-width: 959px)
{

}

@media only screen and (max-width:767px)
{
    .main .left_part .brand {width: 150px;}
    .main .left_part h1 {font-size: 30px; line-height: 35px;}
    .main .left_part h4 {font-size: 16px;line-height: 20px;}
    .main .left_part .slider {padding-top: 30px;}
    .main .left_part .price .inn .image {width: 60px;}
    .main .left_part .price h2 {font-size: 20px;line-height: 20px;}
    .main .left_part .price h3 {font-size: 47px;line-height: 32px;}
    .main .left_part .price h3:before {font-size: 15px;}
    .main .left_part .price h4 {font-size: 14px;line-height: 18px; margin-top: -3px;}
    .main .left_part .price {min-height: 1px; padding-top: 15px;}
    .main .left_part .slider:before {height: 118px;}
    .main .left_part .price .inn .image {width: 82px; padding-left: 10px;} 
    .main .left_part .slider .car img {max-width: 70%;}
    .main .owl-nav .owl-prev, .main .owl-nav .owl-next {width: 20px; height: 30px;}
    .main .owl-nav {margin: 0;}
    .main .right_part .form_part {padding-left: 10px; padding-right: 10px;}
    .main .right_part input {margin: 0px; margin-bottom: 10px; display: block; width: 100%; float: none;}
    .main .right_part button {width: 200px; display: block; float: none; margin: 0 auto;}
    .main .left_part .slider {padding-bottom: 20px;}
}

@media (max-height: 500px)
{

}

@media (max-width:321px)
{

}