@media screen and (max-width:1340px){
    .nav-menu ul {
        gap: 20px;
    }
}
@media screen and (max-width:1200px){
    #header nav.nav-menu {
        display: none;
    }
    .toggle-icon {
        display: flex !important;
    }
}
@media screen and (max-width:1024px){
    
    /* Header Section Css Start Here */
        .banner-content p {
            padding: 8px 0px;
        }
        
        .header-social-icons ul a {
            font-size: 23px;
            margin-right: 15px;
        }
		#header .navbar a.button {
			padding: 10px 15px;
			margin-left: 0;
			margin-right: 20px;
			font-size: 15px;
		}
    /* Header Section Css End Here */



    /* Banner Section Css Start Here */
        #banner .banner-info {
             padding-top:0px; 
        }
        #banner .property-filters {
            width: 100%;
        }
    /* Banner Section Css End Here */
    
    
    
    /* Property Section Css Start Here */
        div#property-section {
            padding: 0px 10px;
        }
        #property-section .property-column {
            flex-wrap: wrap;
        }
        .property-column .property-clm-img, .property-column .property-clm-content {
            width: 100%;
        }
        .slick-prev {
            left: 0;
        }
        .slick-next {
            right: 10px;
        }
    /* Property Section Css End Here */
    
    
    
    /* About Us Section Css Start Here */
        .about-image img {
            margin-left: 0;
            margin-top: 30px;
        }
        section#about-us {
            margin-top: 65px
        }
    /* About Us Section Css End Here */



    /* Why Choose Us Section Css Start Here */
        .why-choose-us-card-details {
            padding: 25px 20px 25px 20px;
            margin-top: 35px;
            height:100%;
        }
        .why-choose-us-card-details h4 {
            font-size: 22px;
        }
	.why-choose-us-title {
		max-width: 100%;
	}
    /* Why Choose Us Section Css End Here */
    
    
    
    /* Projects css start here */
        div#our-projects {
            padding: 0px 10px 60px;
        }
        #our-projects .projects-content h4 {
            font-size: 24px;
            line-height: 1.4em;
        }
        #our-projects .slick-next, #our-projects .slick-prev {
            bottom: -40px;
        }
        #our-projects .projects-content {
            margin-top: 35px;
            max-height: 518px;
        }
        #our-projects .our-project {
            padding: 21px;
        }
        #our-projects .our-project span {
            font-size: 12px;
            padding: 8px 15px 10px;
            top: 35px;
            left: 35px;
        }
        #our-projects .first-project,#our-projects .second-project {
            margin-bottom: 25px;
        }
    /* Projects css end here */



    /* Bg Image Section Css Start Here */
        #bg-image {
            padding: 80px 20px;
        }
        .bg-image-title h3 {
            width: 100%;
        }
    /* Bg Image Section Css End Here */
	
	
	/* Project Section Css Start Here */
		#our-projects .project-list {
			row-gap: 0px;
		}
	/* Project Section Css End Here */
    
    
    
    /* Testimonial Section Css Start Here */
        div#testimonial-section {
            padding: 60px 10px 0px;
        }
        .author-info .author-img {
            height: 45px;
            width: 46px;
        }
        .author-name h5 {
            font-size: 20px;
        }
        .author .author-info {
            width: 100%;
			flex-direction: column;
			align-items: flex-start;
        }
        .testimonial-title h3 {
            width: 100%;
            line-height: 1.3em;
        }
        .testimonial-desc p {
            padding-left: 0;
            max-width: 550px;
        }
        #testimonial-section .slick-next, #testimonial-section .slick-prev {
            top: 135px;
        }
		.testimonial-card-2 p {
			padding-bottom: 30px;
		}
		.testimonial-card-4 p {
			padding-bottom: 72px;
		}
		.testimonial-card-5 p {
			padding-bottom: 24px;
		}
		.author .quote {
			width: 100%;
			text-align: end;
		}
			#testimonial-section .author {
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			flex-wrap: wrap;
			margin-top: 20px;
		}
    /* Testimonial Section Css End Here */



    /* Agent Section Css Start Here */
        #agent-section .team-member {
            padding: 25px 20px 0px 20px;
            margin-top: 35px;
        }
        .team-member-image img {
            width: 200px;
        }
        .team-member h4 {
            font-size: 23px;
        }
        .agent-title {
            text-align: center;
        }
        #agent-section .agent-desc p {
            max-width: 100%;
            margin: 0;
            text-align: center;
        }
        .sp_right_col .agent {
            gap: 25px;
        }
        .agents .agent-img {
            width: 13%;
        }
        .agents .agent-info {
            width: 68%;
        }
    /* Agent Section Css End Here */



    /* Contact Us Section Css Start Here */
        .contacy-us-form {
            margin-top: 35px;
        }
        .contact-us-details p, .contact-us-details h3 {
            width: 100%;
        }
    /* Contact Us Section Css End Here */



    /* Footer Section Css End Here */
        #footer {
            padding: 60px 20px 0px;
        }
        #footer .footer-logo {
            margin-bottom: 20px;
        }
        hr.bottom-line {
            margin: 40px 0px 0px;
        }
    /* Footer Section Css End Here */
    
    
    /* Archive Proerty Page css start here */
        div#archive-property-filters {
            padding: 60px 10px 35px;
        }
        .post-type-archive-properties div#property-section {
        padding-bottom: 60px;
        }
        #archive-property-filters .filter-form_field {
            width: 30%;
            margin-bottom: 20px;
        }
    /* Archive Proerty Page css end here */
    
    
    
    /* Single Proerty Page css start here */
        div#single-property {
            padding: 60px 10px;
        }
        #single-property .sp_right_col {
            margin-top: 40px;
        }
    /* Single Proerty Page css end here */
    
    
    
    /* Contact Us Page css start here */
        #contact-us-page .contacy-us-form {
            max-width: 100%;
            margin: 42px auto 0px;
        }
        .contactUs-icon i {
            font-size: 37px;
            margin-bottom: 17px;
        }
        .contactUs-des h4 {
            margin-bottom: 8px;
            font-size: 23px;
        }
        .contactUs-des p {
            font-size: 16px;
        }
    /* Contact Us Page css end here */
    
    
    
    /* 404 Page and Thank You Page css start here */
        .error-content h3 {
            font-size: 80px;
        }
        div#error_page_404, #thank_you_page {
            height: 100vh;
            display: flex;
            align-items: center;
        }
        #thank_you_page .thank-you-info {
            max-width: 450px;
        }
        .thank-you-info i {
            margin-bottom: 20px;
        }
    /* 404 Page and Thank You Page css end here */
    
}



@media screen and (min-width:768px) and (max-width:1024px){

    /* Global css goes here */
        section {
            padding: 60px 10px;
        }
        h1{
            font-size: 60px;
            line-height: 1.2em;
        }
        h2{
            font-size:42px;
        }
        h3{
            font-size: 40px;
        }
        h4{
            font-size: 30px;
            line-height: 1.2em;
            color: var(--white);
            font-weight: 400;
        }
        h5{
            font-size: 28px;
            line-height: 1.3;
            color: var(--white);
            font-weight: 400;
        }
        h6{
            font-size: 22px;
            line-height: 1.3;
            color: var(--white);
            font-weight: 400;
        }
    /* Global css end here */


    /* Banner css goes here */
        .property-filters .filter-form_field {
            width: 25%;
        }
        .property-filters .filter-form_fields {
            gap: 18px;
        }
        #banner {
            padding: 220px 20px 50px;
        }
    /* Banner css end here */
    
    
    
    /* Why Choose Us Section Css Start Here */
        #why-choose-us .why-choose-us-card {
            height: 385px;
        }
    /* Why Choose Us Section Css End Here */
    
}



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

    /* Global css goes here */
        section {
            padding: 40px 10px;
        }
        h1 {
            font-size: 38px;
            line-height: 1.1em;
        }
        h2{
            font-size:30px;
			line-height: 1.3em;
        }
        h3{
            font-size: 25px;
        }
        h4{
            font-size: 30px;
        }
        h5{
            font-size: 25px;
        }
        h6{
            font-size: 20px;
        }
		a.button {
			padding: 10px 18px 11px 18px;
			font-size: 13px;
		}
    /* Global css end here */
	
	
	/* WP Form css start here */
		#request-appraisal-page form .wpforms-field-container div#wpforms-177-field_6-container, #request-appraisal-page form .wpforms-field-container div#wpforms-177-field_7-container, #request-appraisal-page form .wpforms-field-container div#wpforms-177-field_2-container, #request-appraisal-page form .wpforms-field-container div#wpforms-177-field_10-container {
    width: 100%;
}
	/* WP Form css end here */



    /* Header css start here */
        .property-filters .filter-form_field {
            width: 100%;
        }
        .property-filters .filter-form_fields {
            gap: 15px;
            justify-content: flex-start;
        }
        .form_field_submit {
            margin-top: 10px;
        }
        #banner {
            padding: 170px 10px 0px;
        }
		.toggle-icon img.menu-bar {
			width: 34px;
		}
		#header .row .col-lg-5.col-md-5.col-4:first-child {
			display: none;
		}
		#header .navbar a.button {
			padding: 10px 12px;
			margin-left: 0;
			margin-right: 15px;
			font-size: 14px;
		}
		.header-social-icons ul a {
            font-size: 16px;
            margin-right: 10px;
        }
    /* Header css end here */
    
    
    
    /* Banner css start here */
        .property-filters {
            margin: 40px 0px 0px 0px;
        }
		.banner-info img {
			width: 250px;
		}
        #banner .banner-info {
            justify-content: center;
        }
		#banner .property-filters .filter-form_field {
			width: 47%;
		}
		.banner-info .filter-form_fields button.btn {
			padding: 8px 12px 9px 12px;
			font-size: 12px;
		}
		#banner .filter-form_field select, #banner input[type="text"]::placeholder {
			font-size: 14px;
		}
    /* Banner css end here */



    /* About Us css start here */
		section#about-us {
			margin-top: 15px;
		}
        .about-list-content {
            width: 100%;
            margin-bottom: 25px;
        }
		.about-list-content h5 {
			font-size: 19px;
		}
    /* About Us css end here */



    /* Properties css start here */
        .property-title p {
            padding-bottom: 28px;
            color: var(--light-white);
        }
        .property-column-2, .property-column-3, .property-column-4 {
            margin-top: 30px;
        }
        .page-template-home #property-section .property-column {
            margin: 0;
        }
		.page-template-home .property-clm-content h4 a {
			font-size: 15px;
		}
		.page-template-home #property-section .slick-track {
			display: flex;
			align-items: center;
		}
		.page-template-home #property-section .property-column {
			margin: 0px 10px 15px 10px!important;
		}
		.page-template-home #property-section .property-column {
			padding: 15px;
			align-items: flex-start;
			gap: 14px;
		}
		.page-template-home #property-section .property-clm-img {
			width: 100%!important;
		}
		.page-template-home #property-section .property-clm-content {
			width: 67%!important;
		}
		.page-template-home #property-section .property-clm-content h4 a {
			font-size: 15px;
			line-height: 2px!important;
		}
		.page-template-home #property-section .property-clm-content span {
			margin-bottom: 6px;
			font-size: 11px;
		}
		.page-template-home #property-section .property-clm-content h4 {
			margin-bottom: 4px;
			line-height: 28px;
			margin-top: -12px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			overflow: hidden;
		}
		.page-template-home #property-section .property-meta-block {
			margin-top: 10px;
			padding-top: 13px;
			gap: 12px;
		}
		.page-template-home #property-section .property-meta img {
			width: 16px;
		}
		.page-template-home #property-section .property-meta span {
			font-size: 11px;
			margin-bottom:0;
		}
		.page-template-home #property-section .property-pricing-block .property-price {
			font-size: 13px;
	}
    /* Properties css end here */
	
	
	
	/* Why  choose us css start here */
		.why-choose-us-icon img {
			width: 70px;
		}
	/* Why  choose us css end here */
    
    
    
    /* Projects css start here */
        #our-projects .first-project {
            margin-bottom: 25px;
        }
        div#our-projects {
            padding: 0px 10px 48px;
        }
        #our-projects .projects-title p {
            width: 100%;
        }
		#our-projects .projects-content h4 {
			font-size: 20px;
		}
		#our-projects .project-list strong{
			font-size:13px
		}
		.project-list p {
			font-size: 10px!important;
		}
    /* Projects css end here */



    /* BG Image css start here */
		#bg-image {
			padding: 60px 20px;
		}
        .bg-image-title h3 {
            color: var(--white);
            margin-bottom: 33px;
            font-size: 28px;
        }
    /* BG Image css end here */
    
    
    
    /* Testimonial Section Css Start Here */
        section#testimonial-section {
			padding-bottom: 90px;
		}
        .author-name span {
            font-size: 18px;
        }
        .author-info .author-img {
            width: 45px;
            height: 43px;
        }
        .testimonial-desc p {
            width: 100%;
            text-align: center;
        }
        .author-img i {
            font-size: 20px;
        }
        #testimonial-section .slick-prev {
            right: 215px;
            left: auto;
        }
        #testimonial-section .slick-next {
            right: 165px;
        }
        #testimonial-section .slick-next, #testimonial-section .slick-prev {
            top: auto;
            bottom: -50px;
        }
        #testimonial-section .slick-list {
            margin-top: 25px;
        }
        .testimonial-title h3 {
            text-align: center;
        }
        .author .quote {
            width: 100%;
            text-align:center;
        }
        #testimonial-section .author {
            gap: 20px;
        }
        .testimonial-card-2 p, .testimonial-card-4 p, .testimonial-card-5 p {
            padding-bottom: 0;
        }
    /* Testimonial Section Css End Here */



    /* Agents css start here */
        #agent-section .agent-btn a {
            display: none;
        }
        .team-member-image {
            margin-top: 22px;
        }
        .team-member-image img {
            width: 230px;
        }
        .agents .agent-img {
            width: 42%;
        }
        .agents .agent-info {
            width: 100%;
        }
        .single-properties .property-meta-block {
            margin-top: 25px;
        }
    /* Agents css end here */



    /* Contact Us css start here */
        .contact-us-details .social-media {
            gap: 22px;
        }
        .social-media .social-box {
            width: 100%;
        }
        #contact-us-page .contactUs-details {
            border-right: 0;
        }
		.social-box h5 {
			font-size: 22px;
		}
		#contac-us img {
			width: 28px;
		}
		.contacy-us-form {
			margin-top: 27px;
		}
		.contacy-us-form {
			padding: 20px;
		}
    /* Contact Us css end here */



    /* Footer css start here */
        #footer {
            padding: 40px 12px 0px;
        }
        hr.hr {
            width: 50px;
            margin: 13px 0px 20px;
        }
		.footer-logo img {
			width: 90px;
		}
        .footer-latest-property {
            margin: 30px 0px;
        }
        .footer-logo p {
            width: 100%;
        }
        #footer .footer-contact-info {
            margin: 25px 0px 0px;
        }
    /* Footer css end here */
    
    
    
    /* Single Proerty Page css start here */
        div#single-property {
            padding: 40px 10px;
        }
        .property_features .sp-sqft {
            padding-top: 20px;
        }
        .sp_left_col .property_features {
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
        .sp_right_col .recent-properties {
            margin-top: 30px;
        }
        .recent-info h5 {
            font-size: 16px;
        }
    /* Single Proerty Page css end here */
    
    
    
    
     /* Contact Us Page css start here */
        #contact-us-page .contactUs-details {
            margin-bottom: 30px;
        }
        #contact-us-page .contacy-us-form {
            margin: 10px auto 0px;
        }
    /* Contact Us Page css end here */
	
	
	/* Request Appraisal Page Css Start Here */
		#request-appraisal-page .request-appraisal-form {
			padding: 25px;
			max-width:100%;
			margin: 25px auto 0;
		}
		#request-appraisal-page div.wpforms-container-full textarea {
			margin-top: 0px;
		}
		.request-appraisal-form  h2 {
			font-size: 28px;
		}
		.request-appraisal-info p {
			max-width: 100%;
		}
	/* Request Appraisal Page Css End Here */
    
    
    
    /* Archive Page css start here */
        #archive-property-filters form {
            display: none;
        }
        .center.clear_filter_col {
            display: block;
        }
        div#archive-property-filters {
            padding: 15px 10px 35px;
        }
		.property-clm-content h4 a {
			font-size: 22px;
		}
    /* Archive Page css end here */
    
    
    
    /* Mobile Popup Filter css start here */
        .post-type-archive-properties .mobile_filter a.btn.button {
            display:block;
        }
    /* Mobile Popup Filter css end here */
    
    
    
    /* 404 Page and Thank You Page css start here */
        .error-content h3 {
            font-size: 60px;
        }
        #thank_you_page .thank-you-info {
            max-width:100%;
        }
    /* 404 Page and Thank You Page css end here */


}