@media screen and (max-width:1500px) {
    h5.card_data {
        font-size: 26px;
        line-height: 27px;
    }

    p.card_para {
        font-size: 20px;
    }

    button.btn_learn_more {
        font-size: 14px;
    }

    h1.banner_title {
        font-size: 33px;
    }
}

@media screen and (min-width:768px) {
    .bg_blue .para_swap,
    .bg_white .para_swap,
    .bg_grey .para_swap {
        padding: 50px 30px;
    }

    video#autovid {
        float: left;
    }

    footer .footer-bottom {
        text-align: right;
        margin-top: 10px;
        max-width: 1512px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-right: 15px;
    }

    footer .col-sm-10 .footer-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}


@media screen and (max-width:767px) {
    p.footer-bottom {
        font-size: 10px;
    }

    header + div > div:nth-child(4) .swap_wrapper.wrapper.bg_blue .row,
    .swap_wrapper.wrapper.bg_grey .row {
        flex-direction: column-reverse;
    }

    .bg_blue .para_swap {
        padding-top: 0px;
    }

    .bg_white .col-lg-6.col-md-6.col-sm-12 {
        width: 100%;
    }

    .swap_wrapper.wrapper.bg_grey .para_swap {
        padding: 50px 15px;
    }



    .bg_grey h5.card_data {
        font-size: 40px;
    }


    .para_swap h5.card_data {
        margin: 20px 0;
    }

    h5.card_data {
        margin: 15px 0;
    }

    h1.banner_title {
        color: #3f5364 !important;
        font-size: 36px;
        padding: 30px 30px 15px 30px;
    }

    p.banner_para.text-white {
        font-size: 22px;
        color: #3f5364 !important;
        padding: 0px 30px 15px 30px;
    }

    .banner_wrapper_txt .btn_learn_more {
        background-image: linear-gradient(to right, #1284dc, #c2c2ed);
        padding: 0px 2px;
        display: flex;
        align-items: center;
        border: none;
    }

        .banner_wrapper_txt .btn_learn_more a {
            display: block;
            width: 100%;
            height: 36px;
            line-height: 36px;
            background: #ffffff;
            border-radius: 30px;
            color: #3f5364;
        }

    h5.card_data {
        font-size: 28px;
    }

    p.card_para {
        font-size: 22px;
    }

    .banner_wrapper_txt {
        position: unset;
        transform: unset;
    }

    .banner_wrapper.wrapper {
        position: relative;
    }

    .banner_wrapper_txt {
        width: 100%;
        padding-bottom: 30px;
    }

    div#amd_wrapper .col-sm-12 {
        margin-bottom: 25px;
    }

    .neptune_lgo img, .lt_logo img {
        width: 100%;
    }

    .para_swap {
        padding: 50px 15px;
    }

    .neptune-rebrand .footer-links li::before {
        display: none;
    }
}

@media screen and (max-width:600px) {
    h1.banner_title {
        font-size: 26px;
    }

    p.banner_para {
        font-size: 16px;
    }
}




@media screen and (min-width : 768px) and (max-width : 991px) {
    /* header+div>div:nth-child(5) .row .col-lg-6:first-child {
    padding-top: 70px;
}
.bg_white .col-lg-6.col-md-6.col-sm-12, .bg_grey .col-lg-6.col-md-6.col-sm-12, .bg_blue .col-lg-6.col-md-6.col-sm-12 {
    padding-top: 42px;
    padding-bottom: 42px;
}*/
    .swap_wrapper .col-lg-6 {
        padding: 0;
    }

    .bg_grey h5.card_data {
        font-size: 40px;
    }
}


@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .bg_blue .col-lg-6:nth-child(2) {
        padding: 20px 30px;
    }

        .bg_blue .col-lg-6:nth-child(2) img {
            width: 100%;
        }
}



@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {

    .bg_blue .col-lg-6:nth-child(2) {
        padding: 20px 30px;
    }

        .bg_blue .col-lg-6:nth-child(2) img {
            width: 100%;
        }
}






@media screen and (max-width:991px) {

    .bg_blue .col-lg-6:nth-child(2) img {
        width: 100%;
    }

    .bg_blue .col-lg-6:nth-child(2) {
        padding: 20px 30px;
    }

    .swap_wrapper.wrapper.bg_grey .row .col-lg-6.col-md-6.col-sm-12:nth-child(2) img {
        width: 100%;
    }

    #amd_wrapper .col-sm-12 .block_description {
        margin-bottom: 30px;
    }
}


@media screen and (min-width:1300px) {
    header + div, header + div > div:last-child .col-lg-6 > img, header + div, header + div > div:first-child .col-lg-6 > img {
        width: 100%;
    }
}