@media screen and (max-width:1280px){
    .aboutus-content{
        padding-left: 72px;
    }    
}

@media only screen and (max-width:1199px) {
	.page-id-117 .col-sm-6.contact-form-left {
		padding-right: 50px;
		max-width: 100%;
		flex: 100%;
		padding: 0;
	}
	.page-id-117 .contact-form-parent .col-sm-6 {
		max-width:100%;
		flex: 100%;
	}
	.page-id-117 .contact-form-wrapper {
		border-radius: 9.946px;
		margin-top: 50px;
	}
	.page-id-117 .contact-form-parent .col-sm-6.contact-form-right {
		padding: 0;
	}
}
/**
     * @desc Responsive  Css
     * @date 4 january 2022
     * @author Catalyst
     */
@media screen and (max-width:1080px) {

    /* Footer Css */
    .footer-menu ul#menu-footer-menu li {
        margin-right: 0;
    }

    .footer-menu ul#menu-footer-menu {
        justify-content: space-between;
    }

    /* End Archive Pages Style */

    .blog-col-section.col-sm-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* End Archive Pages Style */
}


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

    /* *{
        padding: 0px;
        margin: 0px;
    } */

    body h2{
        font-size: 40px;
        margin-bottom: 0px;
    }

    .container{
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Mobile Menu Css */
    .mobile-header-main-div {
        display: block;
        position: relative;
        z-index: 8;
        height: auto;
        /* top: -120px; */
    }

    .mobile-main-div, .header-wrapper{
        display: none;
    }

    .mobile-main-div-wrapper{
        padding: 0px 16px;
        z-index: 9;
        background: transparent;
        transition: all ease-in-out 0.4s;
        height: 78px;
        width: 100%;
        position: fixed;
        top: -20px;
    }

    .mobile-main-div-container{
        max-width: 1360px;
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 8px;
        box-shadow: 0px 4px 4px 0px rgba(0 ,0 , 0, 0.10);
        background: #fff;
        display: grid;
        align-items: center;
        height: 64px;
    }

    .mobile-main-div-row{
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 8px 16px;
    }

    .nav-up .mobile-main-div-wrapper{
        /* display: block; */
        top: 20px;
    }
    
    .nav-down .mobile-main-div-wrapper{
        /* display: none; */
        top: -120px;
    }

    .mobile-menu {
        display: block;
        position: relative;
        height: auto;
    }

    .header-wrapper{
        padding: 0px 16px;
        z-index: 99;
    }

    .header-wrapper .row{
        justify-content: space-between;
    }

    .container-fluid.ap-navBar {
        display: none;
    }

    .button_container {
        position: absolute;
        top: 30px;
        right: 40px;
        height: 12px;
        width: 18px;
        cursor: pointer;
        z-index: 100;
        transition: opacity 0.25s ease;
    }

    .button_container:hover {
        opacity: 1;
    }

    .button_container.active .top {
        transform: translateY(3px) translateX(0) rotate(45deg);
    }

    .button_container.active .middle {
        opacity: 0;
    }

    .button_container.active .bottom {
        transform: translateY(-7px) translateX(0) rotate(-45deg);
    }

    .button_container span {
        background: #000;
        border: none;
        height: 2px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.35s ease;
        cursor: pointer;
    }

    .button_container span:nth-of-type(2) {
        top: 5px;
    }

    .button_container span:nth-of-type(3) {
        top: 10px;
    }

    .overlay {
        position: fixed;
        background: #FFF;
        top: 0;
        left: 0;
        width: 100%;
        height: 0%;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.35s, visibility 0.35s, height 0.35s;
        overflow: hidden;
        z-index: 8;
    }

    .overlay.open {
        opacity: 1;
        visibility: visible;
        height: 100%;
    }

    .overlay.open li {
        animation: fadeInRight 0.5s ease forwards;
        animation-delay: 0.35s;
    }

    .overlay.open li:nth-of-type(2) {
        animation-delay: 0.4s;
    }

    .overlay.open li:nth-of-type(3) {
        animation-delay: 0.45s;
    }

    .overlay.open li:nth-of-type(4) {
        animation-delay: 0.5s;
    }

    .overlay nav {
        position: relative;
        /* height: 70%; */
        top: 56%;
        transform: translateY(-50%);
        font-size: 50px;
        font-weight: 400;
        text-align: center;
    }

    .overlay ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        display: block;
        position: relative;
    }

    .overlay ul li {
        display: block;
        margin-bottom: 35px;
        position: relative;
        opacity: 0;
    }

    .overlay ul li a {
        display: block;
        position: relative;
        color: rgba(170, 119, 72, 1);
        text-decoration: none;
        font-size: 20px;
    }

    .overlay ul li.menu-item-has-children {
        margin-bottom: 0;
    }

    .overlay ul li ul.sub-menu {
        margin-top: 20px;
    }

    .overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
        width: 100%;
    }

    .overlay ul li a:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0%;
        transform: translateX(-50%);
        height: 3px;
        background: rgba(170, 119, 72, 1);
        transition: 0.35s;
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            left: 20%;
        }

        100% {
            opacity: 1;
            left: 0;
        }
    }

    .mobile-header-wrapper{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        background: #fff;
        height: auto;
        z-index: 9;
        transition: all ease-in-out .4s;

    }

    .mobile-header {
        padding: 12px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }
    
    #toggle{
        right: 20px;
        top: 34px;
    }

    .mobile-logo-wrapper img {
        width: 115px;
        height: auto;
    }

    .nav-up .mobile-header-wrapper {
        top: -160px;
    }

    .menu-open .mobile-header-wrapper {
        top: 0 !important;
    }

    .menu-open .mobile-main-div-wrapper{
        /* top: 0 !important; */
        display: none;
    }

    .menu-open-main .mobile-main-div-wrapper{
        top: 0px !important;
    }

    .menu-open-main .mobile-header-wrapper{
        /* top: 0px !important; */
        display: none;
    }

    .menu-open .mobile-header-main-div > .header-wrapper {
        top: 0 !important;
    }

    .overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
        width: 20%;
    }

    .overlay ul li a:after {
        bottom: -5px;
    }

    .overlay ul li.current-menu-item a:after {
        width: 20%;
    }

    .header-full-wrapper{
        display: none;
    }

    .mobile-menu-button{
        margin-right: 68px;
    }

    .header-scrolling-text p ,.header-scrolling-text a{
        font-size: 14px;
    }

    
.header-scrolling-text p {
    animation-duration: 20s;
}

    /* End Mobile Menu Css */
    .row.footer-row .col-sm-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer-logo {
       	width: 182px;
		margin-bottom:30px;
    }

    .row.footer-row .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 50px;
    }

    .col-sm-6.two-content-col-sec {
        margin-bottom: 38px;
        padding-left: 15px;
    }

    .col-sm-6.two-content-col-sec, .col-sm-6.two-img-col-sec {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

	.page-template-password-protected .two-col-img-content-sec .row:first-child .two-img-col-sec img {
    	padding-right: 0;
	}
    .col-sm-6.two-img-col-sec .two-col-img img {
        max-height: max-content;
    }

    .popup-modal-body .col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .popup-modal-body .row .col-sm-6, .popup-img-col, .popup-img-col img {
        height: 100%;
    }

    .close-button {
        /* background: #fff; */
    }

    .col-sm-6.popup-col-content {
        padding: 0 50px 40px 50px;
    }


    /* Banner */

    .banner-row{
        flex-direction: column-reverse;
    }

    .banner-container{
        padding-bottom: 38px;
    }

    .banner-right, .banner-left{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .banner-left{
        padding-top: 40px;
        padding-left: 15px;
    }

    .banner-content-wrapper .row{
        justify-content: flex-start;
        margin-left: 0px;
    }

    .banner-content-wrapper p{
        font-size: 14px;
    }

    .sub-heding{
        font-size: 32px;
        line-height: 140%;
        padding-top: 100px;
    }

    .animation-image-list > li:nth-child(1) .animation-image-wrapper{
        right:10%;
        top: 0%;
        width:30%;
    }

    .animation-image-list > li:nth-child(2) .animation-image-wrapper{
        right:5%;
        top: 24%;
        width:30%;
    }

    .animation-image-list > li:nth-child(3) .animation-image-wrapper{
        right:27%;
        bottom: 15%;
        width:40%;
    }

    .animation-image-list > li:nth-child(4) .animation-image-wrapper{
        left:0%;
        bottom: 38%;
        width:40%;
    }

    .animation-image-list > li:nth-child(5) .animation-image-wrapper{
        left:2%;
        top: 24%;
        width:37%;
    }

    .disc-under-image{
        width: 20px;
        height: 20px;
    }

    .disc-inside{
        width:12px;
        height: 12px;
    }

    /*Posts Section  */

    .posts-parent{
        padding-top: 84px;
        padding-bottom: 48px;
    }

    .posts-subheading{
        text-transform: uppercase;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 24px;
    }

    .posts-grid{
        margin-top: 40px;
        margin-bottom: 32px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .post-card{
        display: block;
        margin: 0px 0px;
        padding:40px 24px 0px 24px;
        margin-bottom: 20px;
    }

    .posts-container ,.post-content{
        max-width: 100%;
    }

    .post-content{
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
    }

    .posts-heading{
        font-size: 40px;
        margin-top:0px;
    }

    .post-content h2{
        font-size: 36px;
        line-height: 130%;
        text-align:center;
    }

    .post-content p {
        padding: 10px 0px 20px 0px;
        margin: 0px;
        opacity: 100%;
        text-align: center;
    }

    .post-content a{
        display: flex;
        justify-content: center;
    }

    .post-thumbnail{
        margin: auto;
        padding: 0px;
        margin-top: 43px;
    }

    /* Two col image and content section */
    .two-col-img-content-sec{
        padding-top: 96px;
    }

    .two-col-img-content-sec-container > .row:first-of-type{
        flex-direction: column-reverse;
    }
	
	.page-template-password-protected .two-col-img-content-sec-container > .row:first-of-type{
        flex-direction: column;
		padding: 64px 0;
    }
	.page-template-password-protected .two-col-content {
    	margin-top: 50px;
		padding: 0;
	}
	.page-template-password-protected .two-col-img-content-sec-container .row {
		justify-content: left;
	}
    .two-content-col-sec{
        margin-bottom: 38px;
    }

    .two-col-content p{
        margin: 18px 0px;
        font-size: 14px;
        max-width: unset;
    }

    .two-content-col-sec{
        margin: 0px;
    }

    .two-col-buttons{
        justify-content: flex-start;
    }

    /* Three col Images and Content */
    .three-col-parent{
        padding: 68px 0px;
    }

    .three-col-card{
        max-width: 100%;
    }

    .three-col-heading{
        padding-top: 0px;
    }

    /* Contact Form */
    .phone-mail-wrapper{
        display: none;
    }

    .contact-form-parent{
        padding: 64px 20px;
    }

    .form-phone-mail-wrapper{
        display: grid;
        gap:20px;
        /* max-width: 298px; */
        margin-top: 16px;
        padding: 0px 15px;
    }

    .contact-form-container > .row:first-of-type{
        flex-direction: column;
    }

    .page-id-115 .contact-form-left{
        padding-right: 15px;
    }

    .contact-form-left{
        flex: 0 0 100%;
        max-width: 100%;
    }

    h2.faq-heading{
        text-align: center;
    }

    .contact-form-left p{
        text-align: center;
    }

    .contact-form-right{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .phone-mail-container{
        /* max-width: 298px; */
        padding:17px 20px;
        width: auto;
    }

    .light-text{
        margin: 0px;
    }

    .contact-form-info-wrapper input ,form.wpcf7-form.init {
        width: 100%;
        max-width: 100%;
    }
    

    /* About Us */
    .aboutus-container .row:first-of-type{
        margin-left: -20px;
        margin-right: -20px;
    }
    
    .aboutus-title{
        font-size: 20px;
        margin-bottom: 0px;
    }

    .aboutus-content{
        padding-left: 70px;
    }

    .aboutus-card p{
        font-size: 14px;
        margin-top: 8px;
    }

    /* Faq SEction */
    .faq-container{
        max-width: 100%;
    }

    .faq-parent{
        padding: 64px 0px;
    }

    .faq-answer{
        padding-top: 0px;
        margin-top: 10px;
    }

    .faq-question{
        margin-right: 30px;
    }

    h2.faq-heading{
        font-size: 40px;
        font-weight: 500;
        line-height: 52px;
    }

    .faq-wrapper{
        margin-left: 0px;
        margin-right: 0px;
    }

    .faq-subheading{
        margin-bottom: 24px;
    }

    .faq-card-wrapper{
        margin-top: 32px;
    }

    .question-sign-wrapper{
        flex-wrap: nowrap;
    }

    /* Reviews Section */
    .reviews-sec{
        padding:64px 0px;
    }

    .reviews-heading{
        font-size: 40px;
        font-weight: 500;
        line-height: 52px;
    }

    /* Footer Row */
    .row.footer-row{
        padding-bottom: 81px;
    }

    .footer-row .col-sm-3,.footer-row .col-sm-7{
        margin-left: -15px;
        margin-right: -15px;
    }

    .footer-menu, .terms-menu, .footer-contact-container{
        width: 100%;
    }

    .footer-menus-container{
        display: block;
        max-width: 100%;
    }

    .footer-container .row{
        display: block;
    }

    .profile-info-container .col-sm-6 {
        max-width: 100%;
        flex: 100%;
    }
    .contact-icon-blocks {
        max-width: 100%;
    }

    form.post-password-form {
        text-align: center;
        padding: 20px;
        max-width: 90%;
    }
    /* form.post-password-form input {
        max-width: 100%;
        width: 100%;
    } */

    /* Transfer Documents */
    .common-heading{
        font-size: 40px;
        font-weight: 500;
        line-height: 120%;
    }

    /* Contact US  PAge*/

    .page-id-125 .contact-form-parent{
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-id-125 .phone-mail-wrapper{
        display: grid;
        max-width: 100%;
        width:100%;
        margin:0;
    }

    .page-id-125 .contact-form-left{
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-id-125 .form-phone-mail-wrapper{
        display: none;
    }

    .page-id-125 .contact-form-container > .row:first-of-type{
        flex-direction: column-reverse;
        margin: 0px;
    }

    .page-id-125 .light-text{
        text-align: left;
    }

    .transfer-documents-form-container{
        padding: 24px 16px;
    }
	
	/* solution page css */
    .page-id-117 .common-heading{
        /* padding: 56px 0px; */
    }

	.page-id-117 .posts-parent {
		padding: 80px 0 70px;
	}

	.page-id-117 .post-card {
		padding: 40px 20px;
		margin: 0 0 20px;
	}
	.page-id-117 .post-content p {
		/* font-size:14px; */
	}
	.page-id-117 .post-content h2, .page-id-117 .post-content p {
		text-align:left;
		margin: 0;
	}
	.page-id-117 .post-content {
		padding-left:0;
		padding-right: 0;
	}
	.page-id-117 .post-content a {
		justify-content: left;
	}
	.page-id-117 .col-sm-6.contact-form-left h2 {
		font-size:40px;
		line-height:52px;
		text-align:left;
	}
	.page-id-117 .col-sm-6.contact-form-left {
		padding-right: 0;
		padding-left: 0;
	}
	.page-id-117 .contact-form-parent {
		padding: 100px 15px;
	}
	.page-id-117 .contact-form-left p {
		text-align: left;
	}
	.page-id-117 .contact-form-right {
    	padding: 0;
	}

    .posts-small-cards-grid{
        grid-template-columns: auto;
    }

    .other-services-container{
        max-width: 100%;
    }

    .services-cards-container{
        flex-direction: column;
        margin-left: -15px;
        margin-right: -15px;
    }

    .services-cards-container .col-sm-6{
        max-width: 100%;
    }
    
    .other-services-card {
        margin-bottom: 20px;
    }

    .pricing-block-inner-container {
        max-width: 100%;
    }
    .unit-range-container {
        padding: 44px 20px;
    }
    .unit-range-container h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .plan-block-inner-container {
        flex-direction: column;
    }
    .price-plan-block {
        padding: 34px 20px; 
        width: 100%;    
    }
    strong#priceAmount {
        font-size: 40px; 
    }
    .plan-feature-block {
        width: 100%;
        border-radius: 0 0 20px 20px;
        padding: 44px 20px;
    }
    div#popup-get-started {
        width: 70% !important;
    }
    .form-container-hoa-member .contact-form-wrapper {
        max-width: 100%;
    }
    .form-container-hoa-member {
        padding: 0 20px 50px;
    }
    .accordion-section {
        flex-direction: column;
        padding: 0 20px;
        max-width:100% !important;
    }
    form#stripe-checkout-form, .overview-box {
        width: 100% !important;
    }    
}
@media (min-width:768px) and (max-width:992px) {
	.page-template-password-protected .two-col-img-content-sec {
		padding: 0 20px;
	}
}
@media screen and (max-width: 767px) {
    /* Banner */
    .banner-content-wrapper .row{
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .banner-primary-button{
        margin-left: 0px;
    }

    /* Three Col Image and Content Section  */
    .three-col-grid{
        display: grid;
        gap: 56px;
        padding-top: 75px;
        margin-top: 21px;
    }

    /* Posts Section */
    .post-content h2 ,.post-content p{
        text-align: left;
    }

    .post-content p{
        font-size: 14px;
    }

    .post-content a{
        justify-content: flex-start;
    }

    /* About Us */
    .aboutus-card{
        margin-bottom: 20px;
    }

    .aboutus-thumbnail{
        max-width: 100%;
    }

    .aboutus-container .row{
        flex-direction: column-reverse;
        margin: 0px -20px;
    }

    .aboutus-grid{
        margin-top: 32px;
    }

    .aboutus-content{
        justify-content: center;
        max-width: 100%;
        padding-right: 20px;
        padding-top: 48px;
        padding-left: 20px;
        padding-bottom: 44px;
    }

     /* Contact Form */
     .contact-form-container{
        max-width: 100%;
        padding: 20px;
    }

    .contact-form-wrapper{
        padding: 16px;
        border-radius: 10px;
    }

    .contact-form-left p{
        padding-top: 18px;
        padding-bottom: 40px;
        text-align: left;
    }

    .page-id-115 .contact-form-container > .row:first-of-type{
        margin-left: -20px;
        margin-right: -20px;
    }

     /* Footer */
    .row.footer-row{
        padding-top: 64px;
    }

    .footer-menu-heading{
        margin-top: 40px;
    }

    .footer-row .col-sm-3,.footer-row .col-sm-7{
        margin-left: 0px;
        margin-right: 0px;
    }
    /* Pop up  */
    .modal .contact-form-info-wrapper{
        padding: 6px 16px;
    }
     /* Banner Image Block */
     .banner-image-content {
        width: auto;
        margin-top: 180px;
    }
    .banner-image-content p {
        width: auto;
		font-size:14px;
		line-height:21px;
		margin-top:24px;
    }
    .banner-image-content h1 {
        font-size: 40px;
        line-height: 52px;
    }
    .two-column-content-with-iconlist {
        padding: 64px 0;
    }
    .profile-info-container {
        padding: 48px 20px;
    }
    .profile-info-container .col-sm-6 {
        max-width: 100%;
        flex: 100%;
    }
    .profile-information-block h2 {
        font-size: 40px;
        font-weight: 500;
        line-height: 52px;
        margin-bottom: 35px;
    }
    .contact-icon-blocks {
        max-width: 100%;
    }
    .profile-person-image img {
        height: 334px;
		margin-top:24px;
    }
    .page-id-117 .two-col-img-content-sec .row:first-child .two-img-col-sec img {
        padding-right: 0;
    }

    .page-id-117 .posts-parent {
		padding-top: 65px;
        padding-bottom: 64px;
	}

    .page-id-117 .contact-form-left p{
        font-size: 14px;
    }

    /* THree col-image sectio */
    .three-col-parent{
        padding-bottom: 120px;
    }

    .three-col-card h3{
        margin-top: 31px;
    }

    /* Contact Us */

    /* h2.faq-heading{
        text-align: left;
    } */

    .page-id-125 .phone-mail-wrapper{
        max-width: 100%;
        margin-left: 0px;
    }

    .page-id-125 .contact-form-parent{
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-id-125 .contact-form-container{
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-id-125 .contact-form-heading{
        text-align: left;
    }

    .page-id-125 .contact-form-right{
        padding: 32px 16px;
    }
    .page-id-125 .wpcf7-response-output {
        position: relative !important;
        top: 10px;
    }

    .page-id-125 .contact-form-container > .row:first-of-type{
        flex-direction: column-reverse;
        /* padding-left:15px;
        padding-right: 15px; */
    }

    .form-heading{
        line-height: 34px;
    }

    .page-id-125 .contact-form-heading{
        font-size: 36px;
        line-height: 46px;
    }


    .page-id-125 .form-content {
        font-size: 14px;
    }
	
	.page-template-password-protected .two-content-col-sec {
		padding: 0 15px;
	}

    /* Common Heading */
    .common-heading{
        padding-top: 112px;
    }

    /* pricing block */
    .pricing-block-inner-container {
        max-width: 100%;
    }
    .unit-range-container {
        padding: 44px 20px;
    }
    .unit-range-container h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .plan-block-inner-container {
        flex-direction: column;
    }
    .price-plan-block {
        padding: 34px 20px; 
        width: 100%;    
    }
    strong#priceAmount {
        font-size: 40px; 
    }
    .plan-feature-block {
        width: 100%;
        border-radius: 0 0 20px 20px;
        padding: 44px 20px;
    }
    .feature-row::after,
    .feature-header::after {
        display: none;
    }
    .feature-header, .feature-row {
        text-align: center;
        padding: 15px 20px;
        grid-template-columns: 1fr;
    }
    .feature-title {
        padding: 0 10px;
    }

    .feature-check {
        margin-top: 8px;
        text-align: center;
    }
    .feature-value {
        margin-top: 20px;
    }
    div#popup-get-started {
        max-width: 90% !important;
        width: 100% !important;
    }
    .geat-started-container {
        padding: 40px 15px;
    }
    .role-option .popup-icon img {
        height: 40px;
        width:40px
    }
    .role-option .popup-text h3 {
        font-size: 16px;
        line-height: 26px;
    }
    .geat-started-container h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .form-container-hoa-member .contact-form-wrapper {
        max-width: 100%;
    }
    .form-container-hoa-member {
        padding: 0 20px 50px;
    }
    .accordion-item {
        padding: 40px 15px !important;
    } 
    .custom-radio .checkmark {
        width: 15px;
        height: 15px;
    }
    .custom-radio {
        margin-right: 0;
    }
    .custom-radio input:checked ~ .checkmark .tick-icon {
        display: block;
        max-width: 8px;
    }
    .plan-option {
        padding: 30px 10px !important;
    }
    .plan-info-details {
        gap: 10px !important;
    }
    .plan-type, .plan-price, .plan-type-monthly {
        font-size: 16px !important;
    }
    .plan-detail small {
        font-size: 10px !important;
    }
    .price-per-unit-container small {
        font-size: 10px !important;
    }
    form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
        position:static !important;
    }
}

@media screen and (min-width:992px) and (max-width:1280px) {
    body h1{
        font-size: 38px;
    }

    .post-content h2{
        font-size: 44px;
    }

    .post-card{
        padding: 40px 52px 0px 52px;
    }

    .two-col-content h2{
        font-size: 38px;
    }

    .contact-form-heading{
        line-height: 56px;
        font-size: 38px;
    }

    .animation-image-list li img{
        width:70%;
    }
    .form-container-hoa-member .contact-form-wrapper {
        max-width: 100%;
    }
    .form-container-hoa-member {
        padding: 0 20px 50px;
    }
    .accordion-section {
        max-width: 80% !important;
    }
    form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
        position:static !important;
    }
}



@media screen and (max-width:550px) {
    .mobile-main-div-row .header-button{
        margin-left: 4px;
    }
    .post-password-form label {
		display: flex;
		flex-direction: column;
	}
	form.post-password-form input[type="submit"] {
    	width: 100%;
		margin-top:20px;
	}
	form.post-password-form input#pwbox-263 {
    	margin-top: 10px;
	}
}
@media screen and (max-width:400px) { 
	.page-id-263 .two-col-content h2 ,.page-id-125 .contact-form-heading, .page-id-115 .contact-form-heading{
		font-size: 30px;
		line-height:40px;
	}
    .phone-mail-container {
        padding: 15px 10px;
    }
}

@media screen and (max-width: 991px) and (orientation: landscape) { 
    .popup-container .contact-form-wrapper{
        padding: 20px;
    }

    .modal .contact-form-info-wrapper{
        margin-bottom: 10px;
    }

    .modal .contact-form-info-wrapper{
        padding: 6px;
    }

    .modal .secondary-button{
        height: 40px;
    }

    .modal .contact-form-wrapper > p:nth-child(1){
        margin-bottom: 14px !important;
    }

    .modal .contact-form-wrapper textarea{
        height: 21px !important;
    }

    .modal .wpcf7-not-valid-tip{
        font-size: 10px;
    }

    .modal form.invalid .wpcf7-response-output,.modal  .wpcf7 form.unaccepted .wpcf7-response-output,.modal  .wpcf7 form.payment-required .wpcf7-response-output{
        border: none;
        bottom: 0px !important;
    }
    
    .modal .wpcf7-form-control-wrap[data-name="your-message"] .wpcf7-not-valid-tip {
        bottom: -6px;
    }
}

@media  screen  and (max-width:350px) {
    .phone-mail-container{
        padding: 17px 15px;
    }

    .phone-mail-container img{
        width:45px;
    }

    .phone-mail-text{
        margin-left: 10px;
    }

    .dark-text{
        font-size: 14px;
    }
}

@media screen and (max-width:1080px) {
    .header-wrapper .button-container{
        margin-left: 30px;
    }

    .herder-menu ul#menu-primary-menu li{
        padding: 0px 8px;
    }
}