@media (min-width:1800px) {
    .sp-img {
        width: 23%;
    }
    .rnr_incentive {
        width: auto !important;
    }
    .slider_text_bottom h5 {
        font-size: 45.6px;
    }
    .slider_text_bottom span {
        font-size: 60px;
    }
    .slider_text_bottom {
        bottom: 40px;
    }
    .slider-img-bottom {
        width: 150px;
    }
    .sub-copy {
        width: 70%;
        margin: 0 auto;
    }
    .slider_text h1 {
        font-size: 180px;
    }
    .slider_text_bottom h5 {
        font-size: 41px;
    }
    .card-container, .front, .back {
        height: 750px;
    }
    .service_area.thankyou {
        padding: 150px 0 80px 0px!important;
    }
    .slider_text_absolute {
        font-size: 60px;
        right: 13%;
        top: -4%;
    }
    .single_slider p {
        font-size: 30px;
    }
    .single_slider p::after {
        width: 393px;
        left: 11%;
        bottom: -27px;
    }
    .projects_register.top-slider {
        font-size: 25px;
    }
    .single_slider h5 {
        font-size: 35px;
        margin-top: 50px;
    }
    .slider_area span.span-hero {
        font-size: 48px;
    }
    .slider_area h4 {
        font-size: 45px;
    }
    .test-container .name{
        font-size: 22px;
    }
    .test-container .name-unit{
        font-size: 14px;
    }
    .test-container .copy{
        font-size: 16px;
    }
    span.max-text {
        font-size: 70px;
    }
    .tiny-clock {
        width: 50px
    }
    .clock-container {
        height: 80px;
        left: 0%;
        top: 50%;
        width: 30%;
    }
    .section_title h1 {
        font-size: 60px;
    }
    .timer-container {
        width: 60%;
    }
    .day-container {
        height: 50px;
        width: 50px !important;
        font-size: 30px;
    }
    .days-copy {
        font-size: 28px;
    }
    .icon img {
        max-width: 45%;
    }
    .service-area-copy {
        width: 80%;
    }
    .service_area .single_service h5 {
        font-size: 30px;
    }
    .service_area .single_service p {
        font-size: 20px;
    }
    .service_area button {
        padding: 10px 15px;
        font-size: 20px;
    }
    .btn_howitworks::after{
        font-size: 20px;
    }
    .small-copy {
        font-size: 12px;
    }
    .slider-img-bottom {
        left: 9%;
    }
    #background-video {
        top: 85px;
    }
}
@media (min-width:1024px) {
     .hide-desktop{
        display:none
    }

}
@media (max-width:1799px) {
    .header-area .main-header-area,.header-area .main-header-area.sticky{
        padding:15px 115px
    }
     .container_80{
        max-width:85%;
        width:85%
    }

    .section_title h3,.section_title h3 span { 
        width: 80%; 
    }
     .steps_panel p{
        width:65%
    }
     .card .stats-container ul li{
        font-size:17px!important
    }
    .card-container, .front, .back{
        width:100%;
        height:725px;
        border-radius:4px;
        -webkit-box-shadow:0 0 19px 0 rgba(0,0,0,0.16);
        -moz-box-shadow:0 0 19px 0 rgba(0,0,0,0.16);
        box-shadow:0 0 19px 0 rgba(0,0,0,0.16)
    }
     .card .stats-container ul li {
         font-size: 17px;
    }
    .spacer_medium {
        height: 30px; 
    }
    .sticky-toggle .section_title h3, 
    .sticky-toggle .section_title h3 span {
        font-size: 32px !important;
    }
    
    .slider_bg_2 .rnr_logo {  
        width: 250px;  
    }
    .card .cover img { 
        height: 275px; 
    }
    
    .rnr_incentive {
        width: auto !important;
    }

    .slider-img-bottom {
        width: 90px;
    }
    .slider_text_bottom h5 {
        color: white;
        font-size: 40px;
    }
    .slider_text_bottom span {
        font-size: 50px;
    }
    .sub-copy {
        width: 72%;
        margin: 0 auto;
    }
    .service_area.thankyou {
        padding: 150px 0 80px 0px!important;
    }
    .single_slider p::after {
        left: 16%;
    }
    .slider_area h4 {
        font-size: 35px;
    }
    .slider_area span.span-hero {
        font-size: 40px;
    }
    .test-container .name{
        font-size: 21px;
    }
    .test-container .name-unit{
        font-size: 13px;
    }
    .test-container .copy{
        font-size: 15px;
    }
    /*new*/
    span.max-text {
        font-size: 60px;
    }
    .tiny-clock {
        width: 40px
    }
    .clock-container {
        height: 53px;
        left: 0%;
        top: 52%;
        width: 30%;
    }
    .section_title h1 {
        font-size: 50px;
    }
    .timer-container {
        width: 60%;
    }
    .day-container {
        height: 40px;
        width: 40px !important;
        font-size: 25px;
    }
    .days-copy {
        font-size: 25px;
    }
    .icon img {
        max-width: 40%;
    }
    .service-area-copy {
        width: 75%;
    }
    .service_area .single_service h5 {
        font-size: 23px;
    }
    .service_area .single_service p {
        font-size: 18px;
    }
    .service_area button {
        padding: 10px 15px;
        font-size: 18px;
    }
    .btn_howitworks::after{
        font-size: 18px;
    }
    .small-copy {
        font-size: 10px;
    }
    .slider-img-bottom {
        left: 9%;
    }
    #background-video {
        top: 80px;
    }
}
@media (max-width:1500px) {
    .section_title p, .learnmore_section h5{
        font-size: 18px; 
    }
    .section_title h3, .section_title h3 span, .learnmore_section h3 {
        font-size: 42px; 
    } 
    .header-area .main-header-area.sticky{
        padding: 10px 70px !important;
    }
    .projects_area {
        padding-top: 50px; 
    }
    .card .stats-container ul li{
        font-size:17px!important;
        margin:0 auto 7%!important
    }
     .card .stats-container{
        min-height:330px;
    }
     .panel_content span {
         width: 90%;
         font-size: 15px;
         line-height: 1.35;
         min-height: 50px;
    }
    .rnr_incentive { 
        width: auto !important; 
        padding: 10px 10px; 
        font-size: 14px;
    }
    .rent_slider.owl-carousel .owl-item img.mini_icon { 
        margin-top: 2px;
    }
/*     .panel_content p { 
        font-size: 14px;
        line-height: 20px;
        width: 88%;
        margin-left: auto;
        margin-right: auto;
        align-items: start;
        justify-content: center;
        display: flex;
        min-height: 35px;
    } */
    .card-container, .front, .back { 
        height: 740px;
        border-radius: 0; 
    } 
/*     .panel_content p strong { 
        margin-left: 5px;
    } */
/*     .logo-two{
        width: 20%;
    } */
    .slider_text_bottom h5 {
        font-size: 34px;
    }
    .slider_text_bottom span {
        font-size: 45px;
    }
    .slider_text_bottom {
        right: 8%;
        bottom: 10%;
    }
    .modal-dialog.modal-dialog-slideout {
        width: 50%!important;
    }
    .single_slider p::after {
        left: 12%;
    }
    .slider_area h4{
        font-size: 34px;
    }
    .slider_area span.span-hero{
        font-size: 38px;
    }
    .test-container .name{
        font-size: 20px;
    }
    .test-container .name-unit{
        font-size: 12px;
    }
    .test-container .copy{
        font-size: 14px;
    }
    /*new*/
    span.max-text {
        font-size: 50px;
    }
    .tiny-clock {
        width: 30px
    }
    .clock-container {
        height: 53px;
        top: 52%;
        width: 30%;
    }
    .section_title h1 {
        font-size: 50px;
    }
    .timer-container {
        width: 60%;
    }
    .days-copy {
        font-size: 20px;
    }
    .service-area-copy {
        width: 75%;
    }
    .service_area .single_service h5 {
        font-size: 22px;
    }
    .service_area .single_service p {
        font-size: 17px;
    }
    .small-copy {
        font-size: 10px;
    }
    .slider-img-bottom {
        left: 5%;
    }
    #background-video {
        top: 85px;
        height: 700px;
    }
}
@media (max-width:1366px) {
    .container_80{
        max-width:90%;
        width:90%;
    }
     .header-area .log_chat_area .say_hi{
        font-size:20px;
        padding:12px 20px
    }
     .header-area .main-header-area.sticky{
        padding:10px 70px!important
    }
    .section_title h3{
        font-size: 40px!important;
        width: 75%;
        line-height: 45px;
    }
    .learnmore_section h3{
        font-size: 40px!important;
    }
    .section_title h3 span {
        font-size: 40px!important;
        line-height: 45px;
    }

     .slider_text h1 {
         font-size: 130px;
         width: 100%;
    }
    .service_area .single_service h4{
        font-size:26px;
        line-height:1.35
    }
     .steps_panel p{
        font-size:17px;
        line-height:23px;
        width:75%;
        width:70%
    }
     .eric_desktop{
         bottom: 0% !important;
         width: 260px;
         right: 30px;
    }
    .icon img{
        max-width:45%
    }
    .card-container, .front, .back{
        height:715px!important;
    }  
     .registration_space .section_title p{
        font-size:17px;
        line-height:25px;
        margin-top:45px
    }
     .modal_form .touch_form .single_input label.radio-inline{
        width:20%
    }
    .card .stats-container{
        min-height:330px
    }
    .panel_content p strong { 
        font-size: 20px;
    }
    .panel_content p { 
        font-size: 15px;
    }
     header .ms_btn{
        font-size:20px;
        position:relative;
        z-index:0;
        padding:12px 10px;
        margin-right:0;
        border-radius: 30px;
    }
     .panel_content span {
         width: 90%;
         font-size: 14px;
         line-height: 1.25;
         min-height: 50px;
    }
    .card .stats-container ul li {
         font-size: 16px!important;
    }
    .panel_content p strong { 
        display: block;
        line-height: 1;
    }
    .section_title p { 
        width: 65%;
        line-height: 28px;
    }
    .filter-button {
        width: 24.5%; 
    }
    .card .footer a { 
        width: 70%;
    }
    .sticky-toggle .section_title h3, .sticky-toggle .section_title h3 span {
        font-size: 28px !important;
    }
    .sticky-toggle { 
        padding: 15px 20px; 
    }
    .rnr_logo {
        width: 25%; 
    }
    .accordion {
        width: 75%;
    }
    .card-body p {
        font-size: 16px; 
    }
    .card .cover img {
        height: 250px;
    }
    .slider_text_bottom h5 {
        font-size: 34px;
    }
    .slider_text_bottom span {
        font-size: 45px;
    }
}

@media (max-width:1280px) {
    .rnr_incentive {
        width: auto !important;
        padding: 10px 5px;
        font-size: 13px;
    }
    .modal-dialog.modal-dialog-slideout {
        width: 65%!important;
    }
    .modal-dialog-slideout .submit_form {
        width: 75%;
    }
    .modal-dialog-slideout .section_title p{
        font-size: 16px;
    }
    .modal-dialog-slideout .get_in_tauch_area .touch_form .single_input input, .modal-dialog-slideout .get_in_tauch_area .touch_form .single_input select, .modal-dialog-slideout .get_in_tauch_area .touch_form .single_input textarea {
        font-size: 15px;
    }
    .single_input input::placeholder {
        font-size: 15px;
      }
}
@media (max-width:1200px) {
    .header-area .log_chat_area .say_hi{
        font-size:18px;
        padding:12px 20px;
        width:100%
    }
     .steps_panel p{
        font-size:16px;
        line-height:20px;
        width:70%
    }
     .card .stats-container ul li{
        font-size:16px!important
    }
     .card .header h3 {
         font-size: 22px;
    }
     .panel_content {
         padding: 30px 0;
    }
    .section_title h3 { 
        width: 80%;  
    }
    .card .cover img {
        height: 215px;
    }
}
@media (max-width:1024px) {
    .masthead, .main-header-area.sticky .masthead {
         max-width: 200px;
    }
     .header-area .ms_btn, .header-area .ms_btn:focus, .header-area .ms_btn:hover {
         font-size: 19px;
    }
     .header-area .main-header-area.sticky{
        padding:10px 15px!important
    }
     .header-area .log_chat_area .say_hi{
        font-size:18px;
        padding:15px 20px
    }
     .service_area .single_service h4{
        font-size:18px;
        line-height:1.35;
        margin-bottom:10px
    }
     .icon img{
        max-width:55%
    }
     .steps_panel h6.first{
        left:25%
    }
     .steps_panel p{
        line-height:23px;
        width:90%;
        font-size:15px;
        text-align:center
    }
    .service_area .single_service h4 {
        font-size: 26px;
    }
     .houzkey_logo_img, .hoc_logo_img{
        max-width:90px;
        margin-top:15px
    }
     .service_area .terms{
        width:65%;
        font-size:18px
    }
    .card-container, .front, .back{
        height:745px!important
    }
     .card .stats-container ul li{
        font-size:16px!important;
        margin:0 auto 7%!important
    }
     .card .stats-container {
         min-height: 340px;
    }
     .eric_desktop {
         bottom: 0% !important;
         width: 240px;
         right: 10px;
    }
     .slider_text h1 {
        font-size: 90px;
    }
     .slider_text h5 {
         width: 100%;
         font-size: 1.2em;
    }
     .learnmore_section {
         padding: 100px 0;
    }
     .learnmore_section h3 {
         font-size: 32px;
         line-height: 60px;
    }
     .panel_content h3 {
         font-size: 21px;
    }
    /*.panel_content span {
         width: 95%;
         font-size: 13px;
         line-height: 1.15;
         min-height: 45px;
    }
    */
     .ribbon_projects {
         width: 80px!important;
    }
     .projects_moreinfo,.projects_moreinfo:hover,.projects_moreinfo:focus,.projects_register,.projects_register:focus,.projects_register:hover {
         padding: 10px 0px;
    }
    .toggle-desktop {
        width: 259px;
    }
    .toggle-desktop .ms_q4-toggle.active, .toggle-desktop .ms_btn-q4-toggle.active, .toggle-desktop .ms_q4-toggle, .toggle-desktop .ms_btn-q4-toggle {
        font-size: 12px;
        padding: 13px 0px;
    }
    .navbar-dark .navbar-nav .nav-link {
        font-size: 16px;
    }

    .sticky .navbar-dark .navbar-nav .nav-link {
        font-size: 16px;
        padding: 12px 35px;
    }
    .section_title h3 { 
        width: 95%; 
        font-size: 2em !important;
    }
    .section_title p {
        width: 85%; 
    }
    .spacer_medium {
        height: 10px;
    }
    .icon img {
        max-width: 50%;
    }
    .get_in_tauch_area {
        padding-top: 20px; 
    }
    .get_in_tauch_area .touch_form .single_input label { 
        padding: 20px 0 0; 
        vertical-align: text-top;
        font-size: 15px; 
        margin-top: -10px;
        display: block;
    }
    .sticky-toggle .section_title h3.indent-left {
        margin-left: 20%;
    }
    .card .cover img {
        height: 285px;
    }
    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 35px;
    }
/*     .slider_area .single_slider .slider_text span {
        font-size: 1.2em !important;
    } */
    .learnmore_section .ms_btn {
        font-size: 18px;
        width: 59%;
    }
    #about, #project-area, #register-area, .learnmore_section{
        padding: 50px 0 !important;
    }
    .slider_text_bottom h5 {
        font-size: 30px;
    }
    .slider_text_bottom span {
        font-size: 40px;
    }
    .slider_text_bottom {
        right: 5%;
        bottom: 15%;
    }
    .vertical-line {
        height: 55px;
    }
    .submit_form {
        width: 45%;
    }
    .service_area.thankyou {
        height: 120vh !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .service_area.thankyou .section_title h1 {
        margin-top: 67px;
    }
    .slider_text_absolute {
        font-size: 33px;
        right: 22%;
        top: -3%;
    }
    .single_slider p {
        font-size: 18px;
    }
    .projects_register.top-slider {
        width: 60%;
        font-size: 16px;
    }
    .single_slider p::after {
        width: 224px;
        left: 12%;
        bottom: -15px;
    }
    .single_slider h5 {
        font-size: 21px;
    }
    .slider_area h4 {
        font-size: 28px;
    }
    .slider_area span.span-hero {
        font-size: 35px;
    }
    .test-container{
        width: 95%;
        height: 380px;
    }
    .testimonials_area .item {
        height: 385px;
    }
    .test-container .copy{
        font-size: 12px;
    }
    #testimonials {
        padding: 50px 0 80px !important;
    }
    .section_title h1 {
        font-size: 45px;
    }
    .timer-container {
        width: 60%;
    }
    .day-container {
        height: 35px;
        width: 35px !important;
        font-size: 22px;
    }
    .days-copy {
        font-size: 18px;
    }
    .service-area-copy {
        width: 100%;
    }
    .service_area .single_service h5 {
        font-size: 22px;
    }
    .service_area .single_service p {
        font-size: 15px;
    }
    .clock-container {
        top: 50%;
    }
    .service_area button {
        font-size: 16px;
    }
    .btn_howitworks::after{
        font-size: 16px;
    }
    #background-video {
        top: 6%;
    }

}
@media (max-width:992px) {
    .hide-tablet{
        display:none
    }
    .hide-mobile{
        display: none !important;
    }
     .header-area .main-header-area.sticky{
        transform:translateY(70px)
    }
     .single_slider .ms_btn{
        font-size:18px;
        width:50%;
        text-align:center
    }
     .btn_bottom_hero{
        bottom:-75px;
        position:relative
    }
     .steps_panel p{
        line-height:19px;
        width:90%;
        font-size:15px
    }
     .steps_panel h6.first{
        left:18%
    }
     .section_title p{
        font-size:18px;
        line-height:28px;
        width:90%
    }
     .panel_content span{
        width: 90%;
        font-size: 14px;
        line-height: 1.2;
        min-height: 60px;
    }
     .panel_content p strong{
        font-size:16px
    }
     .panel_content{
        min-height:345px
    }
     .floating_circle_right_bot{
        width:10%
    }
     .houzkey_logo_img, .hoc_logo_img{
        max-width:85px;
        margin-top:15px
    }
     .projects_moreinfo,.projects_moreinfo:hover,.projects_moreinfo:focus, .projects_register,.projects_register:focus,.projects_register:hover{
        padding:10px 20px;
        width:60% !important
    }
     .panel_content h3{
        font-size:19px
    }
     .service_area .terms{
        width:100%;
        margin:-20px auto 50px
    }
     .eric_tsang_mobile{
        bottom:0;
        position:relative;
        width:60%;
        margin:0 auto -65px;
        text-align:center;
        display:block
    }
     .registration_image{
        width:100%!important;
        height:550px
    }
     .registration_space{
        width:100%!important
    }
     .registration_space .section_title p{
        font-size:17px;
        line-height:24px;
        margin-top:40px;
        width:90%
    }
     .modal_form{
        width:95%;
        margin:0 auto
    }
     .modal_form .touch_form .single_input label.radio-inline{
        width:35%
    }
     .card .header{
        padding:15px 10px 0
    }
     .back .header h3{
        font-size:20px
    }
     .card .content{
        padding:10px 0 20px
    }
     .card .stats-container ul li strong{
        font-size:20px
    }
    .card-container, .front, .back{
        height:690px!important
    }
     .card .stats-container ul li{
        font-size:16px!important
    }
     .card .stats-container{
        width:90%;
        min-height:325px;
        margin:25px auto 0
    }
     .card .footer a {
         width: 70%;
         font-size: 16px;
    }
     .article_section {
         padding-top: 75px;
         padding-bottom: 75px;
    }
     .slider_text hr {
         margin-top: 0rem;
         margin-bottom: 2rem;
    }
    .icon img {
        max-width: 55%;
        margin: 0 auto;
    }
    .spacer_medium {
        height: 0px; 
    }
/*     #about {
        background-image: url(../img/wave_mobile.png);
    } */

    .projects_area { 
        background-position: 0 130%; 
        background-image: linear-gradient(to bottom, #faf5ea 0%, #faf5ea 51%, #faf5ea00 100%);
    }

    .projects_area .section_title h3 {
        font-size: 32px!important; 
    }
    .filter-button {
        width: 24%;
    }
    .rnr_incentive {
        width: auto !important; 
        font-size: 14px;
    }
    .panel_content p {
        font-size: 15px;
    }
    .panel_content p strong {
        font-size: 20px;
    }
    .get_in_tauch_area .touch_form .single_input input, .get_in_tauch_area .touch_form .single_input textarea { 
        padding: 20px 16px 20px 0px; 
    }

    .rnr_logo {
        width: 50%;
        margin: 0 auto;
        display: block;
    }

    .card .cover img {
        height: 225px;
    }

    .sticky-toggle .section_title h3 {
        color: #fff;
        margin-bottom: 0;
        font-size: 30px !important;
        line-height: 1;
        padding-bottom: 0;
    }

    .sticky-toggle .section_title h3 span {
        margin-bottom: 0;
        font-size: 30px !important;
        line-height: 1;
        padding-bottom: 0;
    }

    .sticky-toggle .section_title h3.indent-left { 
        margin-left: 20%;
    }



    .usp_slider .owl-dots {
        text-align: center;
    }

    .usp_slider .owl-dot.active {
        width: 50px;
        height: 5px;
        background: #7c6027;
        margin: 0px 10px;
        display: inline-block;
    }

    .usp_slider .owl-dot {
        width: 50px;
        height: 5px;
        background: #d6ad5b;
        margin: 0px 10px;
        display: inline-block; 
    }

    .dropdown-toggle {
        width: 100%;
        background: #fff;
        padding: 15px 20px;
        text-transform: uppercase;
        border-radius: 0;
        font-size: 18px;
    }

    .dropdown-toggle span {
        position: relative;
        z-index: 3;
        font-size: 14px;
        font-weight: 500;
        color: #4a4a4a;
        text-transform: capitalize;
        margin-bottom: 19px;
        display: inherit;
        font-family: "Roboto", sans-serif;
    }

    .dropdown-toggle.focus, .dropdown-toggle:focus {
        outline: 0;
        box-shadow: none;
    }

    .dropdown-menu, .filter-button, .filter-button.active { 
        width: 100%; 
    }

    .filter-button, .filter-button.active {
        margin-top: 0;
        width: 100%;
        border-radius: 0;
        border-top: none;
        border-left: none;
        border-right: none;
    } 


    .service_area.thankyou {
        height: 113vh !important;
    }

    .accordion {
        width: 100%;
    }
    .section_title h3, .learnmore_section h3 {
        font-size: 30px !important;
    }
/*     .slider_area .single_slider .slider_text span {
        font-size: 1.2em !important;
    } */
    .submit_btn, .submit_btn:hover, .submit_btn:focus {
        width: 40%;
    }
    .learnmore_section h5 {
        font-size: 18px;
    }
    .sp-img {
        width: 55%;
    }
    .footer-top .h5, .footer-top h5 {
        font-size: 17px;
    }
    .sub-copy {
        width: 100%;
    }
    sup {
        font-size: 15px;
    }
    .slider_text_bottom h5 {
        font-size: 28px;
    }
    .slider_text_bottom span {
        font-size: 35px;
    }
    .slider_text_bottom {
        right: 1%;
        bottom: 30%;
    }
    .vertical-line {
        height: 75px;
    }
    .slash-img {
        width: 25%;
    }
    #register_follow {
        width: 70px !important; 
    }
    .btn_sticky_whatsapp {
        padding: 10px 8px !important;
    }
    .img_logo{
        max-width:90px;
        width:100%;
        right: unset;
        position: relative;
        z-index: 5;
        background: unset;
        padding: 0px;
        top: unset;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border: none;
        box-shadow: unset;
    }
    .nav-link.register_q4 {
        background-color: #bc1d3b;
        transition: .3s;
        color: white!important;
        padding-left: 35px;
        border-radius: 0;
        padding-right: 35px;
        border: 1px solid #bc1d3b;
        font-size: 18px;
        border-radius: 10px;
        width: 300px;
        text-align: center;
        font-family: 'Gotham-Bold';
    }
    .slider_text h1 {
        font-size: 80px;
    }
    .slider_text_absolute {
        font-size: 28px;
        right: 28%;
        top: -3%;
    }
    .single_slider p {
        font-size: 17px;
    }
    .single_slider h5 {
        font-size: 19px;
        margin-top: 17px;
    }
    .slider-img-bottom {
        width: 70px;
    }
    .single_slider .ms_btn {
        font-size: 14px;
        width: 66% !important;
    }
    .single_slider p::after {
        width: 210px;
        left: 19%;
        bottom: -4px;
    }
    .navbar-dark .navbar-collapse.text-center.collapse.show .navbar-nav .nav-link {
        padding: 12px 35px 0px 35px;
    }
    .slider_area h4 {
        font-size: 27px;
    }
    .slider_area span.span-hero {
        font-size: 32px;
    }
    .float-element-one, .float-element-two, .float-element-three{
        display: none;
    }
    .testimonials_slider.owl-carousel .owl-nav .owl-prev{
        left: -2%;
    }
    .testimonials_slider.owl-carousel .owl-nav .owl-next{
        right: -2% !important;
    }
    .test-container .copy{
        font-size: 14px;
    }
    span.max-text {
        font-size: 50px;
    }
    .section_title h1 {
        font-size: 35px;
    }
    .day-container {
        height: 30px;
        width: 30px !important;
        font-size: 20px;
    }
    .days-copy {
        font-size: 16px;
    }
    .service_area .single_service h5 {
        font-size: 18px;
    }
    .service_area .single_service p {
        font-size: 14px;
    }
    .service_area .single_service {
        padding: 0px;
        margin: 0px;
    }
    .usp_slider.owl-carousel .owl-nav div {
        color: #ffc600;
        background-color: #271f58;
        border: 1px solid #271f58;
    }
    .usp_slider.owl-carousel .owl-prev{
        left: 1%;
        top: 25%;
    }
    .usp_slider.owl-carousel .owl-next{
        right: 1% !important;
        top: 25%;
    }
    #background-video {
        top: 0;
        height: 1180px;
    }
}
@media (max-width:480px) {
    .hide-tablet{
        display:block
    }
     .m_lr_15{
        margin-left:15px!important;
        margin-right:15px!important
    }
     .no_m_lr{
        margin-left:0!important;
        margin-right:0!important
    }
     .no_p_lr{
        padding-left:0!important;
        padding-right:0!important
    }
     .header-area .main-header-area.sticky{
        top:-75px
    }
     .footer-social{
        -ms-flex-pack:center;
        justify-content:center;
        text-align:center
    }
     .slider_text{
        position: relative;
        text-align: center;
        margin-top: 85px;
    }
     .btn_bottom_hero{
        bottom:-80px;
        position:relative;
        margin:0 auto
    }
     .header-area .main-header-area .logo-img{
        width:80%
    }
     .masthead{
        max-width:90%
    }
     .header-area .main-header-area.sticky{
        padding:20px 10px
    }
     .main-header-area.sticky .masthead{
        max-width:95%
    }
    .section_title p {
        font-size: 16px;
        line-height: 20px;
        width: 85%;
        margin-bottom: 25px;
        margin-top: 0;
    }
    .learnmore_section h5{
        font-size: 15px;
    }
    .icon img{
        max-width:40%;
        margin:0 auto 20px
    }
    .service_area .single_service h4 {
        font-size: 26px;
    }
     .service_area .single_service{
        margin-bottom:10px
    }
     .steps_panel h6{
        font-size:110px!important;
        left:25%;
        top:0
    }
     .steps_panel p{
        width:80%;
        margin:20px auto;
        text-align:center
    }
     .m-w-70{
        width:70%
    }
     .m-text-center{
        text-align:center
    }
     .footer-top .h5,.footer-top h5{
        font-size:16px
    }
     .footer-bottom p{
        font-size:11px;
        text-align:center!important
    }
     .container_80{
        max-width:90%;
        width:90%;
        margin:0 auto
    }
     .floating_circle_left{
        width:15%;
        top:10%
    }
     .projects_area .single_service{
        width:90%
    }
     .m_xs_b0{
        margin-bottom:0!important
    }
     .panel_content{
        padding:30px 5px
    }
    .panel_content p {
        font-size: 14px;
        margin-bottom: 0px !important;

    }
     .panel_content h3{
        font-size:20px
    }
     .panel_content span{
        width:85%; 
        line-height: 1.35;
    }
     .floating_circle_right_bot{
        width:15%;
        bottom:10%
    }
    .get_in_tauch_area .touch_form .single_input label.radio-inline{
        width: 40%;
        margin-bottom: 10px;
    }
     .get_in_tauch_area .touch_form .single_input input[type=radio]{
        width:15%;
        height:25px
    }
    .card.card-body{
        padding:50px 0 0px 0;
        border-radius:0;
        background-image:url(../img/howitworks_mobile.jpg)
    } 
     .terms{
         width: 95%;
         margin: 0 auto;
         line-height: 1.15;
         font-size: 14px;
    }
    .service_area .terms {
         width: 90%;
         margin: 0 auto 30px auto;
         line-height: 1;
         font-size: 15px;
    } 
     .panel_content{
        min-height:280px
    }
     .houzkey_logo_img, .hoc_logo_img{
        max-width:60px;
        margin-top:5px
    }
     .ribbon_projects{
        position:absolute;
        right:-1.75%;
        top:-6px;
        width:85px!important
    }
     .registration_image{
        width:100%!important;
        height:350px
    }
     .registration_space{
        width:100%!important
    }
     .registration_space .section_title p{
        font-size:17px;
        line-height:24px;
        margin-top:40px;
        width:90%
    }
     .modal_form{
        width:95%;
        margin:0 auto
    }
     .modal_form .touch_form .single_input label.radio-inline{
        width:35%
    }
     .width_xs_10{
        width:10%!important
    }
     .width_xs_20{
        width:20%!important
    }
     .width_xs_30{
        width:30%!important
    }
     .width_xs_40{
        width:40%!important
    }
     .width_xs_50{
        width:50%!important
    }
     .width_xs_60{
        width:60%!important
    }
     .width_xs_70{
        width:70%!important
    }
     .width_xs_80{
        width:80%!important
    }
     .width_xs_90{
        width:90%!important
    }
     .width_xs_100{
        width:100%!important
    }
     .m_xs_0{
        margin:0!important
    }
     .mt_xs_0{
        margin-top:0!important
    }
     .mt_xs_10{
        margin-top:10px!important
    }
     .mt_xs_20{
        margin-top:20px!important
    }
     .mt_xs_30{
        margin-top:30px!important
    }
     .mt_xs_40{
        margin-top:40px!important
    }
     .mt_xs_50{
        margin-top:50px!important
    } 
     .card .stats-container ul li strong{
        font-size:20px!important;
        line-height:1.5
    }
     .card .stats-container ul{
        width:95%;
        margin:0 auto 5%
    }
     .card .content{
        padding:10px 0!important
    }
     .content .ms_btn{
        position:relative;
        bottom:-5px
    }
     .card .stats-container{
        width:90%!important;
        margin:20px auto;
        min-height:auto
    }
    .section_title h3, .section_title h3 span {
        font-size: 23px!important;
        line-height: 25px;
        width: 90%;
    }
    .learnmore_section h3{
        font-size: 23px!important;
    }
    .back .header h3{
        font-size:21px!important
    }
     .card .header{
        padding:20px 0
    }
    .card-container, .front, .back{
        height:700px!important;
    }
     .card .header h3{
        margin-top:25px!important
    }
     .card .stats-container ul li{
         font-size: 15px!important;
         margin: 0 auto 5%!important;
    }
    .modal-dialog.modal-dialog-slideout {
         width: 100%!important;
    }
    .modal-dialog.modal-dialog-slideout .close {
         font-size: 2rem;
    }
     .vt_tour_content .ms_btn {
         display: block;
         width: 100% !important;
         margin: 0 auto 25px auto;
         font-size: 17px;
    }
     .article_section .single_service {
         margin-bottom: 20px;
         margin-top: 20px;
    }

    .slider_area .single_slider {
        height: 680px !important;
    }

/*     .slider_area .single_slider .slider_text span {
        font-size: 16px !important;
    } */
     header .ms_btn {
         font-size: 16px;
         color: #fff;
         position: relative;
         z-index: 0;
         padding: 8px 10px;
         margin-right: 0 !important;
         width: 80%;
         text-align: center;
         margin-top: 2px;
         display: block;
         float: right;
    }
     header .ms_btn:hover, header .ms_btn:focus{
         font-size:16px;
         position:relative;
         z-index:0;
         padding:8px 10px;
         margin-right:0;
         width:80%;
         text-align:center;
         margin-top: 2px;
         display: block;
         float: right;
    }
     .slider_text hr {
         margin: 10px auto !important;
         width: 35%;
    }
     .houzkey_logo_img {
         right: 5%;
    }
     .hoc_logo_img {
         right: 25%;
    }
     .header-area .ms_btn, .header-area .ms_btn:focus, .header-area .ms_btn:hover {
         font-size: 18px;
         width: 85%;
    }
     .card .content .main {
         min-height: 300px;
    }
    .filter-button, .filter-button.active {
        margin-top: 15px;
        width: 45%;
        font-size: 14px;
        margin-bottom: 0px;
    }
    .ms_btn-q4-toggle,.ms_q4-toggle,.ms_q4-toggle.active, .ms_btn-q4-toggle.active{
        font-size: 12px;
    }
    .ms_btn-q4{
    width: 60%;
    margin: 0 5px;
    padding: 10px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    }

    .ms_q4{
        width: 33%;
        margin: 0 5px;
        padding: 10px;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ms_btn-q4:focus, .ms_btn-q4:hover, .ms_q4:focus, .ms_q4:hover{
        font-size: 16px; 
    }

    .ms_btn-q4-toggle{
        width: 75% !important;
    }

    .mt-14 {
        margin-top: -30%;
    }

    .eto_logo_img {
        max-width: 130px;
        margin-top: 0 !important;
    } 
    .sticky-toggle { 
        padding: 10px 20px; 
        bottom: 0;
    }
    .sticky-toggle .section_title h3, .sticky-toggle .section_title h3 span {
        font-size: 18px !important;
        width: 100%;
        margin: 0;
    }
    .sticky-toggle .section_title h3.indent-left {
        margin-left: 0%;
    }
    .rnr_logo {
        width: 75%; 
    }

    .usp_slider .owl-dots {
        text-align: center;
    }

    .usp_slider .owl-dot.active {
        width: 8px;
        height: 8px;
        background: #fbc304;
        margin: 0px 5px;
        display: inline-block;
        border-radius: 50%;
    }

    .usp_slider .owl-dot {
        width: 8px;
        height: 8px;
        background: rgb(184, 184, 184);
        margin: 0px 5px;
        display: inline-block;
        border-radius: 50%;
    }

    #about {
        padding-bottom: 75px;
        padding-top: 75px;
        background-position: 0 -50%;
    }

    .spacer_medium {
        height: 20px;
    }
    
    .projects_area {
        background-position: center 250%; 
        padding-top: 25px;
        background-image: linear-gradient(to bottom, #faf5ea 0%, #faf5ea 51%, #faf5ea00 100%);
    }

    .projects_area .section_title h3 {
        font-size: 24px!important;
        width: 100%;
        line-height: 28px;
    }
    .get_in_tauch_area h6 {
        font-size: 18px;
        line-height: 30px; 
    }

    .dropdown-toggle {
        width: 100%;
        background: #fff;
        padding: 10px 20px;
        text-transform: uppercase;
        border-radius: 0;
    }

    .dropdown-toggle span {
        position: relative;
        z-index: 3;
        font-size: 14px;
        font-weight: 500;
        color: #4a4a4a;
        text-transform: capitalize;
        margin-bottom: 19px;
        display: inherit;
        font-family: "Roboto", sans-serif;
    }

    .dropdown-toggle.focus, .dropdown-toggle:focus {
        outline: 0;
        box-shadow: none;
    }

    .dropdown-menu, .filter-button, .filter-button.active { 
        width: 100%; 
    }

    .filter-button, .filter-button.active {
        margin-top: 0;
        width: 100%;
        border-radius: 0;
        border-top: none;
        border-left: none;
        border-right: none;
    }
    .custom-control-label { 
        font-size: 11px;
    }

    .submit_btn,
    .submit_btn:hover,
    .submit_btn:focus {
        width: 72%;
    }

    .get_in_tauch_area {
        padding-top: 0;
        padding-bottom: 75px;
    }

    #eazy_form {
        width: 95%;
        margin: auto;
    }

    .slider_bg_2 .slider_text h1 { 
        font-size: 2.5em; 
    }

    .slider_bg_2 .rnr_logo {  
        width: 200px;  
    }

    .service_area.thankyou { 
    }
    .card .cover img { 
        height: 230px; 
    }
    .projects_moreinfo, .projects_moreinfo:hover, .projects_moreinfo:focus, .projects_register, .projects_register:focus, .projects_register:hover { 
        width: 70% !important;
    }
    .rnr_incentive {
        width: auto !important;
        font-size: 13px;
        padding: 10px 5px;
    }
    #faq { 
        padding-top: 115px;
        padding-bottom: 115px;
    }
    .card-header {
        padding: 1rem 1rem 1rem 0.5rem ; 
    }
    .card-body p {
        font-size: 15px;
        line-height: 23px;
        margin-top: 0;
    }
    .accordion .card-header:after { 
        margin-top: 0;
        margin-right: -5px;
    }
    .small-pad-bot {
        padding-bottom: 20px;
    }
    .text-bottom-spacer{
        width: 65%;
        font-size: 14px;
        line-height: 22px;
    }
    .img-float-bottom {
        bottom: -9%;
        width: 37%;
        left: -16%;
    }
    .img-float-top {
        top: -9%;
        width: 37%;
        right: -20%;
    }
    .projects_area .section_title p{
        width: 100%;
    }
    #register-area .img-float-bottom {
        bottom: -10%;
        width: 50%;
        left: -10%;
    }
    .learnmore_section {
        background: #4a4a4a;
        position: relative;
        background-image: url(../img/q3/bg-mobile.jpg);
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        background-color: #fff;
        height: 630px;
    }
    .sp-img {
        display: none;
    }
    #register-area .img-float-top {
        display: none;
    }
    .learnmore_section h3 {
        font-size: 24px;
        line-height: 40px;
    }
    .learnmore_section h5 {
        padding-top: 20px !important;
        width: 65%;
        margin: 0 auto;
        font-size: 16px;
    }
    .mb-30 {
        margin-bottom: 10px;
    }
    .slider_text_bottom-mobile{
        position: absolute;
        bottom: 2%;
        right: 11%;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .slider_text_bottom-mobile .text-footer{
        padding-top: 10px !important;
        color: white;
        font-family: Gotham-Medium;
        font-size: 14px;
    }
    .slider_text_bottom-mobile{
        display: block;
    }
    .logo-two {
        width: 30%;
        margin-top: 0px;
    }
    .navbar-toggler{
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
    .hamb-one{
        margin-top: 0px !important;
    }
    .sub-copy {
        width: 75%;
        margin: 0 auto;
    }
    .submit_form {
        width: 75%;
    }
    .vertical-line {
        height: 48px;
    }
    .slider_text_thankyou h1 {
        color: #fff;
        margin: 0 auto;
        font-size: 30px;
        width: 70%;
        font-family: 'Montserrat-SemiBold';
        text-align: center;
    }
    .navbar-nav{
        margin-top: 0px;
    }

    .usp_slider.owl-carousel .owl-nav div.owl-next {
        left: auto;
        right: 10% !important;
        top: 20%;
    }
    .usp_slider.owl-carousel .owl-nav div.owl-prev {
        right: auto;
        left: 10%;
        top: 20%;
    }
    .slash-img {
        display: none;
    }
    .small-copy {
        width: 80%;
        line-height: 20px;
        margin-top: 20px !important;
    }
    .submit_date{
        font-size: 14px;
        margin: 10px 0;
    }
    .service_area.thankyou .section_title h1 {
        font-size: 40px!important;
        padding-top: 80px;
    }
    .service_area.thankyou {
        height: 100vh !important;
    }
    .service_area.thankyou .section_title h1 {
        margin-top: 0px;
    }
    .nav-link.register_q4 {
        width: 140px;
        background-color: #bc1d3b;
        transition: .3s;
        color: white!important;
        padding-left: 10px;
        border-radius: 0;
        padding-right: 10px;
        border: 1px solid #bc1d3b;
        font-size: 18px;
        border-radius: 10px;
        text-align: center;
        font-family: 'Gotham-Bold';

    }
    .slider_text_absolute {
        font-size: 28px;
        right: 30%;
        top: -14%;
        color: #271f58;
    }
    .slider_text h1 {
        font-size: 70px;
        color: #271f58;
    }
    .single_slider p {
        font-size: 14px;
    }
    .single_slider p::after {
        width: 186px;
        left: 25%;
        bottom: -4px;
        border: 1px solid #271f58;
        background: #271f58;
    }
    .single_slider h5 {
        font-size: 18px;
        margin-top: 17px;
        color: #271f58;
    }
    .single_slider .ms_btn {
        font-size: 18px;
        width: 55% !important;
    }
    .img_logo {
        max-width: 120px;
        margin: 5px 31px 5px 15px;
        padding: 0px;
    }
    .navbar{
        padding: 10px 0 !important;
    }
    .navbar-dark .navbar-toggler {
        margin-top: 10px !important;
    }
    .slider_area h4{
        font-size: 28px;
        padding: 0 0 10px;
        color: white;
        text-shadow: 2px 2px 1px #5c5c5c;
    }
    span.max-text {
        font-size: 48px;
    }
    .slider_area span.span-hero{
        font-size: 35px;
    }
    .test-container{
        height: auto;
        padding: 30px 20px;
        width: 95%;
    }
    .testimonials_area .item {
        height: auto;
        margin-bottom: 5px;
    }
    .testimonials_slider.owl-carousel .owl-dots {
        right: 35%;
    }
    .tiny-clock {
        width: 20px;
    }
    .single_slider .ms_btn {
        font-size: 14px;
        width: 40% !important;
        margin: 0px;
        padding: 10px;
    }
    .clock-container {
        height: 40px;
        top: 42%;
        width: 40%;
    }
    .slider-img-bottom {
        display: none;
    }
    .section_title h1 {
        font-size: 30px;
    }
    .day-container {
        height: 25px;
        width: 25px !important;
        font-size: 18px;
        margin: 2px !important;
    }
    .days-copy {
        font-size: 16px;
        margin-left: 2px;
    }
    .small-copy {
        font-size: 8px;
    }
    .mobile-clock-container{
        background-color: #f2f3e7;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
        padding: 5px 0 5px 50px;
        width: 60%;
        margin-left: -50px;
    }
    .clock-container{
        display: none;
    }
    #background-video {
        top: 60px;
        height: 680px !important;
        object-position: top;
    }
    .timer-container {
        width: 65%;
    }
}
@media (max-width:390px){
    .submit_btn, .submit_btn:hover, .submit_btn:focus {
        width: 85%;
    }
    .slider_text_bottom-mobile {
        right: 8%;
    }
    .rnr_incentive {
    width: auto !important;
}
.section_title p {
    width: 95%;
}
.learnmore_section .ms_btn {
    width: 65%;
}
.submit_form {
    width: 85%;
}
.sub-copy {
    width: 90%;
    margin: 0 auto;
}

.row.price-details .col-6.col-lg-6.col-md-6.col-sm-6.d-flex.flex-column.justify-content-center.text-left.my-2{
    padding-right: 5px !important;
    padding-left: 10px !important;
}
.modal-dialog-slideout .submit_form {
    width: 100%;
}
.nav-link.register_q4 {
    width: 150px;
    padding: 10px 20px;
    font-size: 14px;
}
.img_logo {
    max-width: 90px;
    margin: 5px 0px 5px 0px;
    padding: 0px;
}
.slider_text_absolute {
    right: 67px;
    top: -19%;
}
.single_slider p::after {
    width: 197px;
    left: 76px;
    bottom: -4px;
}
.single_slider .ms_btn {
    width: 50% !important;
}
.sticky .navbar-dark .navbar-nav .nav-link.register_q4 { 
    padding-left: 35px !important; 
    padding-right: 35px !important; 
    padding-bottom: 8px !important;
    margin: 10px auto;
    padding-top: 8px !important;
}
}
@media (max-width:320px) {

     .btn_bottom_hero{
        bottom:-55px
    }
     .section_title p{
        font-size:16px;
        line-height:22px;
        margin-top:30px
    }
     .ms_btn,.ms_btn:focus,.ms_btn:hover{
        font-size:14px;
    }
    .single_slider .ms_btn {
        font-size: 14px;
    }
     .btn_howitworks::after{
        font-size:30px
    }
     .projects_area .single_service{
        width:100%
    }
     .panel_content p strong{
        font-size:15px
    }
     .panel_content p{
        font-size:14px
    }
     .panel_content span{
        font-size:14px
    }
     .panel_content h3{
        font-size:18px
    }
     .section_title h3{
        font-size:25px;
        line-height:1.15
    }
    .learnmore_section h3{
        font-size:25px;
    }
     .section_title h3:before,.service_area h3:before{
        bottom:-5px
    }
     .houzkey_logo_img, .hoc_logo_img{
        max-width:45px;
        margin-top:0
    }
     .service_area .terms{
        width:95%;
        line-height:1.1;
        font-size:15px
    }
     .steps_panel p{
        width:75%
    }
     .card .stats-container ul li{
        font-size:15px!important
    }
     .card .header{
        padding:20px 0 0
    }
     .card .stats-container ul li strong{
        font-size:20px!important
    }
     .back .header h3{
        font-size:18px
    }
     .card .stats-container ul li.buildsize_icon,.card .stats-container ul li.room_icon,.card .stats-container ul li.fac_icon,.card .stats-container ul li.others_icon,.card .stats-container ul li.repayment_icon{
        padding-left:40px!important
    }
    .card-container, .front, .back{
        height:695px!important
    }
    .slider_text_bottom-mobile .text-footer {
        font-size: 12px;
    }
    .submit_btn, .submit_btn:hover, .submit_btn:focus {
        width: 95%;
    }
    .learnmore_section .ms_btn {
        width: 80%;
    }
    .learnmore_section h5 {
        width: 70%;
    }
    .rnr_incentive {
        width: auto !important;
    }
    .submit_form {
        width: 100%;
    }
    .sub-copy {
    width: 100%;
    }
    .nav-link.register_q4 {
        width: 130px;
        padding: 10px 20px;
    }
    .img_logo {
        max-width: 70px;
    }
    .timer-container {
        width: 70%;
    }
}

@media (min-width:992px) {
    .hide-desktop{
        display: none !important;
    }
}