/* banner */
.banner-wrapper{position: relative;width:100%;height:700px;overflow: hidden;}
.banner-wrapper img{width: 100%;height: 100%;object-fit: cover;}
.banner-wrapper .search-wrapper *{color: #fff;}
.banner-wrapper::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: hsla(0, 0%, 9%, .5);z-index: 0;}
.banner-wrapper .search-wrapper{position: absolute;top:0;left: 0;width: 100%;height: 100%;padding: 150px 0 0 0;z-index: 1}

.banner-wrapper .search{display: flex;margin-top: 32px;}
.banner-wrapper .search input{flex: 1;padding: 5px 6px;border: 2px solid #fff;color: #fff;font-size: 16px;background-color: hsla(0, 0%, 100%, .15);}
.banner-wrapper .search input::placeholder{color: #fff;}

/*product  flex-wrapper */
.product.flex-wrapper * {min-width: 0;}
.product.flex-wrapper .list-item a{width: 100%;height: 100%;}
.product.flex-wrapper .list-icon img{width: 100%;height: 100%;object-fit: cover;}
.product.flex-wrapper .list-info .list-info-desc p{font-size: 12px;}
.product.flex-wrapper .list-info .list-info-desc{display: flex;justify-content: space-between;}

@media only screen and (min-width: 100px) and (max-width: 768px) {
/* banner */
.banner-wrapper{width:100%;height:300px;}
.banner-wrapper .large-heading{font-size: 36px;}
.banner-wrapper .search-wrapper{padding: 50px 0 0 0;}
.banner-wrapper  .search-content{width: calc(100% - 32px);margin:0 auto;}
.banner-wrapper .search{margin-top: 16px;}

/*product  flex-wrapper */
.product.flex-wrapper {gap:0;}
.product.flex-wrapper .list-item {border-bottom: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;}
.product.flex-wrapper .list-item a{display:flex;gap:10px;align-items: center;padding:10px  0;padding-right:30px;}
.product.flex-wrapper .list-item a::after{content: '>';color: var(--highlight-color);display: inline-block;font-size: 16px;font-weight: 600;font-family: monospace;line-height: 1;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.product.flex-wrapper .list-info{flex:1;}
.product.flex-wrapper p{font-size: 16px;margin:0;word-break: break-all;}
.product.flex-wrapper .list-item .list-icon{width: 100px;height: 100px;flex-shrink: 0;}

/* references-list */
.references-list.spacing{padding-top:0;}

}

@media (min-width: 768px) {
/* banner */
.banner-wrapper  .search-content{width: 66.6666666667%;margin:0 auto;}
/* horizontal_menu */
.horizontal_menu{transform:translateY(-180px)}
.horizontal_menu ul li:not(.__active) a{color: #fff;}

/*product  flex-wrapper */
.product.flex-wrapper .list-item{flex: 0 0 calc((100% - 30px * 3) / 4);background-color: #fff;-webkit-box-shadow: 0 20px 40px -16px hsla(0, 0%, 9%, .15);box-shadow: 0 20px 40px -16px hsla(0, 0%, 9%, .15);}
.product.flex-wrapper .list-item a{display:flex;flex-direction: column;}
.product.flex-wrapper .list-icon{width: 100%;height: 210px;margin-bottom: 28px;text-align: center;border-bottom: 1px solid #d9d9d9;}
.product.flex-wrapper .list-info{padding: 15px 15px 0;flex:1;display: flex;flex-direction: column;} 
.product.flex-wrapper .list-info .list-info-content{flex:1}


/* references-list */
/* .references-list{transform:translateY(-180px);position: relative;z-index: 20;} */
}