@media screen and (max-width: 1024px) {
    body,
    div {
        transition: 0.5s;
    }
    .wrapper {
        width: 700px;
    }
    .wrapper .top .box1 {
        width: 18%;
    }
    .wrapper .top .box2 {
        width: 60%;
    }
    .wrapper .top .box2 .top_menu ul li {
        margin: 0 22px 0 0;
    }
    .wrapper .top .box3 {
        width: 21%;
    }
    .wrapper .main_container .content img {
        display: block;
        margin: 10px auto;
        width: 100%;
    }
    .wrapper .main_container .content {
        padding: 0 15px;
    }
    .wrapper .main_container .content .grey_box .gb_inner .text {
        width: 65%;
    }
    .wrapper .main_container .bottom .offer_box img {
        width: 5px;
    }
    .wrapper .main_container .bottom .offer_box p {
        font-size: 14px;
    }
    .wrapper .main_container .bottom .product_box h1 {
        font-size: 17px;
    }
    .wrapper .main_container .bottom .product_box .pbox2 {
        width: 64%;
    }
    .wrapper .facebook .fb_comments .prof_pic {
        width: 8%;
    }
    .wrapper .facebook .fb_comments .prof_pic2 {
        width: 10%;
    }
    .wrapper .main_container .content img.img_auto {
        width: 100%;
    }
}
@media screen and (max-width: 770px) {
    .wrapper {
        width: 550px;
    }
    .wrapper .top {
        height: auto;
    }
    .wrapper .top .box1 {
        width: 49%;
    }
    .wrapper .top .box2 {
        display: none;
    }
    .wrapper .top .box3 {
        width: 49%;
        text-align: right;
        display: inline-block;
    }
    .wrapper .top .box3 img {
        display: block;
        margin: 25px 0 0;
    }
    .wrapper .main_container .bottom .product_box img {
        padding: 0;
    }
    .wrapper .main_menu_wrapper {
        display: none;
    }
    .wrapper .main_container .content {
        width: 93%;
    }
    .wrapper .top .box3 img {
        display: inline-block;
    }
    .wrapper .main_container .content {
        padding: 0 15px;
        width: 95%;
    }
    .wrapper .main_container .sidebar {
        display: none;
    }
    .wrapper .main_container .bottom .offer_box img {
        display: none;
    }
    .wrapper .main_container .bottom .product_box h1 {
        text-align: center;
        font-size: 20px;
    }
    .wrapper .facebook .fb_comments .prof_pic {
        width: 10%;
    }
    .wrapper .facebook .fb_comments .prof_pic2 {
        width: 13%;
    }
    .wrapper .facebook .fb_comments .comments_inner {
        width: 83%;
    }
    .wrapper .main_container .bottom .offer_box p {
        font-size: 14px;
        text-align: center;
    }
}
@media screen and (max-width: 600px) {
    .wrapper {
        width: 95%;
    }
    .wrapper .top .box2 {
        display: none;
    }
    .wrapper .main_menu_wrapper {
        display: none;
    }
    .wrapper .main_container .content {
        width: 93%;
    }
    .wrapper .main_container .content img.normal_size {
        width: 80%;
    }
    .wrapper .main_container .bottom .product_box img {
        display: block;
        margin: 0 auto;
        width: 70%;
    }
    .wrapper .main_container .bottom .product_box .pbox1 {
        width: 100%;
    }
    .wrapper .main_container .bottom .product_box .pbox1 img {
        width: 90%;
    }
    .wrapper .main_container .bottom .product_box .pbox2 {
        text-align: center;
        width: 100%;
        margin: 20px 0;
    }
    .wrapper .main_container .bottom .product_box .pbox2 .seal {
        width: 100%;
    }
    .wrapper .main_container .bottom .product_box .pbox2 .order_button {
        width: 100%;
    }
    .wrapper .facebook .fb_comments .prof_pic {
        width: 15%;
    }
    .wrapper .facebook .fb_comments .comments_inner {
        width: 80%;
    }
    .wrapper .facebook .fb_comments .prof_pic2 {
        width: 20%;
    }
    .wrapper .facebook .fb_comments .comments_inner {
        width: 76%;
    }
}
@media screen and (max-width: 420px) {
    .wrapper {
        width: 100%;
    }
    .top_container{
      padding: 0 15px;
    }
    .wrapper .main_container .content h1 {
        font-size: 20px;
        line-height: 23px;
    }
    .wrapper .main_container .content {
        width: 100%;
    }
    .wrapper .main_container .content .caption {
        font-size: 16px;
    }
    .wrapper .main_container .bottom .product_box .pbox2 .order_button {
        background-size: 100% auto;
        margin: 20px 0 0;
        width: 100%;
    }
    .wrapper .main_container .content .grey_box .gb_inner .text {
        width: 100%;
        margin: 0;
    }
    .wrapper .main_container .content .grey_box .gb_inner .pic {
        display: inline-block;
        margin: 20px 0;
        vertical-align: top;
        width: 100%;
    }
    .wrapper .facebook .top_facebook .box1,
    .wrapper .facebook .top_facebook .box2 {
        width: 78%;
    }
    .wrapper .facebook .top_facebook .box2 {
        display: none;
    }
    .wrapper .facebook .fb_comments .prof_pic {
        width: 20%;
    }
    .wrapper .facebook .fb_comments .prof_pic2 {
        width: 34%;
    }
}