/* responsive ******************************************************************************/
@media (max-width: 1680px) {
    .challenge_overview_section {
        overflow: hidden;
    }
    .slider-button-wrap .slider-button-prev {
        margin-left: -6em;
    }
    .slider-button-wrap .slider-button-next {
        margin-right: -6em;
    }
}

@media (max-width: 1440px) {
    .slider-button-wrap .slider-button-prev {
        margin-left: -2em;
    }
    .slider-button-wrap .slider-button-next {
        margin-right: -2em;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 1399px) {

}
@media (max-width: 1280px) {
    .container {
        max-width: 90%;
    }
    .top_tagline p {
        font-size: 1.1em;
        margin: 0 0.5em 0 0.5em;
    }
    .caption h1 {
        font-size: 3em;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 1199px) {
    .caption {
        left: 15px;
    }
  
    .top_tagline p {
        font-size: 1.1em;
        margin: 0  0 0 1em;
        flex-shrink: 0;
    }
    .about_section h2,
    .why_join_section h2 {
        font-size: 2.8em;
        
    }
    .swipper_slider {
        padding: 37px 15px 0;
        overflow-x: hidden;
    }
    .testimonials .content p {
        font-size: 1.3rem;
    }
    .avtar_images .top-right {
        top: 2em;
    }
    .avtar_images .bottom-left {
        left: 0em;
    }
    .swiper-horizontal {
        position: relative !important;
    }

    .slider-button-wrap .slider-button-next.swiper-button-disabled {
        margin: 0 !important;
    }
    .slider-button-wrap .slider-button-prev, 
    .slider-button-wrap .slider-button-next {
        margin: 0;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 1080px) {
    img.arrow-img {
        width: 47%;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 991px) {
    .common_page_wrapper {
        padding-top: 10rem;
    }
    .faq-section .faq-list a{
        padding: 10px 15px !important;
    }
    .middle_wrapper.faq-section{
        padding-bottom: 40px;
    }

    nav.navbar.navbar-expand-lg{
        /* background: #000; */
        padding-bottom: 8px;
        padding-top: 8px;
        top: 0;
    }
    ul.sub-menu.show{
        position: static;
        width: 37%;
      }


      .right_button {
        margin-left: auto;
        margin-right: 20px;
    }
    button.navbar-toggler {
        order: 3;
    }

    #navbarSupportedContent.navbar-collapse.show {
        background: #000;
    }
    div#navbarSupportedContent{
        order: 4;
    }
    .header {
        padding: 5em 0 0 0;
    }
    .caption h1 {
        font-size: 2.8em;
    }
    .caption {
        width: 55%;
    }
    .how_work .row{
        row-gap: 80px;
    }
    .row{
        row-gap: 30px;
    }
    .footer_left {
        max-width: 96%;
    }

    .investing_pro_header {
padding: 5em 0 6em 0;
        background: url(../images/welcome-pro-section-bg.svg) no-repeat left top;
        background-size: 100% 120%;
}
.pro_challenge_section {
    padding: 1em 0 0;
}

.investing_pro_box {
    width: 50%;
    }
    .pro_caption h1, .pro_caption h2 {
    font-size: 2.8em;
}
.pro_caption img {
    width: 10%;
}
.pro_challenge_section h2 {
    font-size: 2.8em;
    }
  .key_benefits_section {
    padding: 3em 0 0 0;
}
.swipper_slider .row p {
    margin: 1em 0 0 0;
}
.footer_wrapper {
    width: 100%;
    display: inline-block;
    padding: 3em 0 2em 0;
}
    .nav-item.dropdown:hover ul.sub-menu {
        position: static;
        width: 100%;
        margin: 0;
        border-radius: 0;
        border: 0;
    }
        .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0.5em 0.9em;
    border-bottom: 1px solid #ffffff24;
}
.navbar-nav {
    margin-left: 0;
}
.navbar-toggler:focus {
    box-shadow: none;
}
    ul.sub-menu.show {
        width: 100%;
        border: 0;
        border-radius: 0;
    }
        .key_boxline .row {
        row-gap: 0;
    }

    .caption {
        width: 100%;
       position: relative;
        text-align: center;
    }
    .header .row {
        align-items: normal;
    }
    .review {
        justify-content: center;
    }
    .ipad_none{
        display: none;
    }
    .avtar_images .bottom-right {
        bottom: 2em;
        right: 0em;
    }
    .why_join .col-lg-6.col-md-6.col-sm-6 {
        margin-bottom: 0;
    }
    .challenges_section {
        padding: 4em 0 0 0;
    }
    .key_benefits_section h2 {
        font-size: 2.8em;
    }
    .key_boxline {
        padding: 2em 0 0em;
    }
    .right_button .signup, .right_button .signin {
        padding: 0.3em 1.3em 0.5em 1.3em;
        font-size: 0.9em;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 768px) {
    iframe {
        width: 100%;
    }
    .video_caption h6 {
        font-size: .9em;
       
    }
    .avtar_images .top-left {
        top: 70px;
    }
    .challenge_overview_section h2,
    .how_it_Works_section h2 {
        font-size: 2.8em;
      
    }
    .how_it_Works_section {
      
        padding: 3em 0 0 0;
    }
    img.arrow-img {
        width: 29%;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 767px) {
    .faq-section .icon-content-block {
        padding: 15px 0;
    }
    .faq-section .faq-list a {
        width: 100%;
    }
    .interblocks-unordered-nested-list ul {
        padding: 10px;
    }
    .faq-list-wrap span {
        font-size: 15px;
    }
    .caption {
        width: 100%;
        position: static;
        transform: unset;
    }
    .header {
        padding: 6em 0 0 0;
    }
    .about_section h2, .why_join_section h2 {
        font-size: 2em;
    }
    .avtar_images .top-right {
        width: 30%;
    }
    .avtar_images .bottom-left {
        width: 30%;
    }
    .testimonials .content p {
        font-size: 1.1rem;
    }
    .navbar-toggler:focus {
    box-shadow: none;
}

}
/* responsive ******************************************************************************/
@media (max-width: 575px) {

    .right_button{
        display: none;
    }
  .navbar-toggler{
    border: 0;
    border-radius: 0;
  }
  nav.navbar.navbar-expand-lg {
    position: fixed;
            padding-bottom: 8px;
        padding-top: 8px;
        background: #000000d4;
}
.navbar-brand img {
    width: 80%;
}
    .caption {
        text-align: center;
    }
        .caption h1 {
        font-size: 2em;
    }
    .review {
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px 15px;
    }
    .video_section {
        top: 70%;
        left: 50%;
        transform: translate(-50%, -20%);
        width: 70%;
    }
    .video_caption h6 {
        font-size: .8em;
    }
    .avtar_images .bottom-right {
    right: 0em;
}
    .avtar_images .top-right {
        top: 3em;
    }
        .how_it_Works_section {
        padding: 0em 0 0 0;
    }
    .challenge_overview_section h2, .how_it_Works_section h2 {
        font-size: 2em;
    }
    .left_box {
    display: inline-block;
        padding: 1em 1.5em 0em 1.5em;
    }
    .border_left {
        border-top: 1px solid rgb(54 54 54);
        border-left: 0;
        padding: 1em 0 0 0;
        margin-top: 1.5em;
    }
.pdr_left {
    padding-left: 0;
    box-sizing: border-box;
}
.left_box p {
    margin: 1em 0 0 0;
    line-height: 22px;
}
.how_work {
    padding: 1.5em 0 0 0;
}
.challenge_overview_section {
    padding: 10em 0 0 0;
    background-size: 200%;
}
.swipper_slider {
    padding: 37px 10px 3em;
    background: url(../images/bg-glow.png) no-repeat center bottom;
}
    .challenge_overview_section p {
    margin-bottom: 0;
}
.about_section {
    padding: 2em 0 0 0;
}
.about_boxline {
    padding: 0em 0 1em;
}
.why_join_section {
    padding: 1em 0 0 0;
}
.why_join {
    padding: 2em 0 0 0;
}
.why_join .col-lg-6.col-md-6.col-sm-6 {
    margin-bottom: 0em;
}
.challenges_section {
    padding: 3em 0 0 0;
}
.challenges_box .content {
    max-width: 100%;
}
.challenges_box {
    min-height: 410px;
}
.challenges_section .row {
    margin: 0;
}
.footer_wrapper {
    padding: 3em 0 1em 0;
    }
    .header .modal-body {
    padding: 0 1em;
}
.header .modal-body iframe {
    width: 100%;
    height: 240px;
}
.header .modal-content .btn-close {
    right: 5px;
    top: -5px;
    width: 20px;
    height: 20px;
    background-size: 12px;
}
.navbar-nav {
    margin-left: 0;
}

    .pro_caption h1, .pro_caption h2 {
        font-size: 2em;
    }
        .pro_caption img {
        width: 13%;
    }
        .investing_pro_box {
        width: 90%;
    }
        .investing_pro_header {
        padding: 5em 0 3em 0;
        background-size: 100% 150%;
    }
        .pro_challenge_section h2 {
        font-size: 2em;
    }
    .swipper_slider .row {
    margin: 3em 0 0 0;
}
.key_benefits_section h2 {
    font-size: 2em;
    }
    .key_boxline .col-lg-4.col-md-6.col-sm-6 {
    padding-top: 0;
    padding-bottom: 0;
}
.key_boxline {
    padding: 2em 0 0em;
}
    .key_benefits_section {
        padding: 2em 0 0 0;
    }
        .pro_challenge_section {
        padding: 0;
    }
    .key_boxline .row {
        row-gap: 25px;
    }
    .pro_challenge_section .swipper_slider .row {
    gap: 30px;
}
.middle_wrapper.faq-section {
    padding-top: 8em;
}
    .common_page_wrapper {
        padding-top: 6em;
    }
    .slider-button-wrap .slider-button-prev {
        background: #fff url(../images/left-arrow.png) no-repeat center 15px;
        width: 46px;
        height: 46px;
        background-size: 17px;
    }
    .slider-button-wrap .slider-button-next {
        background: #fff url(../images/right-arrow.png) no-repeat center 15px;
        width: 46px;
        height: 46px;
        background-size: 17px;
    }
    .avtar_images .bottom-right {
        bottom: 0em;
    }
    .pdr_right {
        padding-right: 0;
    }
    .top_tagline p {
        font-size: 0.9em;
        margin: 0 0 0 0.5em;
    }
    .key_boxline .box {
        padding: 0 1em;
    }
    .container {
        max-width: 92%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .inner-cmn-main-section .content-wrapper ul li strong{
        word-wrap: break-word;
    }
    button.navbar-toggler {
        padding-right: 0;
    }
}

/* responsive ******************************************************************************/

@media (max-width: 479px) {

.box_bottom ul.nav-pills {
    padding: 0;
}
.box_bottom .nav-link, .box_bottom .nav-link {
    padding: .6em 0.9em;
}
    .list-of-articles .row {
        row-gap: 0px;
    }
    .faq-section .icon-content-block {
    margin-bottom: 0;
}
.middle_wrapper.faq-section.faq-details-section {
    padding-top: 8em;
}
.faq-section .faq-list {
    padding-bottom: 0;
}
.top-link-block {
    width: 50%;
}
.top-links{
    flex-wrap: wrap;
}
}

/* responsive ******************************************************************************/

@media (max-width: 375px) {
.simulator_header {
    padding: 5em 1em 2em;
}
.simulator_header p {
    font-size: 0.8em;
    line-height: 20px;
}
.why_join_section h2 span {
    font-size: 0.8em;
}
.investing_pro_box .pro_logo img {
    width: 110px;
}
.video_section iframe {
    width: 240px;
    height: 136px;
}
}