@media screen and (max-width: 1023px) {
    body:has(.left_nav.active) {
        overflow: hidden;
    }

    .mob_request_quote {
        display: block;
    }

    /* burger_menu css */
    .burger_menu-svg {
        cursor: pointer;
        display: block;
        width: 5.5rem;
        height: 5.5rem;
        position: relative;
        z-index: 2;
    }

    .burger_menu-svg svg {
        width: 100%;
        height: 100%;
    }

    .line {
        fill: none;
        stroke: #000;
        stroke-width: 6;
        transition: stroke-dasharray 600ms 
        cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms 
        cubic-bezier(0.4, 0, 0.2, 1);
    }

    .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 6;
    }

    .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    /* when active */
    .burger_menu-svg.active .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    .burger_menu-svg.active .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 6;
    }

    .burger_menu-svg.active .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    .navigation {
        gap: 0;
        margin-left: auto;
    }

    .left_nav {
        position: fixed;
        min-height: 100vh;
        width: 100%;
        left: 0;
        top: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        background: var(--white);
        transform: translateY(10px);
        transition: var(--transition-03);
        background-color: white;
        z-index: 1;
    }

    .left_nav.active  {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: translateY(0px);
    }

    .left_nav .main_nav {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 9rem 3rem 3rem;
    }

    .left_nav .main_nav, 
    .right_nav ul {
        gap: 3rem;
    }

    .left_nav .main_nav li a,
    .menu_has_submenu {
        font-size: 2rem;
        color: var(--navy-color);
        width: 100%;
    }

    .right_nav ul {
        display: none;
    }

    .menu_has_submenu .has_submenu {
        position: relative;
        background: unset;
        border: unset;
        max-height: 0px;
        opacity: 0;
        visibility: hidden;
        padding: 0;
        gap: 2rem;
        top: 2rem;
    }

    .menu_has_submenu.active .has_submenu {
        max-height: 500px;
        opacity: 1;
        visibility: visible;
        padding: 0 2rem 2rem;
    }
    
    .pin_icon.fix_icon {
        max-width: 15rem;
    }
}

@media screen and (max-width: 767px) {
    :root {
       --16-font: 1.4rem;
       --18-font: 1.6rem;
       --24-font: 1.8rem;
       --30-font: 2.2rem;
       --40-font: 2.5rem;
       --60-font: 3.5rem;
       --75-font: 3.5rem;
       --80-font: 4rem;
       --110-font: 3.5rem;
    }

    .cnt_wp {
        flex-direction: column;
        padding: 0 2rem;
    }

    /* header */
    .header {
        padding:2rem;
    }

    .header .cnt_wp {
        flex-direction: row;
        padding: 0 1rem;
    }

    .duraco_logo {
        max-width: 10rem;
    }

    .burger_menu-svg {
        width: 5rem;
        height: 5rem;
    }

    .navigation {
        gap: 2rem;
    }

    .menu_has_submenu::before {
        top: 10px;
        transform: translateY(0);
        left: 29%;
        background-image: url(../assets/images/todelete/arrow_down_blue.png);
    }

    /* footer */
    .footer-logo {
        max-width: 10rem;
    }

    .top_footer-wp,
    .bot_footer-top,
    .mini_nav-wp,
    .duraco_privacy,
    .other_links ul, 
    .social_media-wp ul {
        flex-direction: column;
        gap: 2.5rem;
    }
    
    .top_footer {
        padding: 4.2rem 0 3rem;
    }

    .top_footer-text {
        line-height: 4.5rem;
        letter-spacing: -1.2px;
    }

    .top_footer-wp {
        gap: 3.2rem;
    }

    .bot_footer {
        padding: 5.5rem 2rem 5rem;
    }

    .bot_footer-top {
        padding-bottom: 2rem;
    }

    .social_media-wp a {
        margin-bottom: 0;
    }

    /* homepage */
    .top_realiable,
    .bot_realiable,
    .top_latest_news {
        flex-direction: column;
    }

    .left_text,
    .right_text,
    .map-left,
    .map-right {
        width: 100%;
        margin-left: unset;
    }

    .hero_desc_wp {
        margin: 15rem auto 0;
    }

    .page_title {
        font-size: var(--110-font);
        line-height: 4rem;
        letter-spacing: -1.5px;
        padding: 0 2rem;
    }

    .banner_txt {
        margin-top: 1.2rem;
        line-height: 2rem;
        letter-spacing: unset;
        max-width: 30rem;
    }

    .banner-link {
        margin-top: 1rem;
    }

    .tag_banner {
        margin-top: 10rem;
        gap: 0;
        padding: 0 2rem;
    }

    .tag_banner span {
        font-size: 1.4rem;
    }

    .tag_banner span:not(:last-child)::after {
        right: 0rem;
        top: 0;
    }

    .play_btn {
        bottom: 6%;
        right: 11%;
    }

    .svg_play {
        width: 5rem;
        height: 5rem;
    }

    .reliable_section,
    .imageAccordion-slider,
    .bot_latest_news {
        margin-top: 5rem;
    }

    .map_location {
        margin-top: 7rem;
    }

    .section_subtitle {
        line-height: 4rem;
        letter-spacing: -2.8px;
    }

    .water_storage {
        max-width: 100%;
        top: 0;
    }
    
    .mechaincal_engineer {
        max-width: 100%;
        padding-right: unset;
    }
    
    .imageAccordion {
        display: none;
    }

    .imageAccordion-slider {
        display: block;
    }

    .imageAccordion_title {
        padding: 3rem 0 0;
        line-height: 4rem;
        letter-spacing: -1.2px;
    }

    .imageAccordion_link {
        padding-top: 3rem;
    }

    .imageAccordion-slider .cnt_wp {
        background: var(--navy-blue);
        text-align: center;
        flex-direction: column;
        border-radius: 40px;
    }

    .accordionImg_swiper {
        width: 100%;
    }

    .accordionImg {
        padding: 0;
        height: auto;
        top: 3rem;
    }

    .panelImg .panelImg_desc {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 2rem;
        display: flex;
    }

    .panel_txt_wp, 
    .panel_link {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .panel-title {
        line-height: 3rem;
        letter-spacing: -0.2px;
    }

    .panelImg .panel-txt {
        display: none;
    }

    .panelImg::after {
        background: linear-gradient(249deg, rgba(47, 167, 197, 0.00) 1.17%, #015086 97.53%);
    }

    .tabbling_btn {
        gap: 0rem;
        padding: 1rem 1.5rem;
    }

    .store_location_wp {
        height: 65rem;
    }

    .mobile_map {
        display: block;
        height: 40rem;
        margin-top: 4rem;
    }

    .island_map.rodrigues {
        height: 40rem;
    }

    .map-right {
        display: none;
    }

    .pin_icon {
        line-height: 1.8rem;
        max-width: 7.5rem;
    }

    .store_repeat {
        width: 100%;
    }

    .get_latest_news {
        margin-bottom: 5rem;
    }

    /* news */
    .primo {
        margin-top: 16rem;
    }

    .header.inner_page {
        padding: 4rem 0 3rem;
    }

    .inner_intro-title {
        line-height: 3.5rem;
        letter-spacing: -2.8px;
        max-width: 35rem;
    }

    .news_contain {
        margin-top: 3rem;
        margin-bottom: 10rem;
    }

    .news_wp {
        grid-template-columns: repeat(1, 1fr);
    }

    .news-pagination {
        display: flex;
        gap: 5rem;
    }

    /* news detail */
    .news_detail_wp {
        flex-direction: column;
    }

    .news_return {
        margin-bottom: 2rem;
    }

    .news_details-left,
    .news_details-right {
        width: 100%;
    }

    .news_details-right {
        order: 1;
    }

    .news_details-left {
        order: 2;
    }

    .news_detail-title {
        margin-top: 2rem;
        line-height: 4rem;
    }

    .news_detail-info-share {
        margin-top: 3rem;
        margin-bottom: 4rem;
    }

    .news_detail_txt {
        line-height: 2rem;
    }

    .news_details {
        padding-bottom: 4rem;
        margin-bottom: 4rem;
    }

    /* about us */
    .about .inner_intro-title {
        max-width: 30rem;
        line-height: 4rem;
    }

    .timeline_slider {
        margin-top: 2rem;
    }

    .timeline_card-info {
        flex-direction: column;
        margin-left: 0;
        gap: 7rem;
    }

    .timeline_card-year {
        display: none;
    }

    .timeline_event_year, 
    .timeline_event_txt {
        line-height: 1.8rem;
        font-size: 1.4rem;
    }

    .timeline_event_txt {
        display: none;
    }

    .timeline_nav .swiper-button-next, 
    .timeline_nav .swiper-button-prev {
        top: 56%;
    }

    .timeline_nav .swiper-button-prev {
        left: unset;
        right: 15%;
    }

    .timeline_nav .swiper-button-next {
        right: 0;
        left: unset;
    }

    .second_slider {
        padding: 0 0 2rem;
        margin-top: 2rem;
    }

    .impact,
    .gallary_photo {
        margin-top: 5rem;
    }

    .impact_wp {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 3rem;
    }

    .section_int_title {
        line-height: 4rem;
    }

    .impact_repeat {
        padding: 3rem 2rem;
        height: 30rem;
    }

    .impact_title {
        line-height: 2.5rem;
    }

    .galleryBlock-item img {
        width: 55%;
    }

    .duraco_people {
        margin-top: 5rem;
        margin-bottom: 10rem;
    }

    .people-repeat {
        height: 50rem;
    }

    /* products page */
    .filter_sec {
        margin-top: 5rem;
    }
    
    .product_page .banner_img img {
        display: none;
    }
    
    .banner_desc {
        width: 100%;
    }
    
    .product_page .banner_img {
        background-image: url(/assets/images/todelete/Water_storage_bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 50rem;
        border-radius: 50px;
    }
    
    .banner_desc_wp .banner_txt {
        max-width: 28rem;
    }
    
    .product_filter-wp,
    .products_card {
        flex-direction: column;
        gap: 3rem;
    }

    .filter-left,
    .filter-right,
    .get_quote-left,
    .get_quote-right {
        width: 100%;
    }

    .products_card {
        width: unset;
        padding: 8rem 2rem 4rem;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .products_wp {
        grid-template-columns: repeat(1, 1fr);
    }

    .quote_form {
        padding: 5rem 0;
        margin-top: 5rem;
    }

    .get_quote-wp {
        padding: 5.7rem 2rem 3rem;
    }

    .get_quote-right,
    .get_quote-right-bot {
        margin-top: 5rem;
    }

    .filter_btn-wp {
        display: none;
    }

    .guidance {
        margin-top: 5rem;
    }

    .guidance_filter-wp {
        margin: unset;
        border: none;
        background: none;
    }

    .guidance_page-wp {
        padding: 5rem 2rem;
    }

    .guidance_page {
        margin-top: 0;
    }

    .filter_Guide_mobile {
        display: block;
    }

    .filter_Guide_mobile select {
        background: unset;
        border: unset;
        padding: 0 2rem;
        border-bottom: 1px solid;
        color: var(--abyss-blue);
    }
    
    .get_quote-left {
        order: 1;
    }
    
    .get_quote-right {
        order: 3;
    }
    
    .get_recommander_tank {
        order: 2;
        padding-bottom: 0;
    }
    
    .get_recommander-wp {
        padding: 2.5rem 2rem 3rem;
        width: 100%;
    }
    
    .recommander_tank {
        flex-direction: column;
        gap: 2rem;
        margin-top: 2.5rem;
    }
    
    .recommander_tank-left {
        width: 100%;
        padding: 2rem 0;
    }
    
    .recommander_tank-img {
        max-width: 100%;
    }
    
    .recommander_tank-right {
        width: 100%;
    }
    
    .recommander_action-wp {
        flex-direction: column;
        gap: 1rem;
    }
    
    /* contact page */
    .contact_banner,
    .contact,
    .third_party {
        margin-top: 3rem;
    }
    
    .contant-left,
    .contant-right {
        width: 100%;
    }
    
    .contact_info-wp {
        padding-top: 0;
    }
    
    .contact_form {
        margin-top: 5rem;
    }
    
    .contact_info-address {
        margin-top: 0;
    }
    
    .contact_form .umbraco-forms-field {
        width: 100%;
    }
    
    .location_map {
        margin-top: 5rem;
        margin-bottom: 5.8rem;
    }
    
    /* calculator */
     .calculator {
        margin-top: 3rem;
        margin-bottom: 10rem;
    }
    
    .calculator .cnt_wp {
        gap: 2rem;
    }
    
    .calculatrice .inner_intro-title {
        max-width: 35rem;
    }
    
    .calculation-left,
    .calculation-right {
        width: 100%;
    }
    
    .form_action_btn {
        align-items: flex-start;
        flex-direction: column;
    }
    
    .default_display {
        height: 20rem;
    }
    
    .pin_icon.fix_icon::before {
        width: 1.6rem;
        height: 2rem;
        top: -2rem;
    }
    
    .pailles_store {
        top: 42%;
        left: 39%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    :root {
       --30-font: 2.4rem;
       --60-font: 4rem;  
       --75-font: 4rem;
       --80-font: 4.5rem;
       --110-font: 7rem;
    }

    .cnt_wp {
        flex-direction: column;
        padding: 0 2rem;
    }

    /* header */
    .header {
        padding:2rem;
    }

    .header .cnt_wp {
        flex-direction: row;
        padding: 0 3rem;
    }

    .duraco_logo {
        max-width: 12rem;
    }

    .burger_menu-svg {
        width: 7rem;
        height: 7rem;
    }

    .navigation {
        gap: 2rem;
    }

    .left_nav .main_nav li a, .menu_has_submenu {
        font-size: 3rem;
    }

    .menu_has_submenu::before {
        top: 16px;
        transform: translateY(0);
        left: 19%;
        background-image: url(../assets/images/todelete/arrow_down_blue.png);
    }

    /* footer */
    .footer-logo {
        max-width: 12rem;
    }

    .top_footer-text {
        max-width: 52rem;
    }

    .mini_nav-wp {
        display: flex;
        align-items: flex-start;
        gap: 5rem;
    }
    
    .top_footer {
        padding: 4.2rem 0 3rem;
    }

    .top_footer-text {
        line-height: 4.5rem;
        letter-spacing: -1.2px;
    }

    .top_footer-wp {
        gap: 3.2rem;
    }

    .footer-contact {
        margin-bottom: 1rem;
    }

    .bot_footer {
        padding: 5.5rem 2rem 5rem;
    }

    .bot_footer-top {
        padding-bottom: 2rem;
    }

    .other_links ul li:not(:last-child) a::after {
        right: -3.4rem;
    }

    .social_media-wp a {
        margin-bottom: 0;
    }

    /* homepage */
    .page_title {
        font-size: var(--110-font);
        line-height: 8rem;
        letter-spacing: -3.5px;
    }

    .tag_banner {
        gap: 5rem;
    }

    .tag_banner span:not(:last-child)::after {
        right: -24px;
    }

    .reliable_section {
        margin-top: 5rem;
    }

    .play_btn {
        right: 5%;
    }

    .top_realiable,
    .top_latest_news {
        flex-direction: column;
    }

    .left_text,
    .right_text {
        width: 100%;
    }

    .right_text {
        margin-left: 0;
    }

    .map_location {
        margin-top: 7rem;
    }

    .section_subtitle {
        line-height: 4rem;
        letter-spacing: -2.8px;
    }

    .water_storage {
        max-width: 100%;
        top: 0;
    }
    
    .mechaincal_engineer {
        max-width: 100%;
        padding-right: unset;
    }
    
    .imageAccordion {
        display: none;
    }

    .imageAccordion-slider {
        display: block;
        margin-top: 5rem;
    }

    .imageAccordion_title {
        padding: 3rem 0 0;
        line-height: 4rem;
        letter-spacing: -1.2px;
    }

    .imageAccordion_link {
        padding-top: 3rem;
    }

    .imageAccordion-slider .cnt_wp {
        background: var(--navy-blue);
        text-align: center;
        flex-direction: column;
        border-radius: 40px;
    }

    .accordionImg_swiper {
        width: 100%;
    }

    .accordionImg {
        padding: 0;
        height: auto;
        top: 3rem;
    }

    .panelImg .panelImg_desc {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 2rem;
        display: flex;
    }

    .panel_txt_wp, 
    .panel_link {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .panelImg::after {
        background: linear-gradient(249deg, rgba(47, 167, 197, 0.00) 1.17%, #015086 97.53%);
    }

    .tabbling_btn {
        gap: 0rem;
        padding: 1rem 1.5rem;
    }

    .store_location_wp {
        height: 45rem;
    }

    .map-left,
    .map-right {
        width: 100%;
    }

    .mobile_map {
        display: block;
        height: 82rem;
        margin-top: 4rem;
    }

    .island_map.rodrigues {
        height: 82rem;
    }

    .panel-txt {
        display: none;
    }

    .map-right {
        display: none;
    }

    .store_repeat {
        width: 50%;
    }

    .get_latest_news {
        margin-bottom: 5rem;
    }

    /* news */
    .news_details-left {
        font-size: 1.8rem;
    }

    .inner_intro-title {
        line-height: 3.5rem;
        letter-spacing: -2.8px;
    } 

    .news_contain {
        margin-top: 3rem;
        margin-bottom: 10rem;
    }

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

    .news-pagination {
        display: flex;
        gap: 5rem;
    }

    /* news detail */
    .news_detail_wp {
        flex-direction: column;
    }

    .news_return {
        margin-bottom: 2rem;
    }

    .news_details-left,
    .news_details-right {
        width: 100%;
    }

    .news_details-right {
        order: 1;
    }

    .news_details-left {
        order: 2;
    }

    .news_detail-title {
        line-height: 4.5rem;
    }

    .news_detail-info-share {
        margin-top: 3rem;
        margin-bottom: 4rem;
    }

    .news_detail_txt {
        line-height: 2rem;
    }

    .news_details {
        padding-bottom: 4rem;
        margin-bottom: 4rem;
    }

    /* about us */
    .timeline_slider {
        margin-top: 5rem;
    }

    .timeline_card-info {
        flex-direction: column;
        margin-left: 0;
        align-items: center;
        gap: 7rem;
    }

    .timeline_card-year {
        display: none;
    }

    .timeline_event_txt {
        display: none;
    }

    .timeline_nav .swiper-button-next, 
    .timeline_nav .swiper-button-prev {
        top: 68%;
    }

    .timeline_nav .swiper-button-prev {
        left: unset;
        right: 23%;
    }

    .timeline_nav .swiper-button-next {
        right: 15%;
        left: unset;
    }

    .second_slider {
        padding: 0 0 2rem;
        margin-top: 3rem;
    }

    .impact,
    .gallary_photo {
        margin-top: 5rem;
    }

    .impact_wp {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 3rem;
    }

    .section_int_title {
        line-height: 4rem;
    }

    .impact_repeat {
        padding: 3rem 2rem;
        height: 30rem;
    }

    .impact_title {
        line-height: 2.5rem;
    }

    .galleryBlock-item img {
        width: 55%;
    }

    .duraco_people {
        margin-top: 7rem;
        margin-bottom: 10rem;
    }

    .people-repeat {
        height: 50rem;
    }

    /* products page */
    .product_page .banner_img img {
        display: none;
    }
    
    .product_page .banner_img {
        background-image: url(/assets/images/todelete/Water_storage_bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 54rem;
        border-radius: 50px;
    }

    .filter_sec {
        margin-top: 5rem;
    }

    .product_filter-wp,
    .products_card {
        flex-direction: column;
        gap: 3rem;
    }

    .filter-left,
    .filter-right,
    .get_quote-left,
    .get_quote-right {
        width: 100%;
    }

    .products_card {
        width: unset;
        padding: 8rem 2rem 4rem;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .quote_form {
        padding: 5rem 0;
        margin-top: 5rem;
    }

    .get_quote-wp {
        padding: 5.7rem 2rem 3rem;
    }

    .get_quote-right,
    .get_quote-right-bot {
        margin-top: 5rem;
    }

    .filter_btn-wp {
        display: none;
    }

    .guidance {
        margin-top: 5rem;
    }

    .guidance_filter-wp {
        margin: unset;
        border: none;
        background: none;
    }

    .guidance_page-wp {
        padding: 5rem 2rem;
    }

    .guidance_page {
        margin-top: 0;
    }

    .filter_Guide_mobile {
        display: block;
    }

    .filter_Guide_mobile select {
        background: unset;
        border: unset;
        padding: 0 2rem;
        border-bottom: 1px solid;
        color: var(--abyss-blue);
    }
    
    .get_quote-left {
        order: 1;
    }
    
    .get_quote-right {
        order: 3;
    }
    
    .get_recommander_tank {
        order: 2;
        padding-bottom: 0;
    }
    
    .get_recommander-wp {
        padding: 4.5rem 4rem 5rem;
        width: 100%;
    }
    
    .recommander_tank {
        gap: 2rem;
        margin-top: 2.5rem;
    }
    
    .recommander_action-wp {
        gap: 1rem;
    }
    
    /* contact page */
    .contact_banner,
    .contact,
    .third_party {
        margin-top: 3rem;
    }
    
    .contant-left,
    .contant-right {
        width: 100%;
    }
    
    .contact_info-wp {
        padding-top: 0;
    }
    
    .contact_form {
        margin-top: 5rem;
    }
    
    .contact_info-address {
        margin-top: 0;
    }
    
    .location_map {
        margin-top: 5rem;
        margin-bottom: 5.8rem;
    }
    
    /* calculator */
    .calculator {
        margin-top: 5rem;
        margin-bottom: 10rem;
    }
    
    .calculator .cnt_wp {
        gap: 3rem;
    }
    
    .calculation-left,
    .calculation-right {
        width: 100%;
    }
    
    .default_display {
        height: 35rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1183px) {
    :root {
       --30-font: 2.4rem;
       --40-font: 3rem;
       --60-font: 4.5rem;
       --75-font: 5rem;
       --80-font: 5.5rem;
       --110-font: 7rem;
    }

     .cnt_wp {
        padding: 0 4rem;
    }

    /* header */
    .duraco_logo {
        max-width: 14rem;
    }

    .left_nav ul li a, 
    .right_nav ul li a {
        font-size: 1.4rem;
    }

    .navigation {
        gap: 8rem;
    }

    .left_nav ul, .right_nav ul {
        gap: 3rem;
    }

    /* footer */
    .top_footer {
        padding: 6rem 0rem;
    }

    .top_footer-text {
        line-height: 5.5rem;
        max-width: 70rem;
    }

    .bot_footer {
        padding: 5.5rem 3.8rem 4.3rem 5rem;
    }

    .footer-contact {
        margin-bottom: 1rem;
    }

    .other_links ul li:not(:last-child) a::after {
        right: -1.6rem;
    }

    .developed_by {
        max-width: 30rem;
    }

    /* homepage */
    .page_title {
        line-height: 7rem;
        letter-spacing: -2.5px;
    }

    .tag_banner {
        margin-top: 12rem;
        gap: 7rem;
    }

    .tag_banner span:not(:last-child)::after {
        right: -35px;
    }

    .svg_play {
        width: 5rem;
        height: 5rem;
    }

    .play_btn {
        bottom: 6%;
        right: 5%;
    }

    .section_subtitle {
        line-height: 5.5rem;
        letter-spacing: -2.8px;
    }

    .reliable_section {
        margin-top: 5rem;
    }

    .left_text {
        width: 50%;
    }

    .right_text {
        width: 40%;
    }

    .imageAccordion_title {
        line-height: 5.5rem;
        letter-spacing: -1.2px;
        padding: 8.2rem 6rem 3rem;
    }

    .panelImg:hover .panelImg_desc {
        flex-direction: column;
        gap: 2rem;
    }

    .pin_icon {
        line-height: 1.8rem;
        max-width: 9.5rem;
    }

    .get_latest_news {
        margin-top: 10rem;
    }

    /* news detail */
    .news_detail-title {
        margin-top: 4rem;
        line-height: 5rem;
    }

    .news_detail-info-share {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .news_details {
        padding-bottom: 6rem;
        margin-bottom: 6rem;
    }

    .news_details:after {
        width: 95%;
    }

    /* about us */
    .timeline_card-info {
        margin-left: 3%;
    }

    .timeline_nav .swiper-button-next {
        left: 55%;
    }

    .timeline_nav .swiper-button-prev {
        left: 49%;
    }

    .timeline_card-year {
        font-size: 22rem;
        right: 3%;
        top: -27%;
    }

    .timeline_event_txt {
        display: none;
    }

    .second_slider {
        padding: 0 6% 3rem 3%;
    }

    .timeline_event_year-wp::before {
        top: 38px;
    }

    .impact,
    .gallary_photo {
        margin-top: 5rem;
    }
    
    .impact_wp {
        grid-template-columns: repeat(2, 1fr);
    }

    .galleryBlock-item img {
        width: 35%;
    }

    .duraco_people {
        margin-top: 12rem;
        margin-bottom: 12rem;
    }

    .people-repeat {
        height: 50rem;
    }

    /* products */
    .banner_img img {
        border-radius: 40px;
        height: 50rem;
    }

    .filter_sec {
        margin-top: 5rem;
    }

    .product-name {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .check_rp input[type='checkbox'] + label,
    .tank_desc-txt,
    .tank_desc-list li {
        font-size: 1.4rem;
    }

    .get_quote-left {
        width: 65%;
    }

    .get_quote-right {
        width: 32%;
    }

    .quote_form {
        margin-top: 5rem;
        padding: 5rem 0;
    }

    .guidance_page-wp {
        padding: 6rem 8rem 10rem;
    }
    
     .get_recommander-wp {
        padding: 2.5rem 2rem 3rem;
        width: 65%;
    }
    
    .recommander_tank {
        flex-direction: column;
        gap: 2rem;
        margin-top: 2.5rem;
    }
    
    .recommander_tank-left {
        width: 100%;
        padding: 2rem 0;
    }
    
    .recommander_tank-img {
        max-width: 100%;
    }
    
    .recommander_tank-right {
        width: 100%;
    }
    
    .recommander_action-wp {
        flex-direction: column;
        gap: 1rem;
    }
    
    /* contact */
    .contant-left {
        width: 45%;
    }
    
    .contant-right {
        width: 50%;
    }
    
    .contact_form .umbraco-forms-field {
        width: 100%;
    }
    
    /* calculator */
    .reset_calculator {
        padding: 1.5rem 2.5rem;
    }
}

@media screen and (min-width: 1184px) and (max-width: 1399px) {
    :root {
       --30-font: 2.4rem;
       --40-font: 3rem;
       --60-font: 5.5rem;
       --75-font: 5.5rem;
       --80-font: 6rem;
       --110-font: 8rem;
    }

    .cnt_wp {
        padding: 0 4rem;
    }

    .cnt_1540 {
        padding: 0 4rem;
    }

    /* header */
    .duraco_logo {
        max-width: 14rem;
    }

    .navigation {
        gap: 10rem;
    }

    /* footer */
    .top_footer {
        padding: 6rem 4rem;
    }

    .top_footer-text {
        line-height: 5.5rem;
        max-width: 71rem;
    }

    .bot_footer {
        padding: 5.5rem 3.8rem 4.3rem 5rem;
    }

    .footer-contact {
        margin-bottom: 1rem;
    }

    .other_links ul li:not(:last-child) a::after {
        right: -1.6rem;
    }

    .developed_by {
        max-width: 30rem;
    }

    /* homepage */
    .hero_desc_wp {
        margin: 15rem auto 0;
    }

    .page_title {
        line-height: 8rem;
        letter-spacing: -2.5px;
    }

    .tag_banner {
        margin-top: 6rem;
        gap: 7rem;
    }

    .tag_banner span:not(:last-child)::after {
        right: -35px;
    }

    .svg_play {
        width: 5rem;
        height: 5rem;
    }

    .play_btn {
        bottom: 6%;
        right: 5%;
    }
    
    .section_subtitle {
        line-height: 5.5rem;
        letter-spacing: -2.8px;
    }

    .reliable_section {
        margin-top: 7rem;
    }

    .left_text {
        width: 50%;
    }

    .right_text {
        width: 40%;
    }

    .imageAccordion {
        margin-top: 10rem;
    }

    .imageAccordion_title {
        line-height: 5.5rem;
        letter-spacing: -1.2px;
        padding: 8.2rem 12rem 3rem;
    }

    .panelImg:hover .panelImg_desc {
        gap: 2rem;
        padding: 0 4%;
    }

    .panel-title {
        line-height: 3.2rem;
    }

    .pin_icon {
        line-height: 1.8rem;
        max-width: 9.5rem;
    }

    .get_latest_news {
        margin-top: 10rem;
    }

    /* news detail */ 
    .news_detail-title {
        line-height: 5.5rem;
    }

    /* about us */
    .header.inner_page::after {
        max-width: 95%;
    }

    .timeline_card-info {
        margin-left: 3%;
    }

    .timeline_nav .swiper-button-prev {
        left: 45%;
    }

    .timeline_card-year {
        font-size: 27rem;
    }

    .timeline_event_txt {
        font-size: var(--16-font);
    }

    .second_slider {
        padding: 0 6% 3rem 3%;
    }

    .impact,
    .gallary_photo {
        margin-top: 5rem;
    }
    
    .impact_wp {
        grid-template-columns: repeat(2, 1fr);
    }

    .galleryBlock-item img {
        width: 35%;
    }

    .duraco_people {
        margin-top: 12rem;
        margin-bottom: 12rem;
    }

    .people-repeat {
        height: 50rem;
    }

     /* products */
    .filter_sec {
        margin-top: 5rem;
    }

    .product-name {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .check_rp input[type='checkbox'] + label,
    .tank_desc-txt,
    .tank_desc-list li {
        font-size: 1.4rem;
    }

    .quote_form {
        margin-top: 5rem;
        padding: 5rem 0;
    }

    .guidance_page-wp {
        padding: 6rem 8rem 10rem;
    }
} 

@media screen and (min-width: 1400px) and (max-width: 1600px) {
    :root {
       --30-font: 2.4rem;
       --40-font: 3rem;
       --60-font: 5.5rem;
       --75-font: 5.5rem;
       --80-font: 6rem;
       --110-font: 8rem;
    }

     .cnt_wp {
        padding: 0 4rem;
    }

    .cnt_1540 {
        padding: 0 4rem;
    }

    /* header */
    .duraco_logo {
        max-width: 14rem;
    }

    .navigation {
        gap: 10rem;
    }

    /* footer */
    .top_footer {
        padding: 6rem 4rem;
    }

    .top_footer-text {
        line-height: 5.5rem;
        max-width: 71rem;
    }

    .bot_footer {
        padding: 5.5rem 7.8rem 4.3rem 4rem;
    }

    .footer-contact {
        margin-bottom: 1rem;
    }

    .other_links ul li:not(:last-child) a::after {
        right: -1.6rem;
    }

    .developed_by {
        max-width: 30rem;
    }

    /* homepage */
    .hero_desc_wp {
        margin: 18rem auto 0;
    }

    .page_title {
        line-height: 8rem;
        letter-spacing: -2.5px;
    }

    .tag_banner {
        margin-top: 15rem;
    }
    
    .section_subtitle {
        line-height: 5.5rem;
        letter-spacing: -2.8px;
    }

    .reliable_section {
        margin-top: 7rem;
    }

    .right_text {
        width: 40%;
    }

    .imageAccordion {
        margin-top: 10rem;
    }

    .imageAccordion_title {
        line-height: 5.5rem;
        letter-spacing: -1.2px;
        padding: 8.2rem 15rem 3rem;
    }

    .panelImg:hover .panelImg_desc {
        gap: 2rem;
        padding: 0 4%;
    }

    .panel-title {
        line-height: 3.2rem;
    }

    .pin_icon {
        line-height: 1.8rem;
        max-width: 9.5rem;
    }

    .get_latest_news {
        margin-top: 10rem;
    }

    /* news detail */ 
    .news_detail-title {
        line-height: 5.5rem;
    }

    /* about us */
    .header.inner_page::after {
        max-width: 95%;
    }

    .timeline_card-info {
        margin-left: 3%;
    }

    .timeline_nav .swiper-button-next {
        left: 48%;
    }

    .timeline_nav .swiper-button-prev {
        left: 43%;
    }

    .timeline_card-year {
        font-size: 29rem;
    }

    .second_slider {
        padding: 0 6% 6rem 3%;
    }

    .impact,
    .gallary_photo {
        margin-top: 7rem;
    }

    .galleryBlock-item img {
        width: 35%;
    }

    .duraco_people {
        margin-top: 12rem;
        margin-bottom: 12rem;
    }

    .people-repeat {
        height: 50rem;
    }

    /* products */
    .quote_form {
        margin-top: 10rem;
        padding: 10rem 0;
    }

    .guidance_page-wp {
        padding: 6rem 8rem 10rem;
    }
}

@media screen and (min-width: 1530px) and (max-width: 1719px) { 
    /* homepage */
    .tag_banner {
        margin-top: 8rem;
    }

    .imageAccordion_title {
        padding: 8.2rem 30rem 3rem;
    }

    .pin_icon {
        max-width: 13.5rem;
    }

    /* about */
    .timeline_card-info {
        margin-left: 10%;
    }

    .timeline_nav .swiper-button-next {
        left: 51%;
    }

    .timeline_nav .swiper-button-prev {
        left: 47%;
    }
}

@media screen and (min-width: 1601px) and (max-width: 1719px) {
    :root {
       --75-font: 7rem;
    }

    .cnt_wp {
        padding: 0 4rem;
    }

    /* footer */
    .top_footer {
        padding: 6rem 4rem;
    }

    .top_footer-text {
        line-height: 7.5rem;
    }

    .bot_footer {
        padding: 5.5rem 7.8rem 4.3rem 4rem;
    }

    .footer-contact {
        margin-bottom: 1rem;
    }

    .other_links ul li:not(:last-child) a::after {
        right: -1.6rem;
    }

    .developed_by {
        max-width: 30rem;
    }

    /* homepage */
    .tag_banner {
        margin-top: 22rem;
    }
    
    .section_subtitle {
        line-height: 7rem;
        letter-spacing: -2.8px;
    }

    .reliable_section {
        margin-top: 7rem;
    }

    .left_text {
        width: 50%;
    }

    .right_text {
        width: 40%;
    }

    .imageAccordion {
        margin-top: 10rem;
    }

    .imageAccordion_title {
        line-height: 5.5rem;
        letter-spacing: -1.2px;
        padding: 8.2rem 15rem 3rem;
    }

     /* about */
     .timeline_card-year {
        font-size: 35rem;
    }
    .timeline_card-info {
        margin-left: 10%;
    }

    .timeline_nav .swiper-button-next {
        left: 48%;
    }

    .timeline_nav .swiper-button-prev {
        left: 44%;
    }

     /* products */
    .quote_form {
        margin-top: 5rem;
        padding: 5rem 0;
    }

    .guidance_page-wp {
        padding: 6rem 8rem 10rem;
    }
}

@media screen and (min-width: 1720px) and (max-width: 1900px) {
    :root {
       --75-font: 7rem;
       --110-font: 9rem;
    }

    .cnt_wp {
        padding: 0 4rem;
    }

    /* footer */
    .top_footer {
        padding: 6rem 4rem;
    }

    .top_footer-text {
        line-height: 7.5rem;
    }

    .bot_footer {
        padding: 5.5rem 7.8rem 4.3rem 4rem;
    }

    .footer-contact {
        margin-bottom: 1rem;
    }

    .other_links ul li:not(:last-child) a::after {
        right: -1.6rem;
    }

    .developed_by {
        max-width: 30rem;
    }

    /* homepage */
    .page_title {
        line-height: 9rem;
    }

    .tag_banner {
        margin-top: 18rem;
    }
    
    .section_subtitle {
        line-height: 7rem;
        letter-spacing: -2.8px;
    }

    .reliable_section {
        margin-top: 7rem;
    }

    .left_text {
        width: 50%;
    }

    .right_text {
        width: 40%;
    }

    .imageAccordion {
        margin-top: 10rem;
    }

    .imageAccordion_title {
        line-height: 7.5rem;
        letter-spacing: -1.2px;
    }

    /* about us */
    .timeline_card-year {
        font-size: 32rem;
    }

    .timeline_nav .swiper-button-prev {
        left: 50%;
    }

    .timeline_nav .swiper-button-next {
        left: 53%;
    }

    /* products */
    .quote_form {
        margin-top: 5rem;
        padding: 5rem 0;
    }

    .guidance_page-wp {
        padding: 6rem 8rem 10rem;
    }
}