@media screen and (max-width: 1650px) {}

@media screen and (max-width: 1400px) {}

@media (min-width: 1201px) and (max-width: 1366px) {}

@media screen and (max-width: 1200px) {}

@media (min-width:768px) and (max-width:991px) {}

@media (max-width: 767px) {
    .header-section {
        background-size: cover;
        padding-bottom: 50px;
        background: #002336 url("../img/banner-mobile.png") 50% 0 no-repeat;
    }
    .header-section .row {
        flex-direction: column-reverse;
    }
    .banner-text h2 {
        font-size: 40px;
    }
    .banner-text h3 {
        font-size: 18px;
    }
    .banner-text h3 br,
    .banner-text p br {
        display: none;
    }
    .banner-text p {
        font-size: 15px;
    }
    .mp-btn-secondary,
    .mp-btn-primary {
        font-size: 18px;
        padding: 5px 25px;
    }
    .what-is-myprompt-section {
        padding: 50px 0 0 0;
        background-size: contain !important;
        background: url(../img/bg-bottom-mobile.png) 0 0 no-repeat;
    }
    .why-my-prompt {
        margin: 0;
    }
    .video-wrap {
        margin: 0 0 30px;
    }
    .why-my-prompt h2,
    .why-my-prompt h2 span {
        font-size: 30px;
    }
    .why-my-prompt p {
        font-size: 14px;
    }
    .testimonial-wrap {
        padding: 50px 0;
    }
    .why-icon {
        justify-content: flex-start;
    }
    .can-myprompt-help-wrap h2,
    .can-myprompt-help-wrap h2 span {
        font-size: 30px;
        justify-content: flex-start;
    }
    .plain-text {
        font-size: 15px;
        line-height: 1.6em;
        max-width: 100%;
        text-align: left;
    }
    .can-myprompt-help-wrap h3 {
        line-height: 1.4em;
        text-align: left;
    }
    .footer {
        padding: 80px 30px 375px;
        background: #002336 url(../img/footer-bg-mobile.png) 50% bottom no-repeat;
        background-size: 100%;
    }
    .can-myprompt-help-wrap {
        padding: 80px 0 0;
    }
    /* .footer-link {
        margin: 25px 0 0;
    } */
    .footer-link ul li {
        margin: 0;
    }
    .footer-link ul li a {
        border-bottom: 1px solid #ffffff3b;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .copy-right {
        margin-bottom: 30px;
    }
    .get-started-link {
        margin: 30px 0 0;
    }
    /* MENU */
    .nav-item.for-mobile {
        display: block;
    }
    .navigation .navbar.my-account-navbar,
    .navigation .navbar {
        background-color: #002336;
        padding: 20px;
    }
    .login-btn {
        display: none;
    }
    .navigation .navbar .navbar-nav {
        gap: 0;
        padding: 25px 0;
    }
    .navigation .navbar ul.navbar-nav>li>a {
        padding: 15px 0;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        text-decoration: none;
        background: url(../img/footer-link-arrow.svg) right 50% no-repeat;
        display: flex;
        position: relative;
        border-bottom: 1px solid #ffffff29;
    }
    .navigation .navbar ul.navbar-nav>li:last-child>a {
        border: 0 none;
    }
    .navigation .navbar ul.navbar-nav>li>a.dropdown-toggle {
        background: none;
    }
    .navigation .navbar ul.navbar-nav>li>a.dropdown-toggle::after {
        right: 0;
        top: 22px;
    }
    ul.dropdown-menu {
        border-radius: 0;
        background: none;
        box-shadow: none;
        padding: 0;
        width: 100%;
    }
    ul.dropdown-menu li {
        position: relative;
    }
    ul.dropdown-menu li a {
        padding-left: 17px;
        border: 0 none;
    }
    ul.dropdown-menu li:last-child a {
        border-bottom: 1px solid #ffffff29;
    }
    ul.dropdown-menu li a::before {
        content: "";
        background: url(../img/child-icon.svg) right 50% no-repeat;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 0;
        top: 15px;
    }
    .footer-link ul li.is-child a::before {
        top: 15px;
    }
    .contat-data {
        margin: 0;
    }
    .contat-form h2 {
        font-size: 34px;
    }
    .navigation.light-nav .navbar-brand img {
        filter: brightness(200);
        -webkit-filter: brightness(200);
    }
    .navigation.light-nav .navbar ul.navbar-nav>li>a {
        color: #ffffff !important;
    }
    .header-section-light {
        background-size: cover;
    }
    .header-section-light h3 {
        font-size: 34px;
        line-height: 1.2em;
        margin: 0 0 25px;
    }
    .header-section-light p {
        font-size: 18px;
        line-height: 1.4em;
    }
    .about-section-two-data h2 {
        font-size: 34px;
        margin: 25px 0;
    }
    .header-section-dark {
        background-size: cover;
        height: auto;
    }
    .header-section-dark h3 {
        font-size: 34px;
        line-height: 1.4em;
    }
    .header-section-dark h4 {
        font-size: 18px;
    }
    .header-section-dark p {
        font-size: 16px;
    }
    .custom-tab-wrap .nav.nav-tabs li.nav-item {
        margin: 8px;
        width: 100%;
    }
    .custom-tab-wrap .nav.nav-tabs li.nav-item .nav-link {
        display: block;
        width: 100%;
    }
    .custom-tab-wrap .container {
        padding: 80px 15px;
    }
}

@media screen and (max-width:480px) {}