@media only screen and (min-width:200px) and (max-width:767px) {
    header {
        background: #303a99;
        padding: 15px 0;
    }
    .logo_area {
        width: 275px;
        display: block;
        margin: 0 auto;
        position: relative;
        top: 0;
        left: auto;
    }
    .logo_area img {
        width: 275px;
    }
    #banner-carouseld .overlay_img img {
        width: 100%;
    }
    #easy_area::after {
        background-size: 100% 100%;
    }
    #video_area::before {
        background-size: 100% 100%;
    }
    #video_area .video_btn {
        width: 53%;
        height: 159px;
        right: 3.5%;
    }
    #video_area .vidio_bttn_area .btn_txt {
        margin: 12px 11px;
    }
    .play-btn {
        width: 65px;
        height: 65px;
        margin: 36px 0 0 48px;
    }
    .video_txt h2 {
        font-size: 9vw;
        margin-top: 46px;
    }
    .play-btn::after {
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-left: 20px solid #fff;
    }
    #video_area {
        height: 300px;
    }
    footer p {
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 20px;
        text-align: center;
    }
    .download_from {
        text-align: center;
    }
    .download_from .row {
        justify-content: center;
    }
    #about_area::after {
        width: 100%;
        height: 92px;
        bottom: -72px;
        background-size: 100% 100%;
    }
    #about_area p {
        padding-right: 0;
    }
    #banner-carouseld .overlay_txt h1 {
        font-size: 26px;
    }
}


/*@media only screen and (max-width: 678px) {

}*/

@media only screen and (min-width:320px) and (max-width:479px) {
    #banner-carouseld .item::after {
        height: 70px;
        bottom: 0;
        background-size: 100% 100%;
    }
    #banner-carouseld .overlay_img {
        width: 33%;
        right: 9px;
        bottom: 20px;
    }
    #banner-carouseld .overlay_txt {
        width: 63%;
        left: 6.5%;
        top: 9px;
        bottom: 0;
        margin: auto;
        height: 147px;
        z-index: 99;
    }
    #banner-carouseld .overlay_txt h1 {
        font-size: 5vw;
        margin-bottom: 10px;
    }
    #banner-carouseld .overlay_txt h1 strong {
        font-size: 6vw;
    }
    #banner-carouseld .btn-green,
    #banner-carouseld .btn-line {
        padding: 5px 10px;
        font-size: 12px;
        margin: 0;
    }
    #about_area {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #about_area .headline h2 {
        font-size: 23px;
    }
    #about_area p {
        padding-right: 0;
    }
    #easy_area .headline h2 {
        font-size: 34px;
    }
    #easy_area p big {
        font-size: 18px;
    }
    #easy_area .easy_list {
        width: 100%;
    }
    #easy_area .easy_list li {
        padding: 20px 0;
        font-size: 30px;
    }
    #easy_area .easy_list li a {
        font-size: 18px;
    }
    #easy_area .easy_list li a img {
        margin-right: 5px;
    }
    .download_ico_area img {
        width: 100%;
    }
    #easy_area .download_ico {
        padding-left: 0;
        margin-top: 15px;
    }
    .banner_app a img {
        width: 28% !important;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    #banner-carouseld .item::after {
        height: 70px;
        bottom: 0;
        background-size: 100% 100%;
    }
    #banner-carouseld .overlay_img {
        width: 37%;
        right: 9px;
        bottom: 20px;
    }
    #banner-carouseld .overlay_txt {
        width: 63%;
        left: 6.5%;
        top: 9px;
        bottom: 0;
        margin: auto;
        height: 147px;
    }
    #banner-carouseld .overlay_txt h1 {
        font-size: 5vw;
        margin-bottom: 10px;
    }
    #banner-carouseld .overlay_txt h1 strong {
        font-size: 6vw;
    }
    #banner-carouseld .btn-green,
    #banner-carouseld .btn-line {
        padding: 7px 18px;
        font-size: 12px;
        margin: 4px;
    }
    #easy_area .easy_list {
        width: 100%;
    }
    #easy_area .easy_list li {
        padding: 20px 0;
    }
    .download_ico_area {
        text-align: center;
    }
    .download_ico_area img {
        width: 80%;
        margin: 0 auto;
    }
    #easy_area .download_ico {
        padding-left: 0;
    }
    .download_ico_area img {
        width: 100%;
        margin: 0 auto;
    }
    footer .download_from a {
        padding: 0 8px;
    }
    #about_area .headline h2 {
        font-size: 30px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .logo_area {
        width: 320px;
        left: 0;
        top: 20px;
    }
    .logo_area img {
        width: 320px;
    }
    #banner-carouseld .item::after {
        height: 70px;
        bottom: 0;
        background-size: 100% 100%;
    }
    #banner-carouseld .overlay_img {
        width: 37%;
        right: 9px;
        bottom: 20px;
    }
    #banner-carouseld .overlay_img img {
        width: 100%;
    }
    #banner-carouseld .overlay_txt {
        width: 63%;
        left: 6.5%;
        top: 9px;
        bottom: 0;
        margin: auto;
        height: 147px;
    }
    #banner-carouseld .overlay_txt h1 {
        font-size: 5vw;
        margin-bottom: 10px;
    }
    #banner-carouseld .overlay_txt h1 strong {
        font-size: 6vw;
    }
    #banner-carouseld .btn-green,
    #banner-carouseld .btn-line {
        padding: 7px 18px;
        font-size: 15px;
        margin: 4px;
    }
    #about_area .headline h2 {
        font-size: 27px;
    }
    #about_area p {
        padding-right: 0;
    }
    #about_area::after {
        height: 92px;
        bottom: -72px;
        background-size: 100% 100%;
    }
    #easy_area .headline h2 {
        font-size: 38px;
    }
    #easy_area p big {
        font-size: 19px;
    }
    #easy_area .easy_list {
        width: 90%;
    }
    .download_ico_area img {
        width: 100%;
    }
    #easy_area .download_ico {
        padding-left: 0;
    }
    #easy_area .download_ico a {
        width: 48%;
    }
    #easy_area::after {
        background-size: 100% 100%;
    }
    #video_area::before {
        background-size: 100% 100%;
    }
    .video_txt h2 {
        font-size: 9vw;
    }
    #video_area .vidio_bttn_area .btn_txt {
        margin: 22px 11px;
    }
    footer .download_from a {
        padding: 4px 3px;
    }
    #video_area {
        height: 400px;
    }
}


/********************@media only screen and (min-width:1024px) and (max-width:1200px)********************/

@media (min-width:992px) and (max-width:1199px) {
    #banner-carouseld .overlay_txt h1 {
        font-size: 41px;
    }
    #banner-carouseld .overlay_txt h1 strong {
        font-size: 49px;
    }
    #banner-carouseld .overlay_img img {
        width: 100%;
    }
    #banner-carouseld .item::after {
        height: 70px;
        bottom: 0;
        background-size: 100% 100%;
    }
    #about_area .headline h2 {
        font-size: 36px;
    }
    #about_area p {
        padding-right: 0;
    }
    #about_area::after {
        height: 92px;
        bottom: -72px;
        background-size: 100% 100%;
    }
    #easy_area::after {
        background-size: 100% 100%;
    }
    #video_area::before {
        background-size: 100% 100%;
    }
    .download_ico_area img {
        width: 100%;
    }
    #easy_area .download_ico {
        padding-left: 0;
    }
    #easy_area .download_ico a {
        width: 48%;
    }
    .video_txt h2 {
        font-size: 9vw;
    }
    footer .download_from a {
        width: 48%;
    }
    footer .download_from a img {
        width: 100%;
    }
}

@media (min-width:1600px) {
    #banner-carouseld .overlay_txt h1 {
        font-size: 3.7vw;
    }
    #banner-carouseld .overlay_txt h1 strong {
        font-size: 4.5vw;
    }
    #banner-carouseld .btn-green,
    #banner-carouseld .btn-line {
        font-size: 1vw;
    }
}


/********************@media only screen and (min-width:1201px)********************/


/********************@media only screen and (min-width:1201px)********************/