.scsc-list > .no-items {
    display: block;
    text-decoration: underline;
    font-size: 14px;
    line-height: 18px;
}

.scsc-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.scsc-list > .item {
    width: 220px;
    margin-right: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 2px gray;
    background: white;
    transition: box-shadow 0.2s;
}

.scsc-list > .item:hover {
    box-shadow: 0px 0px 10px gray;
}

.scsc-list > .item > .image {
    display: flex;
    align-items: center;
    justify-items: center;
    width: 200px;
    height: 200px;
    margin: 10px 10px 0px 10px;
}

.scsc-list > .item > .image > img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
}

.scsc-list > .item > .title {
    display: block;
    text-align: center;
    color: #444;
    font-size: 18px;
    line-height: 24px;
    padding: 5px 10px 5px 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 58px;
}

.scsc-list > .item > .cart {
    text-align: center;
    font-size: 21px;
    line-height: 35px;
    padding-top: 5px;
    padding-bottom: 15px;
}

.scsc-list > .item > .cart .label {
    color: black;
}

.scsc-list > .item > .cart .price {
    color: #09851d;
}

.scsc-list > .item > .cart .buy-now {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 30px;
    background-color: #00a63f;
    margin-bottom: -10px;
    margin-left: 12px;
    background-image: url('../../images/icons/add_to_cart.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
    cursor: pointer;
    transition: all 0.2s;
}

.scsc-list > .item > .cart .buy-now:hover {
    background-color: #068737;
    background-size: 70%;
}

.categoryBoxHolder {display: flex;margin-top: 37px;flex-wrap: wrap;justify-content: left;}
.categoryBoxHolder > a > .titleHolder {position: relative;height: 260px;width: 305px;margin-right: 20px;margin-bottom: 20px;cursor: pointer;}
.categoryBoxHolder > a > .titleHolder > .hoverHolder {position: relative;width: 305px;overflow: hidden;}
.categoryBox {position: relative;width: 305px;height: 260px; -webkit-transition: all .5s ease;-moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.titleHolder:hover .categoryBox {  -webkit-transform: scale(1.2); -moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2); transform: scale(1.2);}
.categoryBox.last {margin-right:0;}
.boxTitle {display: flex;position: absolute;font-size: 24px;color: #fefefe;letter-spacing: 1.2px;font-weight: 700;z-index: 3;text-align: center;width: 100%;flex-direction: column;
    justify-content: center;height: 260px;line-height: 1.3;padding: 0 5px;z-index: 2;top: 0;height: 260px;}
.boxTitle > h2 {width: 100%;}
.boxTitle > .categorySlogan {font-size: 14px;font-weight: 500;letter-spacing: 0.7px;}
.main-content .mask {background: rgba(0,0,0,0.4);}

.bigImagesHolder {width: 100%;max-width: 1297px;margin:0 auto;}
.bigImagesHolder > img {width: 100%;object-fit: cover;max-height: 692px;}
.textArea {display: flex;flex-direction: row;margin: 65px auto;width: 100%;max-width: 1185px;justify-content: space-between;}
.infoBox {width: 250px;}
.infoBox h2 {font-size: 26px;  letter-spacing: 2.6px; text-align: left; color: #414141;text-transform: uppercase;font-weight: 500;}
.descBox {width: 100%;max-width: 500px;font-size: 14px;line-height: 1.86;letter-spacing: 0.7px;color: #747474;}
.descBox > p > span {font-size: 16px !important;}
.descBox > p > span > span {font-size: 16px !important;}
.addInfo {width: 100%;max-width: 360px;font-size: 16px;  line-height: 1.57;letter-spacing: 0.7px;color: #747474;text-transform: uppercase;}
.addInfo > p > span {font-size: 16px !important;}
.webpage {margin-top: 40px;font-size: 16px;  line-height: 1.86;letter-spacing: 0.7px;}

/* CustomPage */
.pageBannerHolder {margin-bottom: 30px;width: 100%;}
.pageBannerHolder > img {width: 100%;object-fit: cover;}
.custom_block {display:  flex;justify-content: space-between;line-height: 1.63;letter-spacing: 0.8px; color: #747474;}
.custom_block .text {display: flex;flex-direction: column;max-width: 575px;justify-content: center;font-size: 16px;padding-left: 15px;}
.custom_block a {font-size: 16px;}
.custom_block h2 {letter-spacing: 2.6px;;font-size: 26px;text-transform: uppercase;color: black;margin-bottom: 45px;line-height: normal;}
.custom_block ul li {font-size: 13px;  line-height: 1.86;letter-spacing: 0.7px;color: #747474;font-weight: 700;margin-left: 25px;padding-left: 16px;}
.custom_block ul li {list-style: none;list-style-image: url("../../images/icons/li_arrow.png");}
/*.custom_block ul li::before { content: '';display: inline-block;width: 20px;height: 11px;background-image: url("../../images/icons/arrow.svg");background-size: cover;margin-right: 14px;}*/
.info {width: 100%;background: #faf4f0;text-align: center;padding: 38px 256px;margin:60px 0;  line-height: 1.63;letter-spacing: 0.8px;color: #000;font-size: 16px;}


.projectsHolder {display: flex;flex-direction: row;width: 95%;margin: 0 auto;}
.doneWorksTitle {width: 100%;text-align: center;font-size: 26px;text-transform: uppercase;  letter-spacing: 2.6px;margin-bottom: 55px;line-height: normal;}
.oneProject {position: relative;width: 306px !important;height: 257px;margin: 8px;}
.oneProject > a > .title {position: absolute;width: 100%;top: 45%;text-align: center;color: white;letter-spacing: 1.2px;font-weight: 700;z-index:3;font-size: 24px;padding:0 15px;line-height: normal;}
.projectsHolder > .slick-arrow {transform: rotate(-360deg) !important;background: url('../../images/icons/bottom-slider-arrow.svg') 50% 50%  #faf4f0 no-repeat !important;width: 40px;height: 59px;top:41%;left:-15px;background-size: 16px!important;}
.projectsHolder > .slick-arrow.slick-next {right:-15px;left: auto;transform: rotate(-180deg) !important;}
.categorySlogan {position: absolute;top: 55%;font-size: 14px;font-weight: 500;letter-spacing: 0.7px;color: white;font-family: 'Raleway', sans-serif;text-align: center;width: 100%;z-index: 3;}

.workDoneTitle {position: absolute;top:0;left:0;width: 100%;text-align: center;z-index:4;height: 260px;display: flex;flex-direction: column;justify-content: center;margin:0;}
.workDoneTitle h2 {color: white;transition: 0.5s;font-size: 24px;font-weight: 700;padding:0 23px;line-height: 1;font-family: 'Raleway', sans-serif;}
.categorySlogan {position: unset;font-size: 14px;font-weight: 500;letter-spacing: 0.7px;color: white;font-family: 'Raleway', sans-serif;}

.toShopButton {width: 100%;text-align: center;line-height: 55px;background: rgba(243, 233, 229, 1);color: black;margin:0 auto;cursor: pointer;font-size: 18px;letter-spacing: .03em;margin-bottom: 20px;}
.toShopButton:hover {background: rgb(191, 181, 176);transition: .4s;cursor: pointer;}

@media only screen and (max-width: 1360px) {
    .custom_block {padding:0 15px;}
    .custom_block > .image img {width: 100% !important;height: auto !important;}

    .custom_block > .image {width: 50%;}
    .custom_block > .text {width: 50%;}
}
@media only screen and (max-width: 1200px) {

    .custom_block > .text {padding: 10px;}
}
@media only screen and (max-width: 800px) {
    .pageBannerHolder {height: 197px;}
    .pageBannerHolder > img {height: 100%;object-fit: cover;}
    .custom_block {flex-direction: column;margin-bottom: 20px;padding: 0;}
    .main-content {padding: 20px 0;}
    .custom_block > .image {order: 2;}
    .custom_block > .text {padding:0 15px;order: 1;margin-bottom: 20px;}

    .custom_block > .image {width: auto;}
    .custom_block > .text {width: auto;}

    .main-content .page-title {top: 29%;font-size: 26px;padding:0 15px;}
    .bannerBreadCrumbs {width: 98%;top: 53%;}

    .info {padding: 35px 19px;width: 95%;margin:0 auto;font-size: 16px;margin-bottom: 40px;}
    .oneProject {height: auto;}

    .projectsHolder > .slick-arrow.slick-next {right:0;}
    .projectsHolder > .slick-arrow {left: 0;}
    .oneProject > a > .title {padding: 0 25px;}

    .categoryBox {margin-right: 0;}
    .textArea {flex-direction: column;margin:30px auto;}
    .infoBox, .descBox, .addInfo {padding:0 15px;}
    .descBox, .addInfo {margin-top: 20px}

    .categoryBoxHolder {justify-content: center;gap: 15px;margin-bottom: 0;}
    .categoryBoxHolder > a > .titleHolder {margin-right:  0;margin-bottom: 0;}

    /*.custom_block ul li {position: relative;display: inline-flex;}
    .custom_block ul li::before {position: absolute;top:7px;}*/
}