@media (min-width:1024px) {
     .hide-desktop{
        display:none
    }
}
@media (max-width:1700px) {
    .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%; 
    }
    .service_area .single_service p {
        width: 80%;
        font-size: 17px;
        line-height: 22px;
    }
     .steps_panel p{
        width:65%
    }
     .card .stats-container ul li{
        font-size:17px!important
    }
    .card-container, .front, .back{
        width:100%;
        border-radius:25px;
        -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);
        height: auto
    }
     .card .stats-container ul li {
         font-size: 17px;
    }
    .spacer_medium {
        height: 50px; 
    }
    .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; 
    }
    
}
@media (max-width:1500px) {
    .service_area .single_service p {
        width: 70%;
        font-size: 16px;
    }
    .section_title p {
        font-size: 18px; 
    }
    .section_title h3, .section_title h3 span {
        font-size: 42px; 
    } 
    .header-area .main-header-area.sticky{
        padding: 10px 70px !important;
    }
    .card .stats-container ul li{
        font-size:17px!important;
        margin:0 auto 7%!important
    }
     .card .stats-container{
        min-height:330px;
    }
     .slider_text h1 {
         width: 95%;
         font-size: 2em;
    }
    .slider_text h5 {
         width: 80%;
         font-size: 1.3em;
    }
     .panel_content span {
         width: 90%;
         font-size: 15px;
         line-height: 1.35;
         min-height: 50px;
    }
    .rnr_incentive { 
        width: 50% !important; 
        padding: 10px 10px; 
        font-size: 14px;
    }
    .rent_slider.owl-carousel .owl-item img.mini_icon { 
        margin-top: 2px;
    }
}
@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;
    }
    .section_title h3 span {
        font-size: 40px!important;
        line-height: 45px;
    }

     .slider_text h1 {
         font-size: 2em;
         width: 100%;
    }
    .service_area .single_service p {
        font-size: 16px;
        width: 80%;
        margin-bottom: 0;
    }
    .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:40%
    }
     .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;
        color:#fff!important;
        position:relative;
        z-index:0;
        padding:12px 10px;
        margin-right:0;
        border-radius: 30px;
        font-family:Gotham-Medium;
        background:#d7ab4f;
        border:1px solid #d7ab4f
    }
     header .ms_btn:focus,.ms_btn:hover{
        color:#fff!important;
        background:#efc317;
        border:1px solid #efc317
    }
     .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: inline-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;
    }
}

@media (max-width:1280px) {
    .rnr_incentive {
        width: 50% !important;
        padding: 10px 5px;
        font-size: 13px;
    }
}
@media (max-width:1200px) {
    .img_logo{max-width: 250px}
    .navbar-dark .navbar-nav .nav-link, .sticky .navbar-dark .navbar-nav .nav-link {
        font-size: 14px;
        padding:12px 10px;
    }
    .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;
    }
    .section_title h3 { 
        width: 80%;  
    }
    .card .cover img {
        height: 330px;
    }
    .projects_area .container_80{
        max-width: 90%
    }
}
@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
    }
     .slider_area .single_slider{
        height:90vh
    }
     .service_area .single_service p{
        width:80%;
        font-size:15px
    }
     .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 p {
        font-size: 16px;
        width: 90%;
        line-height: 20px;
    }
    .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 .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 {
         width: 100%;
         font-size: 2.5em;
         width: 100%;
         font-size: 2em;
    }
     .slider_text h5 {
         width: 100%;
         font-size: 1.5em;
    }
     .learnmore_section {
         padding: 100px 0;
    }
     .learnmore_section h3 {
         font-size: 35px;
         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;
    }
    .section_title h3 { 
        width: 95%; 
    }
    .section_title p {
        width: 85%; 
    }
    .spacer_medium {
        height: 20px;
    }
    .icon img {
        max-width: 45%;
    }
    .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;
    }
}
@media (max-width:991px) {
    .hide-tablet{
        display:none
    }
    .hide-mobile{
        display: none !important;
    }
     .header-area .main-header-area.sticky{
        transform:translateY(70px)
    }
     .slider_text h1{
        font-size: 30px;
        width:70%
    }
     .slider_text{
        margin-bottom:40%
    }
     .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:95%;
        font-size:15px;
        line-height:1.2;
         min-height: 60px;
    }
    .panel_content p{
        font-size: 14px
    }
     .panel_content p strong{
        font-size:16px
    }
     .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:30px 0 20px
    }
     .card .stats-container ul li strong{
        font-size:20px
    }
     .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: 18px;
    }
     .article_section {
         padding-top: 75px;
         padding-bottom: 75px;
    }
     .slider_text h1 {
         font-size: 30px;
    }
     .slider_text hr {
         margin-top: 0rem;
         margin-bottom: 2rem;
    }
    .slider_area .single_slider {
        height: 55vh;
    }
    .icon img {
        max-width: 55%;
    }
    .spacer_medium {
        height: 0px; 
    }

    .projects_area .section_title h3 {
        font-size: 32px!important; 
    }
    .filter-button {
        width: 24%;
    }
    .rnr_incentive {
        width: 55% !important; 
        font-size: 14px;
    }
    
    .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%;
    }

    .service_area .section_title{margin-bottom: 30px}

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

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

    .usp_slider .owl-dot {
        width: 50px;
        height: 5px;
        background: rgba(255,255,255,0.5);
        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;
    } 


    .slider_area .single_slider.slider_bg_2 {
        height: 70vh;
        padding-top: 150px;
    }

    .accordion {
        width: 100%;
    }
    .service_area{padding-top: 100px}
}

@media (max-width:925px) {
    .projects_area .container_80{
        max-width: 95%;
        width: 95%;
    }
    .panel_content p{
        font-size: 12px;
    }

    .project_details_container_left{padding:10px;}
}

@media (max-width:768px) {
    .icon img{
        max-width:150px;
    }
}

@media (max-width:767px) {
    #about{
        background-position-y: bottom;
        padding-bottom: 150px;
    }
    .panel_content p{font-size: 15px}
    .projects_area {padding-top: 50px;}
    .projects_area .container_80{max-width:85%;width:100%;}
}

@media (max-width:480px) {
    .web_view{display: none;}
    .mobile_view{display: block;}
    .tnc_apply{padding: 0 20px;font-size: 13px;line-height: 1.2;text-align: center;}
    #huge_btn{font-size: 18px;padding:20px 15px;}
    #about{background-size: 100% 100%;padding-bottom:120px;}
    .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
    }
    .slider_area .single_slider { 
        margin-top: 70px;
    }
     .slider_bg_1{
        background-image:url(../img/hero_mobile.png)
    }
     .footer-social{
        -ms-flex-pack:center;
        justify-content:center;
        text-align:center
    }
     .slider_text h1{
        margin:0;
        font-size: 30px;
        width:95%;
    } 
     .slider_text{
        margin-bottom:10%;
         position: relative;
        top: 10px;
    }
     .btn_bottom_hero{
        bottom:-80px;
        position:relative;
        margin:0 auto
    }
     .img_logo{
        max-width:200px;
        width:100%
    }
     .header-area .main-header-area .logo-img{
        width:80%
    }
     .masthead{
        max-width:90%
    }
     .single_slider .ms_btn{
        font-size:16px;
        color:#fff;
        position:relative;
        z-index:0;
        padding:10px;
        margin-right:0;
        font-family:ProximaNova-Regular;
        background:#d7ab4f;
        border:1px solid #d7ab4f;
        width:50%;
        text-align:center
    }
     .header-area .main-header-area.sticky{
        padding:20px 10px
    }
     .main-header-area.sticky .masthead{
        max-width:95%
    }
    .section_title p {
        font-size: 15px;
        line-height: 20px;
        width: 100%;
        margin-bottom: 25px;
        margin-top: 0;
    }
    .service_area .single_service p {
        width: 90%;
        line-height: 20px;
        font-size: 16px;
    }
    .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 p {
        font-size: 16px;
    }
     .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;
    } 
     .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%
    }
     .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: 100%;
    }
    .back .header h3{
        font-size:21px!important
    }
     .card .header{
        padding:20px 0
    }
     .card .header h3{
        margin-top:25px!important
    }
     .card .stats-container ul li{
         font-size: 15px!important;
         margin: 0 auto 5%!important;
    }
     .modal-dialog-slideout {
         width: 85%!important;
         max-width: 85%;
    }
     .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_text h1 {
         width: 100%;
         font-size: 25px;
         line-height: 1.35;
         margin-bottom: 20px;
    }
     .slider_text h5 {
         color: #4a4a4a;
         font-size: 1.15em;
         width: 100%;
    }
     header .ms_btn {
         font-size: 16px;
         color: #fff;
         position: relative;
         z-index: 0;
         padding: 8px 10px;
         margin-right: 0 !important;
         font-family: ProximaNova-Regular;
         background: #d7ab4f;
         border: 1px solid #d7ab4f;
         width: 80%;
         text-align: center;
         margin-top: 2px;
         display: block;
         float: right;
    }
     .slider_text hr {
         margin-bottom: 1.5rem;
         margin-top: 0.5rem;
    }
     .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: 50px;
        height: 5px;
        background: #efc317;
        margin: 0px 10px;
        display: inline-block;
    }

    .usp_slider .owl-dot {
        width: 50px;
        height: 5px;
        background: rgba(255,255,255,0.5);
        margin: 0px 10px;
        display: inline-block; 
    }

    #about {
        padding-bottom: 120px;
        padding-top: 100px;
    }

    .spacer_medium {
        height: 30px;
    }
    
   
    .projects_area .section_title h3 {
        font-size: 24px!important;
        width: 85%;
        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: 100%;
    }

    .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;  
    }

    .slider_area .single_slider.slider_bg_2 { 
        padding-top: 0;
    }
    .card .cover img { 
        height: 230px; 
    }
    .projects_moreinfo, .projects_moreinfo:hover, .projects_moreinfo:focus, .projects_register, .projects_register:focus, .projects_register:hover { 
        width: 100% !important;
    }
    .rnr_incentive {
        width: 55% !important;
        font-size: 13px;
        padding: 8px 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;
    }
    .projects_area .container_80{width: 100%;max-width: 90%}
    .project_details_container{flex-wrap: wrap;}
    .project_details_container_left{border:none !important;width: 100%}
    .details_wrapper{display: flex;flex-wrap: wrap;justify-content: center;}
    .details_wrapper p{width: 100%;text-align: center;}
}
@media (max-width:320px) {
    .slider_text h1 {
         font-size: 28px;
         line-height: 1.2;
    }
     .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:18px;
        padding:15px 10px
    }
     .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
    }
     .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
    }
}

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