body {
    margin: 0;
    border: 0;
    padding: 0;
}

.container {
    width: 100%;
    background-image: url('../Images/Mobile/bg.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    direction: rtl;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: center;
    align-items: center;
}

.mobile_share {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: 10px;
}

.splitter {
    width: 77.81vw;
    height: 0.78vw;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../Images/Mobile/stripe.png');
}

.container > div, .header > div {
    background-repeat: no-repeat;
}

.header {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: rgba(255, 115, 115, 0.43);*/
}

.ynet {
    display: none;
}

.share-holder {
    width: 100%;
    height: 8.2%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.divider {
    width: 100%;
    height: 1px;
}

.share-box {
    width: 100%;
    height: 6.72vw;
    margin-top: 2.81vw;
    margin-left: 4.38vw;
    direction: ltr;
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    /*justify-content: space-between;*/
}

    .share-box > div {
        background-repeat: no-repeat;
        background-size: contain;
        width: 6.56vw;
        height: 6.72vw;
        margin-right: 2vw;
    }

.facebook {
    background-image: url('../Images/Mobile/fb.png');
}

.twitter {
    background-image: url('../Images/Mobile/tweeter.png');
}

.whatsapp {
    background-image: url('../Images/Mobile/whatsapp.png');
}

.title {
    width: 73.28vw;
    height: 40vw;
    /* margin: -0.78vw 0 5.16vw 5.78vw; */
    margin-bottom: 4.53vw;
    margin-left: 5.78vw;
    background-image: url(../Images/Mobile/title.png);
    background-size: 100%;
    /* background-position: 2.81vw -0.31vw; */
}

.description {
    background-image: url(../Images/Mobile/descript.png);
    background-position: center;
    background-size: 100%;
    width: 81.25vw;
    height: 30.4vw;
    /*margin-top: 1.72vw;*/
}

.content {
    margin-bottom: 14.46vw;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    /* background-color: rgba(111, 250, 111, 0.45); */
}

.item-box {
    display: inline-block;
    text-decoration: none;
    width: 48.125vw;
    height: 35.94vw;
    background-size: contain;
    /*margin: 3px;*/
}

.bottom {
}

.footer {
    background-image: url('../Images/Mobile/credit.png');
    background-position: center;
    background-size: cover;
    width: 93.59vw;
    height: 13.125vw;
    /*background-color: rgba(120, 187, 251, 0.49);*/
}

.header .share-box {
    display: none;
}

.INDMobile #INDmenu-btn {
    bottom: 16vw !important;
}

@media only screen and (min-width: 641px) {
    .header .share-box {
        display: -ms-flexbox;
        display: flex;
    }

    .mobile_share {
        display: none;
    }

    .header {
        width: 980px;
    }

    .container {
        height: 1080px;
        background-image: url('../Images/Desc/bg.png');
        background-size: auto;
    }

    .splitter {
        display: none;
    }

    .container > div {
        /*height: 20vw;*/
    }

    .ynet {
        display: inline-block;
        width: 112px;
        height: 50px;
        background-image: url('../Images/Desc/ynet.png');
        background-repeat: no-repeat;
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin: 12px 0 0 19px;
    }

    .share-holder {
        width: auto;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 auto;
    }

    .share-box {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
        height: auto;
    }

        .share-box > div {
            width: 33px;
            height: 31px;
            cursor: pointer;
            margin: 2px 7px 0 4px;
        }

    .facebook {
        background-image: url('../Images/Desc/fb.png');
    }

    .twitter {
        background-image: url('../Images/Desc/tweeter.png');
    }

    .whatsapp {
        display: none;
    }

    .title {
        width: 460px;
        height: 219px;
        background-image: url('../Images/Desc/title.png');
        background-size: auto;
        margin: -25px -123px 0 0;
    }

    .description {
        background-image: url(../Images/Desc/descript.png);
        background-size: auto;
        width: 748px;
        height: 126px;
        margin: 3px 8px 0 0;
    }

    .content {
        max-width: 980px;
        margin-top: 8px;
        margin-bottom: 0;
        -ms-flex-preferred-size: 549px;
        flex-basis: 549px;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .item-box {
        width: 313px;
        height: 231px;
    }

    .footer {
        width: 941px;
        height: 90px;
        background-image: url('../Images/Desc/credit.png');
        /*background-position-y: -15px;*/
    }
}