@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%;

        height:655px;

        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: 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; 

    }

    

    footer {

        padding-bottom: 100px;

    }

}

@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;

    }

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

    }

     .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: 55% !important;
        padding: 10px 5px;
        font-size: 13px; 

    }

    .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: 685px;

        border-radius: 0; 

    } 

    .panel_content p strong { 

        margin-left: 5px;

    }

}

@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%

    }

    .card-container, .front, .back{

        height:655px!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;

        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;

        position:relative;

        z-index:0;

        padding:12px 10px;

        background:#d7ab4f;

        border:1px solid #d7ab4f

    }

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

    }

}



@media (max-width:1280px) {

    .rnr_incentive {

        width: 55% !important;
        padding: 10px 5px;
        font-size: 12px;
    }

}

@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

    }

     .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-container, .front, .back{

        height:700px!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 {

         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;

    }

    .navbar-dark .navbar-nav .nav-link {

        font-size: 16px;

    }



    .sticky .navbar-dark .navbar-nav .nav-link {

        font-size: 16px;

    }

    .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:992px) {

    .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 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:650px!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: 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: 75%;

    }

    .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: 55% !important; 

        font-size: 14px;

    }

    .panel_content p {

        font-size: 17px;

    }

    .panel_content p strong {

        font-size: 22px;

    }

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

    } 



    footer {

        padding-bottom: 100px;

    }



    .slider_area .single_slider.slider_bg_2 {

        height: 70vh;

        padding-top: 150px;

    }



    .accordion {

        width: 100%;

    }

}

@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

    }

    .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:145px;

        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{

        padding:30px 5px

    }

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

    } 

     .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-container, .front, .back{

        height:100%

    }

     .card .content{

        padding:10px 0!important

    }

     .content .ms_btn{

        position:relative;

        bottom:-5px

    }

    .card-container, .front, .back{

        height:600px!important

    }

     .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-container, .front, .back{

        height:665px!important;

    }

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

    }

     header .ms_btn:hover, header .ms_btn:focus{

         font-size:16px;

         color:#fff;

         position:relative;

         z-index:0;

         padding:8px 10px;

         margin-right:0;

         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: #7c6027;

        margin: 0px 10px;

        display: inline-block;

    }



    .usp_slider .owl-dot {

        width: 50px;

        height: 5px;

        background: #d6ad5b;

        margin: 0px 10px;

        display: inline-block; 

    }



    #about {

        padding-bottom: 75px;

        padding-top: 75px;

        background-position: 0 -50%;

    }



    .spacer_medium {

        height: 30px;

    }

    

    .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: 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: 70% !important;

    }

    .rnr_incentive {
        width: 60% !important;
        font-size: 12px;
        padding: 6px 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;

    }

}

@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:10px 25px

    }

     .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

    }

    .card-container, .front, .back{

        height:550px!important

    }

}



@media (min-width:992px) {

    .hide-desktop{

        display: none !important;

    }

}