@media all{
    .thankyou .banner{padding:25px 0 30px;background:url(../../img/common/thank-you/thankyou-banner-bg.png) center center;background-color:#4d6c82;background-size:2048px 100%;}
    .thankyou .banner .banner-content{color:#fff;text-align:center;}
    .thankyou .banner .banner-content img{width:62px;}
    .thankyou .banner .banner-content .title{font-size:25px;margin:25px auto 10px;line-height:54px;font-weight:700;}
    .thankyou .banner .banner-content .desc{font-size:22px;}
    .thankyou .order{margin:70px auto 0;}
    .thankyou .order .title{font-size:18px;color:#172c3a;margin-right:10px;}
    .thankyou .order .msg{font-size:18px;color:#4d4d4d;word-break:break-word;}
    .thankyou .order .msg.link{color:#75b6d7;}
    .thankyou .order .pro-name{color:#b73434;font-size:20px;margin-bottom:25px;}
    .thankyou .order .tag-2{margin-bottom:25px;}
    .thankyou .order .tag-2:last-child{margin-bottom:0;}
    .thankyou .order .order-box{box-shadow:0 0 10px 5px rgba(199,198,210,.5);border:1px solid #ccc;width:94.5%;margin:0 auto 20px;}
    .thankyou .order .order-box::before{content:'';display:block;width:100%;height:10px;background-color:#1d3f5a;}
    .thankyou .order .order-box .order-content{padding:0 40px;}
    .thankyou .order .order-box .order-content .order-detail{padding:20px 0 30px 34px;border-bottom:1px solid #b3b3b3;}
    .thankyou .order .order-box .order-content .order-detail .tag-1{margin-bottom:40px;}
    .thankyou .order .order-box .order-content .order-detail .tag-1:last-child{margin-bottom:0;}
    .thankyou .order .order-box .order-content .order-detail .tag-1 .title{position:relative;}
    .thankyou .order .order-box .order-content .order-detail .tag-1 .title::before{content:'';position:absolute;width:19px;height:23px;background:url(../../img/common/thank-you/order-number.svg) no-repeat center center;top:50%;transform:translateY(-50%);left:-34px;}
    .thankyou .order .order-box .order-content .order-detail .billing-email .title::before{width:23px;height:16px;background:url(../../img/common/thank-you/billing-email.svg) no-repeat center center;}
    .thankyou .order .order-box .order-content .order-detail .order-placed .title::before{width:20px;height:22px;background:url(../../img/common/thank-you/order-placed.svg) no-repeat center center;}
    .thankyou .order .order-box .order-content .order-item{padding:25px 0 50px;}
    .thankyou .order .order-box .order-content .order-item .item-content{padding-left:34px;}
    .thankyou .order .order-box .order-content .order-item .item-content .item-title{position:relative;margin-bottom:25px;}
    .thankyou .order .order-box .order-content .order-item .item-content .item-title::before{content:'';position:absolute;width:24px;height:22px;background:url(../../img/common/thank-you/cart.svg) no-repeat center center;margin-right:10px;left:-34px;top:50%;transform:translateY(-50%);}
    .thankyou .note-box{margin:60px 0 70px;}
    .thankyou .note-box .note-content{width:94.5%;margin:0 auto;}
    .thankyou .note-box .note-content .note{position:relative;}
    .thankyou .note-box .note-content .note::before{content:'';position:relative;display:inline-block;width:30px;height:30px;background:url(../../img/common/thank-you/note-tag.svg) no-repeat center center;vertical-align:middle;}
    .thankyou .note-box .note-content .note .note-title{font-size:20px;margin-left:20px;color:#172c3a;vertical-align:middle;}
    .thankyou .note-box .note-content .text{font-size:18px;color:#4d4d4d;padding-left:35px;text-align:left;margin-bottom:25px;position:relative;}
    .thankyou .note-box .note-content .text a{color:#75b6d7;}
    .thankyou .note-box .note-content .text.p-1{margin-top:25px;}
    .thankyou .note-box .note-content .text:last-child{margin-bottom:0;}
    .thankyou .note-box .note-content .text::before{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background-color:#4d6c82;left:10px;margin-top:10px;}
    @media (min-width:1200px){
        .thankyou .order .item-bg{position:relative;}
        .thankyou .order .item-bg::before{content:'';position:absolute;width:258px;height:230px;background:url(../../img/common/thank-you/cart-bg.svg) no-repeat center center;top:50%;margin-top:-115px;right:0;}
    }
    @media (max-width:1024px){
        .thankyou .banner .banner-content .title{font-size:40px;width:90%;}
        .thankyou .banner .banner-content .desc{width:90%;margin:0 auto;}
    }
    @media (max-width:768px){
        .thankyou .banner .banner-content img{width:50px;}
        .thankyou .banner .banner-content .title{font-size:24px;line-height:32px;}
        .thankyou .banner .banner-content .desc{font-size:14px;}
        .thankyou .order{margin-top:40px;}
        .thankyou .order .title{font-size:22px;}
        .thankyou .order .msg{display:block;font-size:19px;margin-top:8px;}
        .thankyou .order .pro-name{font-size:22px;}
        .thankyou .order .order-box .order-content .order-item .item-content{padding-left:0;}
        .thankyou .order .order-box .order-content .order-item .item-content .item-title::before{left:0;}
        .thankyou .order .order-box .order-content .order-item .item-content .item-title{padding-left:34px;}
        .thankyou .note-box{margin:30px 0 40px;}
        .thankyou .note-box .note-content .note .note-title{font-size:22px;}
        .thankyou .note-box .note-content .text.p-1{margin-top:20px;}
        .thankyou .note-box .note-content .text{margin-bottom:20px;font-size:19px;padding-right:10px;}
        .thankyou .note-box .note-content .text::before{margin-top:8px;}
    }
    @media (max-width:500px){
        .thankyou .banner{padding:45px 0 35px;}
        .thankyou .banner .banner-content .title{width:100%;}
        .thankyou .banner .banner-content .desc{width:100%;}
        .thankyou .container{width:95%;}
        .thankyou .order .order-box{width:100%;}
        .thankyou .order .order-box .order-content{padding:0 14px;}
        .thankyou .order .order-box .order-content .order-item{padding:20px 0 45px;}
        .thankyou .order .order-box .order-content .order-detail .tag-1{margin-bottom:30px;}
        .thankyou .order .order-box .order-content .order-detail{padding-bottom:25px;}
        .thankyou .note-box .note-content{width:100%;}
    }
}