/*================ 

Template Name: Apex Estate

Description: Apex Estate - Real Estate Website HTML Template

Version: 1.0 

Author: https://www.templatemonster.com/authors/coderkart 

=======================*/



/************************ 

Media Screen 1399px

*************************/

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

    .service-banner-wrapper {

        padding:80px 0;

    }



    .breadcrumbs-wrapper {

        padding: 106px 0 10px;

    }



    .breadcrumbs-wrapper h1 {

        font-size: 60px;

    }



    .hero-banner-wrapper .banner-content h1 {

        font-size:66px;

    }



    .hero-banner-wrapper {

        padding: 200px 0 90px;

    }



    header .navbar ul li {

        margin: 0 15px;

    }



    header .navbar {

        padding: 22px;

    }



    .common-section-heading {

        font-size: 32px;

    }



    footer .our-info .foot-info p {

        max-width: 300px;

    }

}





/************************ 

Media Screen 1199px

*************************/

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

    .error-wrapper .error-content img {

        max-width: 450px;

        margin-bottom: 30px;

    }



    .why-choose-wrappers .why-choose-form {

        padding: 30px 20px;

    }



    .why-choose-wrappers .why-choose-content ul li .content h6 {

        font-size: 22px;

    }
.menuAro{
width:7%
}


    .mission-wrapper .home-content .h-dlts {

        gap: 20px;

    }



    .service-banner-wrapper {

        padding: 80px 0;

    }



    .map-wrapper .map {

        height: 450px;

    }



    .why-choose-wrapper .choose-boxes p {

        padding: 15px;

    }



    .why-choose-wrapper .choose-boxes .img-box h6 {

        padding: 15px;

        font-size: 22px;

    }



    .breadcrumbs-wrapper h1 {

        font-size: 82px;

    }



    .breadcrumbs-wrapper {

        padding: 280px 0 150px;

    }



    .about-estate-wrapper .about-content .customer-text p {

        margin-bottom: 12px;

    }



    .hero-banner-wrapper .banner-content h1 {

        font-size: 92px;

    }



    .hero-banner-wrapper {

        padding: 220px 0 180px;

    }



    .common-section-heading {

        font-size: 38px;

    }



    .explore-property-wrapper .property-box {

        height: calc(200px + 80px);

    }



    footer .our-info .foot-info a img {

        max-width: 250px;

    }



    footer .our-info .our-pages h6 {

        margin-bottom: 15px;

        font-size: 26px;

    }



    footer .news-sign-up .newsletter h2 {

        font-size: 38px;

    }



    footer .news-sign-up,

    footer .our-info {

        padding: 50px 0;

    }

}





/************************ 

Media Screen 992px Up

*************************/

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

    .explore-property-wrapper .row .col-xl-3 .property-box {

        height: 100%;

    }
	.menuAro{
width:12%
}
imgheight{
height:600px!important;
}

.prjimg{
height:240px!important;
}
.prjimg2{
height:340px!important;
}

}



/************************ 

Media Screen 991px

*************************/

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

    footer .news-sign-up .newsletter {

        margin-bottom: 40px;

    }



    .common-section-wrapper {

        padding: 50px 0;

    }

.menuAro{
width:7%
}

    .coming-soon-wrapper .coming-img {

        max-width: 380px;

    }



    .coming-soon-wrapper .home-back {

        font-size: 16px;

    }



    .error-wrapper .error-content img {

        max-width: 400px;

        margin-bottom: 20px;

    }



    .why-choose-wrappers .why-choose-content ul li .content p {

        max-width: 450px;

    }



    .why-choose-wrappers .why-choose-content ul li .content {

        margin: auto;

    }



    .why-choose-wrappers .why-choose-content ul li {

        flex-direction: column;

    }



    .why-choose-wrappers .why-choose-content ul li .icon {

        margin: auto;

    }



    .one-service-sec .one-service-icon {

        padding: 20px;

    }



    .mission-wrapper .home-content .h-dlts {

        justify-content: center;

    }



    .service-banner-wrapper {

        padding: 60px 0;

    }



    .service-banner-wrapper .service-banner-content {

        flex-direction: column;

        text-align: center;

    }



    .our-company-section .our-company-content .text h3,

    .our-company-section .our-company-content .text span {

        font-size: 34px;

        line-height: 44px;

    }



    .our-company-section .our-company-icon {

        margin-bottom: 5px;

    }



    .service-banner-wrappre {

        padding: 80px 0;

    }



    .service-banner-wrappre .service-banner-content h2 {

        text-align: center;

    }



    .map-wrapper .map {

        height: 400px;

    }



    .get-touch-wrapper .get-section {

        text-align: center;

    }



    .breadcrumbs-wrapper {

        padding: 250px 0 120px;

    }



    .breadcrumbs-wrapper h1 {

        font-size: 68px;

    }



    .about-estate-wrapper .about-content {

        display: block;

        text-align: center;

    }



    .about-estate-wrapper .about-content .customer-text .custom-dtls {

        justify-content: center;

        margin-top: 30px;

    }



    .about-estate-wrapper .about-content .customer-text {

        margin-bottom: 30px;

    }



    .about-estate-wrapper .about-content .customer-text h5 {

        margin-bottom: 15px;

        font-size: 22px;

    }



    .about-estate-wrapper .about-content .customer-text p {

        margin-bottom: 10px;

    }



    .about-estate-wrapper .aboutSwiper .swiper-wrapper {

        padding-bottom: 15px;

    }



    footer .news-sign-up,

    footer .our-info {

        padding: 40px 0;

    }



    footer .our-info .foot-info a img {

        max-width: 220px;

    }



    footer .news-sign-up {

        text-align: center;

    }



    footer .our-info .foot-info .foot-logo {

        margin: auto;

    }



    footer .our-info .foot-info {

        text-align: center;

        margin-bottom: 40px;

    }



    footer .our-info .our-pages ul li {

        margin-bottom: 8px;

    }



    footer .our-info .foot-info p {

        max-width: 100%;

    }



    .common-gap {

        padding: 40px 0;

    }



    .common-gap-out {

        margin: 40px 0;

    }



    .hero-banner-wrapper .banner-content p {

        font-size: 16px;

    }



    .hero-banner-wrapper .banner-content h1 {

        font-size: 72px;

    }



    .hero-banner-wrapper .banner-content h1 {

        margin-bottom: 25px;

    }



    .hero-banner-wrapper .banner-content p {

        margin-bottom: 30px;

    }



    header .navbar .navbar-collapse {

        position: absolute;

        top: 98px;

        width: 100%;

        z-index: 99;

        left: 0;

        border-radius: 0 0 10px 10px;

        transition: var(--theme-transition);

        background: var(--black);

        overflow: hidden;

    }



    /* header .navbar .navbar-nav {

        margin: 0 !important;

    } */



    .overley {

        overflow: hidden;

    }



    .overley::after {

        content: "";

        position: absolute;

        width: 100%;

        height: 1000vh;

        background-color: rgba(0, 0, 0, .5607843137);

        backdrop-filter: blur(3px);

        top: 0;

        left: 0;

        z-index: 99;

    }



    header .navbar ul li {

        margin: 0;

    }



    header .navbar ul li a {

        text-align: center;

        margin: 10px auto;

    }



    header .navbar ul li a::after {

        display: none;

    }



    .hero-banner-wrapper {

        padding: 200px 0 150px;

    }



    header .navbar {

        padding: 20px;

    }



    .common-section-heading {

        font-size: 32px;

    }



    .common-both-gap-para {

        max-width: 600px;

    }



    .explore-property-wrapper .property-box .property-dtls h4,

    .about-contents h4 {

        font-size: 36px;

    }



    .mission-wrapper .home-content .h-dlts li .dlts h5 {

        font-size: 26px;

        margin-bottom: 5px;

    }

}







/************************ 

Media Screen 767px

*************************/

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

    footer .news-sign-up .newsletter {

        margin-bottom: 30px;

    }

.menuAro{
width:7%
}

    .footer-form .form-group {

        gap: 20px;

    }



    .footer-form .form-group .common-btn {

        padding: 12px 40px;

    }



    .coming-soon-wrapper .coming-img {

        max-width: 350px;

    }



    .why-choose-wrappers .why-choose-content ul li {

        margin-bottom: 30px;

    }



    .one-service-sec .one-service-icon {

        padding: 15px;

    }



    .mission-wrapper .video .video-inner {

        height: 300px;

    }



    .one-service-sec .one-service-icon {

        margin-bottom: 10px;

    }



    .testimonial-slider-wrapper {

        padding: 50px 0;

    }



    .agents-section {

        padding: 50px 0;

    }



    .map-wrapper .map {

        height: 350px;

    }



    .breadcrumbs-wrapper {

        padding: 220px 0 100px;

    }



    .breadcrumbs-wrapper h1 {

        font-size: 55px;

    }



    footer .news-sign-up .newsletter h2 {

        font-size: 36px;

    }



    footer .our-info .foot-info a img {

        max-width: 200px;

    }



    footer .our-info .our-pages ul li a,

    footer .our-info .our-pages ul li p {

        font-size: 15px;

    }



    footer .our-info .our-pages h6 {

        font-size: 22px;

    }



    .hero-banner-wrapper .banner-content h1 {

        font-size: 58px;

    }



    .hero-banner-wrapper {

        padding: 180px 0 100px;

    }



    .common-section-heading {

        font-size: 28px;

    }



    .explore-property-wrapper .property-box {

        height: calc(200px + 50px);

    }



    .explore-property-wrapper .property-box .property-dtls h4,

    .about-contents h4 {

        font-size: 32px;

    }



    .property-rent-wrapper .rent-property-box .property-details .content h4 {

        font-size: 22px;

    }



    .property-rent-wrapper .rent-property-box .property-details ul {

        gap: 15px;

    }

}







/************************ 

Media Screen 575px

*************************/

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

    .nice-select .option{

        font-size: 15px;

    }

    .nice-select {

        margin-bottom: 20px;

    }
.menuAro{
width:7%
}


    .footer-form .form-group .common-btn {

        padding: 12px 30px;

    }



    header .navbar .navbar-collapse {

        top: 90px;

    }



    .coming-soon-wrapper form .form-group {

        gap: 10px;

    }



    select {

        margin-bottom: 20px;

    }



    .mission-wrapper .home-content .h-dlts li .dlts span {

        font-size: 15px;

    }



    .mission-wrapper .home-content .h-dlts li .dlts h5 {

        font-size: 24px;

    }



    .service-banner-wrapper {

        padding: 50px 0;

    }



    .one-service-sec .one-service-header {

        margin-bottom: 30px;

    }



    .one-service-sec .one-service-content h5 {

        font-size: 22px;

        line-height: 32px;

    }



    .our-company-section {

        padding: 30px 0;

    }



    .our-company-section .our-company-content .text h3,

    .our-company-section .our-company-content .text span {

        font-size: 28px;

        line-height: 38px;

    }



    .about-company-wrapper .about-content-box h4 {

        font-size: 24px;

        line-height: 34px;

    }



    .service-banner-wrappre .service-banner-content h2 {

        font-size: 28px;

        line-height: 38px;

    }



    /* testimonial-slider-wrapper */



    .testimonial-slider-wrapper .slide-content {

        padding: 20px;

    }



    .agents-section .agents-card {

        max-width: 350px;

        margin: auto;

    }



    .form-group {

        margin: 0;

    }



    .form-group .user-input {

        margin-bottom: 20px;

    }



    .why-choose-wrapper .choose-boxes {

        max-width: 350px;

        margin: auto;

    }



    .about-estate-wrapper .about-content .customer-text h5 {

        margin-bottom: 10px;

        font-size: 20px;

    }



    .breadcrumbs-wrapper h1 {

        font-size: 45px;

    }



    .breadcrumbs-wrapper {

        padding: 200px 0 80px;

    }



    .about-estate-wrapper .about-content .customer-text .custom-dtls {

        margin-top: 20px;

    }



    .about-estate-wrapper .about-content .customer-text .custom-dtls .dtls span {

        font-size: 15px;

    }



    .about-estate-wrapper .aboutSwiper {

        max-width: 350px;

    }



    .about-estate-wrapper .about-content .customer-text .custom-dtls img {

        max-width: 100px;

    }



    .common-gap {

        padding: 35px 0;

    }



    .common-gap-out {

        margin: 35px 0;

    }



    .property-rent-wrapper .rent-property-box {

        max-width: calc(300px + 80px);

        margin: auto;

    }



    .hero-banner-wrapper .banner-content p {

        font-size: 15px;

    }



    .hero-banner-wrapper .banner-content h1 {

        font-size: 48px;

    }



    .hero-banner-wrapper .banner-content h1 {

        margin-bottom: 20px;

    }



    header .navbar .logo {

        max-width: 180px;

    }



    header .navbar {

        padding: 18px;

    }



    .hero-banner-wrapper .banner-content p {

        margin-bottom: 25px;

    }



    .hero-banner-wrapper {

        padding: 170px 0 80px;

    }



    header {

        margin-top: 20px;

    }



    .estate-img {

        max-width: 420px;

        margin: auto;

    }



    .explore-property-wrapper .property-box {

        max-width: calc(400px + 20px);

        margin: auto;

    }



    .explore-property-wrapper .property-box .property-dtls {

        padding: 18px;

    }



    .explore-property-wrapper .property-box .property-dtls h4,

    .about-contents h4 {

        font-size: 28px;

    }



    p {

        font-size: 14px;

    }



    .discover-wrapper .discover-pro {

        max-width: 350px;

        margin: auto;

    }



    footer .our-info .our-pages {

        text-align: center;

        margin-bottom: 30px;

    }



    footer .our-info .our-pages ul {

        display: flex;

        align-items: center;

        justify-content: center;

        flex-wrap: wrap;

        row-gap: 8px;

        column-gap: 15px;

    }



    footer .our-info .our-pages ul li {

        margin: 0;

    }



    footer .our-info .contact-us ul {

        display: block;

    }



    footer .our-info .our-pages h6 {

        margin-bottom: 10px;

    }



    footer .news-sign-up,

    footer .our-info {

        padding: 30px 0;

    }



    footer .news-sign-up .newsletter h2 {

        font-size: 32px;

    }

}





/************************ 

Media Screen 480px

*************************/

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

    .footer-form .form-group {

        gap: 10px;

    }
.menuAro{
width:7%
}


    footer .news-sign-up .newsletter {

        margin-bottom: 20px;

    }



    header .navbar .navbar-collapse {

        top: 80px;

    }



    .coming-soon-wrapper form .form-group {

        flex-direction: column;

    }



    .error-wrapper .error-content img {

        max-width: 320px;

        margin-bottom: 20px;

    }



    .about-estate-wrapper .about-content .customer-text .custom-dtls .dtls h6 {

        font-size: 16px;

        margin: 0;

    }



    .about-estate-wrapper .about-content .customer-text .custom-dtls .dtls span {

        font-size: 14px;

    }



    .breadcrumbs-wrapper {

        padding: 180px 0 60px;

    }



    .breadcrumbs-wrapper h1 {

        font-size: 35px;

    }



    .hero-banner-wrapper .banner-content h1 {

        font-size: 38px;

    }



    .hero-banner-wrapper {

        padding: 170px 0 70px;

    }



    header .navbar .logo {

        max-width: 150px;

    }



    .hero-banner-wrapper {

        padding: 160px 0 70px;

    }



    footer .our-info .our-pages ul li a,

    footer .our-info .our-pages ul li p {

        font-size: 14px;

    }



    footer .our-info .foot-info a img {

        max-width: calc(100px + 80px);

    }



    footer .our-info .foot-info {

        margin-bottom: 30px;

    }



    footer .our-info .our-pages {

        text-align: center;

        margin-bottom: 20px;

    }

}







/************************ 

Media Screen 375px

*************************/

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

.menuAro{
width:7%
}

    .user-input,

    .nice-select {

        padding: 12px 15px;

    }



    .nice-select:after {

        right: 15px;

    }



    .mission-wrapper .home-content .h-dlts {

        display: inline-block;

    }



    .mission-wrapper .home-content .h-dlts li {

        margin-bottom: 10px;

        align-items: center;

    }



    .mission-wrapper .home-content .h-dlts li .icon {

        width: 30px;

    }



    .footer-form .form-group {

        flex-direction: column;

    }



    header .navbar .navbar-collapse {

        top: 70px;

    }



    header .navbar ul li a {

        font-size: 15px;

    }



    .coming-soon-wrapper .home-back {

        font-size: 15px;

    }



    .error-wrapper .error-content img {

        max-width: 280px;

        margin-bottom: 10px;

    }



    label,

    .user-input::placeholder {

        font-size: 15px;

    }



    select {

        font-size: 15px;

    }



    .user-input,

    select {

        padding: 12px 15px;

    }



    .why-choose-wrappers .why-choose-form {

        padding: 20px 15px;

    }



    .mission-wrapper .home-content .h-dlts li .dlts span {

        font-size: 14px;

    }



    .mission-wrapper .home-content .h-dlts li .dlts h5 {

        font-size: 22px;

        margin: 0;

    }



    .map-wrapper .map {

        height: 300px;

    }



    .why-choose-wrapper .choose-boxes .img-box h6 {

        padding: 12px;

        font-size: 20px;

    }



    .why-choose-wrapper .choose-boxes p {

        padding: 12px;

    }



    .about-estate-wrapper .about-content .customer-text .custom-dtls img {

        max-width: 80px;

    }



    .about-estate-wrapper .about-content .customer-text .custom-dtls .dtls h6 {

        font-size: 15px;

    }



    .about-estate-wrapper .about-content .customer-text .custom-dtls .dtls span {

        font-size: 12px;

    }



    .about-estate-wrapper .about-content .customer-text h5 {

        font-size: 18px;

    }



    .breadcrumbs-wrapper h1 {

        font-size: 30px;

    }



    .breadcrumbs-wrapper {

        padding: 170px 0 60px;

    }



    .property-rent-wrapper .rent-property-box .property-details .content h4 {

        font-size: 20px;

    }



    .common-gap {

        padding: 25px 0;

    }



    .common-gap-out {

        margin: 25px 0;

    }



    .hero-banner-wrapper .banner-content p {

        font-size: 14px;

    }



    header .navbar {

        padding: 15px;

    }



    .hero-banner-wrapper .banner-content h1 {

        font-size: 32px;

    }



    .hero-banner-wrapper .banner-content p {

        margin-bottom: 20px;

    }



    .common-btn {

        padding: 10px 30px;

        font-size: 16px;

    }



    .hero-banner-wrapper {

        padding: 130px 0 50px;

    }



    header {

        margin-top: 15px;

    }



    .common-section-heading {

        font-size: 24px;

    }



    .real-estate-wrapper .real-estate-content h2 {

        margin-bottom: 10px;

    }



    .real-estate-content p {

        margin-bottom: 10px;

    }



    .explore-property-wrapper .property-box {

        height: 200px;

    }



    .discover-wrapper .discover-pro .total-pro h6 {

        font-size: 12px;

    }



    .discover-wrapper .discover-pro .total-pro span {

        font-size: 15px;

    }



    .discover-wrapper .discover-pro .total-pro .no {

        font-size: 26px;

    }



    footer .copyright {

        padding: 15px 0;

    }

}