@charset "utf-8";
/* CSS Document */

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

    /* Header - Start */

    header {
        height: 80px;
    }

    .header_cont {
        padding: 0px 40px;
    }

    .logo_cont {
        height: 40px;
    }

    .button_cont {
        height: 80px;
    }

    .header_button {
        height: 60px;
        padding: 10px;
    }

    /* Header - End */

    /* Slider - Start */

    #slider_overlay {
        height: 100%;
        width: 75%;
        margin-left: 12.5%;
    }

    .sy-slides-wrap {
        width: 75% !important;
    }

    /* Slider - End */

    /* Search - Start */
    /* Search Tab - Start */
    /* Search Tab - End */
    /* Search - End */

    /* Mid Section - Start */
    /* Mid Section - End */

    /* Footer - Start */
    /* Footer - End */

    /* Background - Start */
    /* Background - End */

}

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

    /* Header - Start */
    /* Header - End */

    /* Slider - Start */
    /* Slider - End */

    /* Search - Start */

    #search_cont {
        width: 90%;
    }

    /* Search Tab - Start */
    /* Search Tab - End */
    /* Search - End */

    /* Mid Section - Start */

    #mid_sect_cont {
        width: 90%;
    }

    /* Mid Section - End */

    /* Footer - Start */

    #brands_cont {
        width: 90%;
    }

    .footer_line {
        width: 90%;
    }

    #text_cont {
        width: 90%;
    }

    #footer_end {
        width: 90%;
    }

    /* Footer - End */

    /* Background - Start */
    /* Background - End */

}

@media screen and (max-width: 1024px) {
    /* Header - Start */
    /* Header - End */

    /* Slider - Start */
    /* Slider - End */

    /* Search - Start */
    /* Search Tab - Start */

    .info {
        border-left: solid 2px #CCC;
        border-right: solid 2px #CCC;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin-right: 0;
    }

    .info03 {
        border-right: none;
    }

    .select_radious {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    /* Search Tab - End */
    /* Search - End */

    /* Mid Section - Start */

    .mid_cont {
        max-width: 250px;
    }

    .mid_01 {
        margin: 0px 10px 0px 0px;
    }

    .mid_02 {
        margin: 0px 10px 0px 10px;
    }

    .mid_03 {
        margin: 0px 0px 0px 10px;
    }

    .mid_button {
        font-size: 18px;
    }

    /* Mid Section - End */

    /* Footer - Start */
    /* Footer - End */

    /* Background - Start */
    /* Background - End */

    /* Buscar - Start */

    #buscar_cont {
        padding: 20px;
    }

    .tire_brand {
        max-width: 125px;
    }

    .tire_image {
        max-width: 125px;
    }

    .tire_number {
        font-size: 14px;
    }

    .buscar_button {
        font-size: 18px;
        width: 250px;
    }

    .tire_title p {
        font-size: 30px;
        margin: 0 0 10px 0;
    }

    .tire_descr p {
        font-size: 16px;
        margin: 0 0 10px 0;
    }

    .tire_price p {
        font-size: 20px;
    }

    /* Buscar - End */

    /* Cita - Start */

    #cot_cont {
        padding: 20px;
    }

    /* Cita - End */

    /* Sucursal - Start */

    #sucursal_cont {
        padding: 20px;
    }

    /* Sucursal - End */


    /* Servicios - Start */

    #servicios_cont {
        padding: 20px 20px;
    }

    .serv_int {
        flex-direction: column;
        align-items: center;
    }

    .serv_desc {
        margin: 0 0 0 20px;
    }

    .serv_desc p {
        font-size: 16px;
    }

    .serv_img img {
        margin: 0;
        width: 100%;
    }

    /* Servicios - End */

    /* Contacto - Start */

    #contact_cont {
        padding: 20px 20px;
    }

    /* Contacto - End */
}

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

    /* Header - Start */

    header {
        height: 60px;
    }

    .header_cont {
        padding: 0px 20px;
    }

    .header_button {
        height: 40px;
        padding: 10px;
    }

    .button_cont {
        height: 60px;
    }

    .b01 {
        margin-right: 10px;
    }

    .b02 {
        margin-right: 10px;
    }

    /* Header - End */

    /* Slider - Start */

    #slider_overlay {
        display: none;
    }

    .sy-slides-wrap {
        width: 100% !important;
    }

    /* Slider - End */

    /* Search - Start */

    #search_cont {
        width: auto;
        margin: 20px 20px 0px 20px;
    }

    /* Search Tab - Start */
    /* Search Tab - End */
    /* Search - End */

    /* Mid Section - Start */

    #mid_sect_cont {
        width: auto;
        margin: 20px;
    }

    /* Mid Section - End */

    /* Footer - Start */

    footer {
        padding: 10px 0px 10px 0px;
    }

    #text_cont {
        justify-content: center;
    }

    #text_cont p {
        font-size: 12px;
    }

    /* Footer - End */

    /* Buscar - Start */

    #resultados_cont {
        border: none;
        border-radius: 20px;
        padding: 0;
    }

    .tire_cont {
        flex-direction: column;
    }

    .tire_01 {
        border-right: none;
        border-bottom: solid 2px #ccc;
        display: flex;
        padding: 0;
    }

    .tire_brand {
        width: 40vw;
        max-width: 175px;
    }

    .tire_image {
        width: 50vw;
        max-width: 200px;
        margin: 0 0 10px 0;
    }

    .tire_number {
        margin: 0 0 10px 0;
    }

    .tire_02 {
        padding: 10px;
    }

    .tire_title p {
        font-size: 24px;
    }

    .tire_buttons {
        flex-direction: column;
    }

    .buscar_button {
        width: 100%;
    }

    .tire_03 {
        border-left: none;
        border-top: solid 2px #ccc;
        padding: 10px;
    }

    #buscar_options {
        flex-direction: column;
        margin: 0;
    }

    .buscar_select {
        width: 100%;
        max-width: unset;
    }

    /* Buscar - End */

    /* Aviso - Start */

    .legals_txt {
        padding: 40px 40px;
    }

    .legals_txt p {
        font-size: 16px;
    }

    /* Aviso - End */

    /* Cita - Start */

    #last_cita {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .last_button {
        margin: 0 0 20px 0;
    }

    /* Cita - End */

    /* Sucursal - Start */

    #directions_main_cont {
        max-width: 320px;
    }

    .print_map {
        margin: 20px 0 40px 0 !important;
        font-size: 20px;
    }

    /* Sucursal - End */

    /* Servicios - Start */

    .serv_desc {
        margin: 20px;
    }

    /* Servicios - End */

    /* Contacto - Start */

    .logo_contact {
        background-position: top;
        background-size: contain;
        margin: 20px 0 0 0;
    }

    /* Contacto - End */

}

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

    /* Menu - Start */
    .menu_container {
        display: none;
    }

    /* Menu - End */

    /* Header - Start */
    .header_button {
        display: none;
    }

    #mobile_dropdown {
        display: block;
    }

    /* Header - End */

    /* Slider - Start */
    /* Slider - End */

    /* Search - Start */

    #search_cont {
        margin: 0;
        border-radius: 0;
        border-bottom: solid 2px rgba(255, 255, 255, .25);
    }

    .title_desktop {
        display: none;
    }

    .title_mobile {
        display: block;
    }

    p {
        font-size: 24px;
    }

    .chevron_title {
        height: 17px;
    }

    .title_line {
        height: 2px;
    }

    #search_cont {
        padding: 20px;
        background: rgba(7, 93, 166, .5);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    /* Search Tab - Start */

    #search_icon {
        display: none;
    }

    #search_wrapper {
        margin: 0;
    }

    .input_search {
        font-size: 3vw;
    }

    select {
        font-size: 3vw;
    }

    .tab_link {
        font-size: 3vw;
    }

    /* Search Tab - End */
    /* Search - End */

    /* Mid Section - Start */

    #mid_sect_cont {
        flex-direction: column;
        margin: 0;
    }

    .mid_01,
    .mid_02,
    .mid_03 {
        margin: 0;
    }

    .mid_cont {
        max-width: unset;
        border-radius: 0;
        padding: 20px;
        background: rgba(7, 93, 166, .5);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        border-bottom: solid 2px rgba(255, 255, 255, .25);
    }

    .mid_bg_01 {
        background-position: center center;
        background-size: cover;
    }

    .mid_txt {
        font-size: 3vw;
        text-align: justify;
    }

    .button_mid_cont {
        display: flex;
        justify-content: flex-start;
        text-decoration: none;
    }

    .mid_button {
        width: auto;
        margin: 0 0 5px 0;
        padding: 5px 40px;
    }

    .cita_input {
        height: auto;
        margin: 0 0 15px 0;
        font-size: 3vw;
        padding: 10px 0;
    }

    .mid_txt_light {
        font-size: 2.5vw;
        text-align: justify;
        margin: 0 0 10px 0;
    }

    .mid_txt_small {
        font-size: 2vw;
        text-align: justify;
    }

    .location_input {
        margin: 0 !important;
    }

    .small_button {
        width: 100px;
    }

    /* Mid Section - End */

    /* Mobile Section - Start */

    .mobile_sec {
        display: block;
    }

    /* Mobile Section - End */

    /* Footer - Start */

    #brands_cont {
        flex-direction: column;
        justify-content: center;
    }

    .dist_button {
        width: 20vw;
        margin: 0 10px;
    }

    .tires_cont {
        flex-wrap: wrap;
        margin: 20px 0 0 0;
        width: 100%;
        justify-content: space-around;
    }

    /* Footer - End */

    /* Background - Start */

    .bg_cont {
        height: 100vh;
        background-image: url(../img/rsc/bg01_720.jpg);
    }

    .bg_cont_int {
        height: 100vh;
        background-image: url(../img/rsc/bg02_720.jpg);
    }

    /* Background - End */

    /* Cotización - Start */

    p {
        font-size: 18px;
    }

    /* Cotización - End */

    /* Cita - Start */

    #cita_main_cont p {
        font-size: 18px;
    }

    #cita_serv_cont {
        flex-direction: column;
        align-items: center;
    }

    .serv_select {
        margin: 0 0 20px 0;
    }

    .cita_button {
        margin: 0 0 20px 0;
    }

    .serv_select {
        margin: 0 0 20px 0;
        max-height: none;
        max-width: 100%;
        width: 100%;
    }

    .cita_servicios {
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }

    /* Cita - End */

    /* Contacto - Start */

    .contact_int {
        width: 100%;
        margin: 20px 0 0 0;
        display: flex;
        align-items: center;
    }

    .logo_contact {
        display: none;
    }

    #contact_button_cont {
        justify-content: space-between;
        margin: 20px 0 0 0;
    }

    #contact_button_cont button {
        margin: 0 10px 0 10px;
    }

    /* Contacto - End */

}

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

    /* Header - Start */

    .header_cont {
        padding: 0 10px;
    }

    .logo_cont {
        height: 30px;
    }

    /* Header - End */

    /* Slider - Start */

    #slider_cont {
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    }

    /* Slider - End */

    /* Search - Start */

    #search_cont {
        padding: 10px;
    }

    /* Search Tab - Start */

    .input_search {
        font-size: 14px;
    }

    .tab_link {
        font-size: 18px;
    }

    select {
        font-size: 14px;
    }

    /* Search Tab - End */
    /* Search - End */

    /* Mid Section - Start */

    .mid_cont {
        padding: 10px;
    }

    .cita_input {
        font-size: 14px;
    }

    .mid_txt {
        font-size: 14px;
        text-align: left;
    }

    .mid_txt_light,
    .mid_txt_small {
        font-size: 14px;
        text-align: left;
    }

    .mid_button {
        font-size: 18px;
        width: 50%;
        padding: 5px;
    }

    /* Mid Section - End */

    /* Footer - Start */

    .main_footer {
        width: 140px;
    }

    #text_cont {
        flex-direction: column;
        text-align: center;
    }

    #directions {
        margin: 0 0 10px 0;
    }

    #hours_sells {
        margin: 0 0 10px 0;
    }

    #text_cont p,
    .footer_text {
        font-size: 14px;
        margin: 0;
    }

    #text_end a {
        font-size: 14px;
        margin: 0 10px 0 0;
    }

    .exa_logo {
        height: 20px;
        width: 30px;
    }

    /* Footer - End */

    /* Background - Start */
    /* Background - End */

    /* Cotización - Start */

    #cot_lower {
        flex-direction: column;
    }

    #cot_menu {
        margin: 0 0 10px 0;
    }

    #cot_prices {
        margin: 0;
    }

    .table_brand {
        width: 100%;
    }

    /* Cotización - End */

    /* Sucursal - Start */

    #map_main_cont {
        flex-direction: column;
    }

    #map_cont {
        height: 500px;
    }

    #directions_main_cont {
        max-width: 100%;
        margin: 10px 0 0 0;
    }

    .directions_cont {
        margin: 0 0 10px 0;
    }

    /* Sucursal - End */

    /* Aviso - Start */

    .legals_txt {
        padding: 10px;
    }

    .legals_txt h1 {
        font-size: 20px;
    }

    .legals_txt p {
        font-size: 14px;
    }

    #sucursal_int p {
        font-size: 16px;
    }

    /* Aviso - End */
}

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

    /* Header - Start */
    /* Header - End */

    /* Slider - Start */
    /* Slider - End */

    /* Search - Start */

    /* Search Tab - Start */
    /* Search Tab - End */

    /* Search - End */

    /* Mid Section - Start */
    /* Mid Section - End */

    /* Footer - Start */
    /* Footer - End */

    /* Background - Start */
    /* Background - End */

    /* Cita - Start */

    .cita_time {
        flex-direction: column;
        align-items: center;
    }

    .week_cont {
        font-size: 14px;
        margin: 2px;
    }

    .day_name {
        padding: 2px;
    }

    .day_number {
        padding: 2px;
        margin: 2px 0 0 0;
    }

    /* Cita - End */

    /* Servicios - Start */

    .serv_int {
        margin: 0;
    }

    .serv_buttons {
        flex-direction: column;
        align-items: center;
    }

    .serv_button {
        margin: 0 0 20px 0;
    }

    .serv_desc {
        margin: 20px 0;
    }

    .serv_desc p {
        font-size: 14px;
    }

    .serv_buttons {
        margin: 20px 0 0 0;
    }

    .serv_desc h1 {
        font-size: 26px;
    }

    /* Servicios - End */

    /* Contacto - Start */

    .contact_int p {
        font-size: 16px;
        text-align: center;
    }

    #contact_button_cont {
        flex-direction: column;
        justify-content: center;
        margin: 0;
    }

    #contact_button_cont button {
        margin: 20px 0 0 0;
        width: 100%;
    }

    /* Contacto - End */

}

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

    /* Header - Start */
    /* Header - End */

    /* Slider - Start */
    /* Slider - End */

    /* Search - Start */

    /* Search Tab - Start */
    /* Search Tab - End */

    /* Search - End */

    /* Mid Section - Start */
    /* Mid Section - End */

    /* Footer - Start */
    /* Footer - End */

    /* Background - Start */

    .bg_cont {
        background-image: url(../img/rsc/bg01_480.jpg);
    }

    .bg_cont_int {
        background-image: url(../img/rsc/bg02_1080.jpg);
    }

    /* Background - End */

    /* Cotización - Start */

    #cot_cont {
        padding: 10px;
    }

    #cot_wrapper {
        border: none;
        border-radius: unset;
        padding: 0;
    }

    .cot_button {
        width: 100%;
    }

    .main_cot_table {
        font-size: 14px;
        margin: 0 0 10px 0;
    }

    #cot_wrapper {
        margin: 10px 0 10px 0;
    }

    #cot_lower {
        margin: 10px 0 0 0;
    }

    #mobile_cot_cont {
        overflow-x: scroll;
    }

    /* Cotización - End */
}