.gift #level-1 {
    float: left;
    width: 100%;
    display: block;
    background-image: url("/Images/gift-bg1.png");
    background-repeat: no-repeat;
    height: 680px;
    position: relative;
    background-position: center center;
    margin-top: 90px;
}

.gift #level-1 .layer1 {
    background-image: url("/Images/layer1-gift-section1.png");
    background-position: calc(50% - 215px) center;
    background-repeat: no-repeat;
    display: block;
    min-height: 536px;
    left: 0px;
    position: absolute;
    top: 75px;
    width: 100%;
    z-index: 4;
}


.gift #level-1 .layer2 .textbox1 {
    background-image: url("/Images/layer2-gift-section1-textbox1.png");
    background-repeat: no-repeat;
    color: #000;
    display: block;
    height: 195px;
    left: 45px;
    padding: 15px;
    position: absolute;
    text-align: left;
    top: 310px;
    width: 547px;
}

.gift #level-1 .layer2 .textbox2 {
    background-image: url("/Images/layer2-gift-section1-textbox2.png");
    background-repeat: no-repeat;
    color: #000;
    display: block;
    height: 88px;
    left: 45px;
    padding: 15px;
    position: absolute;
    text-align: left;
    top: 500px;
    width: 774px;
}

.gift #level-1 .layer2 .image1 {
    background-image: url("/Images/gift-polariods.png");
    height: 395px;
    position: absolute;
    right: 40px;
    top: 105px;
    background-repeat: no-repeat;
    width: 394px;
}

.gift #level-1 .layer2 .link {
    background-image: url("/Images/order-voucher.png");
    height: 111px;
    position: absolute;
    right: 30px;
    top: 475px;
    width: 112px;
    z-index: 5;
}

.gift #level-1 .layer2 .link:hover {
    background-position: 0 -111px; 
}

.gift #level-1 .layer2 .text {
    font-size: 27px;
    line-height: 25px;
}


@media screen and (min-width:768px) and (max-width:992px) {
    .gift #level-1 .layer2 .textbox1 {
        background-size: 100% auto;
        width: 450px;   
        left: 15px;
    }
    .gift #level-1 .layer2 .textbox2 {
        background-size: 100% auto;
        width: 700px;   
        left: 15px;

    }
    .gift #level-1 .layer2 .image1 {
        background-size: 100% auto;
        width: 300px;     
        top: 150px;
        right: 15px;
    }
    .gift #level-1 .layer2 .link {
        top: 370px;   
    }
    .gift #level-1 .layer2 .text {
        font-size: 22px;
        line-height: 25px;
    }
}
@media screen and (max-width:767px) {
    .gift #level-1 {
        background-position: calc(50% + 140px) center;   
    }
    .gift #level-1 .layer2 .textbox1 {
        background-size: 100% auto;
        width: 450px;   
        left: 15px;
    }
    .gift #level-1 .layer2 .textbox2 {
        background-size: 100% auto;
        width: 450px;   
        left: 15px;
        height: 167px;
        background-image: url("/Images/layer2-gift-section1-textbox1.png");
    }
    .gift #level-1 .layer2 .image1 {
        display: none;
    }
    .gift #level-1 .layer2 .link {
        top: 560px;  
        right: 15px;
    }
    .gift #level-1 .layer2 .text {
        font-size: 22px;
        line-height: 25px;
    }
}
@media screen and (min-width:1px) and (max-width:479px) {


    .gift #level-1 {
        background-position: calc(50% + 230px) center;   
        height: 740px;
    }
    
    .gift #level-1 .layer1 {
    background-position: calc(50% - 137px) center;
    }
    
    .gift #level-1 .layer2 .textbox1 {
        background-size: 100% 100%;
        left: 10px;
        width: 300px;
    }
    .gift #level-1 .layer2 .textbox2 {
        background-image: url("/Images/layer2-gift-section1-textbox1.png");
        background-size: 100% 100%;
        height: 145px;
        left: 10px;
        top: 510px;
        width: 300px;
    }
    .gift #level-1 .layer2 .image1 {
        display: none;
    }
    .gift #level-1 .layer2 .link {
        right: 0;
        top: 625px;
    }
    .gift #level-1 .layer2 .text {
        font-size: 20px;
        line-height: 20px;
    }

}