@media screen and (max-width:1600px) {
    .top .hero_area {
        padding: 0 6.5% 0 0;
        position: relative;
    }
    .top .launch_event .container-fluid h2 {font-size: 55px; line-height: 61.16px;}
    .top .launch_event .container-fluid h5 {font-size: 24px;}
}
@media screen and (max-width:1440px) {
    .top .hero_area .book_content h2 {
        font-size: 39px;
        line-height: 48.16px;
    }
    .top .email_area .container .eIn_left h2 {font-size: 66px;}
    .top .hero_area .book_content p {
        font-size: 18px;
        line-height: 32px;
    }
    .top .launch_event .container-fluid h2 {
        font-size: 42px;
        line-height: 42px;
    }
    .top .launch_event .container-fluid h5 {font-size: 19px;}
    .top .buy_now .container h2 {font-size: 66px;}
    .top .buy_now .container {width: 100%;}
}
@media screen and (max-width:1200px) {
    .top .header .logo {
        height: 134px;
        margin: 0 auto;
        width: 530px;
    }
    .top .email_area .container {width: 100%;}
    .top .hero_area .book_content h2 {
        font-size: 33px;
        line-height: 44.16px;
    }
    .top .email_area .container .eIn_right button {font-size: 16px;}
    .top .launch_event .container-fluid h2 {
        font-size: 36px;
        line-height: 52px;
        margin: 0;
    }
    .top .launch_event .container-fluid h5 {
        font-size: 18px;
        line-height: 26px;
        margin: 0;
    }
    .top .buy_now .container ul li {width: 32%;}
    .buy_now ul li a {
        display: block;
        margin: 0 auto;
        width: 180px;
    }
    .buy_now li a img {
        width: 100%;
    }
    .bottom h2 {font-size: 66px;}
    .bottom p {margin-bottom: 15px;}
    .bottom a.fb_btn {margin: 35px 0 40px;}
}
@media screen and (max-width:1023px) {
    .top .launch_event .container-fluid h5 {font-size: 16px;}
}
@media screen and (max-width:991px) {
    .top .hero_area {padding: 0 20px 35px 0;}
    .top .hero_area .book_content h2 {
        font-size: 24px;
        line-height: 36.16px;
    }
    .top .hero_area .book_content {margin-top: 64px;}
    .top .hero_area .book_content p {
        font-size: 15px;
        line-height: 22px;
    }
    .top .email_area .container .eIn_left h2 {font-size: 48px;}
    .top .launch_event {padding: 5% 0 6% 12%;}
    .top .launch_event .container-fluid h2 {
        font-size: 24px;
        line-height: 42px;
    }
    .top .launch_event .container-fluid h5 {font-size: 14px;}
    .top .buy_now .container h2 {font-size: 48px;}
    .bottom h2 {
        font-size: 48px;
        line-height: 60px;
    }
    .bottom p {
        font-size: 17px;
        line-height: 26px;
    }
}
@media screen and (max-width:767px) {
    .top {background: #ffffff url("../images/top-bg-mobile.jpg") no-repeat scroll 0 0 / 100% 100%;}
    .top .header .logo {
        height: 175px;
        width: 694px;
    }
    .top .hero_area .book_content h2 {
        font-size: 51px;
        line-height: 58.16px;
    }
    .top .hero_area .book_content {padding-left: 15px;}
    .top .hero_area .book_content p {font-size: 20px;line-height: 37px;}
    .top .email_area .container .eIn_left {margin-bottom: 100px}
    .top .email_area .container .eIn_left h2 {font-size: 80px; line-height: 71px;}
    .top .email_area .container .eIn_right input {height: 104px;}
    .top .email_area .container .eIn_right button {
        font-size: 32.77px;
        line-height: 29.15px;
        padding: 35px 0;
    }
    .top .launch_event {background: transparent url("../images/launch-bg-mobile.png") no-repeat scroll 0 0 / 100% auto; padding: 28%;}
    .top .launch_event .container-fluid h5 {
        font-size: 36.71px;
        line-height: 46px;
        text-align: center;
    }
    .top .launch_event .container-fluid h2 {
        font-size: 76.87px;
        line-height: 68.38px;
        text-align: center;
        padding-bottom: 110px;
    }
    .top .buy_now .container h2 {
        font-size: 80px;
        line-height: 71.16px;
    }
    .top .buy_now .container ul li {
        display: block;
        margin-bottom: 74px;
        width: 100%;
    }
    .buy_now ul li a {width: 250px;}
    .top .buy_now .container {padding-bottom: 0;}
    .bottom {padding:56px 25px 33px}
    .bottom h2 {
        font-size: 80px;
        line-height: 71.16px;
    }
    .bottom p {
        font-size: 20px;
        line-height: 37px;
        margin-bottom: 32px;
    }
}
@media screen and (max-width:738px) {
    .top .header .logo {
        width:100%;
        height: auto;
    }
}
@media screen and (max-width:479px) {
    .top .email_area .container .eIn_left h2 {
        font-size: 46px;
        line-height: 56px;
        margin-bottom: 20px;
    }
    .top .email_area .container .eIn_right input {
        height: 60px;
    }
    .top .email_area .container .eIn_right button {
        font-size: 18px;
        line-height: 29.15px;
        padding: 16px 0;
    }
    .top .launch_event { padding: 30% 0; }
    .top .launch_event .container-fluid h2 {
        font-size: 44.87px;
        line-height: 48.38px;
        padding-bottom: 50px;
    }
    .top .launch_event .container-fluid h5 {
        font-size: 22px;
        line-height: 28px;
    }
    .top .buy_now .container h2 {
        font-size: 68px;
        line-height: 71.16px;
    }
    .bottom h2 {
        font-size: 68px;
        line-height: 71.16px;
    }
    .bottom a.fb_btn img {
        width: 100%;
    }
}
@media screen and (max-width: 679px) {
    .top .launch_event {padding: 28% 15%; }
}
@media screen and (max-width:360px) {
    .top .header .logo {
        width: 290px;
        height: 82px;
    }
    .top .hero_area .book_content h2 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 30px;
    }
    .top .email_area .container .eIn_left h2 {
        font-size: 33px;
        line-height: 40px;
        padding-right: 14px;
        text-align: center;
        margin-bottom: 20px;
    }
    .top .email_area .container .eIn_right input {
        height: 45px;
    }
    .top .email_area .container .eIn_right button {
        font-size: 16px;
        line-height: 12.63px;
        padding: 17px 0;
    }
    .top .launch_event .container-fluid h2 {
        font-size: 52.35px;
        line-height: 46.57px;
        text-align: center;
        padding-bottom: 110px;
    }
    .top .launch_event {
        background: transparent url("../images/launch-bg-mobile-xs.png") no-repeat scroll 0 0 / 100% auto;
        padding: 39% 0 89%;
    }
    .top .launch_event .container-fluid h2 {
        font-size: 52.35px;
        line-height: 46.57px;
        padding-bottom: 61px;
        text-align: center;
    }
    .top .launch_event .container-fluid h5 {
        font-size: 25px;
        line-height: 30px;
        padding-left: 0;
    }
    .top .buy_now .container h2 {
        font-size: 65px;
        line-height: 63.16px;
    }
    .bottom {padding: 56px 15px 33px;}
    .bottom h2 {
        font-size: 50px;
        line-height: 51.16px;
    }
    .bottom a.fb_btn  img {
        width: 100%;
    }
}