@media(min-width:1200px) {
    .container {
        max-width: 1170px;
    }
}

@media(min-width:1340px) {
    .container {
        max-width: 1200px;
    }
}

@media(min-width:1600px) {
    .tree-left {
        left: 0;
    }
    .tree-right {
        right: 0;
    }
}

@media(max-width:1500px) {
    .main-top:before {
        height: 161px;
    }
}

@media(max-width:1339px) {
    .main-card {
        min-height: 1000px;
    }
    .main-top .img-holder1 {
        max-width: 845px;
    }
    .tree-right img,
    .tree-left img {
        height: 480px;
    }
    .tree-left {
        left: -121px;
    }
    .tree-right {
        right: -121px;
    }
    .main-top .countdown {
        top: 251px;
        left: 73px;
        font-size: 72px;
        line-height: 80px;
        max-width: 740px;
    }
    .gift-box {
        max-width: 512px;
        right: -145px;
        bottom: 88px;
    }
}

@media(max-width:1199px) {
    .main-card {
        min-height: 850px;
    }
    .main-top .img-holder1 {
        max-width: 711px;
    }
    .main-top .countdown {
        top: 213px;
        left: 75px;
        font-size: 64px;
        line-height: 68px;
        max-width: 600px;
    }
    .main-top .countdown span {
        font-size: 24px;
    }
    .main-top .img-holder1 {
        bottom: 33px;
    }
    .gift-box {
        max-width: 407px;
        right: -107px;
        bottom: 61px;
    }
    .tree-right img,
    .tree-left img {
        height: 400px;
    }
}

@media(max-width:991px) {
    .main-card {
        min-height: 1050px;
    }
    .img-ad {
        bottom: 50px;
    }
    .mob-image {
        display: block;
    }
    brand-logo .img-ad,
    .desktop-image {
        display: none;
    }
    .main-top .img-holder1 {
        max-width: 660px;
        bottom: 47px;
    }
    .tree-left {
        z-index: 6;
    }
    .main-top .img-holder1 {
        z-index: 5;
    }
    .main-top .clouds {
        bottom: 9px;
    }
    .gift-box {
        max-width: 630px;
        right: -255px;
        bottom: 62px;
        z-index: 5;
    }
    .main-two .img-work {
        top: 0;
    }
    .main-top .countdown {
        top: 92px;
        left: 70px;
        max-width: 557px;
    }
    .main-two {
        margin-top: 0;
    }
    .main-two .img-work {
        right: 0;
    }
    .tree-right img,
    .tree-left img {
        height: 500px;
    }
    .tree-right {
        right: -140px;
    }
    .tree-left {
        left: -180px;
    }
    .brand-logo img {
        width: 150px;
    }
    .img-ad {
        display: none;
    }
}

@media(max-width:767px) {
    .main-top .img-holder1 {
        max-width: 464px;
        bottom: 28px;
    }
    .tree-right img,
    .tree-left img {
        height: 380px;
    }
    .tree-right,
    .tree-left {
        height: auto;
        bottom: 40px;
    }
    .tree-left {
        left: -114px;
    }
    .tree-right {
        right: -114px;
    }
    .main-top .countdown {
        font-size: 44px;
        line-height: 43px;
        max-width: 383px;
        top: 67px;
        left: 56px;
    }
    .gift-box {
        max-width: 415px;
        right: -142px;
        bottom: 52px;
        z-index: 5;
    }
    .main-card {
        min-height: 780px;
    }
    .bg-blue {
        padding: 10px 0;
    }
    .bg-blue p {
        font-size: 13px;
    }
    .main-two .img-work {
        right: 0;
    }
    .main-card {
        min-height: 100vh;
    }
}

@media(max-width:575px) {
    .main-top .img-holder1 {
        max-width: 386px;
    }
    .tree-right img,
    .tree-left img {
        height: 325px;
    }
    .main-top .countdown {
        font-size: 42px;
        line-height: 33px;
        max-width: 324px;
        top: 56px;
        left: 44px;
    }
    .main-top .countdown span {
        font-size: 18px;
    }
    .gift-box {
        max-width: 364px;
        right: -131px;
        bottom: 38px;
        z-index: 5;
    }
}

@media(max-width:480px) {
    .brand-logo img {
        width: 112px;
    }
    .container {
        max-width: 375px;
    }
    .main-top .img-holder1 {
        max-width: 345px;
    }
    .main-top .countdown {
        font-size: 30px;
        line-height: 36px;
        max-width: 240px;
        top: 38px;
        left: 52px;
    }
    .main-top .countdown span {
        font-size: 16px;
        line-height: 18px;
    }
    .tree-right img,
    .tree-left img {
        height: 286px;
    }
    .tree-left {
        left: -88px;
    }
    .tree-right {
        right: -88px;
    }
    .gift-box {
        max-width: 268px;
        right: -76px;
    }
    .bg-blue p {
        font-size: 12px;
    }
    .main-card {
        min-height: 85vh;
        height: 85vh;
    }
}

@media(max-width:374px) {
    .main-top .img-holder1 {
        max-width: 290px;
    }
    .main-top .countdown {
        left: 32px;
    }
}