/* Media Query Tablets Start */

@media screen and (max-width:1024px){
	.banner-content h1 {
    font-size: 50px;
    line-height: 1.2em;
    color: var(--white);
    font-weight: 600;
    text-transform: uppercase;
    }
    #banner .home-one p.banner_des {
        max-width: 100%;
    }
	.offcanvas-body{
		display: flex;
    	justify-content: unset;
   		align-items: normal;
    	flex-direction: column;
    }
	#menu-main-menu{
		display:flex;
		flex-direction:column;
	}
    .contact-us a{
        display: flex;
        width: 39%;
        justify-content: center;
        align-self: center;   
    } 
    #banner .home-one{
        padding-top: 30px;
    }
	#banner {
		padding:0px 20px 0px;
		min-height: 85vh;
	}
    section{
        padding: 60px 20px;
    }
    #banner .round-img {
        position: absolute;
        top: 35px;
        left: -20px;
        z-index: 999;
        animation: spin 5s linear infinite;
    }
    .about{
        margin-bottom: 20px;

    }
    .property-content p{
        max-width: 100%;
    }
    .property-meta-block{
        justify-content: center;
        display: flex;
    }
    .property-meta{
        display: flex;
        gap: 5px;
        flex-direction: column;
        align-items: center;
    }
    .why-choose-content p{
        max-width: 100%;
    
    }
    .agent-content p{
        max-width: 100%;
    }
    .social-box a{
        text-align: left;
    }
    .contact-us-details .social-media{
        margin-bottom: 30px;
    }
    .separator-line{
        display: none;
    }   
    	/* wp form start	 */
    	.wpforms-container-full{
    	width:100% !important;
    }
    /* Wp Form end	 */
    /* propeeties filter start */
    .property-filter,h6{
        font-size: 12px !important;
    }
    .form-control-lg {
        padding: 10px;
        font-size: 10px;
    }
    #property-form select{
        font-size: 10px;
        padding: 5px;
    }
    .property-filter {
        padding: 2px;
    }
    #properties-banner{
        padding: 50px 20px;
    }
    #property-section #property-form{
        padding: 60px 22px;
    }
    .property-search .filter-button{
        margin-left: -10px;
    }
    /* properties filter end */
    .team-member-image {
        width: 30%;
    }
    .agent-info {
        width: 50%;
    }
    #footer {
        padding: 60px 10px 0px;
    }
    .footer-logo p {
        padding: 19px 0px 22px;
    }
    .footer-title h6 {
        font-size: 19px!important;
    }
    .footer-logo.footer-col-1 {
        margin-bottom: 25px;
    }
	
    
    
    /* Agent Section Css Start Here */
        .agent-clm-1, .agent-clm-2 {
            width: 100%;
        }
        .agent-clm-1.team-member {
            border-right: none;
            border-bottom: 1px solid #b6b6b6;
            padding-bottom: 40px;
            margin-bottom: 40px;
        }
    /* Agent Section Css End Here */
    
    
    
    /* Archive Page Css Start Here */
        #property-section form#property-form {
            margin-bottom: 40px;
        }
        .property-filter {
            width: 19%;
        }
    	#property-section {
            padding: 60px 20px 40px;
        }
        .blog-content .popular-post, .single-post .recent-post {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .popular-post .recent-post-heading, .single-post .recent-post-heading {
            width: 100%;
        }
        .popular-post .single-page, .recent-post .single-page {
            width: 48%;
        }
        .single-post .recent-post {
            margin-top: 20px;
        }
    /* Archive Page Css End Here */
    
    
    /* Single Page Css Start Here */
        #property-detail-banner .feature-inner-property .feature-inner:not(:last-child) {
            padding-right: 40px;
            margin-right: 40px;
        }
        .property-left, .property-contact-detail {
            width: 100%;
        }
        .property-contact-detail {
            margin-top: 35px;
        }
        .property-decription-detail .sp-bottom-info {
            margin-top: 30px;
            padding-top: 30px;
        }
    /* Single Page Css End Here */
    
    
    /* contact us page start*/
        #contact-us {
            padding: 60px 20px;
        }
        .contact-description h4{
            font-size: 25px;
        }
        .contactPage-form {
            padding: 6px 20px 15px;
            max-width: 100%;
            margin: 30px auto 0px;
        }
        .contact-description p {
            max-width: 100%;
        }
    /* Contact us page end */
    
    
    
    /* Thank You Page Css Start */
        #thank-you-page, #error_page_404 {
            padding: 0px 20px;
            display: flex;
            align-items: center;
        }
    /* Thank You Page Css End */
	
	/* Resources internal Pages start	 */
		#terms-condition, #cookies, #privacy-policy{
			padding:60px 20px;
			}
		.terms-condition-content h2,.cookies-content h2, .privacy-policy-content h2{
				font-size: 28px;
				}
	/* Resources internal Pages start	 */
	
	/* 	Appraisal Page Start */
	#appraisal{
		padding:60px 20px;
	}
	.appraisal-img {
    width: 100%;
	max-width:inherit;
    margin-top: 15px;
	}
	
	/* Appraisal Page End	 */
	
	
	/* Single Blog Post Css Start Here	 */
	    #post-banner {
            width: 92%;
        }
	/* Single Blog Post Css End Here	 */
	#footer-menu{
	padding-left:0px;
}
}

@media screen and (min-width:768px) and (max-width:1024px){
	 h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 0;
    }
    
    h1 {
        font-size: 40px;
        line-height: 1.2em;
        color: var(--white);
        font-weight: 600;
        text-transform: uppercase;
    }
    h2 {
        font-size: 30px;
        line-height: 1.2em;
        color: var(--white);
        font-weight: 600;
    }
    h3 {
        font-size: 28px;
        line-height: 1.2em;
        color: var(--white);
        font-weight: 600;
    }
    h4 {
        font-size: 22px;
        line-height: 1.2em;
        color: var(--white);
        font-weight: 600;
    }
    h5 {
        font-size: 20px;
        line-height: 1.3;
        color: var(--white);
        font-weight: 600;
    }
    h6 {
        font-size: 18px;
        line-height: 1.3;
        color: var(--white);
        font-weight: 600;
    }
	
	#contact{
		padding:60px 20px;
	}
	.why-choose-us-card-details{
		margin-top:24px;
	}
	.about-image{
		margin-top:20px;
	}
	#agent-section .agent-title{
		max-width:100%;
	}
	#contact-us .contactUs_location {
        margin-top: 28px;
    }
	#terms-condition, #cookies, #privacy-policy{
		padding:60px 20px;
	}
	/* Appraisal Page Start	 */
	#appraisal{
		padding:0px 20px;
	}
/* add home page appraisal form start	 */
	.image-container {
    position: relative;
    width: 100%;
    height: 400px;
	}
	.text-overlay{
		height:400px;
	}
	/* add home page appraisal form end	 */
	/* Appraisal Page End	 */
	.offcanvas-body .current_page_item {
    color: var(--wine);
    text-decoration:none;
}
	#footer-menu{
	padding-left:28px;
}

	
}

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

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 0;
    }
    
    h1 {
        font-size: 40px;
        line-height: 1.2em;
        color: var(--white);
        font-weight: 600;
        text-transform: uppercase;
    }
    h2 {
        font-size: 35px;
        line-height: 1.2em;
        color: var(--white);
        font-weight: 600;
    }
    h3 {
        font-size: 32px;
        line-height: 1.2em;
        color: var(--white);
        font-weight: 600;
    }
    h4 {
        font-size: 25px;
        line-height: 1.2em;
        color: var(--white);
        font-weight: 600;
    }
    h5 {
        font-size: 24px;
        line-height: 1.3;
        color: var(--white);
        font-weight: 600;
    }
    h6 {
        font-size: 20px;
        line-height: 1.3;
        color: var(--white);
        font-weight: 600;
    }
    #header{
        padding-top: 0px;
    }
	.navbar .btn{
		border:none;
	}
	.navbar img {
		width:160px;
	}
	#mobile-menu:hover{
	    background-color:#e5e9ef !important;
    }
	/*#mobile-menu:focus{*/
	/*    background-color:#e5e9ef !important;*/
 /*   }*/
    #banner{
        padding: 90px 20px 0px;
        min-height: 75vh;
    }
    #banner .home-one h1 {
        text-align: left;
    }
    #banner .home-one p.banner_des {
        width: 100%;
        text-align: left;
        max-width: 890px;
        margin-bottom: 22px;
    }
    #banner .home-one {
        align-items: flex-start;
    }
    #banner .home-one{
        padding-top: 30px; 
    }
    .banner-info{
        padding-top: 100px;
    }
	.banner-content h1 {
        font-size: 42px;
        line-height: 1.2em;
        color: var(--white);
        font-weight: 600;
        text-transform: uppercase;
	}
	.mobile-filter a.btn.button {
        padding: 17px 22px 15px 22px;
    }
    .home-three{
        padding-top: 30px;
    }
    section {
        padding: 40px 10px;
        position: relative;
    }
    .accordion button{
        font-size: 20px;
    }
    .accordion-button::after{
        background-size: 15px;
        top: 14px;
        left: -5px;
    }
	.accordion-item button.accordion-button{
		padding:0px 20px;
		font-size:18px;
	}
    .about-image img{
        margin-top: 15px;
    }
    .property-content p {
        max-width: 100%;
        padding-bottom: 20px;
    }
    .property-content {
        padding-top: 0px;
    }
    .why-choose-content{
         padding-top: 0px;
    }
    .why-choose-title h3{
        padding-bottom: 5px;
    }
    .why-choose-content p{
        max-width: 100%;
    }
    .why-choose-us-card-details {
        margin-top: 30px;
    }
    #why-choose-us hr{
        margin: 20px 0px 0px 0px;
        color: var(--white);
        opacity: 1;
		width:94%;
    }
    .agent-content{
        padding-top: 0px;
    }
    .agent-content p{
        max-width: 100%;
    }
    .property-meta span{
        font-size: 15px;
    }
    .property-meta{
        display: flex;
        flex-direction: column;
    }
    #agent-section .team-member {
        margin-top: 20px;
    }
    .agent-clm-1.team-member {
        padding-bottom: 31px;
        margin-bottom: 15px;
    }
    .agent-clm-2 img {
        width: 60%;
        margin-bottom: -12px;
    }
    .contact-us a{
        display: flex;
        width: 39%;
        justify-content: center;
        align-self: center;   
    } 
    .social-media .social-box{
        width: 100%;
        width: 100%;
        display: flex;
        justify-content: start;
    }
    .contact-us-details .social-media {
        display: flex;
        gap: 25px;
        margin-bottom: 40px;
    }
    .social-box a{
        text-align: left;
    }
    hr.hr{
        color: var(--white);
        opacity: 1;
        width: 61px;
        margin: 12px 0px 14px; 
    }
    
    /* contact us page start*/
        .separator-line{
            display: none;
        }
    	.wpforms-container-full{
        	width:100% !important;
        }
        #contact-us {
            padding: 47px 5px;
        }
        .contact-description {
            margin-top: 10px;
            margin-bottom: 40px;
        }
        .contactPage-form {
            margin: 0px auto 0px;
        }
        .wpforms-field-container label {
            margin-bottom: 9px!important;
        }
        .wpforms-field-container .wpforms-field {
            padding-top: 9px;
        }
    /* Contact us page end */

    #footer{
        padding: 40px 10px 0px;
    }
    .footer-quick-links .footer-contact-info .footer-latest-property,h6{
        margin-top: 10px;
    }
    .bottom-footer-line{
        margin: 20px 0px 10px 0px;
        opacity: 1;
        color: var(--white);
    }
    .footer-logo img {
        width: 200px;
    }
    .property-filter{
        width: 100%;
    
    }
    #properties-banner {
        padding: 40px 20px 35px 20px;
        background-color: var(--dark-color);
    }
    .property-search .filter-button{
        margin-left: -10px;
    }
	#property-form label h6 {
		margin-top:-1px;
	}
	#property-form label{
		margin-top:5px;
	}
	#property-filter-section {
		margin-top:0px
	}
    /* Property Filter End */
    
   .page-id-35 .mobile-filter a.btn.button, .page-template-home .mobile-filter a.btn.button, .post-type-archive-properties .mobile-filter a.btn.button{
        display:block;
    }
    #property-section form#property-form {
        display: none;
    }
    section#property-section {
        padding: 40px 10px 25px;
    }
    a.clear_filter_mobile.button.btn {
        display: inline-block;
    }
    div#property-filter-section {
        display: none;
    }
    .team-member-image, .agent-info {
        width: 100%;
    }
    #agent-section .agent-title {
        margin: 0 auto 15px;
    }
    #contact {
        padding: 40px 10px;
    }
    .footer-title h6 {
        font-size: 17px!important;
    }
    .footer-latest-property.footer-title {
        padding: 20px 0px;
    }
	.footer-copyright-line{
		display:flex;
		flex-direction:column-reverse;
		align-items:center;
	}
	body.home .footer-copyright-line,
	body.page-template-archive-properties .footer-copyright-line{
		margin-bottom: 70px !important;
	}
	.footer-copyright-line p{
		font-size:13px;
		padding-bottom:10px;
	}
    .page-template-home .footer-copyright-line, .post-type-archive-properties .footer-copyright-line {
        padding: 20px 0px 20px 0px;
		margin-bottom:70px;
    }
	
   
    
    /* Archive Page Css Start Here */
        .popular-post .single-page, .recent-post .single-page {
            width: 100%;
        }
    /* Archive Page Css End Here */
    
    
    /* Single Page Css Start Here */
        .feature-inner-property {
            margin-top: 15px;
            flex-wrap: wrap;
            gap: 20px;
        }
        #property-detail-banner {
            padding: 40px 20px 40px;
        }
        .property-decription-detail {
            padding: 20px 0px 0px 0px;
            margin-top: 20px;
        }
        #single-property-content {
            padding: 30px 10px 40px;
        }
        #property-detail-banner .feature-inner-property .feature-inner:not(:last-child) {
            padding-right: 20px;
            margin-right: 20px;
        }
        .sp-category span.sp_category {
            padding: 12px 10px 11px;
            font-size: 13px;
        }
        .agent-contact-info {
            gap: 16px;
        }
        .property-contact-info {
            padding: 35px 19px;
        }
        .similar-property .property-title h3 {
            padding-bottom: 15px;
        }
        .team-member-social a.team-social-link {
            width: 37px;
            height: 37px;
        }
        .social-share h5 {
            font-size: 18px;
        }
        .feature-inner-property .feature-inner:nth-child(2) {
            padding-right: 0!important;
            margin-right: 0!important;
            border: none!important;
        }
        .property-title-wrap h2 {
            font-size: 35px;
        }
        .sp-bottom-info .sp-category, .sp-bottom-info .sp-social {
            width: 100%;
        }
        .property-decription-detail .sp-bottom-info {
            gap: 25px;
        }
    /* Single Page Css End Here */
   
    /* Thank You Page Css Start */
        .thank-you-content h4, .error-content h4 {
            font-size: 31px;
        }
        .thank-you-page-info .thank-you-content, .error-page .error-content {
            margin: 35px auto 0px;
            max-width: 100%;
        }
        .thank-you-content i {
            font-size: 45px;
            width: 62px;
            height: 62px;
            padding: 9px 10px 0px;
        }
        .error-content h3 {
            font-size: 70px;
            margin-bottom: 5px;
        }
    /* Thank You Page Css End */
	
	/* Wp Form Start */
	
	.wpforms-container .wpforms-field-container .wpforms-field{
		width:100%;
		margin:0px;
	}
	#wpforms-55-field_6-container,#wpforms-55-field_10-container{
		margin:0px;
	}
	/* Wp Form End Here */
	
	/* Resources internal Pages start	 */
	 #terms-condition, #cookies, #privacy-policy{
            padding: 47px 5px;
        }
	.terms-condition-content h2, .cookies-content h2, .privacy-policy h2 {
			font-size: 24px;
			}
	
	/* Resources internal Pages End	 */
	
	/* Appraisal Form Start Here	 */
	
	#appraisal{
		padding:40px 5px;
	}
	.appraisal-form h2 {
		font-size:30px;
    	text-align: center;
	}
	.appraisal-form p {
    	text-align: center;
	}
	#appraisal-form,#wpforms-274-field_5-container,#wpforms-274-field_7-container,
	#wpforms-274-field_10-container,#wpforms-274-field_12-container,#wpforms-274-field_13-container{
		margin:0px;
	}
	#appraisal-form, #wpforms-274-field_11-container{
		width:100%;
		margin:0px;
	}
	#apperaisal-form-homepage{
		padding:47px 5px;
	}
	/* add home aaperasial From Start here	 */
	/* add home page appraisal form start	 */
	.image-container {
    position: relative;
    width: 100%;
    height: 300px;
	}
	.text-overlay{
		height:300px;
	}
	/* add home page appraisal form end	 */

	/* Home Apprasial From End here	 */
	/* Apprasial Form End Here	 */
	
	
	/* Single Blog Post Css Start Here	 */
	    #post-banner .blog-banner-title {
            font-size: 34px;
            line-height: 2.7rem;
            padding: 30px 0px 10px 0px;
        }
	/* Single Blog Post Css End Here	 */

	/* Add Properties pagination start  */
		.pagination li a,
		.pagination li span {
			padding: 8px 8px;
			font-size: 14px;
		}
	.pagination li .current {
		font-weight: 400;
		line-height: 9px;
		font-size: 13px;
	}
	/* Add Properties pagination End  */
/* mobile active link style  start here*/
/* .show .current_page_item{
    color: var(--wine);
    text-decoration:underline;
} */

/* .offcanvas-start.show #menu-item-45.current_page_item > a,
.offcanvas-start.show #menu-item-43.current_page_item > a,
.offcanvas-start.show #menu-item-295.current_page_item > a,
.offcanvas-start.show #menu-item-293.current_page_item > a,
.offcanvas-start.show #menu-item-44.current_page_item > a {
    color: var(--wine) !important;
    text-decoration: underline !important;
}
 */
.offcanvas-start{
	background:var(--dark-color);
}

	/* mobile active link style end here */
	#footer-menu{
		padding-left:28px;
	}

}