/* larger screen media */ @media screen and (min-width:2200px) { .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-right { margin-left: 8%; } .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-left { margin-right: -8%; } } @media screen and (min-width:3500px){ .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-right { margin-left: 12%; } .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-left { margin-right: -12%; } } /* regular media */ @media screen and (max-width:1599px) { .container{ max-width: 1320px;} h1, .h1 { font-size: 45px;} h2, .h2 { font-size: 37px;} h3, .h3 { font-size: 29px;} .theme-title{font-size: 37px;} .about-inr .about-right { padding: 0 77px 0 46px; } .about { padding: 75px 0 90px; } .projects-inr .project-box .project-content { padding: 30px 50px; } .projects-inr .project-box:hover .project-content { padding: 35px 50px; } .why-choose-us{padding: 90px 0;} .why-choose-us-inr .various-amenities .various-amenities-inr{margin: 0;} .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box .amenity-icon { width: 105px; height: 105px; } .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box .amenity-icon img{height: 48px; width: 48px; -o-object-fit: contain; object-fit: contain;} .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box { padding: 0 34px; } .enquiry-model .modal-body { padding: 30px 40px 30px; max-width: 760px; } .enquiry-model .modal{ --bs-modal-width:1080px; } .contact-details .contact-details-inr { padding: 70px; } .subpage-banner-inr .subpage-banner-content { height: 430px; } .company-profile-inr .about-right{padding-right: 47px;} .project-db-eq-inr .db-eq-row{width: 460px;} .various-plan-layout .slick-list { padding: 0 20vw 0 0 !important; } .project-overview-tab-inr .tabs .tab-header a{font-size: 20px;} .project-db-eq .project-img-area img{max-height: 500px;} .gallery-view-inr .theme-title{margin-bottom: 15px;} .gallery-view-inr .various-gallery .slick-arrow { top: -51px; } .project-overview-tab-inr .tabs .tab-header a img, .project-overview-tab-inr .tabs .tab-header a svg{width: 56px;} .project-details{padding-top: 70px;} .subpage-banner-inr .subpage-banner-content h1.heading1 { font-size: 34px; } } @media screen and (max-width:1399px) { .container{ max-width: 1140px; padding: 0 40px;} h1, .h1 { font-size: 40px;} h2, .h2 { font-size: 34px;} h3, .h3 { font-size: 27px;} h4, .h4 { font-size: 24px;} p { margin-bottom: 20px; } .theme-title{font-size: 34px; margin-bottom: 29px;} .ml-27{margin-left: 0;} header .header-inr .navbar .navbar-brand { margin: 0 36px 0 0; } header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-body .navbar-nav .nav-item { margin: 0 16px; } header .header-inr nav .offcanvas-body-right .contact-info { padding: 0; } .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-left { margin-right: -48px; } .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-right { margin-left: 48px; } .about { padding: 75px 0 80px; background-size: 60%; } .about-inr .about-right { padding: 0 67px 0 33px; } .about-inr .about-left .about-img-area2 {border-width: 8px 0 0 8px;} .projects, .why-choose-us { padding: 80px 0; } .projects-inr .theme-heading { padding-left: 0px; } .projects-inr .explore-project { margin-left: 0; } .projects-inr .project-box .project-content { padding: 20px 40px; } .projects-inr .project-box:hover .project-content { padding: 25px 40px; } .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box .amenity-icon { width: 95px; height: 95px; } .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box { padding: 0 27px; } .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box .amenity-icon img{height: 44px; width: 44px;} .footer-inr .footer-top .footer-social-media { margin-right: 0; } .subpage-banner-inr .subpage-banner-content { height: 400px; } .subpage-banner-inr .subpage-banner-content .breadcrumb{margin: 20px 0;} .contact-us { padding: 80px 0 70px; } .contact-details .contact-details-inr { padding: 60px 50px; } .contact-details .contact-details-inr > .row > div > .row { padding-left: 30px; } .contact-details .contact-details-inr .contact-details-box p, .contact-details .contact-details-inr .contact-details-box ul li a, .contact-details .contact-details-inr .phone.contact-details-box ul li{font-size: 22px;} .company-profile-inr .about-right{padding-right: 0px;} .project-details { padding-top: 65px; } .project-overview-tab-inr .tabs .tab-header a { font-size: 18px; } .project-db-eq-inr .db-eq-row { width: 410px; } .project-db-eq-inr .db-eq-row .db-eq-item .db-eq-box{padding: 22px; gap: 70px;} .project-db-eq-inr .db-eq-row .db-eq-item .db-eq-box .db-eq-title{font-size: 22px;} .site-location-inr::after{right: 24%;} .specifications{padding-top: 0;} .gallery-view-inr .various-gallery{padding: 40px 0;} .project-db-eq .project-img-area img { max-height: 450px; } .various-plan-layout .slick-arrow{bottom: 9px;} .gallery-view-inr .various-gallery .slick-arrow { top: -49px; } .brochure-model.enquiry-model .modal{ --bs-modal-width: 500px; } .enquiry-model .modal-body h2{margin-bottom: 22px;} .subpage-banner-inr .subpage-banner-content h1.heading1 { font-size: 32px; } } @media screen and (max-width:1199px) { body{font-size: 16px;} .container{ max-width: 960px; padding: 0 32px;} h1, .h1 { font-size: 35px;} h2, .h2 { font-size: 30px;} h3, .h3 { font-size: 25px;} h4, .h4 { font-size: 22px;} h5, .h5 { font-size: 20px;} h6, .h6 { font-size: 18px;} .theme-title{font-size: 30px; margin-bottom: 27px;} .gx-6{--bs-gutter-x: 24px;} .gy-6{--bs-gutter-y: 24px;} .g-6{--bs-gutter-y: 24px; --bs-gutter-x: 24px;} .common-form .form-floating > label, .common-form .form-floating > .form-control, .common-form .form-floating > .form-select{ padding-inline: 20px;} .common-form .form-floating > .form-control{height: calc(3.5rem + calc(var(--bs-border-width) * 2));} .common-form .form-floating > textarea, .common-form .form-floating > .form-select{min-height: 58px;} .common-form .form-floating > label{padding-block: 1rem;} header .header-inr .navbar .navbar-brand { margin: 0 26px 0 0; } header .header-inr nav .offcanvas-body-right .contact-info{width: 68px; height: 38px; padding: 10px; border: 2px solid var(--secondary-color); -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; border-radius: 50px; background: var(--secondary-color); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} header .header-inr nav .offcanvas-body-right .contact-info svg path{fill: var(--white-color);} header .header-inr nav .offcanvas-body-right .contact-info:hover{background: var(--white-color);} header .header-inr nav .offcanvas-body-right .contact-info:hover svg path{fill: var(--secondary-color);} header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-body .navbar-nav .nav-item { margin: 0 13px; } .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-left { margin-right: -38px; } .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-right { margin-left: 38px; } .about, .projects, .why-choose-us, .about-core, .utils-scnn, .blogs, .blog-details { padding: 70px 0; } .about-inr .about-right { padding: 0 0px 0 16px; } .about-inr .about-left { margin-bottom: 55px; } .about-inr .about-left .about-img-area2 {max-height: 500px;} .about-inr .about-left .about-img-area2 { bottom: -55px; border-width: 6px 0 0 6px; max-width: 60%; } .projects-inr .explore-project{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end;} .projects-inr .project-box .project-content { padding: 15px 30px; } .projects-inr .project-box:hover .project-content { padding: 20px 30px; } .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box .amenity-title span{margin-bottom: 0;} .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box .amenity-icon { width: 85px; height: 85px; } .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box .amenity-icon img { height: 38px; width: 38px; } .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box { padding: 0 15px; } .footer-inr .footer-top { padding: 50px 0 30px; } .footer-inr .footer-top .footer-logo{margin-bottom: 25px;} .enquiry-model .modal-body { padding: 30px ; max-width: 75%; } .enquiry-model .modal{ --bs-modal-width:calc(992px - 70px); } .enquiry-model .modal-content::after{width: 18%; height: 45%;} .subpage-banner-inr .subpage-banner-content { height: 370px; } .subpage-banner-inr::after{bottom: 59px;} .contact-us { padding: 70px 0 60px; } .contact-details .contact-details-inr { padding: 50px 35px; } .contact-details .contact-details-inr .contact-details-box.address{padding-right: 20px;} .contact-details .contact-details-inr > .row > div > .row { padding-left: 8px; } .contact-details .contact-details-inr .contact-details-box p, .contact-details .contact-details-inr .contact-details-box ul li a, .contact-details .contact-details-inr .phone.contact-details-box ul li { font-size: 19px; } .about-core-inr .various-core > .row > div:nth-child(2n) .core-box { padding-top: 0rem; } .about-core-inr .various-core .g-6{--bs-gutter-y: 45px; --bs-gutter-x: 45px;} .project-overview-tab-inr .tabs .tab-header a { font-size: 16px; } .project-overview-tab-inr .tabs .tab-header a img, .project-overview-tab-inr .tabs .tab-header a svg { width: 50px; } .project-db-eq .project-img-area img { max-height: 400px; } .project-layout { padding: 70px 0; } .project-details { padding-top: 60px; padding-bottom: 90px; } .project-db-eq-inr .db-eq-row{top: -2.7rem;} .gallery-view-inr { padding: 70px 0 50px; } .site-location-inr { padding: 50px; } .site-location-inr::after { right: 26%; } .specifications{padding: 0 0 70px;} .specification-inr .accordion-item .accordion-button{font-size: 22px;} .specification-inr .accordion-item .accordion-button::before{top: 34px;} .various-plan-layout .slick-arrow { bottom: 7px; } .gallery-view-inr .various-gallery .slick-arrow { top: -48px; } .plan-layout-box .plan-layout-name{padding: 25px;} .various-plan-layout .slick-list { padding: 0 16vw 0 0 !important; } .gallery-view-inr .various-gallery .gallery-item.gallery-item-combine{row-gap: 24px;} .gallery-view-inr .various-gallery .gallery-item .gallery-box::after { top: 12px; left: 12px; width: calc(100% - 24px); height: calc(100% - 24px); } .project-layout-inr .various-plan-layout, .gallery-view-inr .various-gallery{margin: 0 -12px;} .various-plan-layout .plan-layout-item, .gallery-view-inr .various-gallery .gallery-item, .gallery-view-inr .various-gallery .gallery-item.scaley-75, .gallery-view-inr .various-gallery .gallery-item.scaley-80{padding-inline: 12px;} .thanks, .error{padding: 80px 0;} .subpage-banner-inr .subpage-banner-content h1.heading1 { font-size: 29px; } } @media screen and (min-width:992px){ header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-body .navbar-nav .nav-item.dropdown{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-filter: drop-shadow(0px 28px 21px rgba(0, 0, 0, 0.12)); filter: drop-shadow(0px 28px 21px rgba(0, 0, 0, 0.12));} header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle{padding: 0 0 0 6px; line-height: 0; border: none; pointer-events: none; cursor: pointer; } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item.dropdown::before{ content: ''; width: 100%; height: 37px; position: absolute; top: 100%; left: 0; visibility: hidden; } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item.dropdown::after { content: ''; position: absolute; right: -2px; top: 0; width: 15px; height: 100%; cursor: pointer; } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item.dropdown:hover::before{visibility: visible;} header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle.show{background: transparent; border: none;} header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link.active + .dropdown-toggle::after{border-color: var(--primary-color);} header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item:hover .dropdown-toggle::after{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); vertical-align: -7px; border-color: var(--primary-color); } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu { top: 100%; visibility: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; display: block; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); border: none; padding-top: 0; --bs-dropdown-spacer: 0; border-radius:0; margin-top: 37px; --bs-dropdown-min-width:12.5rem; background: var(--white-color); padding-bottom: 3px; } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item:hover .dropdown-menu{ visibility: visible; -webkit-clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu li:last-child .dropdown-item{ border-bottom: 0; } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu:hover .dropdown-item:not(:hover){ opacity: 0.65; } } @media screen and (max-width:991px) { body{line-height: 1.5;} .container{ max-width: 720px; padding: 0 26px;} h1, .h1 { font-size: 32px;} h2, .h2 { font-size: 28px;} h3, .h3 { font-size: 24px;} p { margin-bottom: 18px; } .theme-title{font-size: 28px; margin-bottom: 25px;} .theme-subtitle { font-size: 13px; letter-spacing: 1.5px; } .common-form .form-floating > textarea{min-height: 110px !important;} .gx-6{--bs-gutter-x: 18px;} .gy-6{--bs-gutter-y: 18px;} .g-6{--bs-gutter-y: 18px; --bs-gutter-x: 18px;} header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item.dropdown::after {display: none;} header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link::after{display: none;} header .header-inr .navbar .offcanvas{ -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; overflow: hidden; height: 100dvh; } header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-body{border-left: 0;} header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-body::after { content: ''; position: absolute; bottom: 10%; right: 0; background: url(../images/kirti.svg) no-repeat local; width: 30vw; height: 35vh; background-size: contain; z-index: -1; background-position: right center; } header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-body .navbar-nav{width: 100%; padding: 32px 24px;} header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-body .navbar-nav .nav-item{ border-bottom: 1px solid #f3f3f3;} header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link{font-size: 25px; padding: 16px 0;} header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-body .navbar-nav .nav-item { margin: 0; } header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-header .btn-close { width: 64px; height: 64px; background-color: var(--secondary-color); padding: 0; opacity: 1; border-radius: 0 0 0 15px; --bs-btn-close-bg: url("data:image/svg+xml,"); } header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-header{padding-top: 4px; padding-right: 4px;} header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-header .btn-close:focus{-webkit-box-shadow: none;box-shadow: none;} header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle { position: absolute; right: 0px; top: 11px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; width: 36px; height: 36px; } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle::after{ width: 12px; height: 12px; } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu{display: none; margin-top: 0; border: none; padding: 0; margin-bottom: 20px; background: transparent;} header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item{ border: 0; padding-block: 6px; font-size: 18px; font-weight: 500; color:var(--body-color); text-transform: capitalize; } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item.active{ color: var(--primary-color); background: transparent; } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle.show::after{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-color: var(--primary-color); } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle.show{top: 16px;} header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item.active{padding-block: 6px;} header .header-inr nav .offcanvas-body-right .contact-info{background-color: var(--white-color);} header .header-inr nav .offcanvas-body-right .contact-info:hover{background-color: var(--secondary-color);} header .header-inr nav .offcanvas-body-right .contact-info svg path { fill: var(--secondary-color); } header .header-inr nav .offcanvas-body-right .contact-info:hover svg path{ fill: var(--white-color); } header .header-inr .navbar .navbar-toggler{padding: 0; border: none; border-radius: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 71px; height: 38px; background-color: var(--secondary-color);} header .header-inr .navbar .navbar-toggler:focus{-webkit-box-shadow: none;box-shadow: none;} header .header-inr .navbar .navbar-toggler .navbar-toggler-line{ display: block; width: 20px; height: 2px; border-radius: 50px; background-color: var(--white-color); } .hero-slider-slide > .row { min-height: 55dvh; } .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-left { margin-right: -28px; } .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-right { margin-left: 28px; } .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-left .hero-sl-content { left: 6.1vw; width: calc(100% - 12vw);} .about, .projects, .why-choose-us, .about-core, .utils-scnn, .blogs, .blog-details { padding: 60px 0; } .about-inr .about-right { padding: 0 0 35px; } .projects-inr .explore-project{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; margin-bottom: 30px;} .projects-inr .theme-heading .theme-title { margin-bottom: 25px; } .projects-inr .project-box .project-content p{line-height: 1.3;} .projects-inr .project-box .project-content { padding: 10px 25px; } .projects-inr .project-box:hover .project-content{padding: 20px 25px;} .quick-enquiry {padding: 60px 0 49px; } .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box .amenity-icon { width: 75px; height: 75px; } .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box .amenity-icon img { height: 35px; width: 35px; } .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box { padding: 0 10px; } .why-choose-us-inr .various-amenities .various-amenities-inr{padding: 12px 0 55px;} .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box .amenity-title span{font-size: 16px;} .enquiry-model .modal-body { padding: 25px; max-width: 78%; } .enquiry-model .modal-content::after { width: 17%; height: 35%; } .enquiry-model .modal-body h1{margin-bottom: 20px;} .enquiry-model .modal-body > p br{display: contents;} .enquiry-model .modal{ --bs-modal-width:720px; } .about-inr .about-left .about-img-area1 img { max-height: 460px; max-width: 92%; } .subpage-banner-inr .subpage-banner-content { height: 350px; } .subpage-banner-inr::after{bottom: 54px;} .subpage-banner-inr .subpage-banner-content .breadcrumb { margin: 18px 0; } .contact-us{padding: 60px 0;} .contact-details{padding: 0 0 10px;} .contact-details .contact-details-inr .contact-details-box.address { padding-right: 0; border-right: 0; border-bottom: 1px solid #ffffff1c; } .contact-details .contact-details-inr { padding: 30px 70px; } .contact-details .contact-details-inr .contact-details-box p, .contact-details .contact-details-inr .contact-details-box ul li a, .contact-details .contact-details-inr .phone.contact-details-box ul li { font-size: 20px; } .company-profile-inr .about-left{position: unset; margin-bottom: 0 !important;} .company-profile-inr .about-left > div:nth-child(2){ position: relative; margin-bottom: 90px; } .company-profile-inr .about-right{padding-block: 0 !important;} .company-profile-inr .about-left .theme-heading{max-width: 85%;} .about-core-inr .various-core .g-6 { --bs-gutter-y: 40px; --bs-gutter-x: 40px; } .about-core-inr .various-core .core-box .core-icon img { height: 60px; width: 55px; } .project-overview-tab-inr .tabs{-ms-flex-wrap: nowrap;flex-wrap: nowrap;} .project-overview-tab-inr .tabs .tab-header{width: 80px; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .project-overview-tab-inr .tabs .tab-header a span{display: none; -webkit-animation: showtabcontent 0.6s ease alternate; animation: showtabcontent 0.6s ease alternate;} @-webkit-keyframes showtabcontent { 0%{ -webkit-transform: translateX(60px); transform: translateX(60px); opacity: 0; -webkit-filter: blur(5px); filter: blur(5px);} 100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-filter: none; filter: none;} } @keyframes showtabcontent { 0%{ -webkit-transform: translateX(60px); transform: translateX(60px); opacity: 0; -webkit-filter: blur(5px); filter: blur(5px);} 100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-filter: none; filter: none;} } .project-overview-tab-inr .tabs .tab-header.active{width: calc(100% - 3*80px);} .project-overview-tab-inr .tabs .tab-header.active a span{display: block;} .project-details { padding-top: 60px; padding-bottom: 60px; } .project-details-inr .theme-title br{display: contents;} .specifications::after{display: none;} .site-location-inr::after{display: none;} .site-location-inr { padding: 45px; } .specifications { padding: 0 0 60px; } .specification-inr .accordion{--bs-accordion-btn-padding-x:20px; --bs-accordion-btn-padding-y:22px;} .project-amenities .why-choose-us-inr .various-amenities .various-amenities-inr{padding: 10px 0 0;} .project-layout { padding: 60px 0; } .gallery-view-inr .various-gallery .gallery-item.gallery-item-combine{row-gap: 20px;} .gallery-view-inr .various-gallery .gallery-item .gallery-box::after { top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); } .project-layout-inr .various-plan-layout, .gallery-view-inr .various-gallery{margin: 0 -10px;} .various-plan-layout .plan-layout-item, .gallery-view-inr .various-gallery .gallery-item, .gallery-view-inr .various-gallery .gallery-item.scaley-75, .gallery-view-inr .various-gallery .gallery-item.scaley-80{padding-inline: 10px;} .various-plan-layout .slick-list { padding: 0 32vw 0 0 !important; } .project-layout-inr .various-plan-layout{width: 96vw;} .gallery-view-inr { padding: 60px 0 30px; } .specification-inr .accordion-item .accordion-button::before { top: 30px; } .specification-inr .theme-heading{position: unset; margin-bottom: 40px;} .project-overview-tab-inr .tabs .tab-header a img, .project-overview-tab-inr .tabs .tab-header a svg { width: 46px; } .project-db-eq-inr .db-eq-row{position: unset; width: 100%; gap: 60px;} .project-db-eq-inr .db-eq-row .db-eq-item{width: 100%;} .project-db-eq-inr .db-eq-row .db-eq-item .db-eq-box{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-inline: 0;} .project-db-eq{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; background: var(--theme-bg-dark);} .project-db-eq::after{ content: ''; position: absolute; left: 50%; top: 0px; border-right: 1px solid #ffffff33; height: 79px; } .project-db-eq-inr .db-eq-row .db-eq-item .db-eq-box .db-eq-icon{padding-top: 0; border-top: 0;} .project-db-eq-inr .db-eq-row .db-eq-item .db-eq-box .db-eq-title{font-size: 20px;} .project-db-eq-inr .db-eq-row .db-eq-item .db-eq-box .db-eq-title br{display: contents;} .project-db-eq .project-img-area { padding: 0; } .project-db-eq .project-img-area img { max-height: 380px; } .project-db-eq-inr .db-eq-row .db-eq-item:hover{width: 100%;} .plan-layout-box .plan-layout-name h3 { font-size: 20px; } .various-plan-layout .plan-layout-box .plan-layout-name{padding: 25px;} .specification-inr .accordion-item .accordion-button { font-size: 20px; } .various-plan-layout .slick-arrow{bottom: 6px;} .gallery-view-inr .various-gallery .slick-arrow { top: -45px; } .gallery-view-inr .various-gallery .gallery-item.scaley-75{padding-block: 50px;} .project-amenities .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item{width: 20%;} .thanks, .error{padding: 60px 0;} .thanks-inr .thanks-icon img{width: 70px; height: 70px;} .error-inr .error-icon img{width: 80px; height: 80px;} .enquiry-model .modal-body h2{margin-bottom: 20px;} .subpage-banner-inr .subpage-banner-content h1.heading1 { font-size: 27px; } .subpage-banner-inr::after {display: none;} ul.bread_box li {margin: 10px 4px 0px;} .bread_box {margin-top: 0px;} } @media screen and (max-width:767px) { .container{ max-width: 540px; padding: 0 20px;} h1, .h1 { font-size: 30px;} h2, .h2 { font-size: 26px;} h3, .h3 { font-size: 22px;} h4, .h4 { font-size: 20px;} h5, .h5 { font-size: 18px;} h6, .h6 { font-size: 17px;} .theme-title{margin-bottom: 22px; font-size: 26px;} .theme-title br{display: contents;} .common-form .form-floating > .form-control, .common-form .form-floating > .form-select { height: 55px; min-height: 55px; } .common-form .form-floating > .form-select{padding-right: 35px;} .common-form .form-floating > textarea { min-height: 110px !important; } .submit-btn { margin: 18px 0 0 20px; } .hero-slider-slide > .row { min-height: 45dvh; } .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-left { margin-right: -18px; } .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-right { margin-left: 18px; } header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link { font-size: 23px; } header .header-inr .navbar .navbar-toggler { gap: 4px; } header .header-inr .navbar .navbar-toggler .navbar-toggler-line{height: 2px;} header .header-inr .navbar .navbar-brand{max-width: 140px;} header .header-inr nav .offcanvas-body-right .enquiry-now{width: 40px; height: 40px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0; border: 0; border-radius: 0; overflow: hidden;} header .header-inr nav .offcanvas-body-right .enquiry-now svg{width: auto; height: 20px; } header .header-inr nav .offcanvas-body-right .contact-info{background: transparent; border: none; border-radius: 0; border-left: 1px solid #D1D1D1; height: 28px; width: 40px; padding: 0;} header .header-inr nav .offcanvas-body-right .contact-info svg path { fill: var(--secondary-color); } header .header-inr nav .offcanvas-body-right .enquiry-now:hover, header .header-inr nav .offcanvas-body-right .contact-info:hover{background: transparent;} header .header-inr nav .offcanvas-body-right .enquiry-now::after{display: none;} header .header-inr nav .offcanvas-body-right .contact-info:hover svg path{fill: var(--secondary-color);} header .header-inr .navbar .navbar-toggler{background-color: var(--white-color); border: 2px solid var(--secondary-color);} header .header-inr .navbar .navbar-toggler .navbar-toggler-line{background-color: var(--primary-color);} .about, .projects, .why-choose-us, .about-core, .utils-scnn, .blogs, .blog-details { padding: 55px 0; } .about { background-size: 80%; background-position-x:-120px; } .about-inr .about-right .theme-subtitle { margin-bottom: 10px; } .projects-inr .theme-heading .theme-subtitle { margin-bottom: 10px; } .projects-inr .theme-heading .theme-title { margin-bottom: 22px; } .projects-inr .project-box .project-content h3{font-size: 25px;} .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box { padding: 0 8px; } .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box .amenity-icon { width: 70px; height: 70px; } .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box .amenity-icon img { height: 32px; width: 32px; } .quick-enquiry { padding: 55px 0 49px; } .footer-inr .footer-bottom { padding: 18px 0 18px; } .footer-inr .footer-bottom .footer-bottom-inr p{font-size: 14px;} .footer-inr .footer-top .footer-info .footer-contact, .footer-inr .footer-top .footer-info .footer-address p, .footer-inr .footer-top .footer-info .footer-email { margin-bottom: 20px; } .footer-inr .footer-top .footer-social-media{text-align: left;} .footer-inr .footer-top { padding: 45px 0 30px; } .footer-inr .footer-top .footer-logo{max-width: 160px;} .enquiry-model .modal-content::after{display: none;} .enquiry-model .modal-body { padding: 20px; max-width: 100%; } .enquiry-model .modal{ --bs-modal-width:calc(540px); } .about-inr .about-left .about-img-area2{max-width: 50%; bottom: -45px;} .about-inr .about-left .about-img-area1 img { max-height: 380px; max-width: 91%; } .subpage-banner-inr .subpage-banner-content { height: 320px; } .contact-details .contact-details-inr { padding: 20px 50px; } .contact-details .contact-details-inr .contact-details-box{padding: 35px 0;} .company-profile-inr .about-left .theme-heading{max-width: 100%;} .company-profile-inr .about-left > div:nth-child(2) { margin-bottom: 100px; } .about-core-inr .theme-heading br{display: contents;} .about-core-inr .various-core .g-6 { --bs-gutter-y: 35px; --bs-gutter-x: 35px; } .project-overview-tab-inr .tabs .tab-header a img, .project-overview-tab-inr .tabs .tab-header a svg { width: 42px; } .project-details, .project-layout{padding: 50px 0;} .various-plan-layout .slick-list { padding: 0 21vw 0 0 !important; } .gallery-view-inr { padding: 55px 0 20px; } .specifications { padding: 0 0 55px; } .specification-inr .theme-heading { margin-bottom: 35px; } .specification-inr .accordion { --bs-accordion-btn-padding-x: 18px; --bs-accordion-btn-padding-y: 20px; } .specification-inr .accordion-item .accordion-button{padding-left: 27px;} .specification-inr .accordion-item .accordion-body { padding-block: 0 25px; padding-left: 27px; } .specification-inr .accordion-item .accordion-button::before { top: 29px; } .project-db-eq-inr .db-eq-row .db-eq-item .db-eq-box{padding: 20px 0;} .gallery-view-inr .various-gallery { padding: 35px 0; } .site-location-inr { padding: 35px; } .gallery-view-inr .various-gallery .gallery-item .gallery-box::after { top: 9px; left: 9px; width: calc(100% - 18px); height: calc(100% - 18px); } .project-layout-inr .various-plan-layout{padding-top: 20px;} .project-layout-inr .various-plan-layout, .gallery-view-inr .various-gallery{margin: 0 -9px;} .various-plan-layout .plan-layout-item, .gallery-view-inr .various-gallery .gallery-item, .gallery-view-inr .various-gallery .gallery-item.scaley-75, .gallery-view-inr .various-gallery .gallery-item.scaley-80{padding-inline: 9px;} .gallery-view-inr .various-gallery .gallery-item.scaley-80{padding-block: 20px;} .gallery-view-inr .various-gallery .gallery-item.scaley-75{padding-block: 40px;} .various-plan-layout .slick-arrow { bottom: 4px; } .project-amenities .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item{width: 25%;} .project-overview-tab-inr .tabs .tab-header a{padding: 12px 0;} .project-overview-tab-inr .tabs .tab-header{width: 70px;} .project-overview-tab-inr .tabs .tab-header.active { width: calc(100% - 3*70px); } .project-overview-tab-inr.scroll-up{top: 85.34px;} .project-db-eq-inr .db-eq-row{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0px;} .project-db-eq::after{ content: ''; position: absolute; left: 0; top: 75px; border-bottom: 1px solid #ffffff33; height: 0; width: 100%; } .thanks, .error{padding: 55px 0;} .thanks-inr > p br{display: contents;} .thanks-inr .thanks-icon img{width: 60px; height: 60px;} .error-inr .error-icon img{width: 70px; height: 70px;} .subpage-banner-inr .subpage-banner-content h1.heading1 { font-size: 23px; } .blog-sidebar .recent-posts-list li a.recent-post-item .post-title{font-size: 17px; } .subpage-banner-inr .subpage-banner-content .breadcrumb .breadcrumb-item img {width: 14px;} .subpage-banner-inr .subpage-banner-content .breadcrumb .breadcrumb-item a {color: var(--white-color);font-size: 14px;} li.breadcrumb-item {font-size: 14px;} .bread_box li {font-size: 15px;} .bread_box li a {font-size: 15px;} .bread_box li a img {width: 14px;} ul.bread_box li {margin: 8px 4px 0px;} } @media screen and (max-width:575px) { .container{ max-width: 100%;} body { line-height: 1.4; } h1, .h1 { font-size: 27px;} h2, .h2 { font-size: 24px;} p{margin-bottom: 16px;} .theme-title{margin-bottom: 20px; font-size: 24px;} .theme-subtitle { font-size: 12px; letter-spacing: 1.2px; } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle::after { width: 10px; height: 10px; } header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item{font-size: 16px;} header .header-inr .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item::before{top: 15.5px;} header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-header .btn-close{width: 55px; height: 55px;} header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link { font-size: 21px; } header .header-inr .navbar.navbar-expand-lg .offcanvas .offcanvas-body::after{bottom: 6%;} header .header-inr .navbar{padding: 12px 0;} header .header-inr .navbar .offcanvas{max-width: 95%;} header .header-inr .navbar .navbar-brand { max-width: 120px; } .hero-slider-slide > .row { padding-top: 76px; min-height: auto;} .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-left .hero-sl-content{top: 50%;} .hero-banner-inr .hero-slider .hero-slider-slide .hero-slide-left .hero-sl-content { left: 3.4vw; width: calc(100% - 7vw); } .about-inr .about-left .about-img-area1 img { max-height: none; max-width: 100%; } .about-inr .about-left .about-img-area2 { max-width: 60%; bottom: -40px; } .about { background-size: contain; background-position-x:-90px;} .about, .projects, .why-choose-us, .quick-enquiry, .about-core, .utils-scnn, .blogs, .blog-details { padding: 45px 0; } .about-inr .about-left .about-img-area2 { bottom: -45px; border-width: 4px 0 0 4px; } .about-inr .about-left { margin-bottom: 45px; } .projects-inr .project-box .project-content h3 { font-size: 22px; } .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item .amenity-box { padding: 0 6px; } .footer-inr .footer-top { padding: 40px 0 25px; } .webplus{white-space: pre; margin-top: 4px; display: inline-block;} .enquiry-model .modal-body { padding: 18px 12px; } .enquiry-model .modal{ --bs-modal-width:100%; } .subpage-banner-inr .subpage-banner-content { height: 300px; } .contact-details { padding: 0; } .contact-details .contact-details-inr .contact-details-box p, .contact-details .contact-details-inr .contact-details-box ul li a, .contact-details .contact-details-inr .phone.contact-details-box ul li { font-size: 18px; } .contact-details .contact-details-inr .contact-details-box { padding: 30px 0; } .contact-details .contact-details-inr { padding: 15px 30px; } .contact-details .contact-details-inr .contact-details-box p br{display: contents;} .company-profile-inr .about-left > div:nth-child(2) { margin-bottom: 80px; } .about-core-inr .various-core .g-6 { --bs-gutter-y: 30px; --bs-gutter-x: 30px; } .about-core-inr .various-core .core-box .core-icon img { height: 55px; width: 50px; } .gallery-view-inr .various-gallery .gallery-item.scaley-80{padding-block: 15px;} .gallery-view-inr .various-gallery .gallery-item.scaley-75{padding-block: 30px;} .project-details, .project-layout { padding: 35px 0; } .gallery-view-inr { padding: 45px 0 10px; } .project-db-eq-inr .db-eq-row .db-eq-item .db-eq-box .db-eq-title { font-size: 18px; } .site-location-inr { padding: 30px; } .various-plan-layout .plan-layout-box .plan-layout-name { padding: 20px; } .various-plan-layout .slick-list { padding: 0 9vw 0 0 !important; } .gallery-view-inr .various-gallery{padding: 25px 0 35px;} .various-plan-layout .slick-arrow { bottom: 3px; } .gallery-view-inr .various-gallery .slick-arrow { top: -43px; } .project-layout-inr .various-plan-layout{padding-top: 12px;} .specification-inr .accordion-item .accordion-button::before { top: 28px; } .specification-inr .accordion { --bs-accordion-btn-padding-x: 16px;} .plan-layout-box .plan-layout-name h3 { font-size: 18px; } .project-overview-tab-inr .tabs .tab-header.active a span{display: none;} .brochure-model.enquiry-model .modal-body { max-width: 100%; padding: 40px 10px 10px; } .project-overview-tab-inr.scroll-up{top: 72.98px;} .thanks, .error{padding: 45px 0;} .thanks-inr .thanks-icon img, .error-inr .error-icon img{width: 55px; height: 55px;} .error-inr .error-icon img{width: 65px; height: 65px;} .hero-banner{max-height:380px;} form .g-recaptcha iframe {transform: scale(0.9) translateX(-16px);} .enquiry-model .modal-body h2{margin-bottom: 18px;} .subpage-banner-inr .subpage-banner-content h1.heading1 { font-size: 20px; } } @media screen and (max-width:424px){ .project-amenities .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item{width: 33.33%;} .about{background-image:none ;} .hero-banner{max-height:310px;} } @media screen and (max-width:370px) { .projects-inr .project-box .project-content { padding: 8px 20px; } .projects-inr .project-box:hover .project-content { padding: 18px 20px; } header .header-inr .navbar .navbar-brand { margin: 0 10px 0 0; } header .header-inr .navbar .navbar-toggler{width: 65px;} header .header-inr .navbar .navbar-brand { max-width: 110px; } header .header-inr .navbar .offcanvas{width: 98%;} .enquiry-model .modal-body { padding: 10px 0px; } .hero-slider-slide > .row { padding-top: 73px; } .footer-inr .footer-top .footer-info .footer-address p br{display: contents;} .project-amenities .why-choose-us-inr .various-amenities .various-amenities-inr .amenity-item{width: 50%;} .contact-details .contact-details-inr { padding: 10px 20px; } .contact-details .contact-details-inr .contact-details-box p, .contact-details .contact-details-inr .contact-details-box ul li a, .contact-details .contact-details-inr .phone.contact-details-box ul li { font-size: 17px; } .thanks-inr .thanks-icon img, .error-inr .error-icon img{width: 50px; height: 50px;} .error-inr .error-icon img{width: 60px; height: 60px;} .subpage-banner-inr .subpage-banner-content h1.heading1 { font-size: 6vw; } } @media screen and (max-width:320px){ .hero-banner{max-height:250px;} .about{max-height:900px;} .about.company-profile{max-height:none;} }