/* Extra small devices (phones, 600px and down) */


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .font65 {
        font-size: 40px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .font65 {
        font-size: 50px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .font65 {
        font-size: 58px;
        line-height: 58px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .font65 {
        font-size: 65px;
        line-height: 65px;
    }
    h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .modal-title {
        font-size: 30px;
    }
}


@media screen and (max-width: 1199px) {
    .container {width: 90%;max-width: 100%;}
    .hero {padding-bottom: 50px;}
    .hero h1 {margin: 0 0 15px;}
    .hero__actions {margin: 0 0 20px;}
    .find-best-box {padding: 30px 20px;}
    .find-best img {margin: 0 auto 40px;}
    .residen-content h4 {font-size: 24px;}
    .footer-info-wrapper {width: calc(100% - 70px);}
    .slick-dots {margin-top: 25px;}
    .property-detail .equal > div img {min-height: 727px;max-height: 727px;}
    #agency-recent-properties .slick-slider {padding: 0 20px;}
}

@media screen and (max-width: 1024px) {
    .residence h5 {font-size: 16px;line-height: 23px;}
    .residence-carsouel p {font-size: 14px;}
    .top-socities .residence-carsouel .card-body {padding: 20px 15px 20px;}
    .residence:not(.residence-heading-center) h2 { max-width: 280px;}
}

@media screen and (max-width: 991px) { 
   .footer {padding: 50px 0 40px;}
    .footer-info-wrapper, .footer-info-wrapper p {width: 100%;}
    .footer-info-wrapper p {max-width: 400px;}
    .footer__links li a, .footer p, .footer a {font-size: 15px;}
    .footer h4, .footer h2 {font-size: 20px;margin-bottom: 6px;font-weight:500;}
    .looking-properties ul li:not(:last-child),
    .looking-properties ul li:last-child {margin-bottom: 3px;}
    .residen-content h4 {font-size: 18px;}
    .find-best h2 {margin: 0 0 20px;}
    .top-socities .residen-content h4 {font-size: 20px;line-height: 20.307px;margin: 0 0 8px;}
    /* .property-detail .slick-slide img {height: 600px;object-fit:contain;} */
    .job-status {position: absolute;top: 0;right: 0;}
    .mxh-646 {min-height: auto;}
    .property-detail .equal > div img {min-height: 500px;max-height: 500px;}
}

@media screen and (max-width: 767px) {
    .navbar-log-wrapper {width: 100%;}
    .navbar-nav-action {display: flex;flex-direction: row;justify-content: center;margin-top: 10px;}
    .navbar .navbar-collapse {background-color: var(--dark);margin-top: 10px;}
    .navbar .navbar-collapse .navbar-nav {padding: 20px 20px 0;}
    .navbar .navbar-collapse > .navbar-nav:last-child {padding-top:0;padding-bottom: 28px;}
    .navbar-dark .navbar-nav .nav-link.active, 
    .navbar-dark .navbar-nav .show>.nav-link {text-align:center;}
    .navbar-default li img {width: 20px;}
     h2, .modal-title {font-size: 24px;}
    .p70-0 {padding: 50px 0;}
    .residen-rounded-img {width: 120px;height: 120px;}
    .top-socities .residen-content p {font-size: 13.58px;}
    .residence:not(.residence-heading-center) h2 {max-width: 220px;}
    .navbar-default .navbar-brand img {width: 116px}
    .dropdown-menu > li {padding: 2px 10px;}
    .dropdown-menu > li > a,.agencyBanner h2 a {font-size: 14px;}
    .agencyBanner h2 .btn {padding: 2px 5px;}
    .agencyBanner h2 svg {width: 20px;}
    .agencyBanner h2 {margin: 0 0 12px;}
    .agencyBanner ul li img {max-width: 20px;}
    .customer-category {position: absolute;top: 0;right: 0;}
    .property-detail .equal > div img {max-height: 450px;min-height: 450px;}
    .pdetail-padding {padding: 6px 6px;}
    .job-card-two {padding: 40px 20px 30px;}
    .navbar-default .navbar-brand img {width: 94px;}
}


@media screen and (max-width: 600px) {
    .font65 {font-size: 36px;}
}

@media screen and (max-width: 576px) {
    .container {width: 92%;}
    .hero {height: 550px;}
    .Residentialh1 {width: 100%;}
    .residence h2 {margin: 0 0 8px;}
    .viewmore {font-size: 14px;}
    .residence:not(.residence-heading-center) h2, .form-select {max-width: 100%;}
    .residence .form-select {margin:20px 0 0 !important;}
    .residence-carsouel {padding: 20px 0 0;}
    .pset {padding: 10px 40px;font-size: 15px;}
    .hero__actions > div:not(:last-child) {margin-right: 0px;}
    .residence .form-select {padding: 9px 8px;}
    .agencyBanner-thumbnail img {object-position: left;height: 165px;}
    .agency-form__actions img {display:none;}
    /* .property-detail .slick-slide img {height: 400px;} */
    .property-call-to-action > a {display: block; width: 100% !important;}
    .property-detail .equal > div img {max-height: 380px;min-height: 380px;}
    .hero__actions button {width: 100%;}
}

@media screen and (max-width: 480px) {
    .property-detail .equal > div img {max-height: 300px;min-height: 300px;}
}