/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {
    .header-logo a img {
        max-width: 250px;
    }
    .hero-area {
        height: 700px;
    }
    .hero-text h3 {
        font-size: 30px;
    }
    .hero-text h4 {
        font-size: 30px;
    }
    .hero-btn a {
        width: 260px;
        height: 52px;
        line-height: 1;
    }
    .pro-video-text h3 {
        font-size: 44px;
        line-height: 57px;
        margin-bottom: 15px;
    }
    .pro-video-text p {
        font-size: 18px;
        line-height: 32px;
    }
    .single-fik p {
        font-size: 18px;
        line-height: 25px;
    }
    .single-fik h3 {
        font-size: 40px;
        line-height: 60px;
    }
    .all-title h3 {
        font-size: 30px;
        line-height: 48px;
        margin-bottom: 9px;
    }
    .galery-btn a {
        width: 340px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
    .single-dpa h3 {
        font-size: 90px;
        line-height: 90px;
    }
    .single-dpa.sp1 {
        padding-left: 98px;
    }
    .call-title h3 {
        font-size: 30px;
        line-height: 53px;
    }
    .cell-content h2 {
        font-size: 50px;
        line-height: 54px;
        margin: 0;
    }
    .single-itemn img {
        max-width: 40px;
    }
    .single-itemn p {
        font-size: 18px;
        line-height: 42px;
    }
    .single-itemn {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        text-align: center;
    }
    .plan-icon-fx {
        width: 562px;
    }
    .plan-btn {
        font-size: 30px;
    }
    .visit-wrap h2 {
        font-size: 50px;
        line-height: 60px;
    }
    .visit-wrap a {
        width: 400px;
        height: 58px;
        line-height: 60px;
        font-size: 22px;
        margin-top: 20px;
    }
    .visit-area {
        height: 430px;
    }
    .footer-list-widget {
        width: 650px;
    }
    .cell-fx {
        width: 100%;
        margin: auto;
    }
    .cell-content {
        width: 478px;
    }
    .single-sell {
        width: 600px;
    }




    .header-area.header-2 {
        position: unset;
        height: 285px;
    }
    .edif-content h3 {
        font-size: 50px;
        margin-bottom: 10px;
        line-height: 42px;
    }

    .edif-content p {
        font-size: 19px;
        line-height: 26px;
        width: 100%;
    }
    .edif-content a {
        width: 377px;
        height: 47px;
        font-size: 16px;
    }
    .edif-content {
        margin-bottom: 37px;
    }
    .calo-wrap {
        width: 100%;
        float: unset;
    }
    .calo-hdn h2 {
        font-size: 40px;
        color: #3D253F;
        font-weight: 700;
        line-height: 50px;
    }
    .calo-hdn h2 br {
        display: none;
    }
    .sito-single {
        width: 174px;
        margin-bottom: 30px;
    }
    .colo-aera {
        padding-top: 50px;
        padding-bottom: 50px;
    }


    .house-list ul li {
        font-size: 32px;
        line-height: 59px;
    }
    .house-image {
        width: 499px;
    }
    .house-list ul li::before {
        position: absolute;
        width: 178px;
        left: -211px;
    }
    .plan-icon-fx {
        width: 100%;
    }
    .plan-btns {
        width: 100%;
        margin: auto;
        margin-top: 27px;
        margin-bottom: 20px;
    }
    .plan-btns a {
        width: 260px;
        height: 50px;
        line-height: 46px;
        font-size: 15px;
    }



    .hero-area.hero-sec {
        padding-bottom: 0;
        height: 500px;
    }

    .video-title h3 {
        font-size: 30px;
        line-height: 63px;
    }
    .pro-video-play.video {
        width: 100%;
        height: 500px;
    }
    .pro-video-play.video img {
        height: 100%;
    }
    .tour-wrap a img {
        max-width: 186px;
    }
    .tour-area {
        padding-top: 20px;
        padding-bottom: 30px;
    }



    .contact-wrap h3 {
        font-size: 50px;
        margin-bottom: 15px;
        line-height: 50px;
    }
    .single-form input {
        width: 100%;
        height: 45px;
        padding: 0 13px;
        font-size: 19px;
    }


.plant-card {
	max-width: 525px;
	margin-left: auto;
}





}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

    .header-logo a img {
        max-width: 178px;
    }
    .hero-area {
        height: 600px;
    }
    .hero-text h3 {
        font-size: 30px;
    }
    .hero-text h4 {
        font-size: 30px;
    }
    .hero-btn a {
        width: 260px;
        height: 60px;
        line-height: 65px;
    }
    .pro-video-text h3 {
        font-size: 31px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    .pro-video-text p {
        font-size: 18px;
        line-height: 32px;
    }
    .single-fik p {
        font-size: 16px;
        line-height: 22px;
    }
    .single-fik h3 {
        font-size: 33px;
        line-height: 56px;
    }
    .all-title h3 {
        font-size: 28px;
        line-height: 48px;
        margin-bottom: 9px;
    }
    .galery-btn a {
        width: 340px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
    .single-dpa h3 {
        font-size: 50px;
        line-height: 64px;
    }
    .single-dpa.sp1 {
        padding-left: 50px;
    }
    .call-title h3 {
        font-size: 30px;
        line-height: 53px;
    }
    .cell-content h2 {
        font-size: 40px;
        line-height: 47px;
        margin: 0;
    }
    .single-itemn img {
        max-width: 40px;
    }
    .single-itemn p {
        font-size: 18px;
        line-height: 42px;
    }
    .single-itemn {
        width: 158px;
        text-align: center;
    }
    .plan-icon-fx {
        width: 100%;
    }
    .plan-btn {
        font-size: 30px;
    }
    .visit-wrap h2 {
        font-size: 40px;
        line-height: 49px;
    }
    .visit-wrap a {
        width: 400px;
        height: 58px;
        line-height: 60px;
        font-size: 22px;
        margin-top: 20px;
    }
    .visit-area {
        height: 340px;
    }
    .footer-list-widget {
        width: 586px;
    }
    .plan-btn {
        font-size: 25px;
    }
    .cell-content {
        width: 478px;
    }
    .footer-list-widget {
        width: 586px;
    }
    .header-logo a img {
        max-width: 170px;
    }
    .header-menu ul li a {
        font-size: 18px;
    }
    .header-menu ul li {
        margin-right: 70px;
    }
    .header-menu {
        padding-top: 49px;
    }
    .pro-video-text {
        width: 49%;
    }
    .pro-video-play {
        width: 49%;
    }
    .single-dpa.sp2 {
        padding-left: 183px;
    }

    .single-dpa.sp3 {
        padding-left: 325px;
    }
    .cell-content {
        width: 425px;
    }
    .plant-title h4 {
        font-size: 30px;
        line-height: 63px;
    }
    .cell-fx {
        width: 100%;
    }
    .single-sell {
        width: 480px;
    }
    .footer-ri img {
        max-width: 148px;
    }
    .footer-ri p {
        font-size: 18px;
    }


    .contact-wrap h3 {
        font-size: 30px;
        margin-bottom: -1px;
        line-height: 46px;
    }
    .single-form input {
        width: 100%;
        height: 45px;
        padding: 0 13px;
        font-size: 19px;
    }
    .contact-wrap p {
        font-size: 18px;
        line-height: 27px;
    }
    .single-link {
        width: 100%;
        margin-bottom: 26px;
    }
    .nice-select {
        line-height: 36px;
        height: 40px;
        padding: 0 13px;
        font-size: 19px;
    }
    .single-bytton button {
        width: 190px;
        height: 43px;
        background: transparent;
        border: 1px solid #908291;
        font-size: 20px;
        font-weight: 600;
        color: #3D253F;
    }






    .header-area.header-2 {
        position: unset;
        height: 215px;
    }
    .edif-content h3 {
        font-size: 36px;
        margin-bottom: 10px;
        line-height: 23px;
    }

    .edif-content p {
        font-size: 17px;
        line-height: 24px;
        width: 100%;
    }
    .edif-content a {
        width: 377px;
        height: 47px;
        font-size: 16px;
    }
    .edif-content {
        margin-bottom: 37px;
    }
    .calo-wrap {
        width: 100%;
        float: unset;
    }
    .calo-hdn h2 {
        font-size: 40px;
        color: #3D253F;
        font-weight: 700;
        line-height: 50px;
    }
    .calo-hdn h2 br {
        display: none;
    }
    .sito-single {
        width: 144px;
        margin-bottom: 30px;
    }
    .colo-aera {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pro-video-play a img {
        max-width: 100px;
        height: 100px !important;
    }
    .edif-content {
        margin-bottom: 19px;
    }
    .sito-single ul li {
        font-size: 14px;
        line-height: 24px;
    }
  






    .house-list ul li {
        font-size: 32px;
        line-height: 59px;
    }
    .house-image {
        width: 499px;
    }
    .house-list ul li::before {
        position: absolute;
        width: 178px;
        left: -211px;
    }
    .plan-icon-fx {
        width: 100%;
    }
    .plan-btns {
        width: 100%;
        margin: auto;
        margin-top: 27px;
        margin-bottom: 20px;
    }
    .plan-btns a {
        width: 210px;
        height: 50px;
        line-height: 45px;
        font-size: 12px;
    }


    .hero-area.hero-sec {
        padding-bottom: 0;
        height: auto;
        position: unset;
    }

    .video-title h3 {
        font-size: 30px;
        line-height: 63px;
    }
    .pro-video-play.video {
        width: 100%;
        height: 350px;
    }
    .pro-video-play.video img {
        height: 100%;
    }
    .tour-wrap a img {
        max-width: 130px;
    }
    .tour-area {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .tour-bg {
        height: 350px;
    }
    .tour-bg img {
        height: 100%;
        width: 100%;
    }

    .mun-aera {
        padding-top: 50px;
        padding-bottom: 31px;
    }
    .footer-aera {
        padding: 60px 30px;
        background: #3D253F;
    }
    
    
    .plant-card {
	max-width: 525px;
	margin-left: auto;
}
.posw {
	max-width: 407px;
	top: 25%;
}
    
    
    
    
    


}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    .header-logo a img {
        max-width: 178px;
    }
    .hero-area {
        height: 555px;
    }
    .hero-text h3 {
        font-size: 26px;
    }
    .hero-text h4 {
        font-size: 26px;
    }
    .hero-btn a {
        width: 244px;
        height: 49px;
        line-height: 51px;
        font-size: 15px;
    }
    .pro-video-text h3 {
        font-size: 31px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    .pro-video-text p {
        font-size: 18px;
        line-height: 32px;
    }
    .single-fik p {
        font-size: 16px;
        line-height: 22px;
    }
    .single-fik h3 {
        font-size: 26px;
        line-height: 46px;
    }
    .all-title h3 {
        font-size: 20px;
        line-height: 48px;
        margin-bottom: 9px;
    }
    .galery-btn a {
        width: 340px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
    .single-dpa h3 {
        font-size: 31px;
        line-height: 45px;
    }
    .single-dpa.sp1 {
        padding-left: 37px;
    }
    .call-title h3 {
        font-size: 30px;
        line-height: 53px;
    }
    .cell-content h2 {
        font-size: 30px;
        line-height: 35px;
        margin: 0;
    }
    .single-itemn img {
        max-width: 40px;
    }
    .single-itemn p {
        font-size: 18px;
        line-height: 42px;
    }
    .single-itemn {
        width: 158px;
        text-align: center;
    }
    .plan-icon-fx {
        width: 625px;
    }
    .plan-btn {
        font-size: 30px;
    }
    .visit-wrap h2 {
        font-size: 30px;
        line-height: 38px;
    }
    .visit-wrap a {
        width: 320px;
        height: 51px;
        line-height: 48px;
        font-size: 17px;
        margin-top: 14px;
    }
    .visit-area {
        height: 270px;
    }
    .footer-list-widget {
        width: 586px;
    }
    .plan-btn {
        font-size: 25px;
    }
    .cell-content {
        width: 478px;
    }
    .footer-list-widget {
        width: 100%;
    }
    .header-logo a img {
        max-width: 170px;
    }
    .header-menu ul li a {
        font-size: 15px;
    }
    .header-menu ul li {
        margin-right: 70px;
    }
    .header-menu {
        padding-top: 49px;
    }
    .pro-video-text {
        width: 49%;
    }
    .pro-video-play {
        width: 49%;
    }
    .single-dpa.sp2 {
        padding-left: 129px;
    }

    .single-dpa.sp3 {
        padding-left: 231px;
    }
    .cell-content {
        width: 425px;
    }
    .plant-title h4 {
        font-size: 30px;
        line-height: 23px;
        text-align: left;
    }
    .cell-fx {
        width: 100%;
    }
    .single-sell {
        width: 378px;
    }
    .footer-ri img {
        max-width: 148px;
    }
    .footer-ri p {
        font-size: 18px;
    }
    .header-top-fl {
        padding: 0;
    }
    .header-top-fl a {
        font-size: 16px;
    }
    .hero-containt {
        padding: 0;
    }
    .pro-video-text h3 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 8px;
    }
    .pro-video-text p {
        font-size: 16px;
        line-height: 26px;
    }
    .single-fik {
        width: 49%;
        margin-bottom: 30px;
    }
    .single-fik.z1 {
        margin-top: 0;
    }
    .single-fik.z2 {
        margin-top: 0;
    }
    .single-fik.z3 {
        margin-top: 0;
    }
    .zik-fl {
        margin-top: 30px;
    }
    .pro-video-play a img {
        max-width: 100px;
    }
    .pro-video-area {
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .galery-area {
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .call-aera {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
 .spa-area {
	padding-left: 20px;
	padding-right: 20px;
}
    .cell-content {
        width: 320px;
    }
    .plant-img img {
        max-width: 497px;
        margin: auto;
        text-align: center;
    }
    .plant-img {
        text-align: center;
    }
    .footer-fx {
        display: block;
        justify-content: space-between;
    }
    .footer-ri {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .footer-aera {
        padding: 40px 0;
        background: #3D253F;
    }



    .header-area.header-2 {
        position: unset;
        height: 215px;
    }
    .edif-content h3 {
        font-size: 36px;
        margin-bottom: 10px;
        line-height: 23px;
    }

    .edif-content p {
        font-size: 17px;
        line-height: 24px;
        width: 100%;
    }
    .edif-content a {
        width: 377px;
        height: 47px;
        font-size: 16px;
        margin: auto;
    }
    .edif-content {
        margin-bottom: 37px;
    }
    .calo-wrap {
        width: 100%;
        float: unset;
    }
    .calo-hdn h2 {
        font-size: 30px;
        color: #3D253F;
        font-weight: 700;
        line-height: 20px;
    }
    .calo-hdn h2 br {
        display: none;
    }
    .sito-single {
        width: 244px;
        margin-bottom: 30px;
    }
    .colo-aera {
        padding-top: 50px;
        padding-bottom: 0;
    }
    .pro-video-play a img {
        max-width: 70px;
    }
    .edif-content {
        margin-bottom: 19px;
        text-align: center;
    }
    .sito-single ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .header-area.header-2 {
        padding-top: 29px;
        height: 175px;
    }
    .edif-img-1.mbl {
        display: block;
    }
    .edif-img-1 {
        display: none;
    }
    .edif-img-1.mbl {
        text-align: center;
        width: 500px;
        margin: auto;
        margin-bottom: 30px;
    }
    .edig-img {
        width: 500px;
        margin: auto;
    }
    .calo-img img {
        max-width: 476px;
        text-align: center;
    }
    .calo-img {
        text-align: center;
        margin-bottom: 40px;
    }




    .house-list ul li {
        font-size: 32px;
        line-height: 59px;
    }
    .house-image {
        width: 499px;
    }
    .house-list ul li::before {
        position: absolute;
        width: 178px;
        left: -211px;
    }
    .plan-icon-fx {
        width: 100%;
    }
    .plan-btns {
        width: 100%;
        margin: auto;
        margin-top: 27px;
        margin-bottom: 20px;
        text-align: center;
    }
    .plan-btns a {
        width: 210px;
        height: 50px;
        line-height: 45px;
        font-size: 12px;
    }


    .video-title h3 {
        font-size: 30px;
        line-height: 63px;
    }
    .pro-video-play.video {
        width: 100%;
        height: auto;
    }
    .pro-video-play.video img {
        height: 100%;
    }
    .tour-wrap a img {
        max-width: 130px;
    }
    .tour-area {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .tour-bg {
        height: 350px;
    }
    .tour-bg img {
        height: 100%;
        width: 100%;
    }
    .hero-area.hero-sec {
        height: 368px;
        padding-top: 0;
    }



    .contact-wrap h3 {
        font-size: 30px;
        margin-bottom: -1px;
        line-height: 46px;
    }
    .single-form input {
        width: 100%;
        height: 45px;
        padding: 0 13px;
        font-size: 19px;
    }
    .contact-wrap p {
        font-size: 18px;
        line-height: 27px;
    }
    .single-link {
        width: 100%;
        margin-bottom: 26px;
    }
    .nice-select {
        line-height: 36px;
        height: 40px;
        padding: 0 13px;
        font-size: 19px;
    }
    .single-bytton button {
        width: 190px;
        height: 43px;
        background: transparent;
        border: 1px solid #908291;
        font-size: 20px;
        font-weight: 600;
        color: #3D253F;
    }
    .mun-aera {
        padding-top: 50px;
        padding-bottom: 31px;
    }
    .contact-aera {
        padding-top: 28px;
    }
    .contact-form p {
        font-size: 17px;
        margin-bottom: 24px;
    }
    .cell-content.ct-pd {
        padding-left: 96px;
    }




    .footer-aera {
        padding: 60px 30px;
        background: #3D253F;
    }

.posw {
	max-width: 540px;
	position: absolute;
	left: 0;
	top: 8%;
	display: none;
	position: unset;
	text-align: center;
	margin: auto;
}






}
 

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {

    .header-logo a img {
        max-width: 178px;
    }
    .hero-area {
        height: auto;
        padding-top: 161px;
    }
    .hero-text h3 {
        font-size: 20px;
    }
    .hero-text h4 {
        font-size: 20px;
    }
    .hero-btn a {
        width: 244px;
        height: 49px;
        line-height: 51px;
        font-size: 15px;
    }
    .pro-video-text h3 {
        font-size: 31px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    .pro-video-text p {
        font-size: 18px;
        line-height: 32px;
    }
    .single-fik p {
        font-size: 16px;
        line-height: 22px;
    }
    .single-fik h3 {
        font-size: 26px;
        line-height: 46px;
    }
    .all-title h3 {
        font-size: 20px;
        line-height: 48px;
        margin-bottom: 9px;
    }
    .galery-btn a {
        width: 160px;
        height: 42px;
        line-height: 43px;
        font-size: 13px;
    }
    .single-dpa h3 {
        font-size: 31px;
        line-height: 45px;
    }
    .single-dpa.sp1 {
        padding-left: 37px;
    }
    .call-title h3 {
        font-size: 30px;
        line-height: 53px;
    }
    .cell-content h2 {
        font-size: 24px;
        line-height: 33px;
        margin: 0;
    }
    .single-itemn img {
        max-width: 40px;
    }
    .single-itemn p {
        font-size: 18px;
        line-height: 42px;
    }
    .single-itemn {
        width: 129px;
        text-align: center;
        margin-bottom: 20px;
    }
    .plan-icon-fx {
        width: 100%;
        flex-wrap: wrap;
    }
    .plan-btn {
        font-size: 30px;
    }
    .visit-wrap h2 {
        font-size: 30px;
        line-height: 38px;
    }
    .visit-wrap a {
        width: 282px;
        height: 45px;
        line-height: 42px;
        font-size: 13px;
        margin-top: 14px;
    }
    .visit-area {
        height: 231px;
    }
    .footer-list-widget {
        width: 586px;
    }
    .plan-btn {
        font-size: 25px;
    }
    .cell-content {
        width: 478px;
    }
    .footer-list-widget {
        width: 100%;
        display: block;
        text-align: center;
    }
    .header-logo a img {
        max-width: 170px;
    }
    .header-menu ul li a {
        font-size: 15px;
    }
    .header-menu ul li {
        margin-right: 70px;
    }
    .header-menu {
        padding-top: 49px;
    }
    .pro-video-text {
        width: 100%;
    }
    .pro-video-text {
        width: 100%;
        margin-bottom: 28px;
    }
    .single-dpa.sp2 {
        padding-left: 95px;
    }

    .single-dpa.sp3 {
        padding-left: 160px;
    }
    .cell-content {
        width: 425px;
    }
    .plant-title h4 {
        font-size: 30px;
        line-height: 63px;
    }
    .cell-fx {
        width: 100%;
        display: block;
    }
    .single-sell {
        width: 100%;
        margin-bottom: 25px;
    }
    .footer-ri img {
        max-width: 114px;
    }
    .footer-ri p {
        font-size: 15px;
    }
    .header-top-fl {
        padding: 0;
    }
    .header-top-fl a {
        font-size: 14px;
    }
    .hero-containt {
        padding: 0;
        display: block;
    }
    .pro-video-text h3 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 8px;
    }
    .pro-video-text p {
        font-size: 16px;
        line-height: 26px;
    }
    .single-fik {
        width: 100%;
        margin-bottom: 30px;
    }
    .single-fik.z1 {
        margin-top: 0;
    }
    .single-fik.z2 {
        margin-top: 0;
    }
    .single-fik.z3 {
        margin-top: 0;
    }
    .zik-fl {
        margin-top: 30px;
    }
    .pro-video-play a img {
        max-width: 63px;
    }
    .pro-video-area {
        padding-top: 40px;
    }
    .galery-area {
        padding-bottom: 30px;
    }
    .call-aera {
        padding-top: 30px;
        padding-bottom: 30px;
    }
 
    .cell-content {
        width: 100%;
    }
    .plant-img img {
        max-width: 100%;
        margin: auto;
        text-align: center;
    }
    .plant-img {
        text-align: center;
    }
    .footer-fx {
        display: block;
        justify-content: space-between;
    }
    .footer-ri {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .footer-aera {
        padding: 40px 0;
        background: #3D253F;
        padding-bottom: 0;
    }

    .header-logo {
        display: none;
    }
    .header-area {
        padding: 25px 0;
    }
    .header-menu {
        padding-top: 49px;
        display: none;
    }
    .logo a img {
        max-width: 120px;
    }
    .bar a {
        font-size: 26px;
        color: #fff;
        height: 40px;
        width: 40px;
        background: #3D253F;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
    }
    .mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 25px;
    }
    .hero-text p {
        letter-spacing: 0px;
        font-size: 17px;
        line-height: 21px;
    }
    .hero-text a {
        width: 100%;
        height: 43px;
        line-height: 44px;
        letter-spacing: 0px;
        font-weight: 400;
        margin-bottom: 15px;
    }
    .hero-btn {
        text-align: center;
    }
    .pro-videp-fl {
        display: block;
        /* align-items: center; */
        justify-content: space-between;
    }
    .pro-video-play {
        width: 100%;
    }
    .zik-para-area {
        padding-bottom: 0;
    }
    .visit-wrap h2 {
        font-size: 22px;
        line-height: 30px;
    }
    .single-list {
        margin-bottom: 20px;
    }
    .cell-content h2 br {
        display: none;
    }
    .mobile-header {
        display: flex;
    }


    .header-area.header-2 {
        position: unset;
        height: 215px;
    }
    .edif-content h3 {
        font-size: 36px;
        margin-bottom: 10px;
        line-height: 23px;
    }

    .edif-content p {
        font-size: 17px;
        line-height: 24px;
        width: 100%;
    }
    .edif-content a {
        width: 100%;
        height: 47px;
        font-size: 16px;
        margin: auto;
    }
    .edif-content {
        margin-bottom: 37px;
    }
    .calo-wrap {
        width: 100%;
        float: unset;
    }
    .calo-hdn h2 {
        font-size: 25px;
        color: #3D253F;
        font-weight: 700;
        line-height: 33px;
    }
    .calo-hdn h2 br {
        display: none;
    }
    .sito-single {
        width: 155px;
        margin-bottom: 30px;
    }
    .colo-aera {
        padding-top: 50px;
        padding-bottom: 0;
    }
    .pro-video-play a img {
        max-width: 50px;
    }
    .edif-content {
        margin-bottom: 19px;
        text-align: center;
    }
    .sito-single ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .header-area.header-2 {
        padding-top: 29px;
        height: 175px;
    }
    .edif-img-1.mbl {
        display: block;
    }
    .edif-img-1 {
        display: none;
    }
    .edif-img-1.mbl {
        text-align: center;
        width: 100%;
        margin: auto;
        margin-bottom: 30px;
        height: 250px;
    }
    .edig-img {
        width: 100%;
        margin: auto;
        height: 250px;
    }
    .edig-img img{
        height: 100%;
        width: 100%;
    }
    .calo-img img {
        max-width: 100%;
        text-align: center;
    }
    .calo-img {
        text-align: center;
        margin-bottom: 40px;
    }
    .edif-img-1.mbl img {
        height: 100%;
        width: 100%;
    }

    .house-list ul li {
        font-size: 19px;
        line-height: 34px;
    }
    .house-image {
        width: 100%;
    }
    .house-list ul li::before {
        position: absolute;
        width: 178px;
        left: -211px;
        display: none;
    }
    .plan-icon-fx {
        width: 100%;
    }
    .plan-btns {
        width: 100%;
        margin: auto;
        margin-top: 27px;
        margin-bottom: 20px;
        text-align: center;
    }
    .plan-btns a {
        width: 147px;
        height: 40px;
        line-height: 33px;
        font-size: 10px;
    }
    .house-area {
        padding-top: 24px;
        padding-bottom: 40px;
    }

    .house-wrap {
        display: block;
        align-items: center;
    }



    .video-title h3 {
        font-size: 24px;
        line-height: 63px;
    }
    .pro-video-play.video {
        width: 100%;
        height: 200px;
    }
    .pro-video-play.video img {
        height: 100%;
    }
    .tour-wrap a img {
        max-width: 83px;
    }
    .tour-area {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .tour-bg {
        height: 200px;
    }
    .tour-bg img {
        height: 100%;
        width: 100%;
    }
    .hero-area.hero-sec {
        height: auto;
        padding-top: 0;
    }
    .video-title.tour {
        text-align: left;
        padding-right: 0;
        padding-left: 15px;
    }
    .tour-wrap {
        position: absolute;
        top: 50%;
        transform: unset;
        text-align: center;
        left: 0;
        right: 0;
    }
    .contact-wrap h3 {
        font-size: 24px;
        margin-bottom: -1px;
        line-height: 46px;
    }
    .single-form input {
        width: 100%;
        height: 45px;
        padding: 0 13px;
        font-size: 19px;
    }
    .contact-wrap p {
        font-size: 18px;
        line-height: 27px;
    }
    .single-link {
        width: 100%;
        margin-bottom: 26px;
    }
    .nice-select {
        line-height: 36px;
        height: 40px;
        padding: 0 13px;
        font-size: 19px;
    }
    .single-bytton button {
        width: 190px;
        height: 43px;
        background: transparent;
        border: 1px solid #908291;
        font-size: 20px;
        font-weight: 600;
        color: #3D253F;
    }
    .mun-aera {
        padding-top: 50px;
        padding-bottom: 31px;
    }
    .contact-aera {
        padding-top: 28px;
    }
    .contact-form p {
        font-size: 15px;
        margin-bottom: 24px;
    }
    .cell-content.ct-pd {
        padding-left: 0;
    }
    .offcamva {
        position: fixed;
        width: 90%;
        height: 100%;
        background: #3D253F;
        z-index: 99999;
        top: 0;
        left: -100%;
        transition: .3s;
    }
    .offcanva-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .offcanva-menu {
        margin-top: 70px;
    }
    .cross {
        position: absolute;
        top: 10px;
        right: 15px;
    }
    .cross a {
        font-size: 24px;
        color: #fff;
    }
    .offcanva-menu ul li a {
        font-size: 16px;
        color: #fff;
        font-weight: 500;
        padding: 12px 16px;
        display: block;
        border-bottom: 1px solid #ddd;
        transition: .3s;
    }
    .offcanva-menu ul li a:hover {
        padding-left: 30px;
    }
    .overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #3D253F;
        z-index: 1;
        opacity: .3;
        left: -100%;
        top: 0;
        transition: .3s;
    }

    .offcamva.active {
        left: 0;
    }
    .overlay.active {
        left: 0;
    }
    .offcamva {
        display: block;
    }


    .footer-aera {
        padding: 60px 30px;
        background: #3D253F;
    }
    
    
    
    .posw {
	max-width: 540px;
	position: absolute;
	left: 0;
	top: 8%;
	display: none;
	position: unset;
	text-align: center;
	margin: auto;
}

    
    
    
    
    
    




}





/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

 
}