/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){

}

@media (min-width: 1500px) and (max-width: 1599px){
 
     /* .our-works-wrp .data .img-carousel .slick-list { padding-right: 300px !important; } */
}

@media (min-width: 1400px) and (max-width: 1499px){


    /* .our-works-wrp .data .img-carousel .slick-list { padding-right: 200px !important; } */
}


@media (min-width: 1400px) {
    .container {max-width: 1218px;}
}

@media (min-width: 1300px) and (max-width: 1399px) {
        /*typography*/
    .typography-main { padding: 100px 0; }
    /*typography*/
    /* Home Page Start */
    .discover-left::after  {width: 500px; margin: 0 0 0 -38px;}

    .real-estate-left::after {width: 350px;}
    .real-estate-block:hover { width: 450px; }

    .our-works-main .real-estate-left::after { width: 350px; }
    .modern-house-block .modern-house-img { height: 540px; }
    .modern-house-block:hover .modern-house-img { height: 510px; }

    .before-after-main .real-estate-left::after { width: 585px; }
    /* Home Page End */

    /* about-us */
    .about-content .block-title { font-size: 32px; max-width: 780px; }
    .about-center .common-hover-animation { width: 540px; }
    /* about-us */


    /* case studies page */
    .process-block-main .process-block { padding: 20px; }
    .process-block-main .process-block::before { margin: 0 20px 0 0; }
    .result-block-main .result-block { padding: 20px; }
    /* case studies page */
    /*sub contractor page*/
    .contact-form-main { padding: 100px 0; }
    /*sub contractor page*/

    .our-work-main { padding: 80px 0; } 
    .work-gallery { margin: 0 auto; }
    .work-gallery-item * { width: 100%; height: 100%; }
         
    .work-gallery-wrap { max-width: 1080px; }
    .our-works-wrp .data { padding-left: calc(50vw - 569px); }
    /* .our-works-wrp .data .img-carousel .slick-list { padding-right: 150px !important; }  */
    .before-after-slider .slick-arrow { width: 50px; height: 50px; padding: 19px; }
    .before-after-slider .slick-prev { left: -70px; }
    .before-after-slider .slick-next { right: -70px; }
}

@media (min-width: 1200px) and (max-width: 1299px) {
        /*typography*/
    .typography-main { padding: 100px 0; }
    /*typography*/
    /* Home Page Start */
    .discover-left::after  {width: 500px; margin: 0 0 0 -38px;}

    .real-estate-left::after {width: 350px;}
    .real-estate-block:hover { width: 450px; }

    .our-works-main .real-estate-left::after {width: 350px;}
    /* .our-works-wrp .data { max-width: 1090px; } */
    /* .modern-house { min-width: 49    0px !important; } */
    .our-works-wrp .modern-house-block { flex-shrink: inherit; }
    .modern-house-block .modern-house-img { height: 540px; }
    .modern-house-block:hover .modern-house-img { height: 510px; }
    .our-works-wrp .data { padding-left: calc(50vw - 569px); }
    /* .our-works-wrp .data .img-carousel .slick-list { padding-right: 150px !important; }  */
    .before-after-main .real-estate-left::after { width: 585px; }
    /* Home Page End */

    /* about-us page */
    .about-content .block-title { font-size: 32px; max-width: 780px; }
    .about-center .common-hover-animation { width: 540px; }
    /* about-us page */

    /* case studies page */
    .process-block-main .process-block { padding: 20px; }
    .process-block-main .process-block::before { margin: 0 20px 0 0; }
    .result-block-main .result-block { padding: 20px; }
    /* case studies page */


    /*sub contractor page*/
    .interested-wrap { padding: 0 24px; width: 100%; }
    .subcontractor-banner-img { height: 413px; }
    .looking-main { padding: 60px 0; }
    .looking-list ul li { font-size: 16px; }
    .contact-form-main { padding: 60px 0; }
    .contact-form-inner { margin-top: 60px; }
    .contact-form label { margin-bottom: 8px; font-size: 17px; }
    .contact-form .form-control { height: 50px; }
    .contact-form .form-group textarea { height: 197px !important; }
    .contact-form .wpcf7-submit{ font-size: 17px; line-height: 30px; padding: 10px 5px;}
    /*sub contractor page*/

    /*contact page*/
    .contact-here-wrap .block-title { margin-bottom: 20px; padding-bottom: 20px; }
    /*contact page*/

    /*our work gallery*/
    .our-work-main { padding: 100px 0; }
    /*our work gallery*/

    
    .work-gallery { max-width: 1087px; margin: 0 auto; } 
    .before-label .common-detail *, .after-label .common-detail { font-size: 40px; }
    .before-after-slider .slick-prev { right: 85px; left: unset; top: -110px; }
    .before-after-slider .slick-next { right: 0; top: -110px; }

        .modern-house-block .modern-house-img { height: 300px; }
            .modern-house-block:hover .modern-house-img {
        height: 330px;
    }
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar .navbar-nav .btn.btn-taupe.btn-small{ padding: 15px 14px; }
    .nav-link { font-size: 13px; }
    .navbar .nav-item { margin: 0 10px; }
    /* Commmon Style Start */
    .banner-title { font-size: 54px; line-height: 70px; }
    .inner-banner-title { font-size: 39px; line-height: 52px; }
    /* Commmon Style End */

    /* Home Page Start */
    .banner-video video {height: 600px;}
    .banner-main {top: 180px;}

    .discover-left::after { width: 335px; margin: 0 0 0 -24px; }
    .discover-top .inner-banner-title { line-height: 56px; max-width: 295px; }
    .discover-right { margin: 184px 0 0 auto; top: calc(184px + 100px); }
    .discover-bottom-left { margin: 0; }
    .discover-video video {height: 520px;}
    .discover-wrp { padding: 100px 0; }

    .real-estate-left::after {width: 220px; margin: 0 0 0 -110px;}
    .real-estate-img img {height: 260px;}
    .real-estate-wrp { padding: 100px 0; }
    .real-estate-title {margin: 0 0 80px;}
    .real-estate-main .real-estate-left .inner-banner-title { line-height: 54px; }
    .real-estate-main .real-estate-right .inner-banner-title { font-size: 42px; line-height: 54px;}
    .real-estate-right {margin: 110px 0 0 auto;}
    .real-estate-block:hover { width: 330px; }
 
    .our-works-main .real-estate-left::after {width: 232px; left: 120%; margin: 0 0 0 -110px;}
    /* .our-works-wrp .data { padding-left: calc(50vw - 485px); } */
    /* .our-works-wrp .data .img-carousel .slick-list { padding-right: 200px !important; } */
    .our-works-wrp .modern-house-block { flex-shrink: inherit; }
    .modern-house-block .modern-house-img { /*height: 450px;*/        height: 300px; }
    .modern-house-block:hover .modern-house-img { height: 330px; }
    .modern-house .small-title {
    font-size: 24px;
}
      .before-after-slider .slick-arrow {
        width: 50px;
        height: 50px;
    }
    .before-after-slider .slick-prev {          right: 85px; left: unset;          top: -110px; }
    .before-after-slider .slick-next { right: 0; top: -110px; }

    .before-after-wrp { padding: 100px 0; }
    .before-after-main .real-estate-left::after { width: 505px; }

    .arrow-title  { margin: 0 0 80px 0; }
    .great-result { padding: 100px 0; }
    .great-result-main .slick-prev {right: 70px; }
    .great-result-main .slick-arrow { width: 50px; height: 50px; }
    .result-right .common-detail {  margin: 20px 0 20px 44px; }

    /* Home Page End */


    /*services page*/

    .services-main { padding: 50px 0; }
    .services-left { margin-bottom: 20px; }
    .services-inner { margin-top: 30px; }
    /* .services-title { text-align: center; }  */
    .services-right ul { padding-left: 15px;  margin: 0 0 0 5px; }
    /* .services-title .section-title { margin: 0 0 10px 0; max-width: 100%; } */
    .services-right .btn { margin: 24px 0 0 0;}
    /*services page*/

    /* footer */
    .footer-block { max-width: 310px; }
    .footer-block .small-title{ font-size: 22px; }
    .footer-form { padding: 25px 0; }
    .footer-icon ul li a { width: 40px; height: 40px; }
    /* footer */

    /* about-us page */
    .about-us { padding: 80px 0; }
    .about-content .block-title { font-size: 30px; max-width: 720px; }
    .our-story-right .common-detail { font-size: 16px; line-height: 24px; }
    .about-center .common-hover-animation { width: 455px; }
    .our-story .common-hover-animation { width: 445px; }
    /* about-us page */

    /* case studies page */
    .case-studies { padding: 80px 0 17px 0; }
    .property-management { padding: 80px 0; }
    .process-block-main .process-block { padding: 15px; }
    .process-block-main .process-block::before { font-size: 65px; margin: 0 20px 0 0; }
    .process-block-main .process-inner .common-detail { font-size: 16px; line-height: 26px; }
    .result-block-main .result-block { padding: 15px; }
    .property-management-inner .small-title { font-size: 20px; }
    /* case studies page */

    /*sub contractor page*/
    .interested-wrap { padding: 0 24px; width: 100%; }
    .subcontractor-banner-img { height: 413px; }
    .looking-main { padding: 60px 0; }
    .looking-list ul li { font-size: 16px; }
    .contact-form-main { padding: 60px 0; }
    .contact-form-inner { margin-top: 40px; }
    .contact-form-inner .block-title { padding-bottom: 24px; margin-bottom: 24px; font-size: 20px; }
    .contact-form label { margin-bottom: 8px; font-size: 15px; }
    .contact-form .form-control { height: 50px; }
    .contact-form .form-group textarea { height: 197px !important; }
    .contact-form .wpcf7-submit{ font-size: 17px; line-height: 30px; padding: 10px 5px;}
    .contact-form-wrap .inner-banner-title { font-size: 31px; }
    /*sub contractor page*/

    /*contact page*/
    .contact-here-wrap .block-title { margin-bottom: 20px; padding-bottom: 20px; }
    /*contact page*/

    /*our work gallery*/
    .our-work-main { padding: 100px 0; }
    /*our work gallery*/

    .work-gallery { max-width: 870px; margin: 0 auto; } 
    .work-gallery-item img { max-width: 200px; }

    /*typography*/
    .typography-main { padding: 100px 0; }
    /*typography*/


    /*before after section*/
    .before-label .common-detail *, .after-label .common-detail { font-size: 40px; }
    .before-after-inner .image-container { max-height: 550px; }
    /*before after section*/

    .footer-logo { left: -24px; top: -64px; }

    .property-management::before { font-size: 36px; line-height: 60px; width: 50px; height: 50px; }
    .property-management::before { top: 15px; }

    .our-process-main { padding: 80px 0;    margin: 0 0 80px 0; }
}


@media (min-width: 992px) {
    .discover-img {
        padding-top: 70px;
    }

    .discover-video {
        padding-top: 70px;
    }
}

@media (max-width: 991px){
    .header { padding: 15px 0; }
    .navbar { justify-content: space-between; }
    .navbar .navbar-brand { max-width: 100px; }

    html.nav-menu-open .header { z-index: 999; }
    html.nav-menu-open .navbar .navbar-brand { position: relative; z-index: 9999; }
    html.nav-menu-open .navbar .navbar-toggler { z-index: 9999; }
    .navbar-nav .nav-item { margin: 0 !important; padding: 0;  }
    .navbar-nav .nav-item:last-child { padding: 0 15px; margin: 0; }
    .navbar .navbar-collapse { display: block; position: fixed; right: -100%; top: 70px; bottom: 0; height: 100%; z-index: 999; width: 100%; overflow: auto; background: var(--ivory); padding: 50px 15px 30px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
    .navbar .navbar-collapse.show { right: 0; }
    .navbar .navbar-collapse:before { position: fixed; content: ""; right: -100%; top: 0; width: 100%; height: 120px; background: var(--ivory); z-index: 9; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
    .navbar .navbar-collapse.show:before {  right: 0; }
    .navbar-nav .nav-item .nav-link { display: flex; align-items: center; justify-content: space-between; margin: 15px 0 !important; }

    .home .header .navbar .navbar-collapse .nav-link { color: #1e1e1e; }
    .home .header .navbar .navbar-collapse .nav-link:hover {  color: var(--taupe); }
    .home .header.nav-menu-open .navbar-brand img { filter: none; -webkit-filter: none; }
    .home .header .navbar-collapse .nav-item .nav-link.btn { color: var(--white); }

    /* Home Page Start */
    .great-result-main .row { flex-direction: column-reverse; }
    .result-right .great-result-inner { max-width: 100%; margin: 0 auto; }
    .result-right .common-detail { margin: 20px 0 24px 0; }
    .client-details-block { padding: 24px 0 40px 0; }
    .great-result-slider-arrows { bottom: inherit; }
    .arrow-title .block-title a::after { width: 24px; height: 24px; }
    .result-right .block-title { font-size: 28px; line-height: normal; }
    .client-details-block .client-details .large-detail { font-size: 18px; }

    .partners-main .partners-item{ width: 148px !important;  margin: 0 12px; }
    /* Home Page End */

    .services-right ul { margin: 0 0 0 5px; }
    .services-right ul li { font-size: 18px; line-height: 32px; }

    /* Footer Start */
    .footer { padding: 60px 0; }
    .footer-block { max-width: 327px; }
    .footer-form { padding: 24px 0;}
    .footer-block .small-title { font-size: 24px; }
    .footer-img * { width: 100%; }
    .footer-icon ul li a { width: 32px; height: 32px; font-size: 16px; }
    .footer-title * { margin: 0 0 16px 0; }
    .wpcf7 form .wpcf7-response-output { font-size: 16px; line-height: 20px;}
    /* Footer End */

    /* about-us page */
    .about-btn { text-align: left; }
    .about-btn .btn { padding: 12px 24px; }
    .about-details .common-detail { margin: 16px 0; }
    .about-center { padding: 20px 0; }
    .about-center img { width: 100%; }
    .about-center .common-hover-animation { margin: 20px 0; }
    .about-content { margin: 0 0 24px 0; }
    .about-content .block-title { font-size: 28px; line-height: normal; letter-spacing: -0.84px; }
    .about-text-round {  margin: 0 10px 0 auto; }
    .our-story { padding: 0 0 60px 0;  }
    .our-story-main .row { flex-direction: column-reverse; }
    .our-story-left { text-align: center;  padding: 40px 0 0 0; }
    .our-story-right .common-detail *:not(:last-child) { padding: 0 0 20px 0; }
    .our-story-right .inner-banner-title { font-size: 48px; line-height: 38px; }
    .about-center .common-hover-animation { width: 100%; }
    .our-story .common-hover-animation { width: 100%; }
    /* about-us page */

    /* case studies page */
   .case-studies { padding: 60px 0 17px 0; }
   .property-management-main .case-study-img * { width: 100%;  height: 218px; object-fit: cover; }
   .property-management-main .block-title { font-size: 20px; line-height: normal; padding: 16px 0 40px 0; }
   .property-management-block .block-title { padding:  0 0 10px 0; }
   .property-management-inner { padding: 0 0 40px 0; }
   .property-management-block .common-detail { padding: 20px 0 0 0; }
   .property-management-inner ul li::before { top: 10px; width: 16px ; height: 16px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
   .property-management-inner ul li::after { top: 0; width: 32px ; height: 32px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
   .property-management-inner ul li { padding: 0 0 0 55px; margin: 0 0 16px 0; }
  
   .result-block-main { padding: 20px 0 0 0; margin: 0 0 -20px 0; }
   .result-block-main .result-block { margin: 0 0 20px 0; }
    /* case studies page */

    /* 404 Page */
    .error-main { padding: 60px 0;}
    /* 404 Page */

    .discover-wrp-parent { gap: 0px; flex-direction: column; }
    .discover-left { position: relative; top: 0; width: fit-content; margin: 0 auto; }
    .discover-left::after { width: 1px; height: 233px; margin: 0 0 0 10px; top: 100%; left: 154px; display: none; }
    .discover-img { padding-top: 80px; position: relative; }
    .discover-img::before { position: absolute; content: ""; top: 0; left: 105px; width: 1px; height: 100%; background-color: var(--darkGray);; margin: 0 0 0 10px; }
    .discover-right { max-width: 360px; margin: 0 0 0 auto; }
    .discover-img { margin: 0 auto !important; max-width: 100%; }
  
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Commmon Style Start */
    .banner-title { font-size: 42px; line-height: 52px; }
    .inner-banner-title { font-size: 36px; line-height: 46px; }
    .section-title { font-size: 34px; line-height: 44px; }
    .block-title { font-size: 32px; line-height: 42px; }


    .common-banner-wrap { padding: 60px 0 40px 0; }
    /* Commmon Style End */

    /* Home Page Start */
    .banner-video video {height: 450px;}
    .banner-main {        top: 120px;
    }

    /* .discover-left::after { width: 1px; height: 233px; margin: 0 0 0 10px; top: 100%; left: 154px; } */
    .discover-top .inner-banner-title { line-height: 46px; }
    .discover-right {  top: calc(144px + 100px); }
    /* .discover-right { margin: 144px 0 0 auto; top: calc(144px + 100px); } */
    .discover-bottom-left { margin: 0; }
    .discover-img {margin: 64px auto 0 0px;}
    .discover-video video {height: 390px;}
    .discover-wrp { padding: 80px 0; }

  
    .real-estate-img img {height: 200px;}
    .real-estate-wrp { padding: 80px 0; }
    .real-estate-title {margin: 0 0 50px;}
    .real-estate-main  .real-estate-title .inner-banner-title { font-size: 30px; line-height: 36px; }
    /* .real-estate-main .real-estate-right .inner-banner-title { font-size: 36px; line-height: 48px;} */
    .real-estate-left::after { width: 150px; bottom: 15px; }
    .real-estate-right { max-width: 300px; margin: 80px 0 0 auto;}
    .real-estate-title .inner-banner-title { max-width: 290px; }
    .real-estate-content p { font-size: 20px; line-height: 30px; }
    .real-estate-block:hover { width: 270px; }

    .our-works-wrp { padding: 70px 0; }
    .our-works-main .real-estate-right { margin: 40px 0 0; }
    .our-works-main .real-estate-left::after { left: 90%; width: 170px; }
    .our-works-main .real-estate-title .inner-banner-title { font-size: 30px; line-height: 36px;  max-width: 250px;  }
    .modern-house .small-title { font-size: 25px; }
    .mordern-house-main .modern-house-block { margin: 0 10px; }
    .arrow-title .block-title::after { width: 25px; height: 25px; }
    
    /* .our-works-wrp .data { max-width: 665px; } */
    .our-works-wrp .mordern-house-main .modern-house-inner { padding: 15px; }
        /* .our-works-wrp .data .img-carousel .slick-list {
        padding-right: 100px !important;
    } */
    /* .our-works-wrp .data .img-carousel .slick-list { padding-right: 160px !important; } */
    /* .our-works-wrp .data .img-carousel .slick-list { padding-right: 300px !important; } */

/* .our-works-wrp .data { padding-left: calc(50vw - 355px); } */
    /* .modern-house { min-width: 425px !important; } */
    .our-works-wrp .modern-house-block { flex-shrink: inherit; }
    .modern-house-block .modern-house-img { height: 350px; }
    .modern-house-block:hover .modern-house-img { height: 416px; }
/* .our-works-wrp .data .img-carousel .slick-list {
    padding-right: 200px !important;
} */
    .before-after-wrp { padding: 70px 0 ; }
    .before-after-main .real-estate-left::after { width: 360px; left: 50%; }

    .great-result {  padding: 70px 0; }
    .great-result-main .slick-arrow { width: 50px; height: 50px; }
    .great-result-main .slick-prev { right: 70px; bottom: 35px; }
    .great-result-main .slick-next { bottom: 35px; }
    .arrow-title { margin: 0 0 50px 0; }
    /* Home Page End */


    /*services page*/
    .services-title .common-detail { max-width: 100%; margin: 0 auto; }
    .services-right { max-width: 100%; margin: 0 auto; }
    .services-main { padding: 50px 0; }
    .services-left { margin: 20px 0; }
    .services-inner { margin-top: 30px; }
    .services-right ul { padding-left: 15px; }
    .services-title .section-title { margin: 0 0 10px 0; max-width: 100%; }
    .services-inner .row { flex-direction: column-reverse; }
    /*services page*/

    /* footer */
    .footer-slide-main { padding: 50px 0 0 0; }
    .footer-nav { margin: 0 0 0 auto; }
    /* footer */

    /* about-us */
    .about-us { padding: 70px 0; }
    .block-title { font-size: 24px; line-height: 130%; }
    .about-text-round .section-title { font-size: 36px; }
    /* about-us */

    /* case-studies */
    .case-studies-block .section-title { font-size: 36px;}
    .property-management { padding: 70px 0; }
    /* case-studies */

    /*sub contractor page*/
    .interested-wrap { padding: 0 24px; width: 100%; }
    .subcontractor-banner-img { height: 413px; }
    .looking-main { padding: 60px 0; }
    .looking-list ul li { font-size: 16px; }
    .contact-form-main { padding: 60px 0; }
    .contact-form-inner { margin-top: 40px; }
    .contact-form-inner .block-title { padding-bottom: 24px; margin-bottom: 24px; font-size: 20px; }
    .contact-form label {         margin-bottom: 8px; font-size: 15px; }
    .contact-form .form-control { height: 40px; }
    .contact-form .form-group textarea { height: 180px !important; }
    .contact-form .wpcf7-submit{ font-size: 16px; line-height: 30px; padding: 5px 5px; }
    /*sub contractor page*/


    /*contact page*/
    .contact-here-main { padding: 40px 0 0 0; }
    .contact-here-wrap .block-title { margin-bottom: 20px; padding-bottom: 20px; }
    /*contact page*/


    
    /*our work gallery*/
    .our-work-main { padding: 100px 0; }
    /*our work gallery*/

    .work-gallery { max-width: 640px; margin: 0 auto; } 
    .work-gallery-item img { max-width: 200px; }


        /*typography*/
    .typography-main { padding: 60px 0; }
    .typography-main .alignright { float: none; margin: 10px 0 10px 6px; } 
    .typography-main .alignleft { float: none; margin: 10px 6px 10px 0; }
    .typography-main  h1 { font-size: 30px; line-height: 39px; }
    .typography-main h2 { font-size: 28px; line-height: 38px; }
    .typography-main h3 { font-size: 28px; line-height: 38px; }
    .typography-main  h4 { font-size: 26px; line-height: 36px; }
    .typography-main h5 {font-size: 16px; line-height: 26px;}
    /*typography*/
    /*before after section*/
    .before-label .common-detail *, .after-label .common-detail { font-size: 40px; }
    .before-after-inner .image-container {         font-size: 34px; }
        
    .before-after-slider .slick-dots li { width: 25px; height: 8px; }
    .before-after-slider .image-container { max-height: 440px; }
    
    .before-after-slider .slick-prev {  top: -75px; right: 58px; left: unset; }
    .before-after-slider .slick-next { right: 0;  top: -75px;}
    .before-after-slider .slick-arrow { width: 40px; height: 40px; padding: 15px; }
    .footer-logo { left: -32px; top: -51px; }
    .property-management::before { font-size: 36px; line-height: 60px; width: 50px; height: 50px; }
    .property-management::before { top: 10px; }
    /*before after section*/
    /*our process => about us*/
    .our-process-main { padding: 60px 0; margin: 0 0 60px 0; } 
    .our-process-inner .common-detail { font-size: 16px; line-height: 160%; } 
    .our-process-top { margin-bottom: 14px; } 
    .our-process-icon { width: 70px; height: 70px; padding: 19px; } 
    .our-process-inner-wrap { margin-top: 50px; }
    .our-process-top::after { font-size: 101px; }
    /*our process => about us*/

}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    /* Commmon Style Start */
    .container {padding: 0 24px;}
    body {font-size: 16px; line-height: 24px;}
    .banner-title { font-size: 28px; line-height: 39px; }
    .inner-banner-title { font-size: 28px; line-height: 38px; }
    .section-title { font-size: 28px; line-height: 38px; }
    .block-title { font-size: 26px; line-height: 36px; }
    .large-detail {font-size: 16px; line-height: 26px;}
    .btn-medium {padding: 10px 24px;}
    /* Commmon Style End */


    /*typography*/
    .typography-main { padding: 60px 0; }
    .typography-main .alignright { float: none; margin: 10px 0 10px 6px; } 
    .typography-main .alignleft { float: none; margin: 10px 6px 10px 0; }
    .typography-main  h1 { font-size: 30px; line-height: 39px; }
    .typography-main h2 { font-size: 28px; line-height: 38px; }
    .typography-main h3 { font-size: 28px; line-height: 38px; }
    .typography-main  h4 { font-size: 26px; line-height: 36px; }
    .typography-main h5 {font-size: 16px; line-height: 26px;}
    /*typography*/

    /* Home Page Start */
    .banner-video video {height: 391px;}
    .banner-main {top: 106px;}
    .banner-section .common-detail {font-size: 14px; line-height: 24px; margin: 0 0 16px;}

    .discover-bottom-left { margin: 0 0 16px; }
    /* .discover-img { max-width: 118px; margin: 31px auto 0;} */
    .discover-video video {height: 214px;}
    .discover-wrp { padding: 60px 0; }
    .discover-top .inner-banner-title {max-width: 186px; width: 100%;}
    /* .discover-right { max-width: 180px; margin: 51px 0 0 auto; } */
    .discover-top { margin: 0 auto 40px; max-width: 327px; width: 100%; }
    .discover-video { margin: 0 0 40px; }
    .discover-left { margin: 0; }
    .discover-bottom-left .block-title { letter-spacing: -0.26px; }
    .discover-top .inner-banner-title { line-height: 39px; }
    .discover-left::after {height: 233px; width: 1px; left: 154px; margin: 0; top: 100%;}

    .real-estate-section { flex-direction: column; }
    .real-estate-block:hover { width: 100%; }
    .real-estate-left::after { width: 1px; height: 92px; left: inherit; right: 60%; bottom: -98px;  }
    .real-estate-img img {height: 335px;}
    .real-estate-wrp { padding: 60px 0 20px; }
    .real-estate-title {margin: 0 auto 40px; display: block;  width: 100%;  max-width: 360px; }
    .real-estate-main .real-estate-left .inner-banner-title { line-height: 39px; letter-spacing: -0.28px; }
    .real-estate-main .real-estate-right .inner-banner-title { font-size: 28px; line-height: 39px; letter-spacing: -0.28px;}
    .real-estate-right { max-width: 223px; margin: 109px 0 0 auto;}
    .real-estate-title .inner-banner-title { max-width: 223px; }
    .real-estate-block { width: 100%; margin: 0 0 40px; }
    
    .our-works-wrp { padding: 60px 0; }
    .our-works-main .real-estate-left .inner-banner-title  { max-width: 206px; }
    .our-works-main .real-estate-left::after { width: 1px; height: 117px; left: inherit; right: 53%; bottom: inherit; top: 100%; background-color: var(--black); margin: 0; }
    .our-works-main .real-estate-title .inner-banner-title { font-size: 28px; line-height: normal; }
    .our-works-main .real-estate-right { max-width: 204px; margin: 123px 0 0 auto;}

    .before-after-wrp { padding: 60px 0; }
    .before-after-main .real-estate-left::after { width: 1px; height: 162px; bottom: -80px;  left: 53%;  background-color: var(--black);}
    .before-after-main .real-estate-title { max-width: 191px; margin: 0 auto 40px; }
    .before-after-main .real-estate-right { margin: 162px 0 0 auto; text-align: right;  }

    .partners-wrp {padding: 60px 0;}
    .partners-wrp .container {padding: 0; max-width: 100%;}
    .partners-main .block-title {font-size: 36px; margin: 0 30px 40px;}
    .partners-item img {height: 51px;}
    /* Home Page End */



    .common-banner-wrap { padding: 50px 0 40px 0; }
    /* Commmon Style End */


    /*services page*/
    .services-title .common-detail { max-width: 100%; margin: 0 auto; } .services-right { max-width: 100%; margin: 0 auto; }
    .services-main { padding: 60px 0; }
    .services-left { margin: 20px 0 0 0; }
    .services-inner { margin-top: 30px; }
    /* .services-title { text-align: center; }  */
    .services-right ul { padding-left: 15px; }
    .services-title .section-title { margin: 0 0 10px 0; max-width: 100%; }
    .services-inner .row { flex-direction: column-reverse; }
    /*services page*/


    .footer-nav { max-width: 218px; margin:  0 auto 0 0; padding: 40px 0; }
    .footer-block .form-group .btn { font-size: 18px;  padding: 6px 24px; }

    /* about-us */
    .our-story-right .common-detail { line-height: 32px; }
    /* about-us */

    .property-management {         padding: 70px 0 60px 0;}
    .process-block-main { padding: 20px 0 0 0; margin: 0 0 -20px 0; }
    .property-management-inner .small-title { font-size: 22px; }
    .process-block-main .process-block { margin: 0 0 20px 0; height: calc(100% - 20px); }
    .process-block-main .process-block::before { font-size: 60px; }
    .process-block-main .process-inner .common-detail { font-size: 14px; line-height: 24px; }


    /*sub contractor page*/
    .interested-wrap { padding: 0 24px; width: 100%; }
    .subcontractor-banner-img { height: 413px; }
    .interested-inner .btn { padding: 10px 22px; }
    .looking-main { padding: 60px 0; }
    .looking-left .inner-banner-title { margin: 0 0 16px 0; }
    .looking-list ul li { font-size: 16px; }
    .contact-form-main { padding: 60px 0; }
    .contact-form-inner { margin-top: 40px; }
    .contact-form-inner .block-title { padding-bottom: 24px; margin-bottom: 24px; font-size: 20px; }
    .contact-form label { margin-bottom: 10px; }
    .contact-form .form-control { height: 40px; }
    .contact-form .form-group textarea { height: 123px !important; }
    .contact-form .wpcf7-submit { font-size: 16px; line-height: 30px; padding: 5px 5px; }
    /*sub contractor page*/


    /*contact page*/
    .contact-here-main { padding: 40px 0 0 0; } 
    .contact-here-wrap .block-title { font-size: 24px; margin-bottom: 24px; padding-bottom: 24px; } 
    .contact-here-inner { flex-direction: column; align-items: flex-start; } 
    .contact-here-block { margin: 12px 0; } 
    .contact-here-inner > *:nth-child(even) { max-width: 100%; margin: 24px 0; } 
    .contact-form-title .inner-banner-title  { margin-bottom: 16px; } 
    .wpcf7 form .wpcf7-response-output { margin: 10px 0; font-size: 14px; padding: 3px; }
    /*contact page*/


    .prev.page-numbers { padding: 10px 5px 10px 5px; }
    .page-numbers { padding: 8px 13px 7px 13px; height: 33px !important; width: 33px !important; }
    .next.page-numbers { padding: 10px 9px 10px 12px; }
    .work-gallery-pagination { margin-top: 28px; padding-top: 20px; }



    /*before after section*/
    .property-management::before {
    top: 12px;
    }
    .before-label .common-detail *, .after-label .common-detail { font-size: 40px; }
    .before-after-inner .image-container {         font-size: 34px; }
    .before-label { left: 34px; } 
    .before-after-slider .slick-dots li { width: 25px; height: 8px; } 
    .before-after-slider .image-container { max-height: 440px; }
    /*before after section*/

    .discover-right .inner-banner-title { margin-left: 116px; }
    .discover-right { max-width: 300px; }
    .property-management::before { font-size: 36px; line-height: 60px; width: 50px; height: 50px; }
        /*our process => about us*/
    .our-process-main { padding: 60px 0; margin: 0 0 60px 0; } 
    .our-process-inner .common-detail { font-size: 16px; line-height: 160%; } 
    .our-process-top { margin-bottom: 14px; } 
    .our-process-icon { width: 70px; height: 70px; padding: 19px; } 
    .our-process-inner-wrap { margin-top: 50px; }
        .our-process-top::after { font-size: 101px; }
    /*our process => about us*/
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {

    /* Home Page Start */
    .modern-house .small-title { font-size: 22px; }
    .mordern-house-main .modern-house-block { margin: 0 10px; }
    .arrow-title { margin: 0 0 50px 0; }
    .arrow-title .block-title::after { width: 25px; height: 25px; }
    /* .modern-house-block .modern-house-img * { height: 320px; }
    .modern-house-block:hover .modern-house-img * { height: 295px; } */
    .our-works-wrp .mordern-house-main .modern-house-inner { padding: 15px; }

    /* .our-works-wrp .data { max-width: 495px; } */
    .our-works-wrp .mordern-house-main .modern-house-inner { padding: 15px; }
    /* .our-works-wrp .data .img-carousel .slick-list { padding-right: 140px !important; } */
    /* .our-works-wrp .data .img-carousel .slick-list { padding-right: 0px !important; } */
    /* .our-works-wrp .data { padding-left: calc(50vw - 270px); } */
    /* .modern-house { min-width: 425px !important; } */
    .our-works-wrp .modern-house-block { flex-shrink: inherit;     padding: 0 10px;}
    .img-carousel .slick-list { margin: 0 -10px; }
    .modern-house-block .modern-house-img { height: 450px; }
    .modern-house-block:hover .modern-house-img { height: 416px; }

    .great-result {  padding: 70px 0; }
    /* .great-result-main .slick-arrow { width: 50px; height: 50px; } */
    .great-result-main .slick-prev { right: 55px; bottom: 35px; }
    .great-result-main .slick-next { bottom: 35px; }
    .great-result-main .slick-arrow {
        width: 40px;
        height: 40px;
        padding: 15px;
    }
    /* Home Page End */

    /* about-us */
    .about-us { padding: 60px 0; }
    /* about-us */

    .work-gallery { max-width: 433px; margin: 0 auto; } 
    .work-gallery-item img { max-width: 200px; }

    .case-studies-block .section-title { font-size: 32px;}
        
    .before-after-slider .slick-prev {  top: -75px; right: 58px; left: unset; }
    .before-after-slider .slick-next { right: 0;  top: -75px;}
    .before-after-slider .slick-arrow { width: 40px; height: 40px; padding: 15px; }
    .footer-logo { left: -24px; top: -51px; }
}

@media (min-width: 240px) and (max-width: 575px){ 

    /* Home Page Start */
    .modern-house .small-title { font-size: 22px; }
    /* .mordern-house-main .modern-house-block { margin: 0 10px; } */
    .arrow-title { margin: 0 0 40px 0; }
    .arrow-title .block-title { font-size: 24px; line-height: 46px; }
    .arrow-title .block-title::after { width: 25px; height: 25px; }
    /* .modern-house-block .modern-house-img * { height: 358px; }
    .modern-house-block:hover .modern-house-img * { height: 295px; } */
    .our-works-wrp .mordern-house-main .modern-house-inner { padding: 15px; }
    /* .our-works-wrp .data { max-width: 495px; } */
    .our-works-wrp .mordern-house-main .modern-house-inner { padding: 15px; }
    /* .modern-house { min-width: 327px !important; } */
    /* .our-works-wrp .modern-house-block { flex-shrink: inherit; } */
    .modern-house-block .modern-house-img { height: 358px; }
    .modern-house-block:hover .modern-house-img { height: 320px; }
    /* .our-works-wrp .data .img-carousel .slick-list { padding-right:200px !important; } */
      /* .our-works-wrp .data { padding-left: calc(50vw - 278px); } */
      /* .our-works-wrp .data .img-carousel .slick-list { padding-right: 50px !important; } */
    .our-works-inner .slick-dots li { width: 26px; height: 7px; }

    .great-result {  padding: 60px 0; }
    .great-result-main .result-house-img * { height: 358px; object-fit: cover; object-position: center }
    .great-result-main .slick-arrow { padding: 7px; width: 36px; height: 36px; }
    .great-result-main .slick-arrow svg { width: 8px; height: 18px;}
    .great-result-main .slick-prev { right: 46px; bottom: 50px; }
    .great-result-main .slick-next { bottom: 50px; }
    /* Home Page End */

    /* about-us page */
    .about-us { padding: 60px 0 62px 0; }
    /* about-us page */

    /* case studies page */
    .case-studies-block { margin: 0 auto -20px; }
    .case-studies-block .section-title { font-size: 28px; line-height: normal;}
    .study-btn { margin: 0 -10px; }
    .study-btn .btn { padding: 14px 24px; }
    .study-btn .btn-taupe::after { margin: 0 0 0 8px; }
    /* case studies page */

    .contact-here-block .description * { font-size: 18px; line-height: 30px; }
    

    .before-after-slider .slick-prev {          top: -64px;
        right: 47px; left: unset;}
    .before-after-slider .slick-next { right: 0;  top: -64px;}
    .before-after-slider .slick-arrow { width: 40px; height: 40px; padding: 15px; } 
    .our-works-inner { overflow: hidden; }
    .footer-logo { left: -13px; top: -51px; }
    .case-studies { padding: 60px 0 35px 0; }

}

@media (max-width: 575px) {
    /*common style*/

    .common-banner-title .inner-banner-title { margin-bottom: 12px; }
    /*common style*/

    /*sub contractor page*/
    .interested-wrap { padding: 0 24px; width: 100%; }
    .subcontractor-banner-img { height: 413px; }
    .looking-main { padding: 60px 0; }
    .looking-list ul li { font-size: 16px; }
    .contact-form-main { padding: 60px 0; }
    .contact-form-inner { margin-top: 40px; }
    .contact-form-inner .block-title { padding-bottom: 24px; margin-bottom: 24px; font-size: 20px; }
    .contact-form label { margin-bottom: 10px; }
    .contact-form .form-control { height: 40px; }
    .contact-form .form-group textarea { height: 123px !important; }
    .contact-form .wpcf7-submit{ font-size: 16px; line-height: 30px; padding: 5px 5px; }
    /*sub contractor page*/

    /*work gallery page*/
    .work-gallery-item.vertical-img * { height: 277px; } 
    /* .work-gallery-item * { width: 100%; height: 134px; }  */
    .work-gallery.row > * { padding: 0 4.5px; margin-bottom: 9px; }
    .our-work-main { padding: 60px 0 42px; }
    .work-gallery-wrap { margin: 32px auto 0 auto; }
    .work-gallery { display: flex ; flex-wrap: wrap; justify-content: center; max-width: 352px; margin: 0 auto; }
    /*work gallery page*/

    /*before after section*/
    .before-label .common-detail *, .after-label .common-detail { font-size: 16px; }
    .before-after-inner .image-container {         font-size: 34px; }
    .before-label { left: 34px;     bottom: 16px; } 
    .after-label { bottom: 16px; }
    .before-after-slider .slick-dots li { width: 25px; height: 8px; } 
    .before-after-slider .image-container { max-height: 440px; }
    .slider-button img { height: 40px; width: 40px; position: relative; top: -1px; }
    .slider-button { width: 40px; height: 40px; }
    .slider-image { object-position: right; }
    /*before after section*/


            /*our process => about us*/
    .our-process-main { padding: 60px 0; margin: 0 0 60px 0; } 
    .our-process-inner .common-detail { font-size: 15px; line-height: 160%; } 
    .our-process-top { margin-bottom: 14px; } 
    .our-process-icon { width: 60px; height: 60px; padding: 15px; }
    .our-process-inner-wrap { margin-top: 50px; }
    .our-process-top::after { font-size: 90px; }
    .our-process-inner .small-title { font-size: 23px; }
    .our-process-block { padding: 17px; }
    .our-process-inner-wrap { margin-top: 30px; }
    /*our process => about us*/

}

@media (max-width: 425px) {
    .discover-left {
        margin: 0 0 0 clamp(0px, -195.00px + 52.00vw, 26px);
    }
    .discover-right {
        margin: 0 clamp(0px, -210.00px + 56.00vw, 28px) 0 auto;
    }

    .discoverImg {
        width: 118px;
        height: fit-content;
    }

    .discover-img::before {
        left: 36px;
    }

}
@media (max-width: 374px) {

    /* Home Page Start */
    .banner-main { top: 91px; }
    .discover-left::after {left: 134px;}

    /* .modern-house { min-width: 272px !important; } */
    .modern-house-block .modern-house-img { height: 320px; }
    .modern-house-block:hover .modern-house-img { height: 280px; }

    .before-after-main .real-estate-title { max-width: 172px;}

    .client-details-block { padding: 24px 0 70px 0; }
    .great-result-main .slick-prev { right: 46px; bottom: 25px; }
    .great-result-main .slick-next { bottom: 25px; }

    .discover-right .inner-banner-title { margin-left: 85px; }
    /* Home Page End */

    /*services*/
    .services-title .common-detail { max-width: 327px; margin: 0 auto 0 0; }
    .services-right { max-width: 327px; margin: 0 auto; }
    .services-right  ul li { line-height: 32px; }
    /*services*/

    .inner-banner-title { font-size: 24px; }

    /* about-us page */
    .about-us { padding: 60px 0 62px 0; }
    .our-story-right .inner-banner-title { font-size: 40px;}
    .our-story-right .common-detail { line-height: 26px; }
    /* about-us page */

    /* case studies page */
    .study-btn .btn { padding: 14px 15px; }
    .study-btn .btn { font-size: 12px;}
    .process-block-main .process-block::before { font-size: 48px; margin: 0 15px 0 0; }
    /* case studies page */

    /*contact*/
    .contact-form-inner .block-title { font-size: 17px; } 
    .contact-form-title .inner-banner-title { margin-bottom: 16px; font-size: 21px; line-height: normal; }
    /*contact*/

    /* .our-works-wrp .data .img-carousel .slick-list { padding-right:10px !important; } */
}