@media(min-width:1700px) {
	.container{
        max-width:1670px;
    }
}
@media(max-width:1699px) {
    .residential-search-box .container{
        max-width: calc(100% - 100px);
    }
    .filter-reasult-area .container{
        max-width: calc(100% - 100px);
    }
    .agent-bio-area .container{
        max-width: calc(100% - 100px);
    }
}
@media(max-width:1500px) {
	.footer-area {
        padding-top: 120px;
        padding-bottom: 50px;
    }
    .footer-bottom-area p {
        font-size: 16px;
    }
    p {
        font-size: 16px;
        line-height: 24px;
    }
    .footer-middle-area h5{
        font-size: 18px;
        line-height: 24px;
    }
    .footer-middle-area p a{
        font-size: 16px;
    }
    .footer-menu ul li a{
        font-size: 16px;
    }
    .footer-social ul li a {
        font-size: 20px;
    }
    .common-button, body .gform_footer .gform_button.button {
        font-size: 16px;
        line-height: 30px;
        padding: 12px 35px 12px 35px;
        min-width: 195px;
    }
    .menu-style ul {
        column-gap: 6vw;
    }
    .menu-style ul li a {
        padding: 15px 0px;
    }
    .header-area {
        padding: 35px 0px;
    }
    .agent-details{
        padding-left: 50px;
    }
}
@media(max-width:1299px){
    .property-details-slider-wrapper .swiper .swiper-slide-active{
        /*width: 985px !important;*/
    }
    .property-details-slider-wrapper .swiper .swiper-slide{
        /*height: 570px */
    }
}
@media(max-width:1199px) {
	.search-box {
        padding: 45px 70px 55px;
    }
    .menu-style ul li a{
        font-size: 16px;
    }
    .logo-area img{
        width: 50px;
    }
    .footer-left img{
        width: 200px;
    }
    .footer-bottom-area {
        margin-top: 55px;
    }
    .footer-bottom-area {
        flex-direction: column !important;
        text-align: center;
        row-gap: 20px;
    }
    .footer-area {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    h2{
        font-size: 45px;
        line-height: 50px;
    }
    .each-featured-box-type-2 .featured-listing-image img {
        height: 390px;
    }
    .property-details-slider-wrapper .swiper .swiper-slide {
        height: 515px;
        width: 885px !important;
    }
    .button-area a.common-button {
        letter-spacing: 2px;
    }
    .propery-main-details .container {
        max-width: 915px;
    }
    .property-more-details-info-top-area {
        gap: 75px;
    }
    .property-name-and-info-left.each-featured-box-type-2 .featured-content ul li {
        padding: 0px 15px 12px;
    }
    .property-name-and-info-left h1 {
        font-size: 35px;
        line-height: 43px;
    }
}
@media(max-width:991px) {
	.header-wrapper  .menu-style{
        display: none;
    }
    .logo-area {
        position: relative;
        left: 0%;
        top: 0%;
        transform: translate(-0%, -0%);
    }
    .header-area {
        padding: 15px 0px;
    }
    .home .banner-area h1 {
        font-size: 42px;
        line-height: 50px;
    }
    .search-box {
        padding: 25px 15px 30px;
        margin-top: -70px;
    }
    .search-box form input {
        width: 100%;
        padding: 10px 25px 10px 40px;
        background: url(../images/search-icon.png) #fff no-repeat 10px center / 20px;
        border: 0px;
        border-radius: 0px;
        font-size: 14px;
    }
    .dropdown-filter-holder {
        column-gap: 35px;
        margin-top: 20px;
    }
    .dropdown-filter-holder select{
        font-size: 14px;
    }
    .featured-listing {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .filter-reasult-area{
        margin-top: 70px;
        margin-bottom: 70px;
    }
    h2 {
        font-size: 40px;
        line-height: 45px;
    }
    .featured-listing-content-wrapper h2 {
        margin-bottom: 30px;
    }
    .featured-listing-image img {
        height: auto;
    }
    .common-button, body .gform_footer .gform_button.button {
        font-size: 14px;
        line-height: 30px;
        padding: 8px 20px 8px 20px;
        min-width: 195px;
    }
    .fifty-fifty-image-content-block {
        margin-top: 80px;
        margin-bottom: 70px;
    }
    .fifty-fifty-image-content-block{
        text-align: center;
    }
    .fifty-fifty-content {
        max-width: 100%;
    }
    .fifty-fifty-image-content-block-wrapper .row{
        gap:60px
    }
    .form-area {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .footer-upper-area .row{
        row-gap: 30px;
    }
    .footer-middle-area p{
        margin-bottom: 15px;
    }
    .footer-menu ul {
        row-gap: 15px;
    }
    .commercial-featured-listing {
        padding: 70px 0px;
    }
    .commercial-featured-listing .featured-listing-block .row {
        row-gap: 30px;
    }
    .each-featured-box-type-2 .featured-listing-image img {
        height: auto;
    }
    .agent-listing-holder {
        padding: 70px 0px 0px;
    }
    .agent-details {
        padding-left: 0px;
        padding-top: 50px;
    }
    .agent-bio-area {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .agent-bio-image-and-name-area h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .agent-bio-image-and-name-area h4 {
        margin-bottom: 65px;
    }
    .agent-contact-info ul li {
        font-size: 18px;
    }
    .about-area {
        margin: 70px 0px;
    }
    .about-area-left-part h2 {
        margin-bottom: 65px;
    }
    .about-area-left-part{
        margin-bottom: 70px;
    }
    .button-area ul{
        flex-wrap:wrap;
    }
    .button-area ul li{
        width: calc(50% - 7.5px);
    }
    .property-details-slider-wrapper .swiper .swiper-slide {
        height: 355px;
        width: 620px !important;
    }
    .propery-main-details .container {
        max-width: 645px;
    }
    .button-area {
        margin-top: 30px;
    }
    .price-box {
        margin-top: 45px;
    }
    .service-share-print-area ul{
        justify-content: flex-start !important;
        margin-top: 30px;;
    }
    .details-agent-info {
        margin-top: 30px;
    }
    .property-name-and-info-wrapper {
        margin-top: 45px;
        margin-bottom: 45px;
    }
    .property-more-details-info-top-area {
        flex-direction: column;
        padding-bottom: 60px;
        gap: 30px;
    }
    .property-more-details-info-bottom-area {
        flex-direction: column;
    }
    .property-more-details-info {
        padding-top: 75px;
        padding-bottom: 75px;
    }
	.agent-bio-image-and-name-area {
		max-width: 100%;
	}
	.default-content{
		padding:70px 0px;
	}
}
@media(max-width:767px) {
    .dropdown-filter-holder{
        flex-direction: column;
        gap:15px
    }
    .search-box input::placeholder {
        text-overflow: ellipsis;
    }
    .search-box input {    
        white-space: nowrap; 
        overflow: hidden;  
        text-overflow: ellipsis; 
    }
    .featured-listing {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .featured-content h3 a {
        font-size: 20px;
        line-height: 26px;
    }
    .fifty-fifty-image{
        padding-right: 15px;
    }
    .fifty-fifty-image:after {
        height: calc(100% + 30px);
        top: -15px;
        right: 0px;
    }
    .filter-reasult-area .container, .residential-search-box .container {
        max-width: calc(100% - 0px);
    }
    .sort-by-holder .dropdown-filter-holder {
        flex-direction: row !important;
    }
    .fifty-fifty-image-content-block-type-2  .fifty-fifty-image {
        padding-right: 0px;
        padding-left: 15px;
    }
    .fifty-fifty-image-content-block-type-2 .fifty-fifty-image:after {
        right: auto;
        left: -0px;
    }
    .fifty-fifty-image-content-block-type-3 .fifty-fifty-image {
        padding-right: 0px;
        padding-left: 15px;
    }
    .fifty-fifty-image-content-block-type-3 .fifty-fifty-image:after {
        right: auto;
        left: -0px;
    }
    .fifty-fifty-image-content-block.fifty-fifty-image-content-block-type-3 h2 {
        margin-bottom: 50px;
    }
    .each-featured-box-type-2 .featured-content {
        padding: 25px 0px 30px;
    }
    .each-featured-box-type-2 .featured-content h3 a {
        font-size: 23px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .each-featured-box-type-2 .price-box h4 {
        font-size: 23px;
        line-height: 29px;
    }
    .price-box {
        margin-bottom: 10px;
    }
    .each-featured-box-type-2 .featured-content ul{
        flex-direction: column;
    }
    .each-featured-box-type-2 .featured-content ul li {
        padding: 15px 0px 15px !important;
        border-right:0px;
        border-bottom:1px solid ;
        border-color: #876140;
    }
    .each-featured-box-type-2 .featured-content ul li:last-child{
        border:0px
    }
    .each-featured-box-type-2 .featured-content ul {
        margin-bottom: 10px;
    }
    h1 {
        font-size: 40px;
        line-height: 55px;
    }
   .agent-bio-area .container {
        max-width: calc(100% - 0px);
    }
    .back-to-all-categories a {
        font-size: 16px;
    }
    .back-to-all-categories {
        margin-bottom: 40px;
    }
    .agent-bio-image-and-name-area h1 {
        font-size: 40px;
        line-height: 55px;
    }
    .agent-bio-image-and-name-area h4 {
        letter-spacing: 1px;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 40px;
    }
    .about-area-left-part {
        margin-bottom: 45px;
    }
    .property-details-slider-wrapper .swiper .swiper-slide {
        height: auto;
        width: 100% !important;
    }
    .property-details-area {
        padding: 30px 0px 0px;
        overflow-x: hidden;
    }
    .button-area ul{
        flex-direction: column;
    }
    .button-area ul li{
        width: 100%;
    }
    .button-area a.common-button{
        padding: 15px 15px 15px 15px;
    }
    .slider-controller {
        padding: 15px 30px;
    }
    .detaisl-agent-info {
        padding: 27px 78px 27px 21px;
    }
    .agent-info-image img{
        height: 207px;
        width: auto;;
    }
    .property-more-details-info {
        padding-top: 30px;
        padding-bottom: 70px;
    }
    .property-more-details-info-top-left-area table tr td {
        font-size: 16px;
        line-height: 29px;
    }
    .property-more-details-info-top-right-area {
        flex: 1;
        min-width: auto;
    }
    .property-more-details-info-bottom-area-left ul li {
        font-size: 16px;
    }
}