@media screen  and (max-width: 640px) {
     .car .car_services, .header, .timer  {
        display: none ;
    }
    .wrapper, .content {
        width: 100%;
        min-width: 320px;
    }
    .container {
        width: 100%;
        min-width: 300px;
    }
    .footer .footer_left,.footer .footer_right,.footer_contacts .footer_left,.footer_contacts .footer_right, .services .element_wrap, .feauters .feauters_element, .discount .discount_right, .discount .discount_left{
        float: none;
        width: 100%;
    }
    .footer_contacts {
        padding-bottom: 50px;
    }
    .footer .footer_right, .footer .footer_left, .footer_contacts .footer_left, .footer_contacts .footer_right {
        padding: 0 10px;
    }
    .detail .detail_more {
        width: 100%;
    }
    .car {
        margin: 0 10px;
    }
    .car .feauters {
        padding: 0;
    }
    .feauters .feauters_element {
        margin: 0;
    }
    .footer_right .right_connect {
        padding:0;
        color: #232325;
    }
    .portfolio .portfolio_element,.detail_form .form {
        width: 100%;
        height: 100%;
        padding: 0;
    }
    .main {
        height: 70vw;
        background-size: cover;
        background-position: 50%;
        background-color: #000;
        width: 100%;
        min-width: 300px;
    }
    .main .main_button {
        width: 100%;
        text-align: center;
    }
    .main_button .button_blue {
        padding: 2% 10%;
        font-size: 4vw;
    }
    .main_button a:nth-child(2) {
        display: none;
    }
    .main .main_title {
        font-size: 26px;
        color: #fff;
        text-align: center;
        padding-top: 160px;
        padding-bottom: 50px;
    }
    .services_wrap .services {
        margin-top: 50px;
        width: 100%;
        box-shadow: 0 10px 50px rgba(123, 111, 123, 0.51);
    }
    .service .element_wrap {
        height: 250px !important;
    }
    .services .element_wrap {
        background: #fff;
        float: none;
        width: 100%;
        min-height: 325px;
        padding: 25px 10px;
        height: auto;
    }
    .container {
        padding: 0 10px;
    }
    .services .gray {
        background: #f2f2f2;
    }
    .header_mobile {
        display:block;
    }
    .header_mobile_container {
        color: #fff;
        position: absolute;
        top: 0;
        z-index: 999;
        width: 100%;
    }
    .float {
        padding: 15px 10px 0 10px;
    }
    .float .mobile_logo, .float .mobile_button {
        float: left;
        width: 50%;
    }
    .float .mobile_logo {
        text-align: left;
    }
    .float .mobile_button {
        text-align: right;
        padding-top: 10px;
    }
    .header_mobile_container a {
        display: inline-block;
    }
    #mob_menu {
        display: none;
        position: absolute;
        z-index: 999;
        width: 100%;
        background: #000;
        min-height: 480px;
        padding-left: 10px;
        padding-right: 10px;
        color: #fff;
        font-size: 18px;
        top: 0;
        height: 100vh;
    }
    #mob_menu ul {
        padding: 0;
    }
    #mobile_button_close {
        padding-top: 5px;
    }
    #mob_menu .menu {
        padding-top: 40px;
        line-height: 35px;
    }
    #mob_menu .menu li {
        text-transform: lowercase;
    }
    #mob_menu .menu li.selected > a{
        color: #3b54e4;
    }
    .mobile {
        display: block;
    }
    .feauters {
        width: 100%;
        min-width: 300px;
        padding:  0 10px 230px 10px;
    }
    .feauters_wrap {
        padding: 0 10px;
    }
    .feauters .title_feauters {
        font-size: 24px;
        font-weight: 600;
        color: #000;
        padding: 60px 0 30px 0;
    }
    .services_wrap {
        padding: 0 10px;
        width: 100%;
        min-width: 300px;
    }

    .element_wrap .element_title {
        font-size: 26px;
        padding-top: 15px;
        color: #000;
    }
    .detail_more .detail_title {
        font-size: 20px;
        text-align: center;
    }
    .detail .detail_form {
        width: 100%;
        box-shadow: 0 10px 50px rgba(123, 111, 123, 0.51);
        background: #fff;
        margin: 0;
    }
    .detail_form .form {
        width: 100%;
    }
    .form_body .body_wrap {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }
    .form_head .head_title {
        font-size: 20px;
        font-weight: 600;
        color: #eaeced;
        padding: 30px 0 20px 0;
    }
    .form_head .head_advice {
        font-size: 13px;
        padding-bottom: 25px;
        border-bottom: 5px solid #db3333;
        color: #fff;
    }
    .portfolio_element .element_date {
        font-size: 14px;
        padding-top: 20px;
    }
    .mod_latest_entry .portfolio_element, .subcat .subcat_wrap, .mod_latest_entry .mod_latest_wrap {
        padding-left: 10px;
    }
    .mod_latest_entry .mod_latest_title {
        height: 173px;
    }
    .subcat .subcat_title {
        height: 173px;
    }
    .subcat,  .mod_latest_entry {
        margin-bottom: 2px !important;
    }
    .mod_latest_entry, .subcat {
        width: 300px;
        margin: 0 auto;
        height: 300px;
        float: none;
    }
    .portfolio_element .element_name {
        margin-bottom: 110px;
    }
    .detail_tags .tag, .car_company .detail_tags .tag {
        width: 300px;
        float: left;
        text-align: left;
    }
    .footer_left .left_contacts {
        padding-top: 70px;
        padding-left: 0;
    }

    .right_connect .link_align {
        width: 100%;
        min-width: 300px;
    }
    .right_connect .connect_web {
        margin: 0;
        width: 33%;
        text-align: center;
    }
    .powered_align {
        width: 100%;
        text-align: right;
    }
    .right_connect .right_powered {
        padding: 30px 0;
        width: 180px;
        display: inline-block;
    }
    .right_powered a:first-child {
        padding-right: 10px;
    }
    .hide {
        display: none;
    }
    .main .main_title {
        font-size: 24px;
        color: #fff;
        text-align: center;
        padding-top: 130px;
        padding-bottom: 0;
    }
    .main .mobile_main_title {
        padding-top: 28vw;
        display: block;
        font-size: 5vw;
        margin-bottom: 7vw;
    }
    .company_title .company_small_title {
        font-size: 18px;
        padding: 40px 0;
    }
    .container .text_title {
        padding: 80px 0 10px 0;
        font-size: 32px;
        font-weight: 600;
        color: #03060c;
    }
    .discount {
        padding: 0;
        background: url(../images/discount_mobile.jpg) #fff top center no-repeat;
        background-size: 100% auto;
        height: 100%;
    }
    .discount .discount_right {
        margin-top: -65px;
    }
    .discount_right .form {
        width: 100%;
    }
    .discount .left_title {
        padding: 40px 0 20px;
        text-align: left;
        font-size: 28px;
        margin-bottom: 0;
    }
    .discount .discount_left {
        padding: 0 10px;
        height: 353px;
    }
    .discount_right .form {
        min-width: 300px;
        width: 100%;
        padding: 0 10px;
    }
    .form_body input {
        font-size: 18px;
    }
    .discount_form .form_head .head_advice {
        border: 0;
    }
    .black-header {
        height: 90px;
        background: #3b54e4;
    }
    .categorylist h1, .articles_view h1 {
        font-size: 24px;
        font-weight: bold;
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .company_feauters .feauters_title {
        padding: 35px 0;
    }
    .company_mobile {
        width: 300px;
        background: #fff;
        margin: 0 auto;
        padding: 0;
    }
    .company_mobile .company_mobile_wrap {
        margin-top: -75px;
        width: 100%;
        box-shadow: 0 10px 50px rgba(123, 111, 123, 0.51);
    }
    .company_title_mobile {
        font-size: 20px;
        font-weight: 600;
        padding-top: 50px;
    }
    .portfolio_title {
        font-size: 22px;
        font-weight: 600;
        color: #282828;
        padding: 60px 0 30px 0;
    }
    .addpictures .addpicture a img {
        display: block;
        width: 300px;
        height: 260px;
        margin-bottom: 2px;
    }
    .read_align {
        font-size: 16px;
        color: #959595;
        padding: 0;
        padding-bottom: 10px;
        margin: 0;
        text-align: left;
    }
    .con_job .back_to_subcat a, .articles_view .back_to_subcat a {
        font-size: 14px;
        margin: 20px 0;
    }
    .con_job h1 {
        font-size: 24px;
        padding-top: 40px;
        padding-bottom: 0;
        margin: 0;
    }
    #popup .detail_form {
        position: absolute;
        width: 300px;
        left: 50%;
        margin-left: -150px;
        top: calc(50% - 277px);
    }
    .detail_form .form_close {
        position: absolute;
        margin-left: 0;
        top: 30px;
        right: 10px;
    }
    .form_body input.blue_button {
        padding: 0;
    }
    .con_text-wrapper p {
        font-weight: 300;
    }
    .con_text .container p {
        font-weight: 200;
    }
    .portfolio .portfolio_align {
        width: 300px;
        margin: 0 auto;
    }
    .addpictures {
        width: 300px;
        margin: 0 auto;
    }
    .services-template .services .element_wrap{
        width: 100%;
        box-shadow: none;
        margin-bottom: 10px;
        height: auto;
        min-height: 200px;
    }
    .services-template .element_wrap .element_title{
        height:auto;
    }
    .services-template .services_wrap{
        padding: 80px 10px;
    }
    .car_company .detail_tags {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
    }
    .footer .footer_right{
        padding-bottom: 80px;
    }
    .pagetitle {
        font-size: 38px;
        margin-bottom: 30px;
    }
    .middle_section {
        padding: 80px 0;
    }
}