@media only screen and (max-width: 425px) {
    
/*    #sel_form{
        display: grid;
    }
    .form-group{
        margin: 3%;
    }
  
    .ip{
        margin-left: 12% !important;
    }*/

    html {
        font-size: 75.5%;
    }

    header .top_banner {
        padding-top: 0.8125rem;
    }

    header .top_banner .left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 4vw;
    }

    header .top_banner .right {
        font-size: 4vw;
    }

    header .top_banner .right a {
        font-size: 6vw;
    }

    form#serch {
        width: 100%;
        margin-top: 1.25rem;
    }

    form#serch input {
        font-size: 5vw;
    }

    form#serch span.icon {
        right: 1vw;
        bottom: 5vw;
    }

    nav {
        margin-top: 0;
    }

    /* logo */
    nav>div:first-child img {
        width: 10rem;
    }

    /* remove the [/] that beside the links */
    #my_nav ul li span {
        display: none;
    }

    .header_content {
        margin-top: 4vw;
    }

    .header_content_left {
        padding: 10VW;
    }

    .header_content_left div h2 {
        font-size: 10vw;
    }

    .home .header_content_left {
        padding: 20px;
    }

    .home .header_content_right {
        height: 70vmin;
    }

    .swiper-slide .my_new_slider {
        height: 65vmin;
    }

    .swiper-slide .my_new_slider .my_new_content p,
    .swiper-slide .my_new_slider .my_new_content span {
        font-size: 4vw;
    }

    .swiper-slide .my_new_slider .my_new_content {
        height: 12vmax;
    }

    .my_btn {
        font-size: 4vw;
        margin-top: 3vw;
        padding: 1vw 4vw;
    }

    .header_content_right .rendez_vous_badge {
        padding: 2vw;
    }

    .header_content_right .rendez_vous_badge h3,
    .header_content_right .rendez_vous_badge p {
        font-size: 4vw;
    }

    /* slider indicators */
    .header_content_right .my_slider .carousel-indicators {
        bottom: 4vw;
    }

    .header_content_right {
        position: relative;
        height: 70vmin;
    }

    /* style selection form */
    .selections_form {
        margin-top: 0;
    }

    .selections_form h1 {
        font-size: 6vw;
    }

    .selections_form form {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .selections_form form .form-group {
        width: 100%;
        margin-bottom: 15px !important;
    }

    #marques,
    #modeles,
    #years {
        width: 100%;
    }

    .selections_form a.advance_resh img {
        width: 9vw;
        margin-right: 15px;
    }

    .selections_form form button {
        width: 100%;
        font-size: 3.5vw;
        margin-top: 15px;
        padding: 1vw;
    }

    /* end selection form */

    /* banner */
    main .main_banner {
        background-size: contain;
        background-position: top;
        height: 87vmin;
    }

    main .main_banner .main_banner_desc img {
        width: 19vw;
        right: 0;
        bottom: -10vmin;
    }

    main .main_banner .main_banner_desc {
        right: 0;
        width: 100%;
        bottom: 40px;
        padding-left: 45px;
        height: 100%;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    main .main_banner .main_banner_desc h2 {
        font-size: 5vw;
    }

    main .main_banner .main_banner_desc ul li {
        font-size: 5vw;
    }

    main .main_banner .main_banner_desc ul li i {
        font-size: 4vw;
    }

    main .main_banner .main_banner_desc p {
        font-size: 4vw;
    }

    /* end banner */

    /* cards carosel */

    main .latest_car {
        padding-top: 6vw;
    }

    main .latest_car .swiper-container {
        margin-top: 14vw;
    }

    .swiper-button-prev,
    .swiper-button-next {
        top: 25vmin;
    }

    main .latest_car .swiper-container .swiper-button-prev {
        left: 80%;
    }

    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 5vw;
    }

    main .latest_car section {
        padding-bottom: 0 !important;
    }

    main .latest_car .carousel_title h2 {
        font-size: 7vw;
    }

    main .latest_car .carousel_title p {
        font-size: 5vw;
    }

    main .latest_car section .card img {
        height: 60vmin;
    }

    main .latest_car section .card .card-body h4 {
        font-size: 6vw;
    }

    main .latest_car section .card .card-body p {
        font-size: 5vw;
    }

    main .latest_car section .card .card-body h3 {
        font-size: 5vw;
    }

    main .latest_car section .card .card-body a {
        font-size: 4vw;
    }

    /* end cards carosel */

    /* our services */
    main .our_services {
        height: 66.5rem;
    }

    main .our_services .left_part,
    main .our_services .right_part {
        height: 50%;
    }

    /* style the content on [primo tires - primo parts - primo service] */
    .service_content {
        padding: 0;
        position: absolute;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 20px;
    }

    .service_content img {
        width: 85px;
    }

    .service_content h5,
    .service_content p,
    .service_content a {
        font-size: 13px;
    }

    /* primo tires */
    .primo_tires .service_content {
        height: 80%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        left: 20px;
        margin-top: 25px;
    }

    .primo_tires .service_content img {
        width: 30vw;
    }

    .primo_tires .service_content h5,
    .primo_tires .service_content p,
    .primo_tires .service_content a {
        font-size: 6vw;
    }

    /* primo parts */
    .primo_parts {
        height: 100%;
        margin-top: 0;
    }

    /* =========================== */

    /* footer */

    footer {
        margin-top: 20px;
    }

    footer::before {
        display: none;
    }

    footer .main_footer_content h5 {
        margin-bottom: 20px;
    }

    footer .demandez_vous {
        margin-top: 20px;
    }

    footer .demandez_vous>div:first-of-type {
        margin-bottom: 20px;
    }

    .footer_input {
        width: 100%;
        font-size: 4vw;
    }

    footer .demandez_vous button {
        font-size: 4vw;
    }

    footer .copyright .copyright_content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px 0;
    }

    footer .copyright .copyright_content .right {
        margin-top: 5px;
    }

    /* ============================ */
    /* ============================ */
    /* ============================ */

    /* ================================= START OCCASION */

    .occasion .my_filter_car {
        width: 100%;
        margin: 20px auto 55px;
    }

    .occasion .my_filter_car .filter_title {
        margin-bottom: 3vw;
        font-size: 4vw;
    }

    .occasion .my_filter_car .filter_title span i {
        vertical-align: middle;
        font-size: 8vw;
    }

    .occasion .my_filter_car .square_div_filter .check_all {
        font-size: 3.7vw;
        margin-right: 1vw;
    }

    .occasion .my_filter_car .square_div_filter>div {
        font-size: 3vw;
        width: 20vw;
        margin: 0 1vw 1vw 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1vw;
    }

    .ui-widget.ui-widget-content {
        width: 100%;
    }

    .occasion .my_filter_car p#price_show {
        font-size: 4vw;
    }

    .occasion .my_filter_car h3 {
        font-size: 4vw;
        margin: 2vw 0;
    }

    .occasion .my_filter_car h3:after {
        font-size: 3vw;
    }

    .occasion .my_filter_car label {
        font-size: 4vw;
    }

    .my_new_card {
        margin-left: 0 !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
    }

    .my_new_card .my_new_card_left {
        width: 100%;
        height: 60vmin;
    }

    .my_new_card .my_new_card_right {
        width: 100%;
        padding: 2vw 0 0 2vw;
    }

    .my_new_card .my_new_card_right .content h4,
    .my_new_card .my_new_card_right .content h5 {
        font-size: 4vw;
    }

    .my_new_card .my_new_card_right span {
        font-size: 4vw;
    }

    .my_new_card .my_new_card_right a {
        font-size: 3vw;
        padding: 1vw 2vw;
    }

    .my_new_card .my_new_card_right p {
        font-size: 3vw;
        padding-right: 2vw;
    }

    .my_new_card .my_new_card_right h6 {
        font-size: 3vw;
    }

    /* ================================= END OCCASION */

    /* ============================ */
    /* ============================ */

    /* START VEHICULE C =================================== */

    .vehicule_c .header_content_right .my_slider {
        background-position-y: 0;
    }

    .single_car_details .car_title h5 {
        font-size: 4vw !important;
    }

    .single_car_details .car_title ul li {
        font-size: 5vw;
    }

    .single_car_details .car_title ul li span {
        font-size: inherit;
    }

    .vehicule_c .single_car_details .car_showcase {
        height: auto;
    }

    .vehicule_c .single_car_desc .car_title {
        margin-top: 5vw;
    }

    .vehicule_c .single_car_desc .car_title ul li {
        font-size: 4vw !important;
    }

    .vehicule_c .single_car_desc .car_title ul li span {
        font-size: inherit;
    }

    .vehicule_c .single_car_details .img_content h6 {
        font-size: 4vw;
        padding: 1.5vw;
    }

    .vehicule_c .single_car_details .master_car_img .img_content p {
        font-size: 5vw !important;
        padding: 1vw 2.5vw !important;
    }

    .vehicule_c .single_car_details .car_showcase .my_container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .vehicule_c .car_showcase .master_car {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 40px;
    }

    .vehicule_c .single_car_details .car_showcase .master_car_img {
        width: 100%;
        height: 66vmin;
    }

    .vehicule_c .car_showcase .master_car .right_small_imgs {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: calc(20vmin - 2vw);
    }

    .vehicule_c .car_showcase .master_car .right_small_imgs .small_img {
        width: 25%;
        height: 100%;
        border: 1vw solid #d6181e;
        border-right: none;
    }

    .vehicule_c .car_showcase .master_car .right_small_imgs .small_img:last-child {
        border-right: 1vw solid #d6181e;
        border-bottom: 1vw solid #d6181e;
    }

    .vehicule_c .car_showcase .master_car .right_small_imgs .small_img img {
        border: 1px solid #fff;
    }

    .vehicule_c .single_car_details .specifications_list ul li {
        font-size: 4vw;
    }

    .vehicule_c .single_car_details .car_specifications {
        margin-top: 6vw;
    }

    .vehicule_c .single_car_details .car_specifications_form {
        width: 100%;
        padding: 5vw;
    }

    .vehicule_c .single_car_details .car_specifications_form form .form-group>div {
        width: 100%;
    }

    .vehicule_c .single_car_details .car_specifications_form form .form-group {
        margin-bottom: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .vehicule_c .single_car_details .car_specifications_form input,
    .vehicule_c .single_car_details .car_specifications_form textarea {
        font-size: 4vw !important;
        padding: 1vw 3vw;
    }

    .vehicule_c .single_car_details .car_specifications_form input::-webkit-input-placeholder,
    .vehicule_c .single_car_details .car_specifications_form textarea::-webkit-input-placeholder {
        font-size: 3vw !important;
    }

    .vehicule_c .single_car_details .car_specifications_form input::-moz-placeholder,
    .vehicule_c .single_car_details .car_specifications_form textarea::-moz-placeholder {
        font-size: 3vw !important;
    }

    .vehicule_c .single_car_details .car_specifications_form input:-ms-input-placeholder,
    .vehicule_c .single_car_details .car_specifications_form textarea:-ms-input-placeholder {
        font-size: 3vw !important;
    }

    .vehicule_c .single_car_details .car_specifications_form input::-ms-input-placeholder,
    .vehicule_c .single_car_details .car_specifications_form textarea::-ms-input-placeholder {
        font-size: 3vw !important;
    }

    .vehicule_c .single_car_details .car_specifications_form input::placeholder,
    .vehicule_c .single_car_details .car_specifications_form textarea::placeholder {
        font-size: 3vw !important;
    }

    .vehicule_c .car_showcase .car_specifications_form label.error {
        font-size: 2.8vw;
    }

    .vehicule_c .single_car_details .car_specifications_form button {
        font-size: 4vw;
        margin-top: 3vw;
    }

    .vehicule_c .single_car_details .characteristics {
        padding: 5vw 0;
    }

    .vehicule_c .single_car_details .characteristics h3 {
        font-size: 5vw;
        margin-bottom: 3vw;
    }

    .vehicule_c .single_car_details .characteristics .table-responsive::-webkit-scrollbar {
        height: 5px;
        background-color: #000;
    }

    .vehicule_c .single_car_details .characteristics td {
        font-size: 4vw;
    }

    /* END VEHICULE C =================================== */

    /* =================================== */
    /* =================================== */

    /* START ABOUT ==================== */

    .about .amical .amical_desc {
        padding: 10vw 5vw 0 10vw;
    }

    .about .amical .amical_desc div {
        width: 100%;
    }

    .about .amical .amical_desc h4 {
        font-size: 6vw;
    }

    .about .amical .amical_desc p {
        font-size: 5vw;
    }

    /* END ABOUT ==================== */

    /* =================================== */
    /* =================================== */

    /* ================================ START RENDEZ VOUS */

    .rendez_vous .rendez_vous_section {
        margin: 4vw 0;
    }

    .rendez_vous .rendez_vous_section .datepicker_section h5 {
        font-size: 6vw;
    }

    .ui-datepicker .ui-datepicker-title {
        font-size: 6vw;
    }

    .ui-datepicker-prev:before,
    .ui-datepicker-next:before {
        font-size: 7vw;
    }

    .ui-datepicker th {
        font-size: 5vw;
    }

    .ui-state-default {
        font-size: 5vw;
    }

    .rendez_vous .rendez_vous_section .rendezVous_form form {
        padding-top: 7vmin;
    }

    .rendez_vous .rendez_vous_section .rendezVous_form h5 {
        font-size: 6vw;
        margin-bottom: 20px;
    }

    .rendez_vous .rendez_vous_section .datepicker_section {
        width: 100% !important;
    }

    .rendez_vous .merci_msg {
        margin-top: 7vw;
        font-size: 4vw;
    }

    /* ================================ END RENDEZ VOUS */

    /* =================================== */
    /* =================================== */

    /* START CONTACT ================================*/

    .contact .send_us {
        margin: 7vw 0;
    }

    .contact .send_us_left {
        width: 100%;
    }

    .contact .send_us_left h4 {
        font-size: 5.5vw;
    }

    .contact .send_us ul {
        margin-top: 6vw;
    }

    .contact .send_us ul li a {
        font-size: 5vw;
    }

    .contact .send_us ul li a i {
        font-size: 6vw;
    }

    .contact .send_us .send_us_form {
        margin-top: 6vw;
    }

    .my_input {
        font-size: 5vw;
    }

    .contact .send_us .send_us_right {
        width: 100%;
        margin-left: 0;
        height: 100%;
        margin-top: 6vw;
    }

    .contact .send_us .send_us_right h5 {
        font-size: 6vw;
    }

    .contact .send_us .send_us_right h5:last-of-type {
        font-size: 5vw;
    }

    .contact .send_us .send_us_right .big_ring {
        height: 95vmin;
        margin: 4vw 0;
    }

    /* END CONTACT ================================*/

    /* ================================================== */
    /* =====  START STYLE ALL ADMIN PAGES========= */
    /* ================================================== */

    .admin_nav img {
        width: 80px;
    }

    .login .admin_nav h2,
    .register .admin_nav h2 {
        color: #fff;
    }

    .admin_nav h2 {
        font-size: 5vw;
        color: transparent;
    }

    .admin_registration {
        width: 95%;
    }

    .admin_registration h4 {
        font-size: 6vw;
    }

    .admin_nav ul {
        margin: 0;
    }

    .admin_nav a.dropdown-toggle div {
        width: 14vw;
        height: 14vw;
        margin-right: 2vw;
        border-radius: 50%;
        position: relative;
    }

    .admin_nav ul li a.dropdown-toggle {
        font-size: 4vw;
        margin-right: 4vw;
    }

    .admin_nav .dropdown-menu {
        position: absolute;
        left: -30px;
        top: calc(100% + 12px);
    }

    .admin_nav .dropdown-menu a {
        font-size: 3vw;
    }

    .admin_nav ul.ula {
        width: 92%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 15px auto;
    }

    .admin_nav ul.ula li {
        margin-bottom: 10px;
    }

    .admin_nav ul.ula li a {
        font-size: 4vw;
    }

    .admin_nav span.badge_msg {
        top: -2vw;
        left: 5px;
        width: 5vw;
        height: 5vw;
        line-height: 5vw;
        font-size: 3vw;
    }  

    label.inputLabel {
        width: 100%;
        margin-bottom: 10px;
    }

    label.inputLabel span {
        font-size: 4vw;
    }

    .add_car_form .form-group,
    .edit_car_form .form-group {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .add_car_form .form-group label,
    .edit_car_form .form-group label {
        font-size: 4vw;
    }

    .add_car_form>div:last-of-type button {
        width: 100%;
        margin-top: 30px;
    }

    .display_car {
        margin-top: 140px !important;
    }

    .display_car h2 {
        font-size: 7vw !important;
    }

    .admin_registration {
        margin-top: 135px !important;
    }

    .admin_registration .content h5,
    .admin_registration .content h5 span {
        font-size: 3vw;
    }

    .view_car .admin_registration {
        width: 100%;
    }

    .view_car .card .all_image_cars {
        height: 80px;
    }

    .view_car .card a.btn {
        font-size: 4vw;
    }

    .edit_car_form h3 {
        font-size: 6vw !important;
        margin-bottom: 10px !important;
        padding-top: 20px;
    }

    .page_search .product_exists {
        width: 100%;
    }

    .page_search .product_exists p.exists_title {
        font-size: 4.8vw;
    }

    .page_search .product_exists .empty_search img {
        width: 25vw;
    }

    .page_search .product_exists .empty_search span {
        font-size: 4vw;
    }

    .page_search .product_exists .empty_search p {
        font-size: 3vw;
    }

    .page_search .product_exists .my_new_card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        width: 90%;
        margin: auto !important;
    }

    .page_search .product_exists .my_new_card .my_new_card_left {
        width: 100%;
        margin-bottom: 10px;
    }

    .page_search .product_exists .my_new_card .my_new_card_right {
        width: 100%;
        padding: 5px;
    }

    .page_search .product_exists .my_new_card .my_new_card_right span {
        font-size: 4.2vw;
    }

    .page_search .product_exists .my_new_card .my_new_card_right a {
        font-size: 3vw;
    }

    .page_search .product_exists .my_new_card .my_new_card_right .content h4,
    .page_search .product_exists .my_new_card .my_new_card_right .content h5 {
        font-size: 4vw;
    }


    .img_slide .add_car_form {
        margin: 170px 0 50px;
    }

    .img_slide .display_car {
        margin: 0 !important;
    }

    .footer_msgs .display_car,
    .message_clients .display_car,
    .admin .add_car_form {
        margin-top: 172px !important;
    }


    /* END REGISTER */

    /* ================================================== */
    /* =====  END STYLE ALL ADMIN PAGES========= */
    /* ================================================== */

}