@media (min-width: 1650px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1290px !important;
    }
}
@media (max-width: 1650px) {
    .form-row::before,
    .form-row::after {
        display: none;
    }
}
@media (max-width: 1399px) {
    .search-icon-circle {
        margin: 6px 6px 6px 20px;
    }
    .quality {
        font-size: 50px;
        line-height: 60px;
    }
    .residents, .residents p {
        padding: 15px 0;
    }
    .button-main {
        margin-top: 20px;
    }
    .img-fill .slider-img {
        width: 100%;
        height: 600px;
    }
    .PrevArrow {
        position: absolute;
        bottom: 30px;
        left: 150px;
    }
    .NextArrow {
        position: absolute;
        bottom: 30px;
        left: 232px;
    }
    .jackson-box {
        padding-right: 40px;
    }
    .services-hov-box {
        top: 50%;
        transform: translate(-50%, -50%);
        background: linear-gradient(96deg, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.80) 100%);
        backdrop-filter: blur(5px);
        height: calc(100% - 30px);
    }
    .section-four-row {
        gap: 80px 0;
    }
    .section-two {
        padding-bottom: 70px;
    }
    .section-three,
    #about-testimonial,
    #about-section-nine,
    #get-quote-blog {
        padding-top: 70px;
    }
    .section-four,
    .section-five,
    .section-six,
    .section-nine,
    #about-section-seven {
        padding: 70px 0;
    }
    .section-four-landing{
        padding:0 0 70px 0;
    }
    .sec-six-pip-img {
        position: absolute;
        top: -5px;
        right: -65px;
    }
    .form-col {
        padding: 70px 70px;
    }
    .row.form-row {
        margin-bottom: -200px;
        margin-top: 70px;
    }
    .section-eight {
        padding: 50px 0 50px 0;
    }
    .section-ten {
        padding-bottom: 140px;
    }
    #about-section-five {
        margin-top: 70px;
    }
    .shape1 {
        position: absolute;
        top: -25px;
    }
    #accordionExample {
        margin-top: 20px;
    }
    .coming-soon-box {
        margin: 20px 0;
    }
    .our-website {
        margin-bottom: 20px;
        font-size: 44px;
    }
    .services-page-row {
        gap: 100px 0;
    }
    .ad-box::before {
        content: '';
        width: 114%;
        height: 50px;
        background: var(--color-secondary);
        position: absolute;
        top: 42%;
        right: -32px;
        transform: rotate(154deg);
    }
    .single-project-img {
        margin: 20px 0 20px;
    }
}
@media (max-width: 1199px) {
    .hov {
        padding: 18px 10px;
    }
    .jackson-box {
        flex-direction: column;
        justify-content: center;
    }
    .main-text-sec {
        font-size: 40px;
        line-height: 55px;
    }
    .jackson,
    .ceo-home-rakshak {
        text-align: center;
    }
    .sec-two-blue-check-box {
        margin: 20px 0;
    }
    .jackson-deatils {
        margin-top: 20px;
    }
    .project-text-name {
        padding: 15px;
        bottom: 15px;
        width: calc(100% - 30px);
    }
    .freeplum {
        max-width: 510px;
    }
    .get-quote-frr-btn,
    .contact-us-btn {
        margin: 0;
    }
    .sec-six-pip-img {
        display: none;
    }
    .form-col {
        padding: 50px 50px;
    }
    .blog-sec-row {
        gap: 24px 0;
    }
    .logo-sec-footer {
        gap: 10px;
    }
    .shape1 {
        position: absolute;
        top: -20px;
    }
    .tabs-btn {
        margin: 40px auto;
    }
    .clients-main {
        gap: 25px;
    }
    .eget {
        padding-bottom: 20px;
    }
    .testimonial-eply-det {
        padding-top: 20px;
    }
    .coming-soon-box {
        font-size: 28px;
        line-height: 48px;
        max-width: 220px;
        margin: 30px 0;
    }
    .our-website {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 40px;
    }
    .handyman-text {
        font-size: 40px;
        line-height: 55px;
    }
    .liquam-grid-main {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        margin-top: 30px;
    }
    .ad-box::before {
        content: '';
        width: 125%;
        height: 50px;
        background: var(--color-secondary);
        position: absolute;
        top: 35%;
        right: -40px;
        transform: rotate(148deg);
    }
}
@media (min-width: 1200px) and  (max-width: 1399px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
        padding: 0 30px;
    }
}
@media (max-width: 1199px) {
    .header-menu-main::before,
    .media-contact-header,
    .search-icon-circle,
    .contact,
    #search-pop-header-desktop {
        display: none;
    }
    #search-icon-circle {
        display: block;
    }
    .header-menu-main .list-arrow-main,
    .side-menu-media,
    .side-menu-logo {
        display: block;
    }
    .header-menu-main .container {
        margin-bottom: 0;
        width: 100%;
        display: block;
    }
    .header-menu-main {
        position: unset;
    }
    .main {
        width: 100%;
        position: relative;
        transform-origin: none;
        transform: none;
        transition: none;
        opacity: 0;
        overflow: hidden;
        top: 10px;
        border-top: none;
    }
    .main.show {
        opacity: 1;
    }
    .hov:hover .main {
        transform-origin: none;
        transform: none;
        transition: none;
    }
    .contact-num-menu {
        display: block;
        
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 0px 0px 0px 0px;
        height: 100vh;
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 999;
        width: 330px;
        transition: left 0.5s ease;
        overflow: auto;
    }
    .contact-num-menu.active {
        left: 0;
    }
    .hov {
        color: #000;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .contact-menu a {
        color: #000;
    }
    .contact-menu-active {
        background: transparent;
    }
    .contact-menu-active a {
        color: var(--color-secondary);
    }
    .hov:hover {
        background: transparent;
        color: var(--color-secondary);
    }
    .hov.active {
        background: transparent;
        color: var(--color-secondary);
    }
    .hov.active img {
        filter: brightness(0) saturate(100%) invert(27%) sepia(61%) saturate(6749%) hue-rotate(349deg) brightness(102%) contrast(100%);
    }
    .hov:hover img {
        filter: brightness(0) saturate(100%) invert(27%) sepia(61%) saturate(6749%) hue-rotate(349deg) brightness(102%) contrast(100%);
    }
    .hov img {
        filter: brightness(0) saturate(100%) invert(0%) sepia(99%) saturate(0%) hue-rotate(162deg) brightness(103%) contrast(100%);
    }
    .humburger-main {
        width: 48px;
        height: 48px;
        background: var(--color-primary);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        cursor: pointer;
    }
    .humburger {
        display: block;
        width: 30px;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(4%) hue-rotate(112deg) brightness(102%) contrast(103%);
    }
    .menuOverlay {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 499;
        display: none;
        transition: opacity 0.3s ease;
    }
    .menuOverlay.active {
        display: block;
        opacity: 1;
    }
    .side-menu-logo {
        padding: 15px 10px;
        background: var(--12, #F5F6F7);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header-contact {
        margin: 20px 10px;
    }
    .header-contact1 {
        margin-top: 30px;
    }
    .small-header-media-main {
        justify-content: center;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .search-bar-menu {
        display: block;
        display: flex;
        align-items: center;
    }
    .search-bar-menu .search-icon-circle {
        height: auto;
        width: 40px;
    }
    .search-pop-up {
        position: absolute;
        right: 0;
        top: 60px;
        padding: 10px;
    }
    .search-pop-up img {
        position: absolute;
        right: 20px;
    }
    .background-img-slider-SecOne {
        background-position: right center;
        height: 560px;
    }
    .slider-section {
        height: 560px;
    }
    .PrevArrow {
        left: 0;
        bottom: 0;
    }
    .NextArrow {
        left: 85px;
        bottom: 0;
    }
    .quality {
        font-size: 40px;
        line-height: 50px;
    }
    .sec-two-row {
        margin: 30px 0 30px 0;
        gap: 30px;
    }
    .jackson-box {
        flex-direction: row;
        justify-content: center;
    }
    .jackson-deatils {
        justify-content: center;
    }
    .main-text-sec {
        font-size: 35px;
        line-height: 45px;
    }
    .vision-row {
        gap: 20px 0;
    }
    .vision-box img {
        width: 60px;
    }
    .section-two {
        padding-bottom: 50px;
    }
    .section-three {
        padding-top: 50px;
        padding-bottom: 150px;
    }
    .section-four,
    .section-five,
    .section-six,
    .section-nine,
    #about-section-seven {
        padding: 50px 0;
    }
    #get-quote-blog {
        padding-top: 50px;
    }
    .sec-head-text {
        gap: 10px;
        flex-direction: column;
    }
    .reasons {
        text-align: center;
    }
    .dui {
        max-width: 100%;
        text-align: center;
    }
    .why-choose-text {
        justify-content: center;
    }
    .service-box-img {
        
        width: 100%;
    }
    .section-four-row {
        margin-top: 30px;
        margin-bottom: 60px;
    }
    .proejct-sec-col2 {
        flex-direction: row-reverse;
        align-items: flex-start;
    }
    .project-sec-row {
        gap: 25px 0;
        margin-top: 30px;
    }
    .proejct-sec-col {
        gap: 25px;
    }
    .sec-head-text-btns-group {
        gap: 15px;
        margin-top: 20px;
    }
    .sec-seven-row {
        margin-top: 30px;
        gap: 24px 0;
        text-align: center;
    }
    .process-text {
        padding-top: 10px;
    }
    .freeplum {
        max-width: 100%;
    }
    .orm-pipes-img {
        object-fit: cover;
        height: 230px;
        width: 100%;
    }
    .team-mem-datails {
        clip-path: none;
        width: 100%;
        max-width: 100%;
        padding: 15px;
    }
    .team-sec-row {
        margin-top: 30px;
        gap: 24px 0;
    }
    .blog-sec-row {
        margin-top: 30px;
        gap: 24px 0;
    }
    .text-overly-box {
        padding: 20px;
    }
    .row.form-row {
        margin-top: 50px;
    }
    .testimonial-box {
        padding: 25px;
        margin: 0 12px;
        margin-top: 30px;
    }
    .testimonilas-main .slick-dots {
        margin-top: 20px;
    }
    .section-eight {
        padding: 50px 0 50px 0;
    }
    .tellus {
        padding-top: 7px;
    }
    .logo-sec-footer {
        grid-template-columns: repeat(2, 1fr);
        margin-top: -170px;
    }
    .header-contact.footer-medi-con {
        padding: 30px;
    }
    .section-ten {
        padding-bottom: 95px;
    }
    .useful-link-text {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    footer {
        padding: 100px 0 30px 0;
    }
    #about-section-five {
        margin-top: 50px;
    }
    #about-testimonial,
    #about-section-nine {
        padding-top: 50px;
    }
    .img-header-text {
        font-size: 50px;
        line-height: 60px;
    }
    .page-img-header {
        padding: 70px 0;
        
    }
    #about-bg{
        background-position: center right !important;
    }
    .Singale-team-img-col {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .single-team-page-row {
        flex-direction: column-reverse;
        gap: 40px;
    }
    .single-team-page-row2 {
        margin-top: 50px;
        gap: 40px 0;
    }
    .experti-list {
        margin-top: 20px;
    }
    .highQulity {
        text-align: center;
    }
    .shape1 {
        position: absolute;
        top: -24px;
    }
    .tabs-btn {
        margin: 30px auto;
    }
    .plan-text {
        font-size: 20px;
        line-height: 30px;
    }
    .plan-price {
        font-size: 43px;
    }
    .clients-main {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-top: 30px;
    }
    .faq-page-row {
        flex-direction: column-reverse;
        gap: 20px;
    }
    .pulm-multi-main {
        text-align: center;
    }
    #accordionExample .accordion-body {
        padding: 0 0 20px 0;
    }
    .coming-soon-img1 {
        display: none;
    }
    .count-down-col {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .services-page-row {
        gap: 80px 0;
    }
    .handyman-text {
        font-size: 34px;
        line-height: 45px;
        padding-top: 15px;
        text-align: center;
    }
    .interdum {
        font-size: 34px;
        line-height: 44px;
        margin-top: 20px;
        margin-bottom: 0;
        text-align: center;
    }
    .single-service-row {
        justify-content: center;
        gap: 30px;
    }
    .plumbing-services-img2 {
        margin: 30px 0;
    }
    .ad-box::before {
        content: '';
        width: 114%;
        height: 50px;
        background: var(--color-secondary);
        position: absolute;
        top: 50%;
        right: -32px;
        transform: rotate(157deg);
    }
    .ad-box,
    .documents-box {
        margin-top: 30px;
    }
    .fusce {
        text-align: center;
    }
    .project3-box-main {
        padding: 20px;
    }
    .single-project-page1-row {
        gap: 30px 0;
    }
    .build {
        font-size: 40px;
        line-height: 50px;
        padding-bottom: 15px;
    }
    .build {
        font-size: 36px;
        line-height: 46px;
        padding-bottom: 10px;
        text-align: center;
    }
    .nunc-text,
    .sed {
        text-align: center;
    }
    .diamond-nextbtn-head {
        margin-top: 30px;
    }
    .liquam-grid-main {
        margin-top: 20px;
    }
    .single-project-page2-row {
        flex-direction: column-reverse;
    }
    .single-project-img video {
        width: 100%;
        height: 420px;
        object-fit: cover;
    }
    .blog-page2-row {
        justify-content: center;
        gap: 30px 0;
    }
    .blog-page3-row {
        flex-direction: column-reverse;
        align-items: center;
        gap: 30px 0;
    }
    #recent-post-box {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .single-blog1-row {
        gap: 40px 0;
        justify-content: center;
    }
    .single-blog2-row {
        flex-direction: column-reverse;
    }
    .map-iframe {
        width: 100%;
        height: 360px;
    }
}
@media (max-width: 767px) {
    .container_min{
        max-width: 100%;
        padding: 0 15px;
    }
    h1{
        font-size: 35px;
        line-height: 50px;
    }
    h2{
        font-size: 30px;
        line-height: 40px;
    }
    h3{
        font-size: 20px;
        line-height: 30px;
    }
    .quality {
        font-size: 35px;
        line-height: 50px;
        max-width: 300px;
        padding: 30px 0;
    }
    .info {
        padding: 12px;
    }
    .background-img-slider-SecOne {
        background-position: right center;
        height: 100vh;
    }
    .slider-section {
        height: 100vh;
    }
    .PrevArrow,
    .NextArrow {
        display: none !important;
    }
    .text-circle-main {
        display: none;
    }
    .main-text-sec {
        font-size: 30px;
        line-height: 40px;
        font-weight: 600;
        text-align: center;
    }
    .sec-two-row {
        margin: 20px 0 30px 0;
        gap: 20px;
    }
    .sec-two-img-group {
        gap: 15px;
    }
    .sec-two-img3 {
        margin-top: 15px;
    }
    .provide-sec {
        justify-content: center;
    }
    .img-grp-col {
        padding-left: 0;
        padding-right: 0;
    }
    .sec-two-blue-check-box {
        margin: 15px 0;
    }
    .section-two {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .section-three {
        padding-top: 30px;
        padding-bottom: 140px;
    }
    .section-four,
    .section-five,
    .section-six,
    .section-nine,
    #about-section-seven {
        padding: 30px 0;
    }
    #get-quote-blog {
        padding-top: 30px;
    }
    .choose-us-row {
        gap: 20px 0;
    }
    .why-choose-box img {
        max-width: 60px;
    }
    .satisfa {
        padding: 15px 0 10px 0;
    }
    .section-four-row {
        justify-content: center;
    }
    .section-four-row {
        gap: 50px 0;
    }
    .section-four-row {
        margin-top: 20px;
        margin-bottom: 35px;
    }
    .project-imgs {
        width: 100%;
    }
    .proejct-sec-col2 {
        flex-direction: column;
        align-items: normal;
    }
    .project-sec-row {
        gap: 20px 0;
        margin-top: 20px;
    }
    .proejct-sec-col {
        gap: 20px;
        width: 50%;
        padding: 0;
    }
    .overly-img-container .overlay img{
        height: 200px;
    }
    .input-main {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 20px;
        flex-direction: column;
    }
    .leo {
        text-align: center;
        padding-top: 15px;
    }
    .form-col {
        padding: 40px 40px;
    }
    .team-sec-row {
        margin-top: 20px;
        gap: 20px 0;
    }
    .blog-sec-row {
        margin-top: 20px;
        gap: 20px 0;
    }
    .row.form-row {
        margin-top: 30px;
    }
    .testimonilas-main .slick-dots {
        margin-top: 10px;
    }
    .section-eight {
        padding: 30px 0 30px 0;
    }
    .section-eight-landing{
        padding: 0px 0 30px 0;
    }
    .testimonial-box {
        padding: 25px;
        margin-top: 20px;
    }
    .logo-sec-footer {
        grid-template-columns: repeat(1, 1fr);
    }
    .footer-logo-main {
        padding: 10px 12px;
    }
    .header-contact.footer-medi-con {
        padding: 10px 12px;
    }
    .footer-icons-main img {
        width: 20px;
    }
    .footer-icons-main {
        width: 32px;
        height: 32px;
    }
    button.bottom-top-button {
        position: fixed;
        right: 20px;
        bottom: 20px;
    }
    .bottom-top-button .water-drop {
        width: 50px;
    }
    .bottom-top-button {
        right: 15px;
    }
    .arrow-drop {
        position: absolute;
        top: 25px;
        right: 7px;
        width: 35px;
    }
    .page-loader p {
        font-size: 32px;
        letter-spacing: 2px;
        padding-top: 10px;
    }
    
    #about-section-five {
        margin-top: 30px;
    }
    #about-testimonial,
    #about-section-nine {
        padding-top: 30px;
    }
    .img-header-text {
        font-size: 35px;
        line-height: 45px;
    }
    .breadcrumb-group a {
        font-size: 16px;
    }
    .page-img-header {
        padding: 50px 0;
    }
    .breadcrumb-group {
        margin-top: 5px;
    }
    .highQulity {
        font-size: 30px;
    }
    .feugiat {
        padding-top: 10px;
        text-align: center;
    }
    .contact-team-main {
        padding: 20px 0 30px;
    }
    .single-team-page-row2 {
        margin-top: 30px;
        gap: 30px 0;
    }
    .single-team-page-row {
        gap: 30px;
    }
    .shape1 {
        position: absolute;
        top: -36px;
    }
    .clients-main {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
        margin-top: 20px;
    }
    .error-pge-img-main {
        margin-top: 10px;
    }
    .single-services-black-box {
        padding: 20px;
    }
    .ad-box::before {
        content: '';
        width: 114%;
        height: 50px;
        background: var(--color-secondary);
        position: absolute;
        top: 55%;
        right: -32px;
        transform: rotate(160deg);
    }
    .single-services-list-fetur {
        display: flex;
        justify-content: space-between;
        gap: 0;
        margin: 20px 0 30px;
        flex-direction: column;
        align-items: flex-start;
    }
    .plumbing-grid .slick-dots {
        margin-top: 20px;
    }
    .plumbing-services-img2 {
        margin: 20px 0;
    }
    .fusce {
        margin-top: 15px;
    }
    .df-portfolio__item-content {
        padding: 20px;
    }
    .circle-btn {
        width: 60px;
        height: 60px;
    }
    .df-portfolio__item-title,
    .df-portfolio__item-title a {
        margin-bottom: 5px;
    }
    .single-project-media {
        margin-top: 30px;
    }
    .single-project-img video {
        width: 100%;
        height: 270px;
    }
    .blog-page2-row {
        gap: 25px 0;
    }
    #recent-post-box {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .single-blog1-row {
        gap: 30px 0;
    }
    .qoute-box {
        padding: 25px;
        margin: 25px 0;
    }
    .map-iframe {
        width: 100%;
        height: 300px;
    }
    #contact-page-form {
        padding: 30px 0px;
    }
    .services-box-col{
        width: 50%;
    }
    .services-hov-box{
        padding: 0 0 0 7px;
    }

    /**
    * header
    **/
    .logo img{
        height: 60px;
    }
    .side-menu-logo img{
        height: 60px;
    }
    .header-contact a, 
    .header-contact .enva,
    .office-add{
        color: #fff;
        font-size: 15px;
    }
    .media-icon-bg{
        background-color: #fff;
    }
    .list-arrow-main li, .sub-menu{
        font-size: 16px;
        padding: 15px 20px;
    }
    .list-arrow-main .sub-menu{
        position: relative;
        top: 0px;
        padding: 0px 0px;
        display: none;
    }
    .list-arrow-main li.open .sub-menu{
        display: block;
    }
    .phone_mobile{
        margin-right: 15px;
        display: block;
        border: 1px solid var(--color-secondary);
        border-radius: 50%;
    }
    footer {
        padding: 30px 0 30px 0;
    }
    .slider-text{
        top: 10%;
    }
    .info{
        top: 0;
        transform:none;
    }
    /**
    * section-three-2 
    **/
    .section-three-2 {
        padding: 30px 0 30px 0;
    }
    .our-services-sec{
        text-align: center;
    }
    .our-services-sec img{
        display: none;
    }
    .section-seven{
        padding: 0 0 30px 0;
    }
    #form_contact{
        padding: 0px;
    }
    #map_contact iframe{
        width: 100%;
        height:350px;
    }
    #map_contact.vc_column_container > .vc_column-inner{
        padding: 0px;
    }
    #map_contact .wpb_button, #map_contact .wpb_content_element, #map_contact ul.wpb_thumbnails-fluid>li{
        margin-bottom: 0px;
    }
    .frm_style_style-formidable.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_style-formidable.with_frm_style input[type=submit], .frm_style_style-formidable.with_frm_style .frm_submit input[type=button], .frm_style_style-formidable.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_style-formidable.with_frm_style .frm-edit-page-btn{
        width: 100%;
    }

    .video-service {
        height: 250px;
    }
    /*
    **section-nos-tarifs
    */
    .section-nos-tarifs{
        padding: 30px 0px 30px 0px;
    }

    .image_landing_mobile h1{
        position: absolute;
        color: #fff;
        top: 0;
        left: 0;
        padding: 15px;
        text-align: center;
    }

    /*
    *faq
    */
    #faq_page,
    #faq_entete_page{
        padding: 30px 10px 15px;
        
    }
    .bloc_q_r h2{
        font-size: 17px;
    }
    .bloc_q_r .vc_toggle_icon {
        position: absolute;
        left: inherit;
        right: -10px;
        top: 0px;
    }
    /**
    * breadcrump
    */
    
    .breadcrump_link .breadcrump{
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        flex-wrap: nowrap !important;
        white-space: nowrap;
    }
    .breadcrump_link .breadcrump li{
        display: inline-flex;
    }
    .breadcrump_link .breadcrump::-webkit-scrollbar {
        height: 8px;
    }
    
    .breadcrump_link .breadcrump::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: var(--color-primary) !important;
    }
    
    .breadcrump_link .breadcrump::-webkit-scrollbar-track {
        border: 1px solid var(--color-secondary-2);
        background-color: var(--color-secondary-2);
        border-radius: 5px;
    }
}


@media (max-width: 575px) {
    .slider-main .service-main-bg{
        object-position: 60%;
    }
    h1{
        font-size: 30px;
        line-height: 40px;
    }
    h2{
        font-size: 26px;
        line-height: 36px;
    }
    h3{
        font-size: 20px;
        line-height: 30px;
    }
    .img-header-text {
        color: var(--color-secondary);
    }
    .breadcrumb-group a {
        color: var(--color-secondary);
    }
    .quality {
        font-size: 30px;
        line-height: 40px;
        padding: 15px 0 0;
    }
    .background-img-slider-SecOne {
        background-position: right center;
        height: 100vh;
    }
    .slider-section {
        height: 100vh;
    }
    .residents, .residents p {
        font-size: 16px;
        line-height: 25px;
        
    }
    .button-main {
        margin-top: 10px;
        padding: 14px 26px;
    }
    .provide {
        margin-bottom: 7px;
    }
    .pip-sec2 {
        display: none;
    }
    .sec-two-img2 {
        display: none;
    }
    .sec-two-img3 {
        margin-top: 0;
    }
    .sec-two-img-group {
        flex-direction: column-reverse;
        align-items: center;
    }
    .yer-of-exp {
        font-size: 50px;
        margin-top: 20px;
        justify-content: center;
    }
    .vision {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 5px;
    }
    .plumbing-repair {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 5px;
    }
    .choose-call-box {
        margin-top: 20px;
    }
    .choose-call-box a {
        font-size: 20px;
        width: auto;
    }
    .why-choose-box {
        padding: 20px;
    }
    .satisfa {
        font-size: 22px;
        line-height: 30px;
        padding: 10px 0;
    }
    .main-text-sec {
        font-size: 26px;
        line-height: 36px;
    }
    .project-text-name {
        padding: 10px;
        bottom: 10px;
        width: calc(100% - 20px);
        font-size: 20px;
        line-height: 30px;
    }
    .sec-head-text-btns-group {
        margin-top: 0px;
    }
    .sec-seven-row {
        margin-top: 20px;
        gap: 20px 0;
    }
    .process-cir-main {
        width: 100px;
        height: 100px;
    }
    .process-cir-main img {
        width: 60px;
    }
    .process-text {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .row.form-row {
        padding: 0 12px;
    }
    .form-col {
        padding: 40px 20px;
    }
    .useful-link-text {
        margin-top: 15px;
        margin-bottom: 0px;
    }
    .page-loader p {
        font-size: 24px;
        letter-spacing: 1px;
        padding-top: 3px;
    }
    .highQulity {
        font-size: 26px;
        line-height: 36px;
    }
    .experti-list {
        gap: 20px;
        flex-wrap: wrap;
    }
    .shape1 {
        display: none;
    }
    .plan-header {
        padding: 20px;
    }
    .plan-body {
        padding: 20px;
    }
    .count-down {
        display: flex;
        gap: 40px;
        padding: 10px 0;
    }
    .coming-soon-box {
        font-size: 22px;
        line-height: 35px;
        max-width: 220px;
        margin: 17px 0 30px;
    }
    .our-website {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 13px;
        text-align: center;
    }
    .interdum {
        font-size: 26px;
        line-height: 36px;
        margin-top: 15px;
        text-align: center;
    }
    .handyman-text {
        font-size: 26px;
        line-height: 35px;
        padding-top: 10px;
    }
    .ad-box::before {
        display: none;
    }
    .frist-services {
        font-size: 30px;
        line-height: 40px;
        padding: 90px 0 20px;
    }
    .brochure-main {
        gap: 10px;
    }
    .brochure-main h3 {
        font-size: 18px;
    }
    .single-services-sub-box ul {
        padding: 20px;
    }
    .plumbing-grid img {
        padding: 0 2px;
    }
    .single-services-black-box h3 {
        font-size: 30px;
        line-height: 35px;
    }
    .diamond-nextbtn-head {
        margin-top: 20px;
    }
    .build {
        font-size: 30px;
        line-height: 42px;
    }
    .sed {
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 10px;
    }
    .liquam-grid-main {
        margin-top: 15px;
    }
    .send-inquiry-form {
        padding: 20px;
    }
    .project-info-text {
        font-size: 30px;
        line-height: 48px;
        margin-bottom: 20px;
    }
    .project-info-main p:nth-child(1),
    .project-info-main p:nth-child(2) {
        font-size: 18px;
    }
    .project-info-main {
        padding: 15px 0;
    }
    .search-bar-menu .avis_ggogle strong{
        font-size: 13px;
        padding: 0 5px;
    }
    .search-bar-menu .infos_ggogle .stars > svg{
        width: 13px;
        height: 13px;
    }
    .service-box-img{
        height: 180px;
    }
    .item_blog .service-box-img {
        height: 160px;
    }
    strong.plumbing-repair{
        font-size: 16px;
        height: 70px;
    }

    
    
}
@media (max-width: 499px) {
    .small-header-sub-main {
        display: none;
    }
    header {
        top: 0;
    }
    .jackson-deatils {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .jackson-box {
        padding-right: 0;
        padding-bottom: 10px;
        border-right: none;
        border-bottom: 2px solid rgba(168, 169, 173, 0.15);
    }
    .ceo-tel-box {
        padding-left: 0;
        padding-top: 10px;
    }
    .section-four-row {
        gap: 60px 0;
    }
    .clients-main {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        justify-items: center;
    }
}
@media (max-width: 440px) {
    .count-down {
        display: flex;
        gap: 30px;
        padding: 10px 0;
    }
    .count-down .box h3 {
        font-size: 40px;
        line-height: 64px;
    }
}
@media (max-width: 360px) {
    .sec-head-text-btns-group {
        flex-direction: column;
        gap: 20px;
    }
    .get-quote-frr-btn,
    .contact-us-btn {
        margin: 0;
    }
    .count-down {
        display: flex;
        gap: 20px;
        padding: 10px 0;
    }
}