.mainheader{position:absolute;}
.mainheader:before{
    position:absolute;content:"";background: rgba(3, 3, 3, 0.44);
    width:100%;height:250px;background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 44%) 100%);top:0;left:0;
}
.sec_hmtestimonial .slickarrow .slick-next,.sec_hmtestimonial .slickarrow .slick-next{border-radius:0;}

/**/
.slider_home{position:relative;}
.ol_hmbanner .wrapper {
  width: 100%;padding:0 15px;
}
.banner_arow {
  width: 40px;
  height: 64px;
  background-color: #F1F1F1;
  border-radius: 20px;
  padding: 10px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -20px;
  margin-bottom: -32px;
}
ul.js_hmbanner{position:relative;}
ul.js_hmbanner li:not(:first-child){display:none;}
ul.js_hmbanner.slick-initialized{display:block;}
 .ol_hmbanner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: flex;
    flex-wrap: wrap;
    align-items:flex-end;
    justify-content: center;
	background: rgb(4,4,4);
     background: linear-gradient(180deg, rgba(4,4,4,0) 0%, rgba(0,0,0,0.40379901960784315) 100%);
}
ul.js_hmbanner .slick-slide>div>li{display:block !important;}
.olhmban_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 1000px;text-align: center;margin:0 auto;padding-bottom:80px;
}
ul.js_hmbanner .slick-slide  li>img{width:100%;}
.olhm_heading {
    font-size: 40px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #FFFFFF;margin-bottom:15px;
    line-height: 50px; font-family: "Lora";
}
.olhm_title {
    font-size: 16px;
    letter-spacing: 4.8px;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 22px;margin-bottom:25px;position:relative;
}
.olhm_title:before{position:absolute;content:"";width:150px;height:1px;background-color:#FFFFFF;
top:0;margin-top:10px;margin-left:-160px;}
.olhm_title:after{position:absolute;content:"";width:150px;height:1px;background-color:#FFFFFF;
top:0;margin-top:10px;margin-left:10px;}
.olhm_info .btn_border{border:1px solid #FFFFFF;height:50px;font-size:12px;letter-spacing:1.8px;color:#FFFFFF;padding:5px 40px;text-decoration:none;}
.hm-content-sec { padding:170px 0;position:relative;}
/*.hm-content-sec .right-side { padding-left:160px; padding-right:100px; }*/

/*--------------------------top content -------------------------------*/
.sec_hmtopcontent {
  background-color: #F1F1F1;
  padding: 170px 0 160px;
}
.hmtopcontent_wrap{display:flex;flex-wrap:wrap;position:relative;}
.hmtopcnt_left{width:720px;}
.hmtopcnt_right{width:calc(100% - 720px);padding-left:90px;
position:sticky;top:120px;align-self:flex-start;
}
.hmtop_btm_img {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
    align-items:flex-start;}
.hmtop_cnt{position:relative;margin-bottom:120px;}
.hmtopcnt_left .line{position:relative;font-size:12px;color:#242424;letter-spacing:1.2px;line-height:16px;text-transform:uppercase;padding-left:52px;}  
.hmtopcnt_left .line:before{position:absolute;content:"";width:40px;height:1px;background-color:#242424;left:0;top:50%;}
.houzz_logo{margin-top:60px;}
.title-wrap{margin-top:120px;}
.feature-title {
  font-size: 39px;
  font-family: "Lora";
  letter-spacing: 0.1em;margin-bottom:6px;
}
.feature-sub-title {
  font-size: 13px;
  font-family: 'Public Sans';
  letter-spacing: 3.9px;
}
.feature-title, .feature-sub-title {
  color: #D8D8D8;
  line-height: 1.2;
  font-weight: normal;
  text-transform: uppercase;
}
.hmtop_cnt .heading-30,.hmtop_cnt p{max-width:550px;}

/* design service slider */
.sec_hmservice .sslider_wrap{
    margin-right: calc(-50vw + (100% - 830px)/2);
}
.sec_hmservice .sslider_wrap {
    position: relative;
    padding-bottom: 100px;
    overflow: hidden;
}
.sec_hmservice ul.service-list.slick-initialized{
    display: block;
}
.sec_hmservice .sslider_wrap ul.service-list li{padding:0 40px;}
.sec_hmservice .sslider_wrap ul.service-list li>a.service-box{text-decoration:none;display:block;}
.sec_hmservice .sslider_wrap ul.service-list li>a.service-box:hover .service-title{
    color:#000000;
        transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.sec_hmservice .sslider_wrap ul.service-list{margin:0 -40px;}
.sec_hmservice .sslider_wrap ul.service-list li{width:33.33%;}
.sec_hmservice .sslider_wrap ul.service-list{display:flex;flex-wrap:wrap;}
.sec_hmservice .sslider_wrap ul.service-list li:not(:nth-child(-n+3)){display:none;}
.sec_hmservice .sslider_wrap ul.service-list.slick-initialized{display:block;}

.hm-faqs-sec{background-color:#FFFFFF;}
.section-rt-float-title.section-lt{left:-5%;transform-origin: 0% 100%;
  top: calc(50% + 200px);right:auto;}
.sec_hmservice{position:relative;overflow-x:hidden;}
.sec_hmproject .line_verticle{margin-left:55px;}

.sec_hmservice .sslider_wrap ul.service-list li>a.service-box .img-wrap{
    overflow:hidden;position:relative;
}
.sec_hmservice .sslider_wrap ul.service-list li>a.service-box .img-wrap>img{width:100%;display:block;}

.sec_hmservice .sslider_wrap ul.service-list li>a.service-box .img-wrap:before{
    position: absolute;
    content: "";
    top: 0;
    left:0%;
    width:100%;
    height: 100%;
    z-index: 2;
    display: none;
    opacity:0;
    background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% );
    background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% );
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);

   
}
.sec_hmservice .sslider_wrap ul.service-list li>a.service-box:hover .img-wrap:before {
    opacity:1;display:block;
  -webkit-animation: shine 1s;
    animation: shine 1s;
}
.dservice_wrap .dservice_left .heading-30{max-width:500px;}
@keyframes shine {
  0% {
    left: -50%;
    opacity: 0.2;
  }
  30% {
    left: 20%;
    opacity:0.7;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
/* --------------------blog-sec---------------------------------- */
.our_blog-sec { padding: 170px 0;
  background-color: #F9F9F9;}
.our_blog-sec .blog-slider { margin-left:-40px; margin-right: -40px;display:flex;flex-wrap:wrap;}
.blog-slider .blog-box{width:33.33%;}
.our_blog-sec .blog-slider.slick-initialized{display:block;}
.blog-slider .blog-box:not(:nth-child(-n+3)){display:none;}
/* --------------------hm-faqs-sec---------------------------------- */
.hmacc_wrap .hmacc_left .heading-30{margin-bottom:0;}

/* --------------------blog-sec---------------------------------- */

/*------------ project ---------*/
.project_ul>li:not(:first-child){display:none;}
.project_ul.slick-initialized{display:block;}
.sec_hmproject{position:relative;padding:170px 0;}
.project_li{display:flex;flex-wrap:wrap;justify-content:space-between;}
.project_left{width:700px;padding-right:10px;}
.project_right{width:360px;}
.project_ul{max-width:1290px;margin:0 auto;}
.project_cnt{margin:80px 0 70px;}
.slide-count-wrap {
  font-size: 14px;
  color: #242424;
  letter-spacing: 0.56px;margin-bottom:20px;
}
.project_ul li .heading-30{color:#242424;letter-spacing:3px;margin-bottom:5px;}
.project_ul li .project_cnt p{color:#242424;font-family: "Lora";letter-spacing:1.6px;text-transform:uppercase;}
.project_link li:not(:last-child){margin-bottom:12px;}
.sec_hmproject .dservice_wrap{max-width:1290px;margin:0 auto;}
/**/
.bottomwr{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.bottomwr .bottomwr_left{font-size:26px;color:#242424;letter-spacing:0.52px;font-family: "Lora";max-width:580px;}
.sec_hmbottomwr{padding:50px 0;background-color:#F9F9F9;}


.sechm_content{padding:170px 0;background-color:#f1f1f1;}
.hcontent_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;}
.hcon_left{width:990px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.hcon_right{width:calc(100% - 990px);padding-left:125px;}
.hcon_right p:last-child{margin-bottom:0;}


/*accordion*/
.sechm_accordion{padding:170px 0;background-color:#f1f1f1;}
.accordion_box_wrap{display:flex;flex-wrap:wrap;}
.accordion_box_wrap .accordion_bx_right{width:690px;
position: sticky;
  top: 120px;
  align-self: flex-start;
}
.accordion_box_wrap .accordion_bx_left{width:calc(100% - 690px);padding-right:140px;}
.process_accordion .accordion_in .acc_head span{width:34px;height:34px;background-color:#FFFFFF;display:inline-block;
border-radius:100%;text-align:center;line-height:34px;font-family: "Lora";font-size:14px;font-weight:500;
position:absolute;left:0;top:0;bottom:0;margin:auto 0;}
.process_accordion .accordion_in .acc_head{font-size:18px;color:#242424;letter-spacing:0.36px;font-weight:500;
line-height:22px;font-family: "Lora";padding-left:55px;padding-bottom:30px;padding-top:30px;position:relative;
cursor:pointer;
}
.process_accordion .accordion_in{position:relative;}
.process_accordion .accordion_in.acc_active .acc_head span{background-color:#242424;color:#FFFFFF;}
.process_accordion .acc_content{padding:0 0 35px 55px;position:relative;}
.process_accordion .accordion_in:not(:first-child) .acc_content{display:none;}
.process_accordion .acc_content:before{
    position:absolute;content:'';
    left:0;
    background-image:url('../images/arrow-dotted.svg');
    width:11px;height:121px;top:0;bottom:0;margin:auto 10px;
}
.process_accordion .accordion_in:after{position:absolute;content:"";width:calc(100% - 55px);bottom:0;
right:0;background-color:#D8D8D8;height:1px;}
.process_accordion .acc_content p:last-child{margin-bottom:0;}
.hmacc_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.hmacc_wrap .hmacc_left{width:500px;}
.hmacc_wrap .hmacc_right{width:calc(100% - 500px);max-width:450px;}
.process_accordion .accordion_in:last-child::after{display:none;}

/*------------- testimonials -------------*/
.sec_hmtestimonial{background-color:#242424;padding:150px 0;}
.sec_hmtestimonial  .heading-26,.sec_hmtestimonial p{color:#FFFFFF;}
.sec_hmtestimonial .testmonial-li{max-width:840px;margin:0 auto;text-align: center;}
.sec_hmtestimonial .comment-person {
  color: #FFF;letter-spacing:1.2px;line-height:14px;padding:0 12px 8px;
  font-size: 12px;border-bottom:1px solid rgba(255, 255, 255, 0.30);display:inline-flex;
}
.sec_hmtestimonial .testmonial-li .img-wrap{display: block;
  margin: 0 auto 30px;}
.testmonial_title{font-size:12px;letter-spacing:1.2px;color:#FFFFFF;padding:0 25px;text-transform:uppercase;
margin:0 auto 35px;text-align:center;}

.sec_hmtestimonial ul.testimonials-list.testimonials-slide li:not(:first-child){display:none;}
.sec_hmtestimonial ul.testimonials-list.testimonials-slide.slick-initialized{display:block;}

/*-------*/
.sechm_listing{background-color:#F9F9F9;padding:170px 0;position:relative;  }
.listbox_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.listbox_left{width:calc(100% - 790px);max-width:426px;}
.listbox_right{width:790px;padding-left:30px;}

.listbox_ul {
  column-count: 2;
  column-gap: 60px;
}
.listbox_li{background-color:#F1F1F1;padding:50px;}
.listbox_ul li{margin-bottom:60px;}
.listbox_ul li:first-child{margin-top:60px;}
.listbox_li>img{margin-bottom:30px;}
.listbx_title {
  font-size: 18px;
  color: #242424;margin-bottom:18px;
  letter-spacing: 0.36px;  font-family: "Lora";
}
.sec_hmcallaction.sec_haction{padding:160px 0;}
.sec_hmcallaction.sec_haction:before{display:none;}
.sec_hmcallaction.sec_haction .hmcallaction_wrap{background-color:#FFFFFF;padding:90px;
max-width:840px;}
.sec_hmcallaction.sec_haction .hmcallaction_wrap .heading-30,.sec_hmcallaction.sec_haction .hmcallaction_wrap p{color: #242424;}
.sec_hmcallaction.sec_haction .hmcallaction_wrap .btn_border{border: 1px solid #242424;
  color: #242424;}
.sec_hmcallaction.sec_haction .hmcallaction_wrap .btn_border:hover{color:#FFFFFF;}
.sec_hmmedia {
  background-color: #F9F9F9;
  padding: 170px 0;position:relative;
}

ul.media_ul{display:flex;flex-wrap:wrap;margin:0 -42px;}
ul.media_ul li{width:33.33%;padding:0 42px;}
ul.media_ul li a{display:block;position:relative;text-decoration:none;}
ul.media_ul li .md_box {
  background-color:#F9F9F9;
  padding: 30px;
  position: inherit;margin-top:-100px;
 top:100%;width: calc(100% - 50px);
        transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
ul.media_ul li:nth-child(3) a{margin-top:-80px;}
ul.media_ul li:nth-child(2) a{margin-top:-40px;}
.blog-title{max-width:230px;}
ul.media_ul li a .media_img{position:relative;overflow:hidden;}
ul.media_ul li a .media_img:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
    opacity: 0;
    background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% );
    background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% );
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
}
ul.media_ul li a:hover .media_img:before{
        opacity: 1;
    display: block;
    -webkit-animation: shine 1s;
    animation: shine 1s;
}
ul.media_ul li a:hover .md_box{
    transform:translateY(-10px);
        transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.sec_hmservice .sslider_wrap ul.service-list .draggable .slick-track,
.sec_hmservice .sslider_wrap ul.service-list .draggable li>a.service-box .img-wrap{cursor:url('../images/drag-icon.svg'),auto;}
.sec_hmservice .sslider_wrap ul.service-list .draggable li>a.service-box{pointer-events:none;}
.sec_hmservice .sslider_wrap ul.service-list .draggable li>a.service-box .service-title{pointer-events:auto;}

.project_ul .draggable .slick-track,
.project_ul .draggable .project_li .project_left > img,.project_ul .draggable .project_li .project_right > img{cursor:url('../images/drag-icon.svg'),auto;}
.project_ul .draggable .project_li .project_left,.project_ul .draggable .project_li .project_right{pointer-events:none;}
.project_ul .draggable .prj_wrap{pointer-events:auto;cursor:default;}


/**/
.wonderplugin-box-dialog.home-popup-section {
        max-width: 1000px !important;
    width: 90% !important;
}
.home-popup-section .wonderplugin-box-content{
    display:flex !important;
    flex-wrap:wrap;
}
.home-popup-section .needsclick {
    min-height: auto !important;
}
.home-popup-section .left-side{
  width:530px;  
}
.home-popup-section .right-side{
  width:calc(100% - 530px); 
    text-align:left;
    padding:40px;
    margin: auto 0;
}
.home-popup-section .right-side form {
    padding: 0 !important;
}
.home-popup-section .wonderplugin-box-top{
    padding-left:4px !important;
}
.home-popup-section .right-side form p span{color:#000000 !important;
font-family: "Roboto Condensed" !important;
    text-align:left !important;
    display:none !important;
}
.home-popup-section .right-side form button {
    background: #ffffff !important;
    color:#242424 !important;
        text-transform: uppercase;
    font-size: 14px !important;
    font-family: "Roboto Condensed" !important;
    font-weight: 400 !important;
    border:1px solid #242424 !important;
}
.home-popup-section .right-side form button:hover{
  background:#242424 !important;
  color:#ffffff !important;  
    
}
.home-popup-section .wonderplugin-box-top,
 .home-popup-section .wonderplugin-box-bottom{padding:0 !important;}
.home-popup-section .wonderplugin-box-heading,
.home-popup-section .wonderplugin-box-description,
.home-popup-section .needsclick
{
        font-family: "Roboto Condensed" !important;
    color:#242424 !important;
}
.home-popup-section input[type="email"],
.home-popup-section input[type="email"]::placeholder{
   font-family: "Roboto Condensed" !important; 
    padding-left:5px !important;
}
.home-popup-section .needsclick {
    min-height: auto !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
}
.home-popup-section .kl-private-reset-css>div>span{
    font-family: "Roboto Condensed" !important;
    font-size:20px !important;
}
.home-popup-section .kl-private-reset-css>div{
    text-align:left !important;
}
@media (max-width:1599.98px) {
    sec_hmtopcontent{padding:100px 0;} 
    .hmtopcnt_left{width:55%;}
    .hmtopcnt_right{width: calc(100% - 55%);}
    .hmtop_cnt{margin-bottom:80px;}
    .title-wrap{margin-top:80px;}
    .section-rt-float-title.section-lt{left:-5px;}
    .sec_hmproject{padding:100px 0;}
    .sec_hmproject .dservice_wrap{max-width:100%;}
    .sec_hmproject .line_verticle{margin-left:0;}
    .project_ul{max-width:1200px;}
    .sec_hmtestimonial{padding:100px 0;}
    .sechm_content{padding:100px 0;}
    
    .hcon_left{width:60%;}
    .hcon_right {
      width: calc(100% - 60%);
      padding-left:40px;
    }
    .hcon_left .feature-sm-img,.hcon_left .feature-big-img{width:48%;}
    .hcontent_wrap,.hcon_left{align-items:center;}
    .sechm_listing{padding:100px 0;}
    .sechm_accordion{padding:100px 0;}
    .accordion_box_wrap .accordion_bx_right{width:40%;}
    .accordion_box_wrap .accordion_bx_left{width: calc(100% - 40%);padding-right:60px;}
    .sec_hmmedia{padding:100px 0;}
    ul.media_ul li{padding:0 20px;}
    ul.media_ul{margin:0 -20px;}
    .our_blog-sec{padding:100px 0;}
    .our_blog-sec .blog-slider{margin:0 -20px;}
    .hm-content-sec{padding:100px 0;}
    .dservice_wrap .dservice_left .heading-30{max-width:100%;}
}

@media (max-width: 1439.98px){
    .olhm_heading{font-size:30px;line-height:38px;letter-spacing:3px;margin-bottom:10px;}
    .olhm_title{font-size:14px;line-height:22px;letter-spacing:2.8px;margin-bottom:14px;}
    .sec_hmtopcontent{padding:80px 0;} 
    .hmtopcnt_left{width:60%;}
    .hmtopcnt_right{width: calc(100% - 60%);padding-left:40px;}
     .hmtop_cnt{margin-bottom:40px;}
    .title-wrap{margin-top:60px;}
    .sec_hmservice .sslider_wrap{padding-bottom:80px;}
    .sec_hmproject{padding:80px 0;}
    .sec_hmtestimonial{padding:80px 0;}
     .sechm_content{padding:80px 0;}
    .hcon_left .feature-sm-img{width:52%;}
    .hcon_left .feature-big-img{width:47%;}
    .sechm_listing{padding:80px 0;}
    .sechm_accordion{padding:80px 0;}
     .hmacc_wrap .hmacc_left{width:49%;}
     .hmacc_wrap .hmacc_right{width:49%;}
    .sec_hmmedia{padding:80px 0;}
    
    ul.media_ul li{padding:0 10px;}
    ul.media_ul{margin:0 -10px;}
    ul.media_ul li .md_box{padding:20px;}
    .our_blog-sec{padding:80px 0;}
    .hm-content-sec .helf-section .left-side{width:550px;}
    .hm-content-sec .helf-section .right-side{width: calc(100% - 550px);}
    .hm-content-sec{padding:80px 0;}
    .sec_hmservice .sslider_wrap ul.service-list li{padding:0 20px;}
    .sec_hmservice .sslider_wrap ul.service-list {
        margin: 0 -20px;
    }
    ul.media_ul li:nth-child(3) a{margin-top:-40px;}
    ul.media_ul li:nth-child(2) a{margin-top:-20px;}
}

@media (max-width:1199.98px){
    .sec_hmtopcontent{padding:60px 0;} 
    .hmtopcnt_left{width:70%;}
    .hmtopcnt_right{width: calc(100% - 70%);padding-left:30px;}
    .feature-title{font-size:30px;letter-spacing:1px;}
    .title-wrap{margin-top:40px;}
    .sec_hmservice .sslider_wrap{padding-bottom:60px;}
    .section-rt-float-title.section-lt{left:0;}
    .sec_hmproject{padding:60px 0;}
    .project_left{width:54%;}
    .project_right{width:45%;}
    .project_cnt{margin:40px 0;}
    .sec_hmtestimonial{padding:60px 0;}
     .sechm_content{padding:60px 0;}
    .sechm_listing{padding:60px 0;}
    .listbox_ul{column-gap:10px;}
    .listbox_ul li{margin-bottom:10px;}
    .listbox_ul li:first-child{margin-top:0px;}
    .listbox_right{width:60%;}
    .listbox_left{width: calc(100% - 60%);}
    .listbox_li{padding:24px;}
    .listbox_li > img{margin-bottom:20px;}
    .sec_hmcallaction.sec_haction{padding:100px 0;}
    .sec_hmcallaction.sec_haction .hmcallaction_wrap{padding:60px;}
    .sechm_accordion{padding:60px 0;}
     .hmacc_wrap .hmacc_left,.hmacc_wrap .hmacc_right{width:100%;max-width:100%;}
    .hmacc_wrap .hmacc_left .heading-30{margin-bottom:24px;}
    .sec_hmmedia{padding:60px 0;}
    
    ul.media_ul li{padding:0 5px;}
    ul.media_ul{margin:0 -5px;}
    ul.media_ul li:not(:last-child) a {
    padding-top:0px;
    }
    .our_blog-sec{padding:60px 0;}
    .our_blog-sec .blog-slider{margin:0 -10px;}
    
        .hm-content-sec .helf-section .left-side{width:450px;}
    .hm-content-sec .helf-section .right-side{width: calc(100% - 450px);}
    .hm-content-sec{padding:60px 0;}
    
.sec_hmservice .sslider_wrap ul.service-list li{width:50%;}
.sec_hmservice .sslider_wrap ul.service-list li:not(:nth-child(-n+2)){display:none;}
.mainheader::before{height:120px;}
        ul.media_ul li:nth-child(3) a{margin-top:0px;}
    ul.media_ul li:nth-child(2) a{margin-top:0px;}
}

@media (max-width:991.98px) {
    .sec_hmtopcontent{padding:40px 0;} 
    .hmtopcnt_left{width:100%;margin-bottom:30px;}
    .hmtopcnt_right{width:100%;padding-left:0;position:initial;}
    .hmtop_cnt .heading-30,.hmtop_cnt p{max-width:initial;}
    .sec_hmservice .sslider_wrap{padding-bottom:40px;}
    .sec_hmservice{padding-bottom:40px;}  
    .sec_hmproject{padding:40px 0;}
    .project_left{width:52%;}
    .project_right{width:48%;}
    .sec_hmtestimonial{padding:40px 0 100px;}
    .bottomwr .bottomwr_left{font-size:24px;line-height:30px;letter-spacing:1.8px;margin-bottom:26px;text-align:center;}
    .bottomwr{flex-direction:column;}
     .sechm_content{padding:40px 0;}
    .hcon_left{width:100%;margin-bottom:20px;}
    .hcon_right{width:100%;padding-left:0;}
    .title-wrap{margin-top:20px;}
    .hcontent_wrap, .hcon_left{align-items:flex-start;}
    .sechm_listing{padding:40px 0;}
    .listbox_left{width:100%;max-width:100%;margin-bottom:30px;}
    .listbox_right{width:100%;padding-left:0;}
    .sec_hmcallaction.sec_haction{padding:80px 0;}
    .sec_hmcallaction.sec_haction .hmcallaction_wrap{padding:60px 25px;}
    .sechm_accordion{padding:40px 0;}
    .accordion_box_wrap .accordion_bx_left{width:100%;margin-bottom:20px;padding-right:0px;}
    .accordion_box_wrap .accordion_bx_right{width:100%;position:initial;}
    .sec_hmmedia{padding:40px 0;}
    .our_blog-sec{padding:40px 0;}
    
    .hm-content-sec .helf-section .left-side{width:100%;margin-bottom:20px;}
    .hm-content-sec .helf-section .right-side{width:100%;}
    .hm-content-sec{padding:40px 0;}
    ul.media_ul,.our_blog-sec .blog-slider{padding-bottom:20px;}
    
    .blog-slider .blog-box{width:50%;}
    .blog-slider .blog-box:not(:nth-child(-n+2)){display:none;}
    
    ul.media_ul li{width:50%;}
    ul.media_ul li:not(:nth-child(-n+2)){display:none;}
    ul.media_ul.slick-initialized{display:block;}
    .project_ul{padding-bottom:20px;}
    .olhm_title:before,.olhm_title:after{width:60px;}
    .olhm_title:before{margin-left:-70px;}
    .home-popup-section .left-side{width:100%;max-width:300px;margin:0 auto;}
    .home-popup-section .right-side{width:100%;}
    .wonderplugin-box-dialog.home-popup-section{
        height:92vh !important;
        overflow-y:scroll;
    }
}

@media (max-width:767.98px) {
    .houzz_logo{margin-top:0px;}
    .sec_hmservice .sslider_wrap{margin:0 -15px;}
    .hmtop_btm_img>img{display:none;}
    .hmtop_btm_img > img.houzz_logo{display:block;}
    .title-wrap{display:none;}
    .process_accordion .accordion_in .acc_head{padding:24px 0 24px 48px;}
    .process_accordion .acc_content{padding: 0 0 25px 48px;}
    ul.media_ul li .md_box{width: calc(100% - 15px);}
    .hmtopcnt_left .line::before{width:20px;}
    .hmtopcnt_left .line{padding-left:26px;}
    .sec_hmservice .sslider_wrap ul.service-list li{padding:0 5px;}
    .sec_hmservice .sslider_wrap ul.service-list {
        margin: 0 -5px;
    }
    .olhm_title:before,.olhm_title:after{display:none;}
    .home-popup-section .right-side{
        padding:20px;
    }
}

@media (max-width:575.98px) {
    .olhm_info .btn_border{letter-spacing:1.2px;height:48px;padding: 4px 25px;margin: 0 5px 5px 0;}
    .olhmban_wrap{padding-bottom:30px;}

    .hmtop_btm_img{flex-direction:column-reverse;}
   
    .project_right{width:100%;}
    .prj_wrap{width:54%;order:1;}
    .project_right{display:flex;flex-wrap:wrap;justify-content:space-between;}
    .project_right img{width:45%;order:2;}
    .project_cnt{margin:30px 0;}
/*    .project_ul{margin-right: calc(-50vw + (100% - 40px)/2);}*/
     .project_left{width:100%;margin-bottom:40px;margin-left:-24px;}
    .project_ul li .heading-30{margin-bottom:10px;letter-spacing:1px;word-break:break-word;text-wrap:balance;}
    .project_ul li .project_cnt p{font-size:14px;letter-spacing:1px;line-height:22px;}
    .bottomwr .bottomwr_left{font-size:20px;line-height:26px;letter-spacing:0.4px;}
    .hcon_left .feature-sm-img{display:none;width:100%;}
    .hcon_left .feature-big-img{width:100%;}
    .listbox_ul{column-gap:0;column-count:1;}
    .sec_hmcallaction.sec_haction .hmcallaction_wrap .btn_border{margin-top:20px;}
    .sec_hmcallaction.sec_haction .hmcallaction_wrap {
        padding:50px 20px;
    }
    .process_accordion .acc_content::before{margin:10px 10px auto;}
    .process_accordion .accordion_in .acc_head{font-size:16px;}
    .accordion_box_wrap .accordion_bx_right{display:none;}
    ul.media_ul,.our_blog-sec .blog-slider{margin:0 -15px;}
    .menu_link{width:100%;}
    
    .sec_hmservice .sslider_wrap ul.service-list li{width:100%;}
.sec_hmservice .sslider_wrap ul.service-list li:not(:nth-child(-n+1)){display:none;}
    
        .blog-slider .blog-box{width:100%;}
    .blog-slider .blog-box:not(:nth-child(-n+1)){display:none;}
        ul.media_ul li{width:100%;}
    ul.media_ul li:not(:nth-child(-n+1)){display:none;}
    .banner_arow{display:none;}
    .project_ul{padding-bottom:30px;}
    .listbox_ul .draggable .slick-track{cursor:url('../images/drag-icon.svg'),auto;}
}