@keyframes swing {
    to {
        transform: perspective(200px) rotateX(0deg);
    }
}
@keyframes fillOutText {
    0% {
        background-size: 0% 100%;
    }
    90% {
        background-size: 100% 100%;
    }
}
body {
    /*font-family: 'Nunito', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    position: relative;
}
main {
    margin-top: 50px;
    margin-bottom: 0px; /*changed 50 to 0 according to request from Keosko on DEC/04/2020*/
    /*filter: blur(5px);*/
}
img {
    image-rendering: -webkit-optimize-contrast;
}
/*
.fixed-top, .fixed-bottom{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
*/
textarea{
    resize: none;
}
:focus {
    outline: none !important;
}

.non-deco-a {
    text-decoration: none;
}
figure img {
    width: 100%;
}

/** Loading Cover **/
/** Loading Cover **/
/** Loading Cover **/
/** Loading Cover **/
/** Loading Cover **/
/*
#main-container {
    height: 100%;
    filter: blur(5px);
}
*/
#loading-cover {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,0.7);
    display: none;
}

#loading-bg {
    position: relative;
    top: 40%;
    width: 300px;
    margin: 0px auto;
    background: transparent;
}

#loading-text, #loading-sub-text {
    margin: 0px auto;
    text-align: center;
    color: transparent;
    line-height: 1;
    font-size: 4em;
    filter: none;
    position: relative;
    z-index: 2;
    font-weight: bold;
    background: linear-gradient(#ff5200, #ff5200) left no-repeat, rgba(255, 255, 255, .2);
    animation: fillOutText 6s forwards infinite;
    -webkit-background-clip: text;
    background-clip: text;
}
#loading-text {
    font-family: 'Open Sans', sans-serif;
    /*font-family: 'Fredoka One', cursive;*/
    font-size: 30px;
}

#loading-sub-text {
    font-size: 20px;
}



/** Loading Cover **/
/** Loading Cover **/
/** Loading Cover **/
/** Loading Cover **/
/** Loading Cover **/

.navbar-brand{
    padding: 0px;
}
.logo {
    height: 40px;
}
.navbar{
    background-color: #ff0000;
}
.navbar-dark .navbar-toggler{
    border-color: #fff;
    padding: 2px;
    border-radius: 5px;
}
.navbar-dark .navbar-toggler-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-nav .nav-link{
    color: #fff;
    font-weight: 300;
}
.navbar-dark .navbar-nav .active>.nav-link{
    font-weight: 700;
}
#quick-menu {
    -ms-flex-direction: row;
    flex-direction: row;
    color: #fff;
    position: absolute;
    right: 16px;
    top: 9px;
    font-size: 30px;
}
#quick-menu #open-shopping-cart-list{
    line-height: 40px;
    position: relative;
    cursor: pointer;
    font-size: 30px;
}
#quick-menu #open-shopping-cart-list:hover i{
    opacity: 0.8;
    cursor: pointer;
}
/* commented out by daehue 2019-12-15
#quick-menu li::after{
    content: "|";
    margin: 0px 0.5em;
}
#quick-menu li:last-child:after{
    content: none;
}
*/
#cart-counter {
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -14px 0px 0px -7px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    z-index: 10;
    text-align: center;
    color: #000;
    font-weight: 700;

}

/* shopping cart list */
#quick-menu #shopping-cart-li {
    position:absolute;
    top: calc(100% + 25px);
    right: -10px;
    display: none;
}
#quick-menu #shopping-cart-li.open{
    display: block;
}
#shopping-cart-li #shopping-cart-cover {
    width: 300px;
    height: 350px;
    background: #ff0000;
    padding: 10px;
    cursor: initial;
    /*
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    */
}
#shopping-cart-li.open #shopping-cart-cover{
    /*
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    */
}
#shopping-cart-cover::before {
    content: '';
    position: absolute;
    right: 0px;
    top: -40px;
    width: 0;
    height: 0;
    border: 25px solid transparent;
    border-bottom-color: #ff0000;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
#shopping-cart-cover h2 {
font-size: 22px;
font-weight: 700;
margin-bottom: 0px;
}
#shopping-list-icon-ul {
padding: 0px;
list-style: none;
width: 100%;
text-align: right;
font-size: 20px;
}
.shopping-list-icon-li {
display: inline;
cursor: pointer;
}
.shopping-list-icon-li:hover {
color: #000000;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
#shopping-list-item-ul {
margin-top: 5px;
padding: 10px;
list-style: none;
width: 100%;
border: 1px solid #fff;
height: 269px;
overflow-y: auto;
}
.shopping-list-item-li {
margin-bottom: 10px;
width: 100%;
padding: 11px 10px 0px 15px;
position: relative;
border-bottom: 1px dotted #fff;
}
.shopping-list-item-li h3, .shopping-list-item-li h4, .shopping-list-item-li h5{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.shopping-list-item-li .sl-product-name {
font-size: 14px;
font-weight: 700;
line-height: 1;
margin-bottom: 2px;
}
.shopping-list-item-li .sl-product-subtitle {
font-size: 8px;
line-height: 1;
margin-bottom: 2px;
min-height: 12px;
}
.shopping-list-item-li::before {
content: '-';
font-size: 28px;
font-weight: 700;
position: absolute;
top: 0px;
left: 0px;
}
.shopping-list-item-li .sl-product-price {
text-align: right;
font-size: 12px;
line-height: 1;
margin-bottom: 5px;
}
.remove-sl-product {
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 1;
    font-size: 11px;
    letter-spacing: 1px;
    color: #fff;
}
.remove-sl-product:hover {
    color: #1b1b1b;
}

.dropdown-toggle::after {
    vertical-align: 0.1em;
}
.dropdown-menu {
    background-color: #ff0000;
    border: none;
}
.dropdown-item {
    color: #fff;
}
/* main carousel */

#main-carousel .carousel-item {
    overflow-y: hidden;
    /*max-height: 600px;*/
}
#main-carousel .carousel-caption {
    /*top: 50%;*/
    bottom: 0px;
    height: 200px;
    /*margin-top: -80px; commented out by daehue at 2020-07-21*/
}

#main-carousel .carousel-indicators li {
    background-color: #000;
}

.circular-title {
    font-family: 'Open Sans', sans-serif;
    /*font-family: 'Fredoka One', cursive;*/
    font-size: 3rem;
    font-weight: 900;
    text-shadow: 0px 0px 5px #000;
    margin-bottom: 10px;
}
.circular-button {
    font-family: 'Open Sans', sans-serif;
    /*font-family: 'Fredoka One', cursive;*/
    background-color: #ff0000db;
    /*background-color: #ff0000;*/
    box-shadow: 1px 1px 10px #000;
    border: none;
    margin-top: 20px;
    padding: 10px 30px;
    border-radius: 0px;
    color: #fff;
    font-weight: 700;
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
    width: 300px;
}
.circular-button:hover{
    background-color: #ff0000;
}
.circular-button {
  position: relative;
  bottom: 0px;
}
/*
#main-carousel .carousel-inner .carousel-item:nth-child(1) .carousel-caption {
text-align: left;
}
#main-carousel .carousel-inner .carousel-item:nth-child(1) .carousel-caption .circular-button {
  width: 300px;
}
#main-carousel .carousel-inner .carousel-item:nth-child(2) .carousel-caption {
text-align: right;
padding-right: 50px;
}
#main-carousel .carousel-inner .carousel-item:nth-child(2) .carousel-caption .circular-button {
  width: 250px;
}
*/
.main-container-fluid{
    padding: 0px;
}
.main-container-fluid > .row {
    margin: 20px 0px 0px 0px;
}
.main-container-fluid > .row > div[class*="col-"]{
    padding: 0px;
}
#index-main .main-container-fluid > .row {
    margin-top: 0px; /*changed 50 to 0 according to request from Keosko on DEC/04/2020*/
}
.zoe-effect {
    overflow: hidden;
    position: relative;
    margin-bottom: 0px;
}
.zoe-effect figcaption{
    position: absolute;
    top: auto;
    bottom: 0px;
    width: 100%;
    background: rgba(255,255,255, 1);
    color: #3c4a50;
    height: 40px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.zoe-effect figcaption h3{
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 100%;
}
.zoe-effect:hover figcaption, .zoe-effect:hover h3{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.zoe-effect:hover figcaption{
    border-bottom: 1px dotted #ccc;
}
#main-signup-box-bg {
    background-image: url("../images/new-front-page-images/email-blast.jpg");
    background-position: left; /* changed center to left at 07/21/2020 by daehue */
    background-repeat: no-repeat;
    background-size: cover;
}
#main-signup-box {
    width: 90%;
    padding: 10px 20px;
    max-width: 400px;
    margin: 100px auto 100px 15%;
    background: #fff;
    border: 5px solid #ccc;
    text-align: center;
    box-shadow: 0px 0px 10px #222;
}
@media (max-width: 767.98px) {
    #main-signup-box {
        margin: 100px auto;
    }
}
.modi-padding-left{
    padding-right: 5px;
}
.modi-padding-right{
    padding-left: 5px;
}
#main-signup-box div[class*="col-"] {
    /*margin-bottom: 10px;*/
}

#main-signup-box h2, #main-signup-box h3 {
    width: 100%;
    line-height: 1;
    margin-bottom: 0px;
}
#main-signup-box h2 {
    font-size: 1.5rem;
    margin-top: 20px;
}
#main-signup-box h3 {
    font-size: 1.2rem;
    margin-bottom: 30px;
}
#main-signup-box p {
    font-size: 0.8rem;
    width: 80%;
    margin: 0px auto 30px;
    line-height: 1.1;
}
#main-signup-box #email-b-notice {
    margin: 10px auto 5px;
    color: #f00;
    font-weight: 700;
    text-decoration: underline;
    visibility: hidden;
}
#main-signup-box #email-b-notice.successed {
    color: #0500ff;
}
#main-signup-box .form-control {
    border-radius: 1px;
}
#main-signup-btn {
    font-size: 1.5rem;
    width: 100%;
    border-radius: 0px;
}
.mary-effect {
    overflow: hidden;
    position: relative;
    margin-bottom: 0px;
    background-color: #033f4e;
}
.mary-effect figcaption{
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    width: 100%;
    height: 100%;
    padding: 15px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.mary-effect figcaption h3 {
    font-size: 2rem;
    line-height: 1.2;
    text-align: right;
    width: 100%;
    color: #ffffffdb;
    text-shadow: 0px 0px 5px #5a424280;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}
.mary-effect figcaption p {
    position: absolute;
    color: #ffffff;
    bottom: 15px;
    line-height: 1;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.mary-effect:hover h3 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.mary-effect figcaption h3::after{
    position: absolute;
    top: 100%;
    right: 0;
    width: 60%;
    height: 4px;
    background: #fff;
    content: '';
    margin-top: 10px;
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}
.mary-effect:hover img{
    opacity: 0.7;
}
.mary-effect figcaption h3::after, .mary-effect figcaption p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.mary-effect:hover figcaption h3::after, .mary-effect:hover figcaption p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/*
.dp-square-container {
    display: inline-block;
    position: relative;
    width: 100%;
}
.dp-square-container::before{
    content: "";
    display: block;
    margin-top: 100%;
}
.dp-square {
    position: absolute;
    top: 3px;
    bottom: 0px;
    left: 3px;
    right: 3px;
    text-align: center;
}
.row .col-lg-3.col-md-6.col-sm-12:first-child .dp-square-container .dp-square {
    background-color: #ececec;
    padding: 50px 25px;
}

.row .col-lg-3.col-md-6.col-sm-12:first-child .dp-square-container .dp-square h2 {
    line-height: 1;
    font-weight: 700;
}
/*
.row .col-lg-3.col-md-6.col-sm-12:first-child .dp-square-container .dp-square h2::after {
    content: '';
    position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 4px;
    background: #000;
}
*/
.row .col-lg-3.col-md-6.col-sm-12:first-child .dp-square-container .dp-square p {
    line-height: 1.3;
    position: absolute;
    width: calc(100% - 40px);
    bottom: 50px;
}
.department-row {
    background: #ccc;
    padding: 20px 0px;
}
.market-exp {
    text-align: center;
}

.amy-effect{
    /*background-color: #ff5a5a;*/
    overflow: hidden;
    position: relative;
    margin-bottom: 0px;
    height: 100%;
    width: 100%;
    padding: 2px;
    background: #000; /*changed ccc to 000 by daehue 2019-12-10 */
}
.amy-effect img {
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
.amy-effect:hover img {
    opacity: 0.3;
}
.amy-effect figcaption {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.amy-effect figcaption::before, .amy-effect figcaption::after {
    position: absolute;
    top: 2%;
    right: 2%;
    bottom: 2%;
    left: 2%;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.5s;
    transition: opacity 0.35s, transform 0.5s;
}

.amy-effect figcaption::before {
    border-top: 1px solid #fff; /*changed 333 to fff by daehue 2019-12-10 */
    border-bottom: 1px solid #fff; /*changed 333 to fff by daehue 2019-12-10 */
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}

.amy-effect figcaption::after {
    border-right: 1px solid #fff; /*changed 333 to fff by daehue 2019-12-10 */
    border-left: 1px solid #fff; /*changed 333 to fff by daehue 2019-12-10 */
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.amy-effect:hover figcaption::before, .amy-effect:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.amy-effect h3 {
    position: relative;
    top: 45%;
    width: 95%;
    margin: -20px auto;
    font-size: 35px;
    color: #fff; /*changed 000 to fff by daehue 2019-12-10 */
    text-shadow: 0px 0px 2px #000; /*changed fff to 000 by daehue 2019-12-10*/
    font-weight: 800;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.amy-effect p {
    width: 100%;
    color: #fff; /*changed 000 to fff by daehue 2019-12-10*/
    position: absolute;
    bottom : 20%;
    opacity: 0;
    font-weight: 800;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}
.amy-effect:hover h3{
    text-shadow: none;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
}
.amy-effect:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Dept Row New Design 2019-12-10 Start */
.department-box-copy {
    background: #fff;
    border: 2px solid #000;
}
.department-h3-copy {
    /*text-shadow: 0px 0px 5px #444;*/
    font-weight: 800;
    font-size: 40px;
    color: #000;
    line-height: 40px;
    position: relative;
    top: 50%;
    margin: -20px auto 0px;
    text-align: center;
}
#sub-store-logo {
margin-top: 80px;
max-width: 500px;
width: 70%;
}
#store-name-intro {
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    width: fit-content;
    margin: 80px auto;
    padding: 0px 10px 10px;
    border-bottom: 5px solid #212529;
    margin-top: 0px;
}
#store-info-intro {
    padding: 0px 5%;
    font-size: 20px;
    text-indent: 30px;
    margin: 0px auto 50px;
}
/* Dept Row New Design 2019-12-10 End */


/*Footer*//*Footer*//*Footer*/
footer{
    width: 100%;
    height: 50px;
    margin-top: 0px; /*changed 30 to 0 according to request from Keosko on DEC/04/2020*/
    margin-bottom: 0px;
    background-color: #ff0000;
    border-top: 1px solid #fff;
}
footer p.footer-copyright {
    font-size: 15px;
    text-align: center;
    color: #fff;
    line-height: 50px;
}
footer ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    color: #fff;
}
footer ul li{
    display: inline-block;
    float: left;
    height: 50px;
    line-height: 50px;
}
footer ul .footer-copyright{
    font-size: 15px;
    width: calc(100% - 200px);
    text-align: center;
}
footer ul .message{
    width: 200px;
    text-align: center;
    line-height: 50px;
    background: #00ff7d;
    color: #333;
    cursor: pointer;
    padding: 0px 10px;
}
footer ul .message:hover{
    background: #41a773;
    -webkit-transition: background-color 0.5s linear, color 0.5s linear;
    -moz-transition: background-color 0.5s linear, color 0.5s linear;
    -o-transition: background-color 0.5s linear, color 0.5s linear;
    transition: background-color 0.5s linear, color 0.5s linear;
    color: #fff;
}
footer ul .message p{
    margin: 0px;
    width: fit-content;
    float: left;
    font-size: 20px;
    font-weight: 700;
}
footer ul .message i{
    font-size: 30px;
    line-height: 50px;
    float: right;
}
/*Message Box*//*Message Box*//*Message Box*/

.messege-box {
    /*position: fixed;*/
    position: absolute;
    width: 90%;
    max-width: 350px;
    /*height: 430px;*/ /*commented out by daehue 2019-12-11 /* 450 to 400 by daehue 2019-12-10 */
    bottom: 80px;
    right: 16px;
    border-radius: 10px;
    background: #ff0000eb;
    text-align: center;
    color: #fff;
    padding: 10px 20px;
    /*
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: perspective(200px) rotateX(90deg);
    transform: perspective(200px) rotateX(90deg);
    */
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.messege-box.open {
    opacity: 1;
    z-index: 1050;
    /*
    -webkit-animation : swing 0.3s cubic-bezier(0.75,0.4,1,1) forwards;
    animation: swing 0.3s cubic-bezier(0.75,0.4,1,1) forwards;
    */
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.messege-box::after {
    content: '';
    position: absolute;
    right: 46px;
    bottom: -60px;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-top-color: #ff0000eb;
}
.messege-box h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1;
}
#message-status {
    font-size: 14px;
    margin-bottom: 10px;
}
#message-status.show-error {
    font-weight: bold;
    color: #9bff00;
    text-decoration: underline;
}
#message-send {
    width: 100%;
    margin-bottom: 5px;
}
#message-form-close {
    position: absolute;
    top: 1px;
    right: 7px;
    color: #ccc;
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    cursor: pointer;
}
#message-successed {
    font-size: 15px;
    margin: 30px auto;
    font-weight: 700;
    text-align: left;
}
#message-form {
    max-height: 400px;
    overflow-y: auto;
}

#message-form .form-group{
    margin-bottom: 13px;
}
/*Circular Page*//*Circular Page*//*Circular Page*/
/*
#specialsCarousel .carousel-inner{
    background-image: url("../images/specials/wood-bg.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#specialsCarousel .carousel-item img{
    margin: 50px 0px;
    width : 80%;
}
.special-detail-box{
    /*text-align: center;*
    padding-top: 25%;
    padding-left: 20%;
    color: #fff;
}
#specialsCarousel .carousel-item .gd-stamp{
    width: 150px;
    margin: 50px 0px 50px 5%;
}
.special-detail-box p {
    /*text-align: left;*
    line-height: 1.1;
    margin-bottom: 5px;
}
.special-detail-box .special-title {
     font-size: 25px;
     font-weight: 700;
}
.special-detail-box .special-subtitle {
    color: #ccc;
    font-size: 15px;
}
.special-detail-box .special-price {
    color: #ff2b2b;
    font-weight: 700;
    text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
    font-size: 35px;
}
.special-detail-box .special-add-to-list {
    background-color: #ff0001;
    width: 100%;
    margin: 15px 0px;
    max-width: 300px;
    border-color: #ff0001;
    border-radius: 0px;
    box-shadow: 2px 2px 10px #000;
}
*/
.page-top-image {
    height: 450px;
    overflow: hidden;
    background-position: center;
    /*background-position: bottom;*/
    background-repeat: no-repeat;
    background-size: cover;
}
.page-top-inner{
    /*font-family: 'Fredoka One', cursive;*/
    font-family: 'Open Sans', sans-serif;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: relative;
}
.page-top-inner p, .page-top-inner h1{
    color: #fff;
    font-size: calc(25px + 4vw);
    text-align: center;
    text-shadow: 0px 0px 5px #000;
    position: absolute;
    bottom: 20px;
    margin: 0px;
    width: 100%;
}

/* circular page */
#circular-page-top, #weekly-ad-page-top {
    background-image: url('../images/new-weekly/top-background.jpg');
    margin-bottom: 20px;
    min-height: 100px;
}
#weekly-ad-page-top {
    height: 450px; /*changed 380px to 450px by daehue at 07/21/2020*/
    background-position: bottom; /*changed center to bottom by daehue at 07/21/2020*/
    background-size: cover;
}
#circular-page-top .page-top-inner, #weekly-ad-page-top .page-top-inner {
    background: rgba(0,0,0,0.7);
}
#weekly-ad-page-top .page-top-inner {
    text-align: center;
    padding: 60px 0px 60px;
}
#weekly-ad-page-top .page-top-inner-ad-valid-title {
  margin-top: 5%; /*added by daehue at 07/21/2020*/
}
#specialsCarousel {
    /*height: 250px;*/
    top: 30px;
}
#specialsCarousel .carousel-control-next, #specialsCarousel .carousel-control-prev {
    width: 5%;
}
#specialsCarousel .carousel-inner {
    margin: 0px 5%;
    width: 90%;
}
.special-feature-container {
    margin: 0px auto;
}
.special-feature-container > .row > div[class*="col"] {
    padding: 5px;
}
#specialsCarousel .carousel-item.active{
    transition: opacity .3s ease-in;
}
#specialsCarousel .carousel-item{
    transition: opacity .3s ease-out;
}
.special-feature-item-row .sf-image{
    margin: 0px auto;
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.special-feature-container {
    max-width: 800px;
}
.sf-info-box, .sf-info-box-mobile {
    font-family: 'Open Sans', sans-serif;
    /*font-family: 'Passion One', cursive;*/
    color: #fff;
}
.sf-info-box .sf-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
    margin: 10px 0px 5px;
    /*
    font-size: 50px;
    text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;
    margin: 30px 0px 0px;
    */
}
.sf-info-box .sf-subtitle {
    line-height: 1;
    margin-bottom: 5px;
    font-size: 12px;
    min-height: 12px;
    /*
    font-size: 15px;
    line-height: 1;
    text-align: left;
    text-indent: 15px;
    margin-bottom: 10px;
    min-height: 13px;
    */
}
.sf-info-box .sf-price {
    font-size: 40px;
    line-height: 1;
    font-weight: bold;
    /*
    font-size: 40px;
    text-align: right;
    color: #f00;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    margin: 0px;
    line-height: 1;
    */
}
.sf-info-box .sf-valid {
    font-size: 12px;
    margin-bottom: 0px;
}
.sf-info-box .add-to-list-sf {
    margin-bottom: 10px;
    width: 300px;
    border: none;
    border-radius: 0px;
    background-color: #ed1a25;
    padding: 2px;
    font-size: 20px;
    font-weight: 700;
}
.great-deal-sticker {
    width: 120px;
    margin: 0px 0px 0px 15px;
}
.great-deal-sticker-mobile {
    width: 60px;
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 10%;
}
.sf-modile-col {
    text-align: center;
}
.special-feature-item-row .sf-image-mobile{
    width: 100%;
    max-width: 400px;
}
.sf-info-box-mobile .sf-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
    margin: 5px 0px 5px;
}
.sf-info-box-mobile .sf-subtitle {
    line-height: 1;
    margin-bottom: 5px;
    font-size: 12px;
    min-height: 12px;
}
.sf-info-box-mobile .sf-price {
    font-size: 35px;
    line-height: 1;
    font-weight: bold;
}
.sf-info-box-mobile .sf-valid {
    font-size: 12px;
    margin-bottom: 50px;
}
.sf-info-box-mobile .add-to-list-sf {
    margin-bottom: 50px;
    width: 300px;
    border: none;
    border-radius: 0px;
    background-color: #ed1a25;
    padding: 2px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}
.sf-info-box-mobile .add-to-list-sf .valid-date-in-button {
    font-size: 10px;
    font-weight: 400;
    display: block;
}
.page-top-inner .no-sf-item {
    line-height: 1.3;
    top: 20%;
    position: relative;
    bottom: unset;
    text-shadow: none;
    padding: 50px 20px;
}
.page-top-image .page-top-inner-ad-valid-title {
    position: unset;
    margin-bottom: 30px;
    font-size: calc(30px + 1.5vw);
}
#weekly-ad-page-top .ad-valid-date-p {
    position: unset;
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 30px;
    line-height: 1;
    margin: 20px auto 0px;
    width: fit-content;
}
#weekly-ad-page-top .customized-select {
    position: relative;
    width: fit-content;
    margin: 0px auto;
}
#weekly-ad-page-top .ad-valid-date-p.need-options {
    border-bottom: 3px solid #fff;
    position: relative;
    top: 0px;
    cursor: pointer;
}
#weekly-ad-page-top .ad-valid-date-p.need-options::after {
    content: '';
    position: relative;
    right: 0px;
    top: 30px;
    width: 0px;
    height: 0px;
    margin: 10px;
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    border-bottom: none;
    border-left: 10px solid transparent;
    clear: both;
}
#weekly-ad-page-top .ad-valid-date-p.need-options:hover{
    border-bottom-color: #ccc;
}
#weekly-ad-page-top .ad-valid-date-p.need-options:hover::after{
    border-top-color: #ccc;
}
#ad-valid-date-select-ul {
    position : relative;
    left: 0px;
    color: #fff;
    width: 100%;
    text-align: left;
    padding: 0px;
    list-style: none;
    margin: 0px;
    overflow: hidden;
    max-height: 0px;
    z-index: 5;
    -webkit-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
}
#ad-valid-date-select-ul .vds-li {
    font-size: 20px;
    position: relative;
    background: rgba(255,220,250,0.4);
    font-weight: 400;
    text-align: center;
    padding: 10px 20px;
}
#ad-valid-date-select-ul .vds-li:hover {
    background: rgba(255,220,250,0.6);
}
#ad-valid-date-select-ul .vds-li a {
    color: #321238;
}
#ad-valid-date-select-ul .vds-li.actived::before {
    content: '\2713';
    color: #321238;
    position: absolute;
    left: 30px;
}
#ad-valid-date-select-ul .vds-li.actived a{
    cursor: default;
}
#ad-valid-date-select-ul .vds-li.actived a:hover{
    text-decoration: none;
}
.customized-select:hover #ad-valid-date-select-ul {
    max-height: 150px;
    -webkit-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
}
/*product icons*/
.grocerie-icon-ul {
    padding: 0px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    list-style: none;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
.grocerie-icon-li {
    text-align: center;
    margin: 5px 0px 5px 0px;
    display: inline-grid;
    min-width: 150px;
}
.grocerie-icon {
    width: 40px;
    margin: 0px auto;
}
.grocerie-text {
    font-size: 11px;
    font-weight: 700;
}
/* ad stall section */
.ad-stall {
    max-width: 600px;
    padding: 25px 20px;
    width: 95%;
    margin: 50px auto;
    background-image: url('../images/circular/white-wooden-board-background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    border-radius: 5px;
    box-shadow: 6px 6px 10px #737475;
}
.ad-title-div {
    width: 200px;
    height: 230px;
    display: inline-block;
    background: #007bff40;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 2px 2px 10px #656266;
}

.ad-title-div:nth-child(2){
    margin-left: 50px;
}
.ad-thumbnail-div {
    margin: 20px auto 10px;
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.ad-thumbnail {
    width: 100%;
}
.ad-title-div .ad-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0px 0px 10px;
    color: #000;
}

.ad-title-div:hover .ad-thumbnail-div{
    margin: 15px auto 5px;
    width: 170px;
    height: 170px;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
#download-pdf-link {
    text-decoration: none;
}
#download-pdf-row {
    width: 100%;
    text-align: center;
    background-color: #655b63;
    padding: 10px 0px;
    margin: 30px 0px;
    cursor: pointer;
}
#download-pdf-row .download-pdf-title{
    font-size: calc(1.5vw + 15px);
    color: #fff;
    margin: 0px;
    line-height: 1.2;
}
#download-pdf-row p{
    font-size: 14px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #fff;
    margin: 5px 0px 0px;
    line-height: 1;
}
#download-pdf-row #pdf-store-name {
    font-size: 20px;
    margin: 15px 0px 5px;
}
/* ad select row */
#ad-select-row > div[class*="col"] {
    min-height: 55px;
}
#ad-select-row .form-group {
    margin-bottom: 15px;
}
#ad-select-row label{
    font-size: 18px;
    line-height: 1.1;
    margin-bottom: 3px;
    font-weight: 700;
    padding-left: 1px;
}
#ad-select-row select.form-control {
    max-width: 400px;
    border-radius: 0px;
    border-color: #cdd0d2;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
    padding-right: 1.5em;
}
#ad-dept-main-row div[class*="col"]{
    margin-bottom: 15px;
    border-bottom: 4px double #ffe4e1;
}
.open-pdf-ad {
    float: right;
    margin-bottom: 15px;
    font-size: 18px;
    padding: 3px 12px;
    position: absolute;
    bottom: 0px;
    right: 15px;
    height: 40px;
    min-width: 150px;
    border: none;
    border-radius: 0px;
}
.open-pdf-ad .fa-ad {
    position: relative;
    top: 3px;
    font-size: 24px;
    margin-right: 5px;
}
.ad-select-form-group {
    margin: 15px 0px;
}
.ad-select-form-group label {
    font-size: 18px;
    line-height: 1.1;
    margin-bottom: 0px 0px 5px;
    font-weight: 700;
    padding-left: 1px;
}
.ad-select-form-group select.form-control {
    border-radius: 0px;
    border-color: #cdd0d2;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
    padding-right: 1.5em;
}
#select-valid-date-cover {
    margin: 35px auto;
}
#select-valid-date-cover label {
    font-size: 20px;
    width: 100%;
    text-align: center;
    margin-bottom: 4px;
    font-weight: 700;
}
#select-valid-date {
    font-size: 20px;
}
.weekly-ad-page-for-sm {
    margin-bottom: 50px;
}
/* ADDED BY DAEHUE [Mar/03/2020] */
#version-link-title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin: 10px 0px;
}
#store-link-ul {
    padding: 0px;
    list-style: none;
    text-align: center;
    margin: 10px 0px 30px;
}
#store-link-ul .store-text-li {
    display: inline-block;
    font-size: calc(15px + .5vw);
}
#store-link-ul .store-text-li a {
    color: #212529;
    text-decoration: none;
}
#store-link-ul .store-text-li a:hover {
    color: #000;
}
#store-link-ul .store-text-li.active {
    font-weight: 700;
}
#store-link-ul .store-text-li a:hover {
    color: #000;
}
#store-link-ul .store-text-li::after {
    content: '/';
    margin: 0px 10px;
    font-weight: 400;
}
#store-link-ul .store-text-li:last-child::after {
    content: '';
    margin: 0px;
}
/* ADDED BY DAEHUE [Mar/03/2020] */
.ad-dept{
    width: 100%;
    margin: 0px auto 15px;
    /*border: 1px solid #614a48;*/
}
.ad-dept-top {
    width: 100%;
    height: 40px;
    background: #e41313;
    color: #fff;
    text-align: center;
}
#ad-dept-main-row div[class*="col"]:nth-child(2n) .ad-dept-top {
    background: #100c40;
}
#ad-dept-main-row div[class*="col"]:nth-child(3n) .ad-dept-top {
    background: #3796dc;
}
#ad-dept-main-row div[class*="col"]:nth-child(4n) .ad-dept-top {
    background: #ff9000;
}
#ad-dept-main-row div[class*="col"]:nth-child(5n) .ad-dept-top {
    background: #ff6aad;
}
#ad-dept-main-row div[class*="col"]:nth-child(6n) .ad-dept-top {
    background: #008ca5;
}
#ad-dept-main-row div[class*="col"]:nth-child(7n) .ad-dept-top {
    background: #005037;
}
#ad-dept-main-row div[class*="col"]:nth-child(8n) .ad-dept-top {
    background: #150050;
}
#ad-dept-main-row div[class*="col"]:nth-child(9n) .ad-dept-top {
    background: #29231e;
}
#ad-dept-main-row div[class*="col"]:nth-child(10n) .ad-dept-top {
    background: #5d213c;
}
.ad-dept-top h2 {
    width: 95%;
    margin: 0px auto;
    line-height: 40px;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ad-product-image{
    width: 70%;
    margin: 15px 15%;
}
.ad-dept-bottom {
    width: 100%;
    height: 30px;
    background: #ff9700;
    color: #fff;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.ad-dept-bottom p{
    line-height: 30px;
    font-size: 15px;
    margin: 0px;
}
.ad-dept-bottom:hover p {
    font-weight: 700;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.ad-dept-bottom.opened:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 15px solid #ff9700;
}
/*
.dept-view-all-ul {
    padding: 0px;
    list-style: none;
}
.dept-view-all-li {
    float: left;
    display: inline-block;
}
*/

/** Circular2 NEW DEPARTMENT 19-12-16 Start **/

.department-container {
    padding: 0px;
    margin: 0px auto;
    /*text-align: justify;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
#department-container-main {
    /*text-align: center;*/
}
.department-div {
    width: 100%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin: 0px 0px 30px;
    display: inline-block;
    text-align: center;
    position: relative;
    padding: 0px 10px;
}
.department-top-cover {
    background: #ff0000;
    color: #fff;
    height: 55px;
}
.department-top-cover p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.department-top-cover .department-name {
    width: 95%;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    margin: 0px auto;
}
.department-top-cover .department-valid-date {
    font-size: 14px;
    width: 95%;
    line-height: 25px;
    margin: 0px auto;
}
.department-image-cover .department-image {
    width: 70%;
    margin: 5px auto;
}
.department-bottom-cover {
    width: 100%;
    background-color: #ff9700;
    color: #fff;
    cursor: pointer;
    border: none !important;
}
.department-bottom-cover.opened::after {
    content: '';
    width: calc(100% - 15px);
    position: absolute;
    top: 100%;
    left: 7.5px;
    right: 0;
    margin-top: -.5px;
    padding-bottom: 10%;
    background: #ff9700;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    border: none !important;
}
/*
.department-bottom-cover:hover {
    background: #ff6d00e8;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.department-bottom-cover.opened:hover:after{
    background: #ff6d00e8;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
}
*/
.department-bottom-cover p {
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
    line-height: 30px;
    border: none !important;
}

    /*items*/
.department-items-div-pre {
    display: none;
}
.department-items-div {
    margin-bottom: 20px;
    text-align:justify;
    max-height: 0px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}
.department-items-div:after{
    content:"";
    display:table;
    clear:both;
}
.department-items-div.opened {
    max-height: 3000px;
    -webkit-transition: max-height 1s ease-out;
    -moz-transition: max-height 1s ease-out;
    -o-transition: max-height 1s ease-out;
    transition: max-height 1s ease-out;
}
.department-items-div-top {
    width: 100%;
    background:#3a1134;
    color: #fff;
    text-align: center;
    padding: 10px;

}
.department-items-div-top .department-name{
    font-size: calc(20px + 1vw);
    margin-bottom: 5px;
}
.department-items-div-top .department-valid-date {
    font-size: 14px;
    margin-bottom: 0px;
}
.department-item-group-ul {
    list-style: none;
    padding: 10px;
    margin: 0px auto;
    width: fit-content;
    text-align: justify;
}
.department-item-group-li {
    width: calc(20% - 13.4px);
    margin: 10px 5px;
    display: inline-grid;
    border: 1px solid #ccc;
    position: relative;
    height: 380px;
}
.item-image-cover {
    width: calc(100% - 20px);
    margin: 10px;
    position: relative;
}
.item-image-cover .item-category {
    position: absolute;
    width: 20%;
    max-width: 35px;
    top: 0px;
    left: 0px;
    z-index: 5;

}
.item-image-cover .item-image {
    width: 100%;
}
.department-item-group-li .item-title {
    font-size: 17px;
    margin-bottom: 5px;
    line-height: 1.2;
    text-align: center;
    font-weight: 700;
    padding: 0px 10px;
}
.department-item-group-li .item-sub-title {
    font-size: 10px;
    padding: 0px 10px;
    text-align: right;
    line-height: 1;
    font-weight: 400;
}
.department-item-group-li .item-price {
    font-size: 15px;
    text-align: center;
    margin-bottom: 35px;
}
.department-item-group-li .btn-add-this-item {
    font-size: 12px;
    width: calc(100% - 20px);
    border-radius: 0px;
    padding: 0px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    left: 10px;
    bottom: 10px;
}
.department-items-div-bottom {
    background: #3a1134;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}
.department-bottom-text {
    margin-bottom: 0px;
}

#department-div-1 .department-top-cover,
#department-div-1 .department-bottom-cover,
#department-div-1 .department-bottom-cover.opened::after{
    background: #003366;
}
#department-div-2 .department-top-cover,
#department-div-2 .department-bottom-cover,
#department-div-2 .department-bottom-cover.opened::after{
    background: #3399ff;
}
#department-div-3 .department-top-cover,
#department-div-3 .department-bottom-cover,
#department-div-3 .department-bottom-cover.opened::after{
    background: #00849a;
}
#department-div-4 .department-top-cover,
#department-div-4 .department-bottom-cover,
#department-div-4 .department-bottom-cover.opened::after{
    background: #852121;
}
#department-div-5 .department-top-cover,
#department-div-5 .department-bottom-cover,
#department-div-5 .department-bottom-cover.opened::after{
    background: #ff7777;
}
#department-div-6 .department-top-cover,
#department-div-6 .department-bottom-cover,
#department-div-6 .department-bottom-cover.opened::after{
    background: #3e4e55;
}
#department-div-7 .department-top-cover,
#department-div-7 .department-bottom-cover,
#department-div-7 .department-bottom-cover.opened::after{
    background: #540045;
}
#department-div-8 .department-top-cover,
#department-div-8 .department-bottom-cover,
#department-div-8 .department-bottom-cover.opened::after{
    background: #312536;
}
#department-div-9 .department-top-cover,
#department-div-9 .department-bottom-cover,
#department-div-9 .department-bottom-cover.opened::after{
    background: #906446;
}
#department-div-10 .department-top-cover,
#department-div-10 .department-bottom-cover,
#department-div-10 .department-bottom-cover.opened::after{
    background: #b3ad00;
}
#department-div-11 .department-top-cover,
#department-div-11 .department-bottom-cover,
#department-div-11 .department-bottom-cover.opened::after{
    background: #daa520;
}
#department-div-12 .department-top-cover,
#department-div-12 .department-bottom-cover,
#department-div-12 .department-bottom-cover.opened::after{
    background: #ffcc00;
}
#department-div-13 .department-top-cover,
#department-div-13 .department-bottom-cover,
#department-div-13 .department-bottom-cover.opened::after{
    background: #da00ff;
}
#department-div-14 .department-top-cover,
#department-div-14 .department-bottom-cover,
#department-div-14 .department-bottom-cover.opened::after{
    background: #ff7400;
}
#department-div-15 .department-top-cover,
#department-div-15 .department-bottom-cover,
#department-div-15 .department-bottom-cover.opened::after{
    background: #e50051;
}
#department-div-16 .department-top-cover,
#department-div-16 .department-bottom-cover,
#department-div-16 .department-bottom-cover.opened::after{
    background: #9ca8ff;
}
#department-div-17 .department-top-cover,
#department-div-17 .department-bottom-cover,
#department-div-17 .department-bottom-cover.opened::after{
    background: #6c7189;
}
#department-div-18 .department-top-cover,
#department-div-18 .department-bottom-cover,
#department-div-18 .department-bottom-cover.opened::after{
    background: #138d1b;
}
#department-div-19 .department-top-cover,
#department-div-19 .department-bottom-cover,
#department-div-19 .department-bottom-cover.opened::after{
    background: #01cdfe;
}
#department-div-20 .department-top-cover,
#department-div-20 .department-bottom-cover,
#department-div-20 .department-bottom-cover.opened::after{
    background: #5ac18e;
}
/** Circular2 NEW DEPARTMENT 19-12-16 End **/

.ad-product-main-row {
    border: 1px solid #100c40;
    margin: 0px 0px 50px;
    overflow: hidden;
    opacity: 1;
    /*
    -webkit-transition: opacity .5s linear 1s;
    -moz-transition: opacity .5s linear 1s;
    -o-transition: opacity .5s linear 1s;
    transition: opacity .5s linear 1s;
    */
}
.ad-product-sub-row-top {
    background: #100c40;
    color: #fff;
    text-align: center;
}
.ad-product-main-title {
    font-size: calc(2vw + 18px);
    margin: 5px 0px;
    line-height: 1;
}
.ad-product-main-valid-period {
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing: 4px;
    text-transform: uppercase;
}
/*
.ad-product-sub-row-bottom {
    background: #100c40;
    color: #fff;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}
.ad-product-main-close {
    font-size: 20px;
    margin: 5px;
}
*/
.product-detail-row {
    margin: 15px 0px;
    overflow-y: auto;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
}
/*
.ad-product-main-row.closed .product-detail-row {
    max-height: 0px !important;
    overflow-y: hidden;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
}
.ad-product-main-row.closed {
    opacity: 0;
    -webkit-transition: opacity .5s linear 1s;
    -moz-transition: opacity .5s linear 1s;
    -o-transition: opacity .5s linear 1s;
    transition: opacity .5s linear 1s;
}
*/
.product-detail-row .product-col {
    padding: 5px;
}
.dept-product-box {
    height: 100%;
    max-width: 200px;
    border: 1px solid #ddd;
    padding: 5px 5px 50px;
    text-align: center;
    position: relative;
    margin: 0px auto;
}
.dept-product-box h3 {
    font-size: 18px;
    font-weight: 700;
    min-height: 42px;
    margin-bottom: 5px;
}
.dept-product-box h5 {
    font-size: 10px;
    margin-bottom: 5px;
    text-align: left;
}
/*
.dept-product-box h4 {
    font-size: 16px;
    text-align: right;
}
*/
.dept-product-image-cover {
    position: relative;
}
.dept-product-icon {
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 5%;
    width: 30px;
}
.dept-product-image {
    width: 90%;
    max-width: 100px;
    margin-bottom: 5px;
}
.btn-add-thisProduct {
    position: absolute;
    bottom: 5px;
    left: 5px;
    font-size: 16px;
    padding: 2px 5px;
    width: calc(100% - 10px);
    border-radius: 0px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}
.white-space-when-no-ad {
    min-height: 500px;
}

#weeklyAdCarousel-indicator-ul {
    width: 100%;
    text-align: center;
    list-style: none;
    padding : 0px;
    margin: 20px 0px;
}
#weeklyAdCarousel-indicator-ul .weeklyAdCarousel-indicators {
    display: inline-block;
    width: 90px;
    height: 130px;
    overflow: hidden;
    cursor : pointer;
    position: relative;
    border: 1px solid #ff3c00cc;
    margin: 5px 10px;
    padding: 5px;
}
#weeklyAdCarousel-indicator-ul .weeklyAdCarousel-indicators img {
    width: 100%;
    overflow-y: hidden;
}
#weeklyAdCarousel-indicator-ul .weeklyAdCarousel-indicators .page-text {
    background: rgba(255,60,0,0.8);
    color : #fff;
    width : 100%;
    margin: 0px;
    z-index: 2;
    position: absolute;
    bottom: 0px;
    left: 0px;
    line-height: 1.5;
    font-size: calc(10px + .5vw);
}
#weeklyAdCarousel-indicator-ul .weeklyAdCarousel-indicators:hover {
    background-color: #ff3c0066;
    -webkit-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
}
#weeklyAdCarousel .carousel-control-prev, #weeklyAdCarousel .carousel-control-next {
    width: 5%;
    min-width: 40px;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
}
#weeklyAdCarousel .carousel-control-prev:hover, #weeklyAdCarousel .carousel-control-next:hover {
    opacity: 1;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}
#weeklyAdCarousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}
#weeklyAdCarousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

/*JOB*/
#jobs-page-top {
    background-image: url('../images/menu/Banner-Jobs-Desktop.jpg');
}
#jobs-page-top .page-top-inner {
    background: none;
}
#jobs-page-top .page-top-inner p {
    font-weight: 600;
}
#application-container h1, #location-container h1{
    margin-top: 50px;
    margin-bottom: 10px;
    width: 100%;
    line-height: 1;
    font-size: calc(10px + 3vw);
    text-align: center;
}
#application-container h2{
    margin-bottom: 50px;
    width: 100%;
    line-height: 1;
    font-size: calc(8px + 1vw);
    text-align: center;
}
#application-container > .row {
    padding-top: 30px;
    padding-bottom: 30px;
}
#application-container .color-row {
    background-color: #f95b5b;
    padding-top: 15px;
    padding-bottom: 15px;
}
#application-container h3{
    width: 100%;
    margin: 0px;
    padding-left: 20px;
    color: #fff;
    font-weight: 700;
}
#application-container label{
    margin: 5px 0px;
    font-weight: 700;
}
#application-container .form-control{
    border-color: #8a8a8a;
    border-radius: 2px;
}
.form-check-input{
    margin-top: 9px;
}
.form-check-label, .form-check-input {
    cursor: pointer;
}
#administrative-text{
    border: none;
    border-bottom: 1px solid #111;
    padding: 3px 3px 3px 0px;
    height: 20px;
    font-size: 15px;
    margin-left: 15px;
    width: 100px;
    color: #444;
}
#application-container .questions{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    border-top: 1px solid #000;
    padding-top: 10px;
    margin-top: 20px;
}
#application-container .questions.highlight{
    background-color: #d6d674;
    border-top: none;
    padding-top: 0px;
}

#application-container .row .col-12:first-child .questions {
    border-top: none;
    padding-top: 0px;
    margin-top: 0px;
}
.form-check-inline .form-check-input{
    margin-top: -3px;
}
.exp-textarea {
    margin-top: 10px;
    display: none;
}
#edu-inputs, #history-inputs, #refer-inputs{
    width: 100%;
    margin: 30px auto 10px;
    border: 1px solid #000;
    border-radius: 10px;
}
#edu-inputs .row, #history-inputs .row, #refer-inputs .row{
    padding: 10px;
    margin: 0px;
}
#edu-inputs .row .offset-md-6 .form-group {
    margin-bottom: 0px;
}
#edu-save-btn, #history-save-btn, #refer-save-btn {
    width: 100%;
}
#edu-show ul, #refer-show ul{
    float: left;
    padding: 40px 40px 20px 50px;
    font-weight: 700;
    border-radius: 20px;
    font-size: 20px;
    margin: 10px;
    display: inline-block;
    position: relative;
}
#edu-show ul:nth-child(odd), #history-show ul:nth-child(odd), #refer-show ul:nth-child(odd){
    background-color: #ffc7c7;
}
#edu-show ul:nth-child(even), #history-show ul:nth-child(even), #refer-show ul:nth-child(even){
    background-color: #bba4a4;
}
.edu-edit, .history-edit, .ul-delete, .refer-edit {
    cursor: pointer;
}
.edu-edit, .history-edit, .refer-edit {
    margin-right: 5px;
}
.jobs-ul-icons i:hover {
    color: #555;
}
.jobs-ul-icons {
    position: absolute;
    top: 5px;
    right: 20px;
}
#history-show ul{
    padding: 40px 40px 20px 50px;
    font-weight: 700;
    border-radius: 20px;
    font-size: 20px;
    margin: 10px auto;
    position: relative;
    width: 95%;
}

.job-question2-exp, .question-d-none{
    display: none;
}
.job-question2-exp .form-control {
    max-width: 200px;
    display: inline-block;
    border: none;
    border-bottom: 1px solid #000;
}
#application-container .terms {
    font-size: 14px;
    line-height: 1.1;
    margin: 0px auto;
}
#job-signature{
    border: 1px solid black;
}
.job-date{
    text-align: right;
    margin: 10px 0px 5px;
    font-size: 20px;
}
#job-submit {
    font-size: 30px;
    font-weight: 900;
}
.warning-text {
    color: #ff0000;
    display: none;
}
#job-alert-message {
    font-size: 20px;
    margin-bottom: 0px;
}
#job-alert-modal .modal-footer button{
    width: 100%;
}
#job-signature-remove{
    position: absolute;
    bottom: 10px;
    font-size: 12px;
    padding: 5px;
}

#location-page-top {
    background-image: url('../images/menu/MARIANAS_JOBS_COVER_1050x700.jpg');
}
#location-container .google-map{
    margin-top: 50px;
    margin-bottom: 50px;
    height: 600px;
}
.map-info {
    /*font-family: 'Nunito', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}
.map-info p{
    margin-bottom: 3px;
}
.map-info .store-title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}
.map-info .store-address{
    font-weight: 500;
}
.each-store-info-box {
    padding: 15px;
}
.each-store-info-box i {
    margin-right: 10px;
}
.each-store-info-box h2 {
    margin-bottom: 15px;
}
.each-store-info-box p {
    font-size: 18px;
    margin-bottom: 3px;
}
.click-address {
    cursor: pointer;
}
.click-address:hover{
    color: #007bff !important;
    -webkit-transition: color 0.5s linear;
    transition: color 0.5s linear;
}

#dept-page-top.MEAT-background {
    background-image: url('../images/new-dept/top-banner/butcher.jpg');
}
#dept-page-top.BAKERY-background {
    background-image: url('../images/new-dept/top-banner/bakery.jpg');
}
#dept-page-top.TORTILLA-background {
    background-image: url('../images/new-dept/top-banner/tortilla.jpg');
}
#dept-page-top.FRESH-background {
    background-image: url('../images/new-dept/top-banner/fresh.jpg');
}
#dept-page-top.JUICE-background {
    background-image: url('../images/new-dept/top-banner/juice.jpg');
}
#dept-page-top.CREAMERY-background {
    background-image: url('../images/new-dept/top-banner/cremeria.jpg');
}
#dept-page-top.KITCHEN-background {
    background-image: url('../images/new-dept/top-banner/kitchen.jpg');
}
#dept-page-top .page-top-inner h1{
    /*bottom: 25%;*/
}
.dept-text-row {
    margin: 50px auto;
}
.dept-title {
    font-weight: 700;
    font-size: calc(35px + 3vw);
    max-width: 600px;
    text-align: center;
    margin: 50px auto;
    line-height: 1.0;
    color: #ef9595;
}
.dept-content {
    text-indent: 50px;
    /*font-family: 'Fredoka One', cursive;*/
    font-family: 'Open Sans', sans-serif;
    font-size: calc(17px + 0.7vw);
    line-height: 1.5;
    margin: 0px auto 50px;
    padding: 0px 10%;
    color: #222;
}
.dept-image-col{
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*border-radius: 10px; 2019-12-10, According to the request from Dario, commented out by daehue */
}
.dept-image-col.MEAT-background{
    background-image: url('../images/new-dept/sub-banner/butcher.jpg');
}
.dept-image-col.BAKERY-background{
    background-image: url('../images/new-dept/sub-banner/bakery.jpg');
}
.dept-image-col.TORTILLA-background{
    background-image: url('../images/new-dept/sub-banner/tortilla.jpg');
}
.dept-image-col.FRESH-background{
    background-image: url('../images/new-dept/sub-banner/fresh.jpg');
}
.dept-image-col.JUICE-background{
    background-image: url('../images/new-dept/sub-banner/juice.jpg');
}
.dept-image-col.CREAMERY-background{
    background-image: url('../images/new-dept/sub-banner/creamery.jpg');
}
.dept-image-col.KITCHEN-background {
    background-image: url('../images/new-dept/sub-banner/kitchen.jpg');
}
/*
BLOG
*/
.blog-main-row {
    margin-top: 120px;
}
.blog-main-row .blog-title {
    font-size: calc(1.5vw + 30px);
    margin-bottom: 10px;
}
.blog-main-row .blog-info {
    margin-bottom: 30px;
}
.blog-info span {
    color: #757070;
    font-weight: 700;
    margin-right: 10px;
    text-transform: uppercase;
    position: relative;
}
.blog-info span i{
    margin-right: 3px;
    position: relative;
    top: 1px;
}
.blog-tag {
    color: #757070;
    font-size: 10px;
    letter-spacing: 2px;
}
.blog-tag i{
    font-size: 13px;
    margin-right: 3px;
}
.blog-sub-row .op-notification {
    font-size: 25px;
    font-weight: 700;
    margin: 20px 0px 15px;
}
.opost-link p{
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
}
.opost-link p a{
    color: #444;
}
.opost-link p a:hover{
    color: #094688;
    text-decoration: none;
}
/** google reCapcha **/
.grecaptcha-badge {
    /*
    z-index: 1050 !important;
    opacity: 1 !important;
    right: unset !important;
    width: 50px !important;
    overflow: hidden !important;
    bottom: 0px !important;
    */
    display: none;
}
/* feedback from Mariana's 04-14*/
footer {
    border: none;
}
.navbar, .dropdown-menu, footer{
    background-color: #000000e6;
}
.navbar {
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-brand {
    margin: 0px 15px 0px 10px;
}
.logo {
    height: 80px;
}
.navbar .navbar-nav .nav-link {
    font-size: calc(14px + 0.5vw) !important;
}
.dropdown-menu {
    font-size: calc(11px + 0.5vw) !important;
}
main {
    margin-top: 100px; /* 80 + 20(padding)*/
}
.department-row {
  background-color: #111;
  color: #fff;
}
#store-name-intro {
  border-bottom: 5px solid #fff;
}
/*Contact Us Page*//*Contact Us Page*//*Contact Us Page*/
#contactus-container h1 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 3rem;
}
#contactus-container h2 {
    text-align: center;
    margin-bottom: 20px;
}
#contactus-container p {
    text-align: center;
    margin-bottom: 0px;
}
#contact-form {
    margin-top: 40px;
    margin-bottom: 50px;
}
#contact-form label {
    font-weight: 700;
    margin-bottom: 0px;
}
#contact-message {
    height: 217px;
}



.navbar .navbar-nav .nav-link{
    font-size: 18px;
}
.circular-title {
    font-size: 45px;
}
.circular-button {
    font-size: 25px;
}
.zoe-effect figcaption h3 {
    font-size: 20px;
}
.mary-effect figcaption h3 {
    font-size: 25px;
}
.mary-effect figcaption p {
    font-size: 15px;
}
/*
.market-exp h2{
    text-align: center;
}
*/
/*
.dapart-ment-div {
    padding: 20px 0px !important;
    background: #ccc;
}
.department-ul {
    width: 100%;
    height: 100%;
    list-style: none;
    padding: 0px;
}
.department-li{
    display: inline-block;
    float: left;
    width : 20%;
    text-align: center;
    position: relative;
    height: 50%;
}
.department-li figure{
    margin: 0px;
}
.department-ul .department-li:first-child{
    width: 60%;
}
.department-ul .department-li:first-child h2{
    width: 90%;
    font-size: 40px;
    margin: 30px auto;
}
.department-ul .department-li:first-child p{
    font-size: 15px;
    width: 90%;
    position: absolute;
    margin: 0px 5%;
    bottom: 50px;
}
.department-ul .department-li:nth-child(2), .department-ul .department-li:nth-child(3){
    width: 20%;
}
*/



.market-exp h2{
    font-size: 50px;
    margin: 50px auto 20px;
    width: 90%;
    font-weight: 900;
}
.market-exp h2::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 4px;
    top: 120px;
    left: 50%;
    margin-left: -255px;
    background: #333;
}
.market-exp p{
    font-size: 25px;
    margin: 0px 5%;
    width: 90%;
    position: absolute;
    bottom: 10%;
}
@media (max-width: 1700px) {
    .market-exp h2{
        font-size: 40px;
    }
    .market-exp h2::after {
        width: 450px;
        top: 105px;
        margin-left: -225px;
    }
    .market-exp p{
        font-size: 20px;
        bottom: 50px;
    }
}
@media (max-width: 1499.98px) {
    .market-exp p{
        font-size: 18px;
    }
}
@media (max-width: 1349.98px) {
    .market-exp h2{
        margin-top: 20px;
    }
    .market-exp p{
        font-size: 18px;
        bottom: 20px;
    }
    .market-exp h2::after {
        top: 80px;
    }
    .amy-effect h3 {
        font-size: 30px;
    }
}

@media (min-width: 1200px) {
    .col-xl-5th-1 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-xl-8th-1 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    #store-info-intro {
        max-width: 1200px;
    }
}

@media (max-width: 1199.98px) {

    .circular-title {
        font-size: 35px;
    }
    .circular-button {
        font-size: 20px;
    }

    .market-exp h2{
        font-size: 40px;
        margin: 50px auto 30px;
        width: 90%;
    }
    .market-exp h2::after {
        top: 105px;
    }
    .market-exp p{
        font-size: 20px;
        margin: 0px auto 50px;
        width: 90%;
        position: relative;
        bottom: unset;
    }
    .amy-effect h3 {
        font-size: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dept-lg-space {
        display: block !important;
    }
}

@media (max-width: 991.98px) {
    #quick-menu {
        right: 80px;
        font-size: 25px;
    }
    .navbar .navbar-nav .nav-link{
        font-size: 18px;
    }
    .circular-title {
        font-size: 30px;
    }
    .circular-button {
        font-size: 15px;
    }
    .zoe-effect figcaption h3{
        font-size: 15px;
    }
    .mary-effect figcaption h3 {
        font-size: 20px;
    }
    .amy-effect h3 {
        font-size: 30px;
    }
    footer p.footer-copyright {
        font-size: 10px;
    }
    footer ul .footer-copyright{
        font-size: 10px;
        width: calc(100% - 100px);
    }
    footer ul .message{
        width: 100px;
    }
    footer ul .message p {
        display : none;
    }
    footer ul .message i {
        float: none;
        width: 100%;
        text-align: center;
    }
    .messege-box::after{
        right: 26px;
    }
    #quick-menu #shopping-cart-li {
        right: -70px;
    }
    #shopping-cart-cover::before {
        right: 60px;
    }
    /* Circular 2 */
    .department-div {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .department-item-group-li {
        width: calc(25% - 13.4px);
        height: 340px;
    }
    #jobs-page-top {
        background-image: url('../images/menu/Banner-Jobs-Movil.jpg');
    }
}
@media (max-width: 767.98px) {
    .zoe-effect figcaption h3{
        font-size: 20px;
    }
    .zoe-effect figcaption, .zoe-effect h3{
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .zoe-effect figcaption{
        border-top: 1px dotted #ccc;
        border-bottom: 1px dotted #ccc;
    }
    .mary-effect figcaption h3 {
        font-size: 35px;
    }
    .mary-effect img{
        opacity: 0.7;
    }
    .mary-effect figcaption h3, .mary-effect figcaption h3::after, .mary-effect figcaption p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .amy-effect h3{
        font-size: 25px;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0);
    }
    .amy-effect p {
        font-size: 15px;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .amy-effect img {
        opacity: 0.5;
    }
    .amy-effect figcaption::before, .amy-effect figcaption::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .page-top-image {
        height: 250px;
    }
    #jobs-page-top {
        height: 450px;
    }
    #edu-inputs .row .offset-md-6 .form-group {
        margin-bottom: 1rem;
    }
    #edu-save-btn, #history-save-btn {
        margin-bottom: 1rem;
    }
    .dept-content {
        text-indent: unset;
        font-size: 20px;
        padding: 0px 25px;
        text-align: center;
    }
    #circular-page-top {
        height: unset;
    }
    #weekly-ad-page-top {
        height: auto;
    }
    #specialsCarousel {
        padding-bottom: 30px;
    }
    .grocerie-icon-li {
        min-width: 100px;
    }
    #ad-select-row .form-group {
        margin-bottom: 25px;
    }
    #ad-select-row select.form-control {
        max-width: unset;
    }
    .open-pdf-ad {
        position: relative;
        bottom: unset;
        right: unset;
        width: 100%;
        height: auto;
        margin-bottom: 25px;
    }
    .blog-info span {
        display: block;
        font-size: 10px;
        line-height: 1.3;
    }
    /* Circular 2 */
    .department-div {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .department-item-group-li {
        width: calc(33.3333% - 13.4px);
        height: 300px;
    }
    .department-item-group-li .item-title {
        font-size: 14px;
    }
    .department-item-group-li .item-sub-title {
        font-size: 9px;
    }
    .department-item-group-li .item-price {
        font-size: 13px;
    }
    #version-link-title {
        font-size: 25px;
    }
    #store-link-ul {
        padding: 0px 0px 0px 50px;
        list-style: disc;
        text-align: justify;
        margin: 10px 0px 30px;
    }
    #store-link-ul .store-text-li {
        display: list-item;
        font-size: calc(15px + .5vw);
        margin-bottom: 5px;
    }
    #store-link-ul .store-text-li::after {
        content: '';
        margin: 0px;
    }
    #weeklyAdCarousel-indicator-ul .weeklyAdCarousel-indicators {
        width: 55px;
        height: 80px;
    }
    #weekly-ad-page-top .ad-valid-date-p {
        font-size: 20px;
    }
    #weekly-ad-page-top .ad-valid-date-p.need-options::after {
        top: 20px;
        margin: 10px;
        border-top: 8px solid #fff;
        border-right: 8px solid transparent;
        border-bottom: none;
        border-left: 8px solid transparent;
    }
    #ad-valid-date-select-ul .vds-li {
        font-size: 15px;
    }
    #weekly-ad-page-top .page-top-inner-ad-valid-title {
      margin-top: 0px;  /*added by daehue at 07/21/2020*/
    }
}
@media (max-width: 575.98px) {
    .market-exp h2::after {
        display: none;
    }
    .messege-box h2 {
        font-size: 30px;
    }
    .messege-box p {
        font-size: 12px;
    }
    .dept-product-box h3 {
        font-size: 16px;
        line-height: 1.1;
    }
    .btn-add-thisProduct {
        font-size: 14px;
    }
    /* circular 2 */
    .department-div{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 45px;
    }
    .department-image-cover .department-image {
        width: 40%;
    }
    .department-items-div.opened {
        width : calc(100% - 10px);
        margin: 0px 5px 30px;
    }
    .department-item-group-li {
        width: calc(50% - 12.1px);
        height: 300px;
    }
    .department-item-group-li .item-title {
        font-size: 12px;
    }
    .department-item-group-li .item-sub-title {
        font-size: 9px;
    }
    .department-item-group-li .item-price {
        font-size: 11px;
    }
}
@media (max-width: 512px) {
    #jobs-page-top {
        height: 250px;
    }
}