/* Section Container Start */
.section-container{background: url(../images/section-img.jpg) no-repeat; background-size: cover !important; height: 250px; position: relative; margin-bottom: 40px; margin-top: 120px;}
.section-container:before{content: ''; background: rgba(0,0,0,0.30); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.section-container h1{position: absolute; bottom: 120px; font-size: 24px; color: #fff; font-weight: 400; text-align: center; width: 100%;}
/* Section container Finish */

/* Section Product Div Start */
.section-product-padding{padding-left: 45px !important; padding-right: 45px !important;}
.section-product-div{margin-bottom: 15px;}
.section-div-show-hide-margin{margin-bottom: 65px;}
.section-product-div h2 {font-size: 21px; font-weight: 400; color: #000; border-bottom: 1px solid #dddddd; padding-bottom: 15px; margin-bottom: 35px; position: relative;}
.section-product-div h2:before {content: ''; width: 102px; height: 4px; background: #2593d1; position: absolute; left: 0; bottom: 0;}
.section-project-box{padding: 15px;}
.section-project-box-img img{box-shadow: none !important; width: 100%; cursor: pointer; z-index: 0; position: relative;}
.section-project-box-img{height: 303px; background: #e8e8e8;}
.section-project-box-img:before{content: ""; background: url(../images/couch-no-img.png) no-repeat; width: 125px; height: 95px; background-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.project-detail{padding: 15px 0 0 0; position: relative;}
.project-detail h4 a{color: #000000; display: block; text-decoration: none; font-size: 15px; margin-bottom: 5px; font-weight: 400; line-height: 21px;}
.project-detail font{color: #666666; font-size: 12px; display: block; margin-bottom: 5px; font-weight: 300;}
.project-detail font span{-webkit-text-decoration-line: initial!important; text-decoration-line: initial!important;}
.project-detail p{color: #000; font-size: 18px; font-weight: 400; display: inline-block; margin-right: 7px; vertical-align: middle;}
.project-detail p i{vertical-align: middle; margin-top: -2px;}
.project-detail .finish-color{color: #777; font-size: 12px; margin-top: -3px; font-weight: 300; display: inline-block; vertical-align: middle;}
.project-detail .cutting-price{color: #777; font-size: 12px; position: relative; margin-top: 1px; font-weight: 400; display: inline-block; padding-left: 8px; vertical-align: middle;}
.project-detail .cutting-price i{position: absolute; top: 4px; left: 0;}
.project-detail .cutting-price:before{content: ""; background: #909090; width: 100%; height: 1px; left: 0; top: 1px; bottom: 0; margin: auto; position: absolute;}
.project-detail label{color: #2593d1; font-size: 15px; font-weight: 400; text-align: right; float: right; display: inline-block; vertical-align: middle;}
.section-project-box-img .quick-view{position: absolute; opacity: 0; text-align: center; color: #000; text-decoration: none !important; line-height: 40px; bottom: 0px; width: 100%; height: 40px; left: 0; background: rgba(255,255,255,0.75); z-index: 2;}
.section-project-box .wishlist{position: absolute; z-index: 2; opacity: 0; text-align: center; top: 25px; right: 25px; width: 35px; height: 35px; border-radius: 2px; background: #fff; border: 1px solid #ddd;}
.section-project-box .wishlist i{color: #2894d1; line-height: 35px; font-size: 18px; cursor: pointer;}
.section-project-box .wishlist.active{opacity: 1;}

.section-project-box:hover .quick-view{opacity: 1;}
.section-project-box:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);}
.section-project-box:hover .project-detail h4 a{color: #2593d1;}
.section-project-box:hover .wishlist{opacity: 1;}


.show-hide-section{position: absolute; top: 0px; text-align: center; right: 105px; background: #f85c5c; color: #fff !important; text-decoration: none !important; font-size: 12px; font-weight: 400; border-radius: 5px; line-height: 29px;  z-index: 1; width: 79px; height: 29px;}
.show-hide-section i{margin-right: 3px;}
.view-all-section{position: absolute; text-align: center; top: 0px; right: 15px; background: #dddddd; color: #555555 !important; text-decoration: none !important; font-size: 12px; font-weight: 400; border-radius: 5px; line-height: 29px; width: 79px; height: 29px; z-index: 1;}
.view-all-section i{font-size: 18px; vertical-align: middle; margin-top: -3px; margin-left: 2px;}
/* Section Product Div Finish */


/* About Section Start */
.about-section-div{margin-bottom: 20px;}
.about-section-div h2 {font-size: 24px; display: none; font-weight: 400; text-align: center; color: #000; padding-bottom: 15px; margin-bottom: 35px; position: relative;}
.about-section-div h2:before {content: ''; width: 102px; height: 4px; background: #2593d1; position: absolute; left: 0; right: 0; margin: auto; bottom: 0;}
.about-section-div p{color: #353535; font-size: 14px; text-align: justify; font-weight: 400; line-height: 28px; margin-bottom: 20px;}
.about-section-div h4{color: #252525; font-size: 16px; font-weight: 400; margin-bottom: 12px;}
/* About Section Finish */


/* Most Visited Section Start */
.most-visited-section{margin-bottom: 80px;}
.most-visited-section h2 {font-size: 21px; font-weight: 400; color: #000; border-bottom: 1px solid #dddddd; padding-bottom: 15px; margin-bottom: 50px; position: relative;}
.most-visited-section h2:before {content: ''; width: 102px; height: 4px; background: #2593d1; position: absolute; left: 0; bottom: 0;}

.most-visited-respon{font-size: 0;}
.most-visited-box{cursor: pointer;}
.most-visited-box-1{height: 310px; display: inline-block; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; vertical-align: top; overflow: hidden; position: relative; width: calc(25% - 10px); margin-left: 5px; margin-right: 5px;}
.most-visited-box-2{display: inline-block; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important;  vertical-align: top; overflow: hidden; position: relative; height: calc(100% - 0px); width: calc(33.33% - 10px); margin-left: 5px; margin-right: 5px;}
.most-visited-box-3{display: inline-block; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important;  vertical-align: top; overflow: hidden; position: relative; height: calc(100% - 0px); width: calc(33.33% - 10px); margin-left: 5px; margin-right: 5px;}
.most-visited-box-4{display: inline-block; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important;  vertical-align: top; overflow: hidden; position: relative; height: calc(100% - 0px); width: calc(33.33% - 10px); margin-left: 5px; margin-right: 5px;}
.most-visited-content-box{background: rgba(0,0,0,0.5); transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; width: 100%; padding: 10px; bottom: 0; position: absolute;}
.most-visited-content-box a{color: #e0e0e0; font-size: 13px; text-align: center; font-weight: 400; text-decoration: none; display: block;}
.most-visited-box-right{width: 75%; display: inline-block; height: 310px; vertical-align: top;}
.most-visited-box:hover .most-visited-content-box{background: rgba(0,0,0,0.9); color: #fff;}
.most-visited-box:before {content: ""; z-index: -1; background: url(../images/couch-no-img.png) no-repeat; width: 125px; height: 95px; background-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
/* Most Visited Section Finish */



@media (max-width: 1299px){
.section-project-box-img{height: 260px;}
.recently-view-project-box-img{height: 288px;}
}


@media (max-width: 1199px) {
.section-container{margin-top: 0;}
.section-project-box-img{height: 193px;}
.recently-view-project-box-img{height: 222px;}
}



@media (max-width: 991px) {
.section-container{height: 180px;}
.section-container h1{top: 77px;}
.most-visited-respon{white-space: nowrap; overflow-y: auto; padding-bottom: 5px;}
.most-visited-box-1{height: 290px; width: 290px; margin-right: 0; margin-left: 0px; margin-bottom: 8px;}
.most-visited-box-2, .most-visited-box-3, .most-visited-box-4{height: 290px; width: 290px; margin-left: 7px; margin-top: 0; margin-right: 0; margin-bottom: 8px;}
.most-visited-box-right{height: auto;}
.most-visited-content-box{padding: 10px 5px; font-size: 13px; font-weight: 600; white-space: initial;}
.most-visited-section{margin-bottom: 40px;}
.section-project-box .wishlist, .project-detail .quick-view{opacity: 1;}
.most-visited-section h2, .section-product-div h2{font-size: 18px; margin-bottom: 20px;}
.section-project-box{box-shadow: none; border: 1px solid #eee;}
.most-visited-section h2:before, .section-product-div h2:before{height: 3px;}
.view-all-section, .show-hide-section{font-size: 12px;}
.show-hide-section{right: 101px;}
.section-product-padding{padding: 0 !important;}
.section-project-box{margin-bottom: 15px;}
.section-div-show-hide-margin{margin-bottom: 30px;}
.section-project-box-img{height: auto; min-height: 330px;}
.recently-view-project-box-img{height: 268px;}
}



@media (max-width: 767px) {
.section-project-box{padding: 0;}
.project-detail{padding: 15px;}
.section-project-box .wishlist{right: 10px; top: 10px;}
.most-visited-section h2, .section-product-div h2, .section-product-padding, .most-visited-respon{margin-left: -7px; margin-right: -7px;}
.recently-view-project-box-img{height: auto;}
}