@media (max-width: 990px) {
    .carousel {
        display: none;
    }
}

.card-box-product{
    padding: 30px 45px 0;
    margin-bottom: 30px;
}
.page-link{
    background-color: #f4f5f7;
}

.modal-full {
    min-width: 100%;
    margin-left: 0.5%;
}

.modal-full .modal-content {
    min-height: 92vh;
}
.card-box-product:hover {
    border-color:#aaaaaa;
    border-style: solid;
    border-width: 1px;
    padding-top: 25px;
    padding-left: 42px;
    padding-right: 42px;
    border-radius:5px;
    -moz-border-radius: 5px;
}
.page-item.active .page-link{
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}

img.img-wb{
    border-radius: 10px;
    width: 100%;
    margin-top:5px;
    margin-bottom: 5px;
}

/* for screen-overlay*/
.body-full-page {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.screen_overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    z-index:1000;
    background-color: #979898;
}

.section_background {
    width:100%; height:100vh;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.section1 {
    background-color: #f6f8fa;
}

.section2 {
    background-color: #f6f8fa;
}

.section3 {
    background-color:  #979898;
}

.section4 {
    background-color:  #979898;
}

.section5 {
    background-color:  #979898;
}
.cat-panel{
    /* just for DIV placeholder */
}

.onepage-card-image {
    height: 100%;
    width: 100%;
    padding: 4px;
    border-radius: 18px;
    object-fit: cover;
}
/*
.cat-panel:hover .onepage-card-image {
    padding: 0;
    box-shadow: 1px 1px 0 0 rgba(151, 152, 152, 0.5)
}
*/

.section-container {
    font-family: 'Open Sans', serif;
    font-style: normal;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.transform-none {
    transform: none;
}
.top-auto{
    top:auto;
}


/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }