/* Responsive css start */

@media (max-width:1835px) {
    img.about-img {
        position: absolute;
        right: 20px;
        top: 20px;
        max-width: 80px;
    }
}

@media (max-width:1799px) {
	.hero-banner .hero-banner-right-text {
		max-width: 810px;
	}
}

@media (max-width:1735px) {
    .right-content-area {
        padding-right: 70px;
    }

}
@media (min-width:1800px) {
.roles-info .slick-arrow {
    right: -155px;
}
.design_role .col.desing_role-col .content figure img {
    height: 309px;
}
.right-content-area img {
    height: 747px;
    object-fit: cover;
}
}
@media (max-width:1599px) {
    .container {
        max-width: 1400px;
    }
    body {
        font-size: 20px;
        line-height: 31px;
    }

    h1, body .h1 {
        font-size: 58px;
        line-height: 80px;
    }

    h2, body .h2 {
        font-size: 40px;
        line-height: 60px;
    }

    .hero-banner figure.home-shape {
        bottom: -98px;
        max-width: 300px;
    }
    .hero-banner {
        padding: 280px 0 240px;
    }
    .hero-banner .hero-banner-right-text {
        right: 40px;
        max-width: 670px;
    }
    .streamline .streamline-col .streamline-col-content p {
        font-size: 20px;
        line-height: 31px;
    }
    .see-more a {
        padding-top: 30px;
    }
    img.about-img {
        position: absolute;
        right: 12px;
        top: 20px;
        max-width: 60px;
    }
    .right-content-area {
        padding-right: 50px;
        max-width: 900px;
    }

    .left-content-area .content {
        padding: 40px 35px;
    }
    section.faq-section.for-faq-page {
        padding: 80px 0 80px;
    }
    .left-content-area img.circle-logo {
        max-width: 180px;
    }
    .sign-up-section {
        padding-bottom: 477px;
    }
    .collaboration-content h2 {
        line-height: 55px;
    }
    .footer-section >.container> .row>div:first-child {
        padding-right: 0px;
    }
    .navbar-light .navbar-brand img {
        max-width: 320px;
    }
    .process-section .process-img img {
        min-height: 562px;

    }

    .navbar-light .navbar-brand {
        padding-top: 0;
    }
    .testimonial-content .heading h2 {
        margin: 0 0 30px;
    }
    .quote-img img {
        max-width: 80px;
    }
    .quote-img img {
        max-width: 75px;
    }
    .quote-img {
        width: 160px;
        height: 160px;
    }
    .dots-img {
        max-width: 140px;
    }
    .testimonial-section {
        padding: 100px 0;

    }

    .testimonial-images {
        max-width: 265px;
    }
    .testimonial-slider .client {
        margin: 50px 0 0;
    }
    .building-img {
        max-width: 500px;
        right: 360px;
    }
    .testimonial-slider p {
        line-height: 31px;
    }
    .testimonial-images .slick-slide div img {
        min-height: 215px;
    }
    .process-content > .process-step .process-step-img img {
        max-width: 80px;
    }

    .process-content > .process-step .process-step-img {
        margin: 0 0 18px;
    }
    .process-content > .process-step .process-step-content p {
        font-size: 18px;
        line-height: 28px;
    }
    body:not(.home) main {
        padding-top: 92px;
    }
    ul.accordion-list li .answer, ul.accordion-list-2 li .answer {
        padding: 15px 0 20px;
    }
    .faq-section.cstm-cls-con {
        padding: 80px 0 80px;
    }
    .page404 {
        padding: 80px 0;

    }
     section.header-h1 h2 {
    margin-bottom: 20px;
}
.inner_banner_content h1 {
    font-size: 50px !important;
}
}

@media (max-width:1439px) {
    body.page-template-rtc-about section.about-our-mission .row .col-md-6:last-child  img {
    height: auto;
}
    
    .container {
        max-width: 1320px;
    }
    .main-header header nav .navbar-nav li.nav-item {
        padding: 0 20px;
    }
    .hero-banner .hero-banner-right-text {
        max-width: 620px;
    }
    .hero-banner {
        padding: 260px 0 220px;
    }
    .streamline {
        margin: 125px 0 80px;
    }
    .design_role {
        padding: 70px 0 100px;
    }
    .ovelay-text {
        padding: 25px;
    }
    .process-section .process-img img {
        min-height: 534px;

    }
    .ovelay-text h3 {
        margin: 0 0 15px;
    }

    h3, body .h3 {
        font-size: 26px;
        line-height: 26px;
    }

    .ovelay-text p {
        line-height: 32px;
    }
    .custom-btn a, .cstm-btn {
        padding: 15px 35px;
    }

    .sign-up-content form .cstm-btn {
        max-width: 250px;
        padding-block: 15px;
    }

    .sign-up-content form .form-field input[type="email"] {
        height: 55px;
    }

    .sign-up-content {
        max-width: 600px;
    }

    .sign-up-content form {
        margin: 20px 0 0;
    }

    .form-field-wrap .form-field input, .form-field-wrap .form-field select, .form-field-wrap .form-field textarea {
        height: 55px;
        padding: 10px 20px;
    }

    .form-field-wrap .form-field textarea {
        padding: 10px 20px;
        height: 140px;
        border-radius: 25px;
    }

    form .cstm-btn {
        max-width: 250px;
        padding: 15px 30px;
    }
    .footer-link-wrap .quick-link ul >li {
        margin: 0 0 26px;
    }
    .left-content-area .content {
        max-width: 760px;
    }
    .left-content-area .content p {
        line-height: 32px;
    }

    .left-content-area .content h2 {
        margin: 0 0 22px;
    }
    .roles-info .slick-arrow {
        width: 60px;
        height: 60px;
    }
    .design_role .col.desing_role-col .content .heading-text.text h4 {
        font-size: 25px;
        letter-spacing: 0;
    }
    .design_role .col.desing_role-col .content .heading-text.text {
        padding: 16px 17px 15px 20px;
    }
    .custom-slider-sec .custom-slider h3 {
        font-size: 75px;
        line-height: 90px;
        gap: 30px;
    }
    .closing-software .custom-btn a {
        padding: 16px 30px;
    }
    .process-content > .process-step .process-step-img img {
        max-width: 65px;
    }
    .faq-accordion .accordion-heading h3 {
        font-size: 20px;
    }
    .sign-up-section {

        padding-top: 100px;
    }
    .sell-home-wrap {
    padding-top: 64px;
    padding-bottom: 55px;
}
body.page-template.page-template-rtc-resources .streamline .row {
    gap: 10px;
    display: flex;
}
body.page-template.page-template-rtc-resources .streamline .row .streamline-col {
    max-width: calc(100%/3 - 20px);
}
.four-boxes .streamline-col {
    padding: 20px;
}
.streamline-col-content figure img {
    max-width: 90px;
}
.four-boxes h3 {
    margin-top: 20px;
    margin-bottom: 12px;
}
}

@media (max-width:1365px) {
   
    h1, body .h1 {
        font-size: 50px;
        line-height: 72px;
    }

    h2, body .h2 {
        font-size: 35px;
        line-height: 50px;
    }

    .process-section .process-img img {
        min-height: auto;

    }
    .container {
        max-width: 1140px;
    }

    .navbar-light .navbar-brand img {
        max-width: 270px;
    }

    .main-header header nav .navbar-nav li.nav-item {
        padding: 0 12px;
    }

    .main-header header nav .navbar-nav li.nav-item a {
        font-size: 18px;
        line-height: 22px;
    }

    .main-header header nav div.sign-up {
        padding-left: 30px;
    }
    .sign-up-section {

        padding-top: 80px;
    }
    .hero-banner .left {
        width: 580px;
        padding-right: 50px;
    }
    .hero-banner .hero-banner-right-text {
        max-width: 570px;
    }
    .hero-banner {
        padding: 250px 0 200px;
    }
    .hero-banner figure.home-shape {
        bottom: -90px;
        max-width: 260px;
    }
    .hero-banner figure.shape-hero {
        bottom: -190px;
        max-width: 150px;
    }

    .streamline .streamline-col .streamline-col-content p {
        font-size: 18px;
        line-height: 30px;
        padding-top: 25px;
    }
    .streamline .streamline-col .streamline-col-content img {
        height: 80px;
    }
    .bg.closing_software h2 {
        line-height: 55px;
    }
    .design_role .heading.custom-btn a {
        margin-left: 20px;
    }

    .custom-btn a, .cstm-btn {
        font-size: 18px;
    }

    .design_role .col.desing_role-col .content .heading-text.text h4 {
        font-size: 22px;
    }

    .design_role .col.desing_role-col .content .heading-text.text {
        padding: 12px 15px 12px 18px;
    }

    .design_role .col.desing_role-col .content .heading-text.text span {
        width: 35px;
        height: 35px;
    }

    .ovelay-text p {
        font-size: 17px;
        line-height: 26px;
    }
    .closing-software .video .video_icon {
        width: 110px;
        height: 110px;
    }
    .right-content-area {
        max-width: 750px;
    }

    .left-content-area .content {
        max-width: 100%;
        padding: 30px 25px;
    }

    .left-content-area .content p {
        line-height: 28px;
    }

    .left-content-area img.circle-logo {
        max-width: 155px;
        margin-left:0;
    }


    .benefit-content .benefit {
        padding: 35px;
    }

    .benefit-content .benefit img {
        max-width: 75px;
    }

    .benefit-content p {
        font-size: 20px;
    }

    .see-more a {
        font-size: 20px;
    }

    .see-more a img {
        max-width: 22px;
    }

    .collaboration-content h2 {
        line-height: 50px;
    }

    .footer-link-wrap {
        column-gap: 20px;
    }

    .footer-section >.container> .row>div:first-child {
        padding-right: 20px;
        width: 40%;
    }

    .footer-logo img {
        max-width: 270px;
    }

    .footer-logo {
        margin: 0 0 55px;
    }

    .footer-section >.container> .row  form {
        padding-left: 40px;
    }

    .address a {
        font-size: 18px;
        margin: 0 0 22px;
    }

    .footer-link-wrap .quick-link ul >li {
        margin: 0 0 22px;
        font-size: 18px;
    }

    /*.footer-section >.container> .row>div:last-child {*/
    /*    width: 53%;*/
    /*}*/
    .testimonial-section {
        padding: 80px 0;
    }
    .testimonial-images {
        right: 90px;
        max-width: 240px;
    }

    .testimonial-images .slick-slide div img {
        max-width: 200px;
    }

    .testimonial-section::after {
        width: 15px;
        height: 150px;
    }

    .testimonial-images .slick-arrow {
        width: 50px;
        height: 50px;
        right: -72px;
        background-size: 30px;
        top: calc(50% - 92px);
    }

    .testimonial-images .slick-arrow.slick-next {
        top: calc(50% + 92px);
    }

    .testimonial-images .slick-arrow.slick-prev::before {
        height: 105px;
        top: 65px;
    }

    .quote-img img {
        max-width: 65px;
    }
    .quote-img {
        width: 130px;
        height: 130px;
    }
    .testimonial-images .slick-slide div img {
        min-height: 204px;
    }
    .process-content > .process-step .process-step-img img {
        max-width: 56px;
    }
    .process-content > .process-step .process-step-content p {
        font-size: 16px;
        line-height: 26px;
    }
    .process-content > .process-step {
        padding: 20px;
    }
    .step-content > p {
        font-size: 17px;
        line-height: 27px;
    }
	 .hero-banner .hero-banner-left-text h1 {
		font-size: 45px;
		line-height: 70px;
	}
    .collaboration-section {
        padding-top: 80px;
    }
    .footer-section {
        padding-top: 80px;
    }
    .inner-banner .heading h1 {
        line-height: 40px;

    }
    .faq-section.cstm-cls-con {
        padding: 60px 0 60px;
    }
    .page404 {
        padding: 70px 0;

    }
    
    .footer-form-heading{
        padding: 0 0px 30px 20px;
    }
        .footer-section >.container> .row form {
        padding-left: 20px;
    }

.type-options {
    gap: 4px;
}
.faq-header {
    font-size: 20px;
}
.quote-img {
    width: 100px;
    height: 100px;
}
}




@media only screen and  (max-width:1199px) {
    .navbar-nav{
        gap: 17px;
    }
    .field label{
        font-size:15px;
    }
    .container {
        max-width: 960px;
    }
    .navbar-light .navbar-brand img {
        max-width: 200px;
    }
    .main-header header nav .navbar-nav li.nav-item {
        padding: 0 8px;
    }
    .main-header header nav .navbar-nav li.nav-item a {
        font-size: 16px;
        line-height: 22px;
    }
    .main-header header nav div.sign-up button span.lock {
        width: 25px;
        height: 25px;

    }
    .main-header header nav div.sign-up button {
        width: 136px;
        height: 40px;
        font-size: 16px;
        border: 1px solid #fff;
        text-align: center;
        padding: 10px 20px;
        display: flex;

    }
    .main-header header nav div.sign-up button a {
        padding-left: 5px;
    }
    .main-header header nav div.sign-up button span.lock img {
        width: 12px;
        height: 18px;
    }
    .main-header header nav div.sign-up button:hover {
        background: #000;
        color: #fff;
        opacity: 1;
        border: 1px solid #000;
    }

    .hero-banner .hero-banner-left-text h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .custom-btn a, .cstm-btn {
        font-size: 16px;
    }
    .custom-btn a, .cstm-btn {
        padding: 15px 25px;
    }
    .hero-banner .hero-btn span.play-icon {
        width: 40px;
        height: 40px;
    }
    .hero-banner .hero-btn span.play-icon img {
        max-width: 15px;
    }
    .hero-banner .hero-banner-right-text {
        max-width: 475px;
    }
    .hero-banner figure.shape-hero {
        max-width: 120px;
        right: 70px;
    }
    .streamline {
        margin: 100px 0 60px;
    }
    h2, body .h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .up-arrow img {
        max-width: 40px;

    }
    .streamline .streamline-col .streamline-col-content {
        padding: 30px 0 30px 0;

    }
    .streamline .streamline-col .streamline-col-content p {
        font-size: 16px;
        line-height: 30px;
        padding-top: 20px;
    }
    .see-more a {
        font-size: 18px;
    }
    section.closing-software iframe.videoPlayer {
        height: 500px;
    }
    .bg.closing_software h2 {
        line-height: 40px;
    }
    .closing-software .custom-btn a {
        padding: 15px 25px;
        font-size: 16px;
    }
    .custom-slider-sec .custom-slider h3 {
        font-size: 60px;
        line-height: 70px;
        gap: 30px;
    }
    .design_role {
        padding: 60px 0 60px;
    }
    .design-heading {
        margin: 0 0 50px;
    }
    .design_role .col.desing_role-col .content .heading-text.text h4 {
        font-size: 18px;
    }
    .design_role .col.desing_role-col .content .heading-text.text span {
        width: 30px;
        max-width: 30px;
        height: 30px;
    }
    .design_role .col.desing_role-col .content figure {
        padding: 35px 50px 0 50px;
    }
    .left-content-area img.circle-logo {
        max-width: 130px;
    }
    .collaboration-section {
        padding-top: 60px;
    }
    .left-content-area .content p {
        font-size: 16px;
    }
    .benefit-content .benefit img {
        max-width: 60px;
    }
    .collaboration-content h2 {
        line-height: 40px;
    }
    .sign-up-section {
        padding-bottom: 341px;
    }
    .sign-up-content {
        max-width: 500px;
    }
    .testimonial-slider p {
        font-size: 16px;
        line-height: 30x;
    }
    .quote-img {
        width: 100px;
        height: 100px;
    }
    .quote-img img {
        max-width: 50px;
    }
    .testimonial-images .slick-slide div img {
        min-height: 150px;
        max-width: 150px;
    }
    .testimonial-images .slick-slide.slick-current.slick-active + .slick-active img {
        max-width: 82%;

    }
    .testimonial-section {
        padding: 80px 0;
    }
    .footer-section {
        padding-top: 60px;
    }
    .footer-logo img {
        max-width: 200px;
    }
    .footer-section >.container> .row>div:first-child {
        padding-right: 26px;
        width: 40%;
    }
    /*.footer-section >.container> .row>div:last-child {*/
    /*    width: 45%;*/
    /*}*/
    .footer-logo {
        margin: 0 0 40px;
    }
    h5, body .h5 {
        font-size: 22px;
        line-height: 26px;

    }
    .footer-link-wrap .quick-link ul >li {
        font-size: 16px;
    }
    .address a {
        font-size: 16px;

    }
    .social-icons i {

        font-size: 18px;
    }
    .social-icons>a {
        width: 40px;
        height: 40px;

    }
    .post-footer {
        margin-top: 60px;
    }
    form .cstm-btn {
        max-width: 200px;
        padding: 15px 30px;
    }
    .post-footer p, .post-footer ul li a {
        font-size: 13px;

    }

    .footer-section >.container> .row  form {
        padding-left: 20px;
    }
    .form-field-wrap .form-field input, .form-field-wrap .form-field select {
        height: 50px;
        padding: 10px 20px;
    }
    .inner-banner .heading h1 {
        line-height: 40px;
    }
    body:not(.home) main {
        padding-top: 82px;
    }
    .process-section {
        padding: 50px 0 50px;
    }
    .faq-section {
        padding: 50px 0 50px;
    }
    .left-content-area .circle-logo {
        margin-left: 0;
    }

    #Realtors-about-sec .right-content-area {
        height: 759px;
    }
    .faq-section.cstm-cls-con {
        padding: 50px 0 0px;
    }
    .page404 {
        padding: 50px 0;

    }
    #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
        font-size: 40px;
    }
    
    .get-in-touch ul li span svg{
        max-width:16px;
    }
    .get-in-touch ul li span{
        width: 40px;
        min-width: 40px;
    height: 40px;
    
    }
    .get-in-touch p {
    font-size: 15px !important;
    line-height: 1.2;
     word-break: break-all;
}
.get-in-touch ul li{
        gap: 7px;
}
.streamline .streamline-col .streamline-col-content p {
    line-height: 25px;
    padding: 20px 0px 0px;
}
section.buysell {
    padding: 50px 20px 0px;
    margin-bottom: 48px;
}
.four-boxes .streamline-col h3 {
    font-size: 20px;
}
.streamline-col-content figure img {
    max-width: 70px;
}
.four-boxes .streamline-col {
    height: auto;
}
body.page-template-rtc-resources .rtc-work-steps .row {
    align-items: unset;
}
section.about-our-mission {
    margin: 45px 0px 55px;
    padding: 44px 0px 75px;
}
}



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


.right-content-area {
	max-width: 1002px;
	width: 100%;
	position: absolute;
	right: 0;
	text-align: right;
}

.left-content-area .circle-logo {
	/* max-width: 150px; */
	margin-left: 100px;
}


.left-content-area {
	flex: 1;
	position: relative;
	z-index: 2;
    text-align: left;
}

.left-content-area .content {
	top: 0;
	position: relative;
	margin-top: 62px;
	bottom: 0;
}

.left-content-area .content h2 {
    line-height: 66px;
    margin-bottom: 27px;
}
.process-section .row>div:first-child {
    padding-right: 28px !important;
}

}

@media(max-width:1365px){
    .right-content-area {
        max-width: 889px;

    }
    .price-header > h3 {
        font-size: 30px;
        line-height: 40px;

    }
    .pricing-inner .pricing-content {
        flex: 1;
        position: relative;
    }
    .pricing-inner > .pricing-col {
        display: flex;
        flex-direction: column;
    }
    .pricing-content {
        padding: 0 30px 30px;
    }

    .pricing-content .custom-btn {
        width: 100%;
        position: absolute;
        bottom: 30px;
    }
    .pricing-content ul {
        margin-bottom: 100px;
    }
    section.faq-section.for-faq-page {
        padding: 50px 0 50px;
    }

}
@media(max-width:1199px){
    .left-content-area {

        margin-bottom: 30px;
    }
    ul.accordion-list li .answer p, ul.accordion-list-2 li .answer p {
        font-size: 16px;
        line-height: 30px;
    }
    .faq-accordion .accordion-heading h3 {
        font-size: 18px;
    }
    h4, body .h4 {
        font-size: 30px;

    }
    .step-heading {
        width: 60px;
        height: 60px;

}
.how-it-work-steps::before {
	top: 28.5px;


}
.home .collaboration-section {
	padding-top: 164px;
}
.price-header > h3 {
	font-size: 23px;
	line-height: 35px;
}
.pricing-content .upper-text p {
	font-size: 16px;
	line-height: 30px;
}
.pricing-section {
	padding: 50px 0 50px;
}
.pricing-section .tab-wrap {
	height: 50px;

}
.pricing-section .tab-wrap .tab {
	font-size: 18px;

}
.pricing-inner > .pricing-col {
	width: calc(100%/2 - 20px);
	margin-right: 30px;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {

	font-size:30px;
}
.right-content-area {
    max-width: 100%;
    padding-right: 0;
}
    .faq-header {
    font-size: 16px;
}
}
@media only screen and (max-width:1091px){
    .right-content-area {
        padding-right: 50px;
    }
}
@media only screen and (max-width:991px){
    .distance-slider{
        margin:0;
    }
    .footer-section .post-footer .row {
        row-gap: 0;
    }

    section.faq-section.for-faq-page {
        padding: 40px 0 40px;
    }

    .process-section .process-content {
        padding-top: 40px;
    }

    .main-header button.navbar-toggler:hover {
        background: transparent;
    }

    .main-header .navbar-collapse.collapse.show {
        height: auto;
    }

    .main-header .navbar-collapse {
    top: 75px !important;
}
    .navbar-nav {
        gap: 0;
    }

    .main-header  .navbar-collapse {
        position: fixed;
        top: 85px;
        left: 0;
        height: 0;
        width: 100%;
        background-color: var(--main-color);
        padding-top: 0;
        overflow-x: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        z-index: 10;
    }
    .main-header header nav .navbar-nav li.nav-item {
        padding: 10px 20px;
    }
    .main-header header nav .navbar-nav li.nav-item:first-child {
        padding-left: 20px;
    }
    .main-header header nav .navbar-nav li.nav-item a {
        color: #fff;
    }
    .main-header header nav div.sign-up {
        padding-left: 20px;
        padding-bottom: 20px;
    }
    .pricing-inner {
        overflow: hidden;
    }
    .collaboration-section .collab-img {
        text-align: center;
    }
    .main-header header nav div.sign-up button span.lock {
        display: none;
    }
    .roles-info .slick-arrow {
        width: 40px;
        height: 40px;
    }
    .streamline .streamline-col .streamline-col-content img {
        height: 60px;
    }
    .hero-banner {
        padding: 200px 0 150px;
    }
    .hero-banner figure.home-shape {
        bottom: 0;
        max-width: 233px;
    }
    .hero-banner .hero-banner-right-text {
        max-width: 400px;
    }

    .footer-logo img {
        max-width: 200px;
    }
    .main-header header nav .navbar-nav li.nav-item a:hover {
        color: rgba(0,0,0,.7) !important;
        opacity: 0.5;
    }
    .main-header header nav div.sign-up button:hover span.lock {
        border: 1px solid #fff;
    }


    .hero-banner .hero-banner-right-text {
        max-width: 301px;
    }
    .left-content-area img.circle-logo {
        max-width: 130px;
        margin-bottom: 30px;
    }
    .right-content-area {
        max-width: 100%;
        padding-right: 0px;
    }
    .left-content-area {
        margin-bottom: 0;
    }
    .process-section .process-img img {
        width: 100%;
    }
    .quote-img img {
        max-width: 30px;
    }
    .quote-img {
        width: 70px;
        height: 70px;
    }
    .step-content > p {
        font-size: 14px;
        line-height: 19px;
    }
    .process-section .process-img img {
        height: 400px;
        object-fit: cover;
    }
    .pricing-section {
        padding: 40px 0 40px;
    }
    .pricing-section .tab-content .text {
        margin: 30px 0 25px;

    }
    .pricing-content .custom-btn {
        max-width: 240px;

    }

    .pricing-content ul li {
        font-size: 16px;

    }
    .faq-section.cstm-cls-con .left-side-image img {
        width: 100%;
    }
    .faq-section.cstm-cls-con .left-side-image {
        margin-bottom: 40px;
    }
    div#popupContainer1 button#closePopup1 {
        top: -19px;
        padding: 0px 0 3px 0;
        width: 40px;
        height: 40px;
        right: -12px;
    }
    .process-section {
        padding: 40px 0 40px;
    }
    .row.faq-accordion .col-lg-6:last-child {
        margin-top: 20px;
    }

body.page-template-rtc-resources .rtc-work-steps>.container>.row {
    flex-flow: column-reverse;
    gap: 40px;
}
body.page-template-rtc-resources .rtc-work-steps .row>.col-md-6 {
    width: 100%;
}
body.page-template-rtc-resources .rtc-work-steps .row>.streamline-col {
    max-width: calc(100%/2 );
    width: 100%;
}
.streamline .streamline-col .streamline-col-content h3 {
    font-size: 18px;
    margin: 10px 0 0px;
}
.sell-home-wrap {
    padding-top: 34px;
    padding-bottom: 35px;
}
.inner_banner_content h1 {
    font-size: 40px !important;
}
.row.sell-home-wrap {
    flex-flow: column;
    gap: 20px;
}
.row.sell-home-wrap>div {
    width: 100%;
}
section.buysell .step-circle {
    width: 70px;
    height: 70px;
        font-size: 34px;

}
section.buysell .step-wrapper {
    padding-top: 28px;
    padding-bottom: 30px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .sign-up-section {
        background-position: bottom center;
        padding-bottom: 216px;
        padding-top: 24px;
        background-size: 100% auto;
    }
    .process-content > .process-step {
        padding-top: 10px;
    }
    .design_role {
        padding: 40px 0 40px;

    }
    .grid-list-main {
    margin: 0;
}

}
@media screen and (min-width: 768px) and (max-width: 880px) {
    .sign-up-section {
        padding-bottom: 171px;

    }

}

@media only screen and (max-width:767px){
        body .streamline {
        margin: 350px 0 40px;
    }
        .main-header .navbar-collapse {
        top: 60px !important;
    }
    .hero-banner .left {
        width: 100%;
        padding-right: 0;
    }
    .hero-banner .hero-banner-right-text {
        max-width: 100%;
    }
    .hero-banner .left {
        width: 100%;
        padding-right: 0;
    }
    .hero-banner .hero-banner-left-text h1 {
        font-size: 25px;
        line-height: 35px;
        text-align: center;
    }
    section.inner-page {
            padding-top: 90px;
        }

    .hero-banner .hero-banner-right-text {
        max-width: 100%;
        margin-top: 0;
        position: unset;
        margin-bottom: 30px;
        padding: 0 30px;
    }
    .container {
        max-width: 100%;
    }
    .hero-banner {
        padding: 117px  0 10px;
        display: flex;
        flex-direction: column;
    }
    .hero-banner figure.shape-hero {
        max-width: 120px;
        right: 0;
        bottom: 150px;
    }
    .hero-banner figure.home-shape {
        bottom: 183px;
        max-width: 204px;
    }
    h2, body .h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .streamline .streamline-col .streamline-col-content p {
        padding-top: 10px;
    }
    .streamline {
        margin: 54px 0 25px;
    }
    .streamline figure.up-arrow {
        margin-bottom: 8px;
    }
    .streamline h2 {
        padding-bottom: 30px;

    }
    /*.streamline .streamline-col .streamline-col-content p {*/
    /*    padding-top: 20px;*/
    /*}*/


    section.closing-software iframe.videoPlayer {
        height: 350px;
    }
    .bg.closing_software h2 {
        line-height: 35px;
        padding: 10px 15px;
        margin-top: 0;
    }
    .custom-slider-sec .custom-slider h3 {
        font-size: 25px;
        line-height: 40px;
        gap: 20px;
    }
    .custom-slider img {
        max-width: 20px;
    }
    .design_role {
        padding: 30px 0 30px;
    }
    .left-content-area .content {
        max-width: 100%;
        padding: 20px;
    }
    .right-content-area {
        max-width: 100%;
        padding-right: 0;
    }

    .left-content-area .content {
        position: unset;
        bottom: 0;
        left: 0;
        max-width: 100%;
        padding: 70px 40px;
        text-align: left;
    }
    .why-choose-section {
        position: relative;
        padding-bottom: 0;
    }
    .benefit-content .benefit {
        padding: 20px;
    }
    .benefit-content p {
        font-size: 16px;
    }
    .footer-section > .container > .row > div:first-child {
        padding-right: 0;
        width: 100%;
    }
    .wpcf7-not-valid-tip {
        padding-top: 5px;
    }

    .designed-by {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer-logo {
        margin: 0 0 30px;
    }
    .footer-section > .container > .row > div:last-child,
    .footer-link-wrap .get-in-touch,
    .footer-link-wrap .quick-link {
        max-width: 100%;
        flex-shrink: 0;
    }

    .footer-section > .container > .row > div:last-child, .footer-link-wrap .get-in-touch, .footer-link-wrap .quick-link {
        width: 100%;
        max-width: 100%;
        flex-shrink: 0;


    }
    #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {

        font-size:30px;
    }
    .page404 #content .entry-title {
        font-size: 90px;

    }
    .footer-section > .container > .row > div:last-child {
        width: 100%;
    }
    .footer-section > .container > .row form {
        padding-left: 0;
    }
    .form-field-wrap .form-field {
        width: 100%;
        max-width: 100%;
    }
    form h2 {
        line-height: normal;
        margin: 30px 0 20px;
    }
   
    .footer-section {
        padding-top: 30px;
                padding-inline: 15px;
    }
    .left-content-area .content {
        padding: 30px 15px 30px;

    }
    .why-choose-section .why-choose-inner {
        flex-direction: column-reverse;
    }
    .left-content-area img.circle-logo {
        margin-top: 30px;
    }
    .left-content-area .content .custom-btn {
        height: 40px;
        text-align: center;
    }
    .collaboration-content p {
        font-size: 15px;
        line-height: 28px;
        text-align: center;

    }
    form .cstm-btn {
        padding: 10px 30px;
    }
    ul.accordion-list-2 li:last-child {
        margin-bottom: 0;
    }
    .sign-up-content h2 {
        line-height: normal;

    }
    .collaboration-content h2 {
        margin: 0 0 0;
    }
    .up-arrow {
        text-align: center;
    }
    .collaboration-content h2 {
        text-align: center;
    }
    .testimonial-content {
        max-width: 100%;
    }
    .building-img {
        max-width: 100%;
        right: 0;
    }
    .design_role .col.desing_role-col .content .heading-text.text h4 {
        font-size: 16px;
    }
    .design_role .col.desing_role-col .content .heading-text.text {
        padding: 10px;
    }
    .testimonial-images {
        position: relative;
        max-width: 100%;
        width: 100%;
        left: 0;
        right: 0;
    }
    .design-heading {
        margin: 0 0 30px;
    }

    .design_role .col.desing_role-col .content .heading-text.text span i {
        font-size: 14px;
    }
    .design_role .col.desing_role-col .content .heading-text.text span {
        width: 20px;
        max-width: 20px;
        min-height: 20px;
        min-width: 20px;
        height: 20px;
    }
    .roles-info .slick-arrow {
        width: 30px;
        height: 30px;
    }
    .roles-info .slick-next.slick-arrow {
        width: 30px;
        height: 30px;
        right: -9px;
    }
    .roles-info  .slick-prev.slick-arrow {
        left: -9px;
    }
    img.about-img {
        position: absolute;
        right: 12px;
        top: 0;
        max-width: 144px;
        height: 155px;
    }
    .streamline .streamline-col {
        width: 50%;
    }
    .bg.closing_software {
        margin-top: -353px;
        padding: 371px 0 0;

    }
    .custom-slider-sec .custom-slider h3 span {
        margin-top: -2px;
    }
    .left-content-area .content p {
        font-size: 15px;
        text-align: center;
    }

    .custom-slider {
        display: flex;
    }
    .quote-img {
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        top: auto;
        bottom: 315px;

    }
    .testimonial-images {
        position: relative;
        max-width: 100%;
        width: 100%;
        left: 0;
        right: 0;
        margin-top: 85px;
    }

    body .testimonial-images .slick-arrow.slick-prev {
        left: 30%;
        bottom: -72px;
        top: auto;
        transform: rotate(-90deg);
    }
    .testimonial-images .slick-arrow.slick-next {
        right: 30%;
        bottom: -72px;
        top: auto;
        transform: rotate(90deg);
    }
    .testimonial-images .slick-arrow.slick-prev::before {
     display: none;
    }
    .streamline h2 {
        margin: 0 15px;
    }


    .testimonial-images .slick-slide.slick-current.slick-active + .slick-active img {
        max-width: 100%;
        height: 219px;

    }
    .testimonial-images .slick-slide div img {
        min-height: 150px;
        max-width: 100%;
    }
    .testimonial-slider .client {
        margin: 30px 0 10px;
        text-align: center;
        padding-left: 0;
    }
    .testimonial-slider .client::after {
        height: 2px;
        background-color: #33B04B;
        top: 12px;
        left: calc(50% - 166px);
    }
    .testimonial-content .heading h2 {
        padding-right: 10px;
        text-align: center;
    }
    .testimonial-slider p {
        font-size: 15px;
        line-height: 28px;
        text-align: center;
        display: -webkit-box;
        -webkit-box-orient: vertical;
       -webkit-line-clamp: 6; 
       text-overflow: ellipsis;
        overflow: hidden;
    }
    .quote-img img {
        max-width: 40px;
    }
    .quote-img {
        width: 60px;
        height: 60px;
    }
    .sign-up-section {
        padding-bottom: 339px;
    }
    .testimonial-section {
        padding: 40px 0 110px;
    }
    .post-footer {
        margin-top: 30px;
        padding: 20px 0;
    }
    .how-it-work-section .heading {
        margin: 0 0 30px;
    }
    .post-footer p, .post-footer ul li a {
        line-height: normal;
    }
    .faq-section {
        padding: 30px 0 30px;
    }
    .faq-section.cstm-cls-con .left-side-image {
        margin-bottom: 30px;
    }
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
        margin-top: 10px !important;
        font-size: 15px;
        margin-bottom: 0;

    }
    .tab-content.active .pricing-inner {
        padding-top: 0;
      }
      .tab-content.active .pricing-inner .pricing-col {
        padding-top: 0;
        margin-top: 66px;
      }
      div#enterprise-section {
        padding-top: 37px;
    }

    .collaboration-section {
        padding-top: 30px !important;
    }
    #Realtors-about-sec .right-content-area {
        height: auto;
    }
    .why-choose-section .left-content-area .content::before {
        right: 0;
    }
    .testimonial-section::after {
        width: 6px;

    }
    .inner-banner .heading h1 {
        line-height: 35px;
    }
    .process-section .process-img img {
        height: auto;

    }
    .process-section {
        padding: 30px 0 30px;
    }
    .process-content > .process-step .process-step-img img {
        max-width: 40px;
    }
    .pricing-section {
        padding: 30px 0 30px;
    }
    h5, body .h5 {
        font-size: 20px;
        line-height: 26px;
    }
    .pricing-inner > .pricing-col {
        width: 100%;
        margin-right: 0;
        border: 1px solid #ddd;


    }
    .pricing-content .upper-text {
        min-height: auto;
        padding: 20px 20px 20px;
    }
    .pricing-content ul {
        margin-bottom: 0;
    }
    .pricing-content .custom-btn {
        max-width: 100%;
        position: unset;
    }
    .pricing-inner > .pricing-col:last-child {
        margin-top: 100px;
        padding-top: 4px;
    }
    .process-content > .process-step {
        padding: 20px;
    }
    .pricing-section .tab-wrap .tab {
        font-size: 15px;
    }
    .left-content-area .content h2 {
        margin: 0 0 10px;
        text-align: center;
    }
    ul.accordion-list li .answer p, ul.accordion-list-2 li .answer p {
        font-size: 15px;
        line-height: 28px;
        text-align: center;
    }

    .process-content > .process-step .process-step-img {
        margin: 0 0 10px;
    }
    .pricing-section .tab-wrap {
        height: 40px;
    }
    .pricing-content ul {
        margin-bottom: 30px;
        margin-top: 20px;

    }
    .sign-up-content .up-arrow {
        margin-top: 10px;
    }

    .collaboration-content h2 {
        line-height: 30px;
    }
    .pricing-content .custom-btn a {
        padding: 10px ;
    }
    .testimonial-images .slick-arrow.slick-next {
        left: calc(50% + 100px);
        bottom: -72px;
        top: auto;
        transform: translatex(-50%) rotate(90deg);
    }
    body .testimonial-images .slick-arrow.slick-prev {
        left: calc(50% - 100px);
        bottom: -72px;
        top: auto;
        transform: translateX(-50%) rotate(-90deg);
    }
    .testimonial-images .slick-arrow.slick-prev::before {
        height: 1px;
        top: auto;
        width: 120px;
        display: block;
        background-color: #707070;
        transform: rotate(90deg);
        bottom: -77px;
        left: -36px;
    }

    h3, body .h3 {
        font-size: 25px;
        line-height: 35px;
    }
    .breadcrumbs {
        margin: 10px 0 0;
    }
    .faq-section .heading {
        margin: 0 0 30px;
    }
    .sign-up-section {
        padding-top: 0;
    }

    .pricing-col > .price-header {
        padding: 80px 20px 23px;

    }


    .faq-section.cstm-cls-con {
        padding: 30px 0 30px;
    }
    .faq-section.cstm-cls-con h3.contact-heading {
        margin: 0 0 30px;

    }
    .page404 {
        padding: 30px 0;
    }
    .page404 #content {
        margin-left: 0;
        margin-bottom: 0;
    }
    .page404 .entry-content .custom-btn a {
        width: 100%;
        max-width: 100%;
        text-transform: uppercase;
        padding: 15px 30px;
    }
    div#popupContainer1 .popupContent {
        width: 100%;
    }
    div#popupContainer1 button#closePopup1 {
        right: -4px;
        top: -19px;

    }
    .hero-banner figure.star img {
        max-width: 20px;
    }
    .popupContent {
        padding: 10px;

    }
    div#popupContainer1 .popupContent {
        width: calc(100% - 20px);
    }
    .hero-banner .hero-btn {
        justify-content: center;
    }
    .custom-btn a, .cstm-btn {
        padding: 10px 25px;
    }
    .hero-banner figure.star {
        bottom: -41px;
        right: 26px;
    }
    p,
    .streamline .streamline-col .streamline-col-content p {
        font-size: 15px;
        line-height: 26px;

    }
    .custom-btn a, .cstm-btn {
        font-size: 15px;
        line-height: 18px;

    }
    section.closing-software iframe.videoPlayer {

        width: calc(100% - 20px);
    }
    .hero-banner .hero-btn {
        margin-top: 30px;

    }
    .hero-banner::before {
        bottom: -100px;

    }
    .see-more a {
        font-size: 15px;
    }
    .sign-up-section {
        padding-bottom: 241px;
    }

    .testimonial-section {
        padding: 30px 0 104px;
    }
    .form-field-wrap .form-field input, .form-field-wrap .form-field select {
        height: 40px;

    }
    .design_role .heading.custom-btn h2{
        text-align: center;
    }
    .sign-up-content form .form-field input[type="email"] {
        height: 40px;
        width: 440px;
        margin: 0 auto;
    }
    .sign-up-content form .cstm-btn {
        padding-block: 11px;
    }
    .inner-banner {
        padding: 0 0 30px;
    }
    .process-section .process-img {
        margin-bottom: 30px;
    }
    .process-content > .process-step .process-step-content p {
        font-size: 15px;
        line-height: 28px;
    }
    .testimonial-content .heading h2 {
        margin: 0 0 5px;
    }
    .up-arrow img {
        max-width: 30px;
    }
    .pricing-section .tab-content .text {
        z-index: 2;
        position: relative;
    }
    .price-header > h3 {
        margin-top: 20px;
    }
    .pricing-inner .pricing-content {
        z-index: 2;


    }
    .pricing-col > .price-header::after, .pricing-col > .price-header::before {
        width: 60%;
        height: 120px;
        top: -72px;
        z-index: 1;
    }
    .testimonial-slider .client h4 {
        margin: 0 0 0;
    }
    .pricing-inner {
        overflow: hidden;
    }
  .process-section .process-content {
        padding-top: 0;
    }
    section.faq-section.for-faq-page {
        padding: 30px 0 30px;
    }
    .custom-slider-sec {
        padding-top: 30px;
    }
    .home .collaboration-section {
        padding-top: 30px !important;
    }
    .design_role {
        padding: 30px 0 30px;

    }
            body .hero h1 {
        font-size: 34px;
    }
    body .streamline .streamline-col {
    border-bottom: 1px solid #eaeaea !important;
}
    .why-choose-inner .left-content-area .content h2 {
        line-height: normal;
        font-size: 42px;
    }
    body.page-template.page-template-rtc-resources .streamline .row {
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 20px 0px;
}
body.page-template.page-template-rtc-resources .streamline .row .streamline-col {
    max-width: calc(100%/2 - 10px);
}
section.buysell .step-item p {
    font-size: 14px;
    line-height: 1.2;
}
body.page-template-rtc-resources section.about-our-mission .row .col-md-6:last-child {
    width: 100%;
    margin: 20px 0px 0px;
}
.faq-grid {
    grid-template-columns: 1fr;
    gap: 10px;
}
.faq-header {
    font-size: 16px;
    height: auto;
}
.faq-item .faq-content p {
    font-size: 15px;
}
}
@media(max-width:575px){
        .design_role .col.desing_role-col .content .heading-text.text h4 {
        font-size: 15px !important;
        margin: 3px 0 0 0 !important;
    }
    .left-content-area .content p.trusted-nuyers {
            font-size: 22px;
        }
           body .streamline h2 {
        padding-bottom: 5px;
    }
        body .hero h1 {
        font-size: 22px;
    }
      body .hero p {
        font-size: 16px;
        line-height: 24px;
    }
    .testimonial-images .slick-slide.slick-current.slick-active + .slick-active img {
        height: 180px;
    }
    .quote-img {
        bottom: 278px;
    }
    .testimonial-images .slick-arrow.slick-next::after {
        bottom: 62px;
        left: 50%;

    }
    .how-it-work-steps {
        margin: 0 -10px;
        flex-wrap: wrap;
    }
    .how-it-work-steps .step {
        margin: 0 auto;
    }
    .step-heading {
        margin-bottom: 15px;
    }
    .step-content > p {
        padding-bottom: 15px;
    }
    .step-heading::before {
        content: '';
        width: 100%;
        max-width: 1px;
        position: absolute;
        top: 65.5px;
        left: 50%;
        transform: translateX(-50%);
        border: 1px dashed #006533;
        z-index: 1;
        transform: rotate(0deg);
        height: 22px;
    }

    .step-heading::after {
        content: '';
        width: 100%;
        max-width: 1px;
        position: absolute;
        top:112.5px;
        left: 50%;
        transform: translateX(-50%);
        border: 1px dashed #006533;
        z-index: 1;
        transform: rotate(0deg);
        height: 22px;
    }
    .step-content > p {
        max-width: 100%;
    }
    .how-it-work-steps .step:last-child .step-heading:after{
        display: none;
    }

    .how-it-work-steps::before {
       display: none;
    }
    .how-it-work-steps .step {
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    ul.accordion-list li .accordion-heading::after, ul.accordion-list-2 li .accordion-heading::after {
        font-size: 25px;

    }
    .left-content-area img.circle-logo {
        max-width: 80px;
        margin-bottom: 10px;
    }
    .price-header .price {
        width: 120px;
        height: 120px;

    }
    ul.accordion-list li .accordion-heading, ul.accordion-list-2 li .accordion-heading {
        min-height: 55px;

    }
    .price-header > h3 {
        margin-top: 0;
    }
    .pricing-section .tab-content .text {
        line-height: 26px;
    }
    .streamline h2 {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .faq-accordion .accordion-heading h3 {
        font-size: 15px;
    }
    body.page-template-rtc-resources .rtc-work-steps .row>.streamline-col {
    max-width: 100%;
    width: 100%;
}
.four-boxes {
    margin-top: 37px;
}
body.page-template-rtc-resources .rtc-work-steps .row>.col-md-6.rtc-image .img-gallery {
    min-height: 260px;
    position: relative;
}

section.buysell .step-wrapper {
    flex-wrap: wrap;
    gap: 20px;
    position: relative;
}

section.buysell .step-wrapper:after {
    width: 1%;
    height: 80%;
    bottom: 0;
    top: unset;
    transform: translateY(-70px);
}
section.buysell .step-item p {
    font-size: 14px;
    line-height: 1.2;
}
.inner_banner_content h1 {
    font-size: 35px !important;
}
.inner_banner {
    height: 310px;
    background-position: center;
}
.sell-home-wrap .sell-home-images .center-icon {
    width: 69px;
    height: 69px;
        padding: 15px;

}
body.page-template.page-template-rtc-resources .streamline .row .streamline-col {
    max-width: 100%;
}
.footer-section >.container> .row>div:first-child {
    padding: 0;
}
footer.footer-section .container >.row {
    margin: 0;
}
}

@media(max-width:480px){
    section.closing-software iframe.videoPlayer {
        height: 250px;
    }
    .design_role .col.desing_role-col .content .heading-text.text h4 {
        font-size: 12px;
    }
    .bg.closing_software {
        margin-top: -268px;
        padding: 265px 0 0;
    }
    .streamline .streamline-col {
        width: 100%;
    }
    .left-content-area .content {
        margin-top: 20px;
    }
    .testimonial-section .dots-img {
        display: none;
    }
    .quote-img {
        width: 40px;
        height: 40px;
        bottom: 262px;
    }

    .testimonial-images .slick-arrow {
        width: 40px;
        height: 40px;

    }
    .testimonial-images {
        margin-top: 56px;
    }

    .testimonial-images .slick-slide.slick-current.slick-active + .slick-active img {
        height: 159px;
    }
    .quote-img img {
        max-width: 25px;
    }

    h2, body .h2 {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .testimonial-images .slick-arrow.slick-next {
        left: calc(50% + 50px);

    }
    body .testimonial-images .slick-arrow.slick-prev {
        left: calc(50% - 50px);

    }
    .sign-up-section {
        padding-bottom: 242px;
    }
    h3, body .h3 {
        font-size: 20px;
        line-height: 30px;
    }
    form .cstm-btn {
        max-width: 100%;

    }
    .sign-up-content form .cstm-btn {
        max-width: 100%;

    }
    .faq-section.cstm-cls-con {
        padding: 30px 0 0px;
    }
    #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
        font-size: 20px;
    }
    .testimonial-images .slick-arrow.slick-prev::before {
        height: 1px;
        top: auto;
        width: 40px;
        display: block;
        bottom: -32px;
        left: -2px;
    }
    .testimonial-images .slick-arrow {
        background-size: 25px;

    }
    .hero-banner {
        padding: 117px 0 0;

    }
    .bg.closing_software {
        margin-top: -253px;


    }
    .sign-up-content form .form-field input[type="email"] {
        width: 100%;

    }
    .streamline .streamline-col {
        border-top: 0;
        border-bottom: 1px solid #eaeaea;
    }
    .streamline .streamline-col:last-child {
        border-right: 0;
    }
}
@media (max-width: 400px) {
    .distance-slider {
    flex-wrap: wrap;
    padding: 0 10px;
    justify-content: flex-start;
    gap: 0;
}

.distance-slider input {
    margin: 0;
}

#distance-slider {
    margin: 0 !important;
}

.distance-slider label {
    line-height: 9px;
}
}
/* june 5 */
@media (max-width: 1365px) {
    .remove-overlay-cst {
            top: 22px;
	width: 30px;
	height: 30px;
}
}

@media only screen and (max-width: 1199px) {
   
  }
  
  
@media (min-width:768px) and (max-width: 991px) {
    .left-content-area .content {
        position: unset;
        bottom: 0;
        left: 0;
        max-width: 100%;
        padding: 70px 40px;
        text-align: left;
    }
.why-choose-section .why-choose-inner {
    flex-direction: column-reverse;
}
    
      .left-content-area img.circle-logo {
        margin-top: 30px;
    }  

}
@media (min-width:768px) and (max-width: 991px) {
.testimonial-section .quote-img {
    left: 62%;
}
.footer-link-wrap .quick-link,.footer-link-wrap .get-in-touch {
    max-width: 100%;
}

.footer-link-wrap {
    flex-wrap: wrap;
    row-gap: 40px;
}
}

  @media only screen and (max-width: 767px) {
    .remove-overlay-cst {
      width: 24px;
      height: 24px;
    }
           
  }



  /* typograpy res */
  @media (max-width:1199px){
    .typography-section h1 {
        font-size: 40px;
    }
    .typography-section h2 {
        font-size: 35px;
    }
    .typography-section h3 {
        font-size: 25px;
    }
    .typography-section h4 {
        font-size: 28px;
    }
    .typography-section ul h4 {
        font-size: 22px;
    }
    .typography-section {
        padding-top: 130px;
    }
  }
  @media (max-width:991px){
      section.map-sec .map-sec-left-img .gm-style-iw {
    padding-left: 0 !important;
}
      .search-box{
          grid-template-columns: 1fr;
      }
    .color-inner {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .color-inner .color-card {
        width: 48%;
    }
    .typography-section ol li, .typography-section ul li {
        font-size: 18px;
    }
    .trap-btn .navbar-btn .btn-reserve {
        padding: 14px 40px;
    }
    .typo-btn {
        padding-bottom: 50px;
    }
    section.real-estate {
    padding: 50px 0 !important;
}
  }
 


  /* 07 June 24 header new button add css*/
   @media (max-width:1599px){
       .search-box .field:nth-child(2n)::after{
           top:67px;
       }
    .navbar-light .navbar-brand img {
     max-width: 300px;
   }
   .main-header header nav .navbar-nav li.nav-item {
    padding: 0 12px;
   }
   .get-in-touch p{
    font-size: 16px;
   }
   }

   @media (max-width:1439px){
    .main-header header nav div.sign-up {
        padding-left: 20px;
    }
    .main-header header nav .navbar-nav li.nav-item {
        padding: 0 10px;
    }
   }
   @media (max-width:1365px){
       section.contact-us-main .get-contact-left h2 {
    font-size: 30px;
    line-height: 1.2;
}
    .navbar-light .navbar-brand img {
        max-width: 240px;
    }
    .main-header header nav div.sign-up.login {
        padding-left: 10px;
    }
    .main-header header nav div.sign-up {
        padding-left: 10px;
    }
    .main-header header nav .navbar-nav li.nav-item {
        padding: 0 8px;
    }
    .main-header header nav .navbar-nav li.nav-item a {
        font-size: 17px;
    }
    .main-header header nav div.sign-up button {
        width: 140px;
        height: 41px;
        font-size: 17px;
    }
    .main-header header nav div.sign-up button span.lock {
        width: 35px;
        height: 35px;
    }
    .radio-wrap-inner label {
        font-size: 9px;
        min-width: 70px;
    }
    section.card-wrap-main {
    padding: 55px 16px 55px;
}
.doble-colum .profile-card {
    grid-template-columns: 279px calc(100% - 279px);
    max-width: calc(100%/2 - 14px);
}
.profile-content {
    padding: 20px;
}
.contact-row {
    gap: 8px;
}
.contact-row span.contact-text {
    font-size: 16px;
    line-height: 22px;
}
.profile-card { 
    grid-template-columns: 406px calc(100% - 406px);
}
   }
   @media (max-width:1199px){
    .main-header header nav div.sign-up button {
        width: 116px;
        font-size: 16px;
        padding: 10px 10px 10px 6px;
    }
    .main-header header nav div.sign-up button span.lock {
        width: 30px;
        height: 30px;
    }
    .main-header header nav div.sign-up.login button.btn.btn-outline-success a {
        padding-left: 7px;
    }
    .navbar-light .navbar-brand img {
        max-width: 170px;
    }
    .main-header header nav .navbar-nav li.nav-item {
        padding: 0 6px;
    }
    .main-header header nav .navbar-nav li.nav-item a {
        font-size: 15px;
    }

        form.loaction-search{
            flex-wrap:wrap;
            row-gap:20px
        }
        section.breadcrumb-sec-main .row{
            flex-wrap:wrap;
            row-gap:6px
        }
        .distance-slider label{
            font-size: 13px;
        }
        section.breadcrumb-sec-main .row{
            justify-content: flex-start;
        }
        
        .map-sec-select {
           
            flex-wrap: wrap;
        }
          .images-slider-content {
            padding: 0 1px;
        }
        .images-slider-content span{
    font-size: 11px;
    padding: 0 6px;
        }
        .doble-colum .profile-card {
    max-width: 931px;
    margin: 0 auto;
}
.profile-card {
    grid-template-columns: 279px calc(100% - 279px);
}
   }
   @media (max-width:991px){
       form.loaction-search .popup-footer button {
    line-height: 1 !important;
}
     .saved-search-box .d-flex.justify-content-center.gap-2 {
    flex-wrap: wrap;
}
       .collaboration-section {
        padding-top: 60px !important;
    }
           section.loaction-top-sec {
        padding: 100px 0 20px;
    }
       .main-header .navbar-collapse {
           padding: 20px;
    }
    .new-menu-new .menu-item-has-children > .sub-menu{
            position: static;
                margin-left: 0;
    }
    .search-box{
        grid-template-columns: 1fr;
    }
    .search-box{
        top: 90%;
        bottom: auto;
    }
    
    .streamline {
        margin: 410px 0 40px;
    }
    .main-header header nav .navbar-nav li.nav-item:first-child {
        padding-left: 0;
    }
    .main-header header nav .navbar-nav li.nav-item {
        padding: 10px 0 !important;
    }
    .main-header header nav div.sign-up,  .main-header header nav div.sign-up.login {
        padding-left: 0;
    }
    .main-header header nav div.sign-up button, .main-header header nav div.sign-up.login button.btn.btn-outline-success {
        justify-content: center;
    }
    .streamline .streamline-col .streamline-col-content p, .streamline p{
        padding-inline: 0px;
    }
    .hero h1{
        font-size: 50px;
    }
    .hero p {
    font-size: 18px;
    max-width: 630px;}
.roles-info button.slick-next.slick-arrow {
    right: 0;
}
.roles-info .slick-arrow.slick-prev {
    left: 0;
}
img.about-img{
    right: 0;
}
.why-choose-section .left-content-area .content::before{
    display: none;
}

.design_role .col.desing_role-col .content .heading-text.text p{
        font-size: 15px;
        line-height: 22px;
}
.roles-info .slick-slide {
    padding: 0 10px;
}
 section.real-estate .row.real-estate-ste-wrap {
    row-gap: 34px;
    }
    
    .main-header header nav div.login-btn-acoount.sign-up button {
  
        max-width: 130px !important;
        height: 35px !important;
        justify-content: center;
        padding: 8px;
        font-size: 12px;
        line-height: 22px;
  
}
 .real-estate .nwe-rela-eata{
        padding: 0 12px;
    }
    .footer-section >.container> .row>div:first-child{
        max-width:100%;
    }
    
 
    section.map-sec .map-sec-left-img {
                margin-top: 46px;
    position: static;
    width: 100%;
    height: 500px;
}

section.map-sec .map-sec-left-img + .container .row .col-md-6:first-child {
    display: none;
}

section.map-sec .map-sec-left-img + .container .row .col-md-6:first-child {display: none;}

section.map-sec .map-sec-left-img + .container .row .col-md-6.map-sec-right {
    width: 100%;
    padding-top: 30px;
}

.list-text-details a {
    display: block;
}

.list-text-details a .list-bottom-text p {text-align: left;min-height: auto;margin-bottom: 0 !important;}
.distance-filter-wrap {
    position: absolute;
    top: 12px;
    
}
    .seclet-wrap {
    gap: 8px;
    flex-wrap: wrap;
}

section.Local-Information {
    padding: 50px 22px 0px;
}
section.home-highlights ul>li{
        font-size: 15px;
    
}
section.Local-Information .left-section {
        max-width: 100%;
    }
    section.Local-Information .row {
    flex-wrap: wrap;
}
section.mortgage-calc .Home_Price .Payment {
        gap: 10px;
        flex-wrap: wrap;
    }
    .loction-wrap .Beds-wrap>button{
        font-size: 16px;
        padding: 8px 14px;
    }
    
        section.Local-Information .row .right-section {
        max-width: 100%;
        margin-top: 30px;
    }
    .wishlist-info .btns-group a.view-details {
    color: #33b04b;
    font-size: 12px;
}
.faq-container {
    margin: 40px auto 0px;
}
.doble-colum {
    margin: 32px auto 0px;
}
    .footer-section .post-footer .row {
    flex-flow: column;
    padding: 10px;
    margin: 0;
}

.footer-section .post-footer .row>.col-md-4 {
    width: 100%;
}
section.rtc-work-steps .row {
    flex-flow: column;
    gap: 20px;
}
section.rtc-work-steps .row>.col-md-6 {
    width: 100%;
}
body.page-template-rtc-resources .rtc-work-steps .row {
    gap: 0;
}

body.page-template-rtc-resources .rtc-work-steps .row>.streamline-col:not(:last-child) {
    border-bottom: 1px solid hsl(0deg 0% 6% / 10%);
}
body.page-template-rtc-resources .rtc-work-steps .row>.streamline-col {
    max-width: 100%;
    width: 100%;
}
}
@media (max-width:800px){
    .footer-section >.container> .row>div:first-child{
        width: 40%;
    }
    .footer-section .row{
        row-gap: 30px;
    }

}
@media (max-width:767px){
body.page-template-rtc-about section.rtc-ratio-info .ratio-steps:nth-child(2) span {
    margin-bottom: 0;
    margin-top: 0;
}
body.page-template-rtc-about section.rtc-ratio-info .ratio-steps:after {
    display: none;
}

body.page-template-rtc-about section.rtc-ratio-info .ratio-steps:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
    .save-btns button {
    font-size: 17px;
    padding: 0 15px;
    min-height: 40px;
}
.save-form {
    gap: 9px;
    flex-wrap: wrap;
}
.save-form input#search-name {
    height: 44px;   
    padding: 6px 15px;
    
}
    body .btn-close {
    box-sizing: content-box;
    width: 0.5em;
    height: 0.5em;
    font-size: 14px;
}
    .ovelay-text p {
        font-size: 15px;
        line-height: 23px;
    }
    .hero{
            min-height: 400px;
    }
    .footer-text{
        margin-top:0;
    }
        .footer-link-wrap .quick-link ul >li {
        margin: 0 0 16px;
    }
    .footer-link-wrap .get-in-touch h5 {
        margin: 0 0 12px;
    }
    .get-in-touch ul{
            row-gap: 16px;
    }
   
   
    .main-header header {
        padding: 12px 0;
    }
    .search-box {
        top: 88%;
        width: 97%;
        padding: 14px;
    }
    .hero h1 {
        font-size: 40px;
    }
    .streamline .streamline-col{
        border: 1px solid #eaeaea !important;
        border-bottom: 0 !important; 
    }
    .streamline .streamline-col:last-child{
        border-bottom: 1px solid #eaeaea !important;
    }
    body .comntent-wrap-estaret p {
    font-size: 15px;
    line-height: 1.3;
    
}
.search-btn,
    .comntent-wrap-estaret p:first-of-type {
    margin-top: 10px;
        
    }
    .search-box{
        gap:4px;
    }
    .footer-form-heading{
        padding: 0 0px 30px 0px;
    }
    .field input, .field select{
        font-size: 13px;
        
    }
        form.loaction-search .search {
        max-width: 100%;
    }
    form.loaction-search button,
    .seclet-wrap select.form-select, .select-wrap-inner{
            height: 36px;
           padding: 7px 10px !important;
    }
    
   body .select-wrap-inner.more-dropdown{
        padding: 7px 28px 7px 10px !important
    }
    .select-wrap-inner::after,
    .seclet-wrap .seclet-wrap-inner::after{
        top: 17px;
    }
    form.loaction-search .button-wrap{
        margin: 0;
    }
    .map-sec-select select.form-select{
        appearance: auto;
    }
    .grid-list-main {
    margin: 20px 0px 0 0px;}
    
    .left-section .prices{
        margin: 0 0 10px;
    }
    section.Local-Information {
        padding: 22px 12px 0px;
    }
    .breadcrumb-btn button{
        height: 40px;
    }

    section.Local-Information .left-section .loction-wrap .loction {
    margin: 0 0 11px;}
    .loction-wrap .Beds-wrap {
    margin: 0 0 20px;
    }
    .loction-wrap .Information {
    padding: 20px 0px 20px;
    }
    section.Local-Information .left-section .Description {
    margin: 30px 0px 30px;
    }
    section.breadcrumb-sec-main .row li img {
        margin: 0 6px;
    }
    section.breadcrumb-sec-main .row li {
        min-width: 60px;
    }
    
    section.Local-Information .left-section .Description p {
        font-size: 15px;
        line-height: 20px;
    }
    section.mortgage-calc .Home_Price .Loan_Type{
    padding-bottom: 19px;
    }
    button#calcBtn {
        font-size: 18px;
        padding: 14px 35px;
        width: 100%;
    }
    .footer-section .container {
    padding: 0 0px;
    }
    section.Local-Information .row .right-section .btn-box{
        padding: 16px;
    }
     .post-64.page.type-page.status-publish.hentry {
        padding-top: 80px;
    }
    
    .streamline .streamline-col .streamline-col-content h3 {
        margin: 18px 0 0px;
    }
    
    .remove-overlay-cst{
        top: 30px;
    }
    .seclet-wrap select.form-select,
    .select-wrap-inner div.custom-select-trigger {
    font-size: 12px;
}

div.select-wrap-inner i.dropdown-icon{
    top:12px;
}


.first-box.imgs-box.wrap-img {
    margin-bottom: 0;
    width: 100%;
}
section.lisiting-grid-imgs-sec .row {
    row-gap: 20px;
}

.second-imgs-grid {
    width: 100%;}
    
    .page-template-hidden-homes section.header-h1 ,
    .page-template-wishlists section.header-h1 {
    padding-top: 78px;
}
section.saved-searches {
    padding-top: 78px;
}
.profile-card {
    grid-template-columns: 219px calc(100% - 219px);
}
.profile-card .profile-content .name {
    font-size: 20px;    
    line-height: 18px;
}
.profile-card .profile-content p.title {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 10px;
        padding-bottom: 5px;
}
.contact-row .icon {
    padding: 4px;
    width: 36px;
    height: 36px;
}
.doble-colum .profile-card {
    grid-template-columns: 219px calc(100% - 219px);
}
}
 @media (max-width:650px){
.select-wrap-inner.beds-baths-wrap .custom-popup ,
     .select-wrap-inner.more-dropdown .custom-popup {
    left: auto;
    right: 0;
    width: 200px;
}

   .modal-body  .message-form .form-group{
         width: 100%;
     }
   .modal-body  .message-form input{
    height: 38px;
    font-size: 15px;
    padding: 2px 14px;
   }
     .footer-form-heading h2 {
    font-size: 16px !important;
}
     section.property-features .accordion-body{
             grid-template-columns: repeat(2, 1fr);
     }
     section.property-features .accordion-body .feature h5 {
        font-size: 15px;
        margin: 0 0 3px;
   }
       section.property-features .accordion-body .feature {
        margin: 0 0 26px;
    }
    section.home-highlights {
    padding: 20px;
    margin: 0px 0 40px;
    }
    section.breadcrumb-sec-main .row>div.breadcrumb-btn{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .left-section .prices {
      gap: 5px;
      flex-wrap: wrap;
        
    }
    
    .breadcrumb-listing ul{
       flex-wrap: wrap;
    }
    section.breadcrumb-sec-main .row li {
      min-width: 100px;
    }
    section.property-tax {
    padding: 20px 0;
}
    section.mortgage-calc {
        padding: 30px 0px 0px;
    }
    section.price-history h3{
            font-size: 22px;
    }
    
section.property-tax ul{
        gap: 7px;
}
section.streamline {
    margin: 40px 0px 30px !important;
}
section.buysell .step-item {
    background: #f5fbf7;
    padding-bottom: 10px;
}
body.page-template-rtc-resources section.about-our-mission .row .col-md-6:last-child {
    padding-left: 30px;
}
body.page-template-rtc-resources section.about-our-mission .row .col-md-6:last-child::after {
    width: 90%;
    right: 20px;
}
section.about-our-mission {
    margin: 45px 0px 25px;
    padding: 44px 0px 55px;
}
 }
 @media (max-width:575px){
     section.role-modal{
         padding: 16px;
         grid-template-columns: repeat(2, 1fr);
     }
         section.map-sec .map-sec-left-img {
        margin-top: 60px;}
    .distance-filter-wrap {
        top: -54px;
    }
        section.price-history {
        padding-top: 26px;
    }
    section.property-features .accordion-item h2 button.accordion-button {
        font-size: 16px;
        padding: 12px 13px;
    }
    section.Similar-Homes .row.grid-list-main {
    padding: 30px 0px 0px;
    }
        
    section.map-sec {
        padding-top: 0;
    }
         .loction-wrap .Beds-wrap>button {
        font-size: 12px;
        padding: 8px 8px;
    }
    .seclet-wrap select.form-select, .select-wrap-inner{
       width: 140px;
       max-width: 140px;
    }
     section.home-highlights ul>li {
    gap: 7px;
    }
    section.home-highlights ul>li i {
        font-size: 15px;
    }
        section.home-highlights ul>li {
        font-size: 12px;
    }
         section.loaction-top-sec {
        padding: 82px 0 20px;
    }
     section.property-tax ul{
         grid-template-columns: repeat(2, 1fr);
     }
      .footer-link-wrap .get-in-touch {
        padding-top: 30px;
    }
     
     img.wrpa-image-sec {
    max-width: 240px;
}
    .footer-link-wrap{
        flex-wrap: wrap;
    }
    .footer-section >.container> .row>div:first-child {
        width: 100%;
    }
    .color-inner .color-card {
        width: 100%;
    }
    .typography-section h1 {
        font-size: 30px;
    }
    .typography-section h2 {
        font-size: 29px;
    }
    .typography-section h4 {
        font-size: 23px;
    }
        .hero h1 {
        font-size: 28px;
    }
    
    section.home-highlights ul{
        row-gap: 16px;
    }
.profile-card {
    grid-template-columns: 1fr;
}
.doble-colum .profile-card {
    grid-template-columns: 1fr;
}
.doble-colum {
    margin: 15px auto 0px;
    gap: 15px;
}
section.card-wrap-main {
    padding: 25px 16px 25px;
}
body.page-template-rtc-resources .rtc-work-steps .row>.streamline-col:not(:last-child) {
    border-bottom: 1px solid hsl(0deg 0% 6% / 10%);
}

  }
 @media (max-width:420px){
     .second-imgs-grid {
        flex-wrap: wrap;
      }
      .second-imgs-grid>div {
    width: 100%;
    padding: 0;
    margin-bottom: 14px;

}
     
 }
 @media (max-width:450px){
     .select-wrap-inner.more-dropdown .custom-popup {
        left: auto;
        right: auto;
    }
    .get-in-touch p {
    font-size: 14px !important;
}
 }
 @media (max-width:310px){
     .select-wrap-inner.beds-baths-wrap .custom-popup {
        left: auto;
        right: auto;
   
    }
 }

   /* 07 June 24 header new button add css end */
   
   @media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - -4.5rem) !important;
    }
}
   @media (min-width: 992px) {
       .new-menu-new .menu-item-has-children > .sub-menu{
             width: 170px;
            right: -17px;
       }
       
       
       .main-header header nav .navbar-nav li.nav-item {
        position: relative;
    }
   }