/* --- Desktop | 1200px and up ---- */

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

    .container {
        max-width: 1236px;
    }

}


/* --- Laptop Landscope | 992px to 1199px ---- */

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

    html {
        font-size: 49%;
    }

}


/* --- Tablet | 991px and down ---- */

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

    .navbar-brand img {
        width: 14rem;
    }

    .footer_section .row {
        --bs-gutter-y: 4rem;
    }

    .partner_logo1 {
        width: 11.9rem;
    }

    .partner_logo2 {
        width: 13.4rem;
    }

    .partner_logo3 {
        width: 11.5rem;
    }

    .partner_logo4 {
        width: 10.2rem;
    }

    .partner_logo5 {
        width: 12.3rem;
    }

    .partner_logo6 {
        width: 8.4rem;
    }

    .partner_section {
        padding: 8rem 0rem 15.5rem;
    }

    .partner_wrapper {
        padding-top: 6rem;
    }

    .partner_wrapper .row {
        --bs-gutter-y: 7.5rem;
    }

    .title_xl {
        font-size: 4.6rem;
        line-height: 100%;
        letter-spacing: 0.05rem;
    }

    .text_xl {
        font-size: 1.8rem;
        line-height: 144.444%;
    }

    .partner_title {
        max-width: 64rem;
    }

    .title_xxl {
        font-size: 6.2rem;
    }

    .hero_section {
        background-position: right;
    }

    .hero_text h2 {
        margin-bottom: 3.5rem;
    }

    .hero_text h2 span::after {
        height: 1.5rem;
    }

    .button {
        font-size: 2.5rem;
    }

    .help_section {
        padding: 8rem 0rem 10rem;
    }

    .help_wrapper {
        padding: 5rem 0rem 7rem;
    }

    .help_wrapper .row {
      --bs-gutter-x: 4rem;
      --bs-gutter-y: 4rem;
    }

    .repair_section {
        padding: 12rem 0rem;
    }

    .repair_item {
        margin-top: 1.5rem;
    }

    .car_item .car1 {
        height: initial;
    }

    .car_item .car2 {
        height: initial;
    }

    .car_item .car3 {
        height: initial;
        margin-top: -6rem;
    }

    .car_item .car4 {
        height: initial;
        margin-top: 0rem;
    }

    .car_item .car5 {
        height: initial;
        margin-top: -9rem;
    }

    .car_item .car6 {
        height: initial;
        margin-top: 0rem;
    }

    .car_wrapper .row {
      --bs-gutter-x: 4rem;
      --bs-gutter-y: 4rem;
    }

    .car_wrapper {
        padding: 6rem 0rem 4rem;
    }

    .car_section {
        padding-bottom: 11rem;
    }

    .about_hero {
        padding: 20rem 0rem 10rem;
    }

    .unique_bottom {
        padding-top: 12rem;
    }

    .service_hero {
        padding-top: 17rem;
        padding-bottom: 8rem;
    }

    .step_text {
        margin-top: 4rem;
    }

    .form_section {
        padding: 10rem 0rem 7rem;
    }

    .image-container {
        height: 20rem;
    }

    .image-grid {
        grid-gap: 2rem;
    }

    .replacement_wrapper {
        padding: 6rem 4rem 8rem;
    }

    .damage_hero,
    .restor_section {
        padding: 20rem 0rem 11rem;
    }

    .our_service_section h2 {
        padding-bottom: 7rem;
    }

    .service_card.box3 h3 {
        padding-bottom: 0rem;
    }

    .restor_hero_item {
        margin-top: 2.5rem;
    }

    .realizations_section {
        padding: 10rem 0rem;
    }

    .realizations_section h2 {
        padding-bottom: 6rem;
    }

    .realizations_section .row,
    .our_service_section .row {
        --bs-gutter-y: 4.8rem;
    }

    .provid_section {
        padding-top: 18rem;
    }

    .provid_image {
        margin-bottom: 6rem;
    }

    .bus_demo {
        grid-gap: 3rem;
    }

    .contact_hero {
        padding-top: 20rem;
    }

    .contact_section .row {
        --bs-gutter-x: 1.5rem;
    }

}


/* --- Mobile | 767px and down ---- */

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

    .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .header_navbar {
        padding: 1.6rem 0;
    }

    .footer_section .container,
    .header_section .container {
        padding-left: 2.2rem;
        padding-right: 2.2rem;
    }

    .scrolltop_btn {
        right: 2rem;
        bottom: 2rem;
    }

    .footer_section  {
        padding-top: 7.4rem;
    }

    .footer_section .row {
        --bs-gutter-y: 3rem;
    }

    .title_md {
        font-size: 2.2rem;
    }

    .opening_text p {
        margin-bottom: 0.5rem;
    }

    .copyright_text {
        flex-direction: column;
        padding-top: 5rem;
        padding-bottom: 6rem;
        gap: 0.2rem;
        align-items: flex-start;
    }

    .copyright_text ul {
        gap: 2rem;
    }

    .partner_wrapper {
        padding-top: 4rem;
    }

    .partner_wrapper .row {
        --bs-gutter-y: 5.6rem;
    }

    .title_xxl {
        font-size: 5.2rem;
        line-height: 103%;
    }

    .hero_text h2 span::after {
        height: 1.4rem;
        bottom: 0rem;
    }

    .hero_section {
        padding: 13.3rem 0rem 5.2rem;
        height: 56rem;
        min-height: 56rem;
        background-position: right;
    }

    .hero_section .container {
        padding-left: 2.6rem;
        padding-right: 2.6rem;
    }

    .header_section {
        position: relative;
        box-shadow: none;
    }

    .header_index .navbar-brand img,
    .header_index .navbar-toggler img {
        filter: initial;
    }

    .hero_text h2 {
        margin-bottom: 14rem;
    }

    .help_section {
        padding: 4rem 0rem 7.8rem;
    }

    .help_wrapper {
        padding: 6rem 0rem;
    }

    .help_wrapper .row {
      --bs-gutter-x: 3rem;
      --bs-gutter-y: 2.5rem;
    }

    .repair_section {
        padding: 8rem 0rem 0rem;
    }

    .repair_text h3 {
        margin-bottom: 1.5rem;
    }

    .repair_item,
    .unique_item {
        margin-left: -3rem;
        margin-right: -3rem;
        border-radius: 0rem;
    }

    .repair_item img,
    .unique_item img {
        border-radius: 0rem;
    }

    .car_section {
        padding: 11rem 0rem 8rem;
    }

    .car_title p {
        display: none;
    }

    .repair_text a {
        display: none;
    }

    .repair_item {
        margin-top: 0rem;
    }

    .repair_text ul {
        padding-bottom: 1rem;
    }

    .car_item img {
        margin-top: 0!important;
    }

    .car_wrapper .row {
      --bs-gutter-x: 3rem;
      --bs-gutter-y: 3rem;
    }

    .button_textmobile {
        display: inline-block;
    }

    .button_textdesktop {
        display: none;
    }

    .about_hero {
        padding: 7rem 0rem 7.5rem;
    }

    .unique_section {
        padding: 8rem 0rem;
    }

    .unique_bottom {
        padding-top: 6.8rem;
    }

    .unique_text ul li {
        padding-bottom: 1.5rem;
    }

    .button {
        white-space: nowrap;
        padding: 1.5rem 2.8rem;
    }

    .step_text .step_number {
        width: 6rem;
        height: 6rem;
        flex-shrink: 0;
    }

    .step_text .step_number span {
        font-size: 3.8rem;
    }

    .service_hero {
        padding-top: 7.5rem;
        padding-bottom: 5rem;
    }

    .service_content h2 {
        line-height: 110%;
        padding-bottom: 3rem;
    }

    .service_content h2 span::after {
        bottom: 0.1rem;
    }

    .service_content p br {
        display: none;
    }

    .step_section {
        padding: 0rem 0rem 6.2rem;
    }

    .step_section .row {
        --bs-gutter-y: 0rem;
    }

    .step_item {
        margin-left: -3rem;
        margin-right: -3rem;
        border-radius: 0rem;
    }

    .step_item img {
        border-radius: 0rem;
    }

    .step_text {
        margin-top: 8rem;
    }

    .replacement_wrapper {
        padding: 4rem 3rem 6rem;
        margin-left: -3rem;
        margin-right: -3rem;
    }

    .step_text h2 {
        line-height: 110%;
        padding-bottom: 3.5rem;
    }

    .step_text .text h4 {
        font-size: 1.8rem;
        margin-bottom: 0.6rem;
    }

    .step_text .text {
        padding-left: 1.4rem;
    }

    .step_text li {
        align-items: flex-start;
    }

    .form_section {
        padding: 7.2rem 0rem 2rem;
    }

    .form_title p {
        line-height: normal;
    }

    .form_section .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .check_box label,
    .radio_button label {
        text-align: left;
    }

    .service_check {
        margin-top: 1.6rem;
        margin-bottom: 3rem;
    }

    .upload_wrapper {
        padding-top: 5rem;
    }

    .drop-zone-inner .line {
        max-width: 56rem;
        width: 100%;
    }

    .drop-zone {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .drop-zone-inner p br {
        display: none;
    }

    .image-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2rem;
    }

    .damage_hero {
        padding: 8rem 0rem;
    }

    .our_service_section {
        padding: 8rem 0rem 8.5rem;
    }

    .our_service_section h2 {
        padding-bottom: 5rem;
    }

    .service_card .card_text {
        padding: 3rem 2rem;
    }

    .title_lg {
        line-break: anywhere;
    }

    .our_service_section .container,
    .realizations_section .container {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .restor_section  {
        padding: 6.5rem 0rem 0rem;
    }

    .restor_hero_item {
        margin-left: -3rem;
        margin-right: -3rem;
    }

    .restor_hero_item img {
        border-radius: 0rem;
    }

    .restor_hero_text h2 span.highlight::after {
        display: none;
    }

    .restor_hero_text h2 span.highlight span {
        text-decoration: underline;
        text-decoration-thickness: 1.2rem;
        text-decoration-color: var(--yellow);
        text-underline-offset: -0.5rem; 
        text-decoration-skip-ink: none; 
    }

    .realizations_section {
        padding: 8rem 0rem;
    }

    .realizations_section h2 {
        padding-bottom: 5.4rem;
    }

    .realizations_card .card_text {
        padding: 3rem 2rem;
    }

    .provid_section {
        padding-top: 1rem;
        padding-bottom: 5rem;
    }

    .provid_image img {
        height: 55.8rem;
        object-fit: cover;
        border-radius: 0rem;
        object-position: 25%;
    }

    .provid_image {
        margin-left: -3rem;
        margin-right: -3rem;
    }

    .provid_section::after {
        height: 89%;
    }

    .provid_title h2 span::after {
        display: none;
    }

    .provid_title h2 span.highlight span {
        display: inline;
        text-decoration: underline;
        text-decoration-thickness: 1.2rem;
        text-decoration-color: var(--yellow);
        text-underline-offset: -0.5rem; 
        text-decoration-skip-ink: none; 
    }

    .bus_demo {
        grid-template-columns: 1fr;
        grid-gap: 3.5rem;
        margin-top: 0rem;
    }

    .provid_buton {
        margin-top: 6rem;
    }

    .contact_hero {
        padding-top: 7.5rem;
    }

    .contact_hero_title p br {
        display: none;
    }

    .contact_section .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .check_box {
        gap: 1.5rem;
    }

    .contact_section {
        padding-bottom: 8rem;
    }

    .map-section .map img {
        height: 50rem;
        object-fit: cover;
    }

    .contact_hero_title h2 {
        font-size: 4.4rem;
    }

}


/*----- xs devices 575px and down -----*/
@media screen and (max-width: 575px) {

    html {
        font-size: 2.5445vw;
    }

}