﻿.heading {
    font-family: 'Anek Devanagari', sans-serif;
    border-style: none;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 15px;
}

.heading-month {
    font-family: 'Anek Devanagari', sans-serif;
    border-style: none;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 10px;
}

.div-background {
    background: url("../img/Our promotion on ....................png") no-repeat, #E6DAD1;
    background-size: auto, auto;
}

.div-expire {
    background: #F6F1EE;
    color: #9D5A4D;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.image-promotion {
    width: 200px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 5px 5px 13px;
}


.image-search {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
}


.div-image-promotion {
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
}
.div-image-promotion :hover{
    cursor:pointer;
}

@media (max-width: 576px) {
    .div-heading-promotion {
        margin-left: 20px;
        margin-right: 20px;
        background: #9D5A4D;
        color: #F9F1F0;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
}

@media (min-width: 576px) {
    .div-heading-promotion {
        margin-left: 15px;
        margin-right: 15px;
        color: #9D5A4D;
        margin-top:15px;
    }
}

.container-heading {
    padding-top: 20px;
}
