@media screen and (max-width: 1140px) {
    /* homepage */
    
    .user-max-width{
        max-width: 88%;
    }
    
    h2{
        font-size: 2em;
    }

    .hoverable-links{
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .sl-benefits{
        font-size: 3em;
    }
    
    .sl-extra-info{
        font-size: 18px;
    }

    .join-us-links{
        padding: 1.5em 3.3em;
    }

    .intro-description h2{
        font-size: 2.25em;
    }

    .play-vid i{
        width: 60px;
        height: 60px;
        font-size: 1.4em;
    }

    .more-link{
        padding: 1.2em 3.4em;
    }

    .vd-illustration-cover h4{
        font-size: 1.3em;
    }

    .img-trois-outer img{
        width: 100%;
    }

    .cinq-illustration-cover{
        width: 120px;
        height: 120px;
    }

    .cinq-illustration-cover a i{
        font-size: 43px;
    }

    .qze-crt{
        font-size: 21px;
    }

    .more-link-alt{
        padding: 1em 3.5em;
    }

    .have-any{
        font-size: 35px;
    }


    /* company profile */

    .inv-plans-hding h4, .whws .card-body h4{
        font-size: 20px;
    }


    /* our strategies */

    .os-introduction p{
        font-size: 15px;
    }

    .our-s-hdng h5{
        font-size: 1.1em;
    }


    /* corporate governance */

    .corporate-governance-hdng h5{
        font-size: 20px;
    }

    .corporate-governance-sub-heading h6{
        font-size: 16px;
    }


    /* corporate philosophy */

    .miss-hdng h4{
        font-size: 25px;
    }

    .click-n-join a{
        padding: 10px 16px;
    }


    /* terms and conditions */

    .terms-conditions h2{
        font-size: 1.7em;
    }


    /* login and register */

    .login-content-wrapper, .translate-API-ii-cover{
        width: 70%;
    }

    .login-form-title h2{
        font-size: 28px;
    }
}


@media screen and (max-width: 992px) {
    h2{
        font-size: 1.5em;
    }

    p, .intro-description p{
        font-size: 14px;
    }
    
    .user-max-width{
        max-width: 90%;
    }

    .main-logo-cover img{
        width: 140px;
    }

    .hoverable-links {
        padding-top: .7em;
        padding-bottom: .7em;
    }

    .sl-benefits{
        font-size: 2.5em;
    }

    .sl-extra-info{
        font-size: 16px;
    }
     .sl-extra-info {
        text-shadow: 0px 0px 0px #cecece;
        color: #e6e6e6;
      }

    .join-us-links{
        padding: 1em 2.7em;
    }

    #select_lang{
        padding: .5em 1.5em;
    }

    .intro-description h2{
        font-size: 1.5em;
    }
    .intro-description p{
        font-size: 14px;
    }

    .affiliate-referral-commission p{
        font-size: 13px;
    }

    .more-link{
        padding: 1em 3em;
    }

    .play-vid i{
        width: 55px;
        height: 55px;
        font-size: 1.2em;
    }

    .vd-illustration-cover h4{
        font-size: 1.1em;
    }

    .the-core-values{
        display: grid;
        grid-template-columns: auto auto;
        gap: 1em 2em;
    }

    .core_values{
        width: 100%;
    }

    .process{
        display: grid;
        grid-template-columns: auto auto;
    }

    .cinq-steps:nth-child(1),
    .cinq-steps:nth-child(2),
    .cinq-steps:nth-child(3),
    .cinq-steps:nth-child(4){
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .cinq-steps:nth-child(1)::after,
    .cinq-steps:nth-child(2)::after,
    .cinq-steps:nth-child(3)::after,
    .cinq-steps:nth-child(4)::after{
        display: none;
    }

    .inv-plans-hding h4, .whws .card-body h4{
        font-size: 19px;
    }

    .why-benefits h4{
        font-size: 16px;
    }

    .why-flex-item:nth-child(2){
        display: none;
    }

    .inquiries{
        width: 70%;
    }

    .have-any{
        font-size: 30px;
    }
    .have-any::after{
        width: 40px;
        height: 3px;
    }

    .input-email #eml{
        padding: .6em .8em;
        padding-right: 10em;
        font-size: 15px;
    }

    .ft-contact{
        margin-top: 5em;
        width: 50px;
        height: 50px;
    }
    .ft-contact i{
        font-size: 17px;
    }

    .fnl-content{
        font-size: 14px;
    }

    .corporate-governance-hdng h5{
        font-size: 18px;
    }

    .miss-hdng h4{
        font-size: 20px;
    }

    .inv-plans-hding h6{
        font-size: 12px;
    }

    .inv-plans-hding h4, .whws .card-body h4{
        font-size: 17px;
    }

    .investment-list-of-benefits{
        font-size: 15px;
    }

    .more-link-alt{
        padding: 0.8em 3em;
    }

    .whws img{
        max-width: 500px;
    }

    .tbl-hd tr th img{
        max-width: 35px;
    }

    .terms-conditions h2{
        font-size: 1.4em;
    }

    .gt-i-t{
        flex-wrap: wrap;
    }

    .get-in-touch-form-heading{
        padding-bottom: 1em;
    }
    .get-in-touch-form-heading h2{
        font-size: 1.4em;
    }

    .accordion-header{
        font-size: 1.9em;
    }

    .accordion-body{
        font-size: 16px;
    }

    .login-content-wrapper, .translate-API-ii-cover{
        width: 80%;
    }

    .login-form-title{
        padding-bottom: 3.5em;
    }

    .login-form-title h2{
        font-size: 25px;
    }

    .login-inputs input{
        font-size: 15px;
        padding: 0.3em 1em;
    }

    .link-underline{
        font-size: 16px;
    }
}


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

    h2, .intro-description h2, .terms-conditions h2, .get-in-touch-form-heading h2{
        font-size: 1.3em;
    }
    
    .user-max-width{
        max-width: 92%;
    }

    .nvgtn-lnks{
        display: none;
    }

    .responsive-links-cover, .responsive-links-cover-button{
        display: block;
    }

    .offcanvas-body{
        padding-bottom: 2em;
    }

    .topics h5{
        font-size: 11px;
    }

    .ivpw{
        flex-wrap: wrap;
    }

    .whws-inn{
        flex-wrap: wrap;
    }
    .whws-inn .card .relative img{
        max-width: 100%;
    }

    .flex-span{
        width: 50px;
        height: 50px;
        border-radius: 6px;
    }

    .why-illustration-cover span i{
        font-size: 29px;
    }

    .why-benefits h4{
        font-size: 15px;
    }

    .have-any{
        font-size: 27px;
    }

    .ft-contact{
        margin-top: 4em;
        width: 45px;
        height: 45px;
    }
    .ft-contact i{
        font-size: 16px;
    }


    .os-introduction{
        width: 85%;
    }

    .vd-illustration-cover h4, .our-s-hdng h5{
        font-size: 1em;
    }

    .corporate-governance-hdng h5{
        font-size: 17px;
    }

    .inv-plans-hding h6{
        font-size: 11px;
    }

    .inv-plans-hding span{
        font-size: 14px;
    }

    .step-links h5{
        font-size: 1.2em;
    }

    .qze-crt{
        font-size: .88em;
    }

    .cinq-illustration-cover{
        width: 100px;
        height: 100px;
    }

    .cinq-illustration-cover a i{
        font-size: 38px;
    }

    .click-n-join a{
        padding: 7px 12px;
    }

    .more-link{
        padding: .91em 2.1em;
        font-size: 11px;
    }

    .table-of-retirement-income-data th,
    .table-of-retirement-income-data td{
        font-size: 14px;
    }

    .osd-list{
        font-size: 14px;
    }

    .input-checkbox label{
        font-size: 15px;
    }

    .fill-details .input-blanks input,
    .fill-details .input-blanks textarea{
        padding: 0.7em 1.3em;
    }

    .fill-details .input-blanks textarea{
        height: 250px;
    }

    .c-i-covers h3{
        font-size: 19px;
    }

    .the-cont-info span{
        font-size: 15px;
    }

    .faq .accordion-body{
        font-size: 15px;
    }

    #select-lang-ii{
        font-size: 13px;
    }

    .login-content-wrapper,
    .translate-API-ii-cover{
        width: 90%;
    }

    .login-form-illustration img{
        max-width: 250px;
    }

    .login-form-title h2{
        font-size: 20px;
    }

    .login-inputs label{
        font-size: 15px;
    }

    .login-clickables .submitLoginDetails button{
        padding: .4em 2.6em;
    }

    .link-underline{
        padding: 0.15em;
        font-size: 15px;
    }

    .r-selects{
        font-size: 15px;
    }

    #select_lang{
        padding: .5em 1.4em;
        font-size: 14px;
    }

    .input-email #eml{
        padding-right: 9.5em;
    }


     /*for small screens*/
    .mn-navigation .isolated-responsive-links, .mn-navigation .accordion-button.offcanvasLinkButton {
      color: #424243 !important;
    }

    .mn-navigation .isolated-responsive-links, .mn-navigation .accordion-button.offcanvasLinkButton, .mn-navigation .offcanvasLinkList-cover li a {
      font-size: 13px !important;
      letter-spacing: .2px;
    }
    
    .mn-navigation .accordion-body .offcanvasLinkList-cover li a {
      color: #fff;
      display: block;
      padding: 1em 2em;
      font-weight: normal;
    }

    .mn-navigation .offcanvas-body {
      border-radius: 0 0 45px 45px;
    }

    .responsive-links-cover-button {
      position: fixed;
      right: 17px;
      top: 20px;
    }

}


@media screen and (max-width: 755px) {
    .user-max-width{
        max-width: 93%;
    }

    .ivpw{
        margin-top: 2em;
    }

    .os-introduction{
        width: 100%;
    }

    .subordinate-slider-image{
        display: none;
    }

    .join-us-links{
        padding: .9em 2.2em;
    }

    .home-welcome{
        flex-flow: row wrap;
        gap: 0;
    }

    .intro-video, .introduction-topic{
        width: 100%;
    }

    .intro-vid-wrapper{
        height: auto;
    }

    .investments-trois{
        flex-flow: row wrap;
    }

    .inquiries{
        width: 100%;
    }

    .fnl-content{
        width: auto;
    }

    .miss-n-vis{
        flex-flow: row wrap;
    }

    .whws-inn-ii{
        grid-template-columns: auto;
    }

    .login-content-wrapper, .translate-API-ii-cover{
        width: 100%;
    }


}


@media screen and (max-width: 600px) {
    .main-logo-cover img, .offCanvasLogo img{
        max-width: 110px;
    }

    h2, .intro-description h2, .terms-conditions h2, .get-in-touch-form-heading h2{
        font-size: 1.1em;
    }


    .main-slider-image-cover.relative {
      height: 600px;
      float: left;
      width: 100%;
    }

    .main-slider-image-cover.relative::after {
      content: '';
      width: 100%;
      height: 100%;
      display: block;
      background: #0f050538;
      position: absolute;
      top: 0;
      bottom: 0;
    }

    .intro-description h2{
        padding-bottom: 0.6em;
    }

    p, .intro-description p, .os-introduction p{
        font-size: 13px;
    }

    .sections{
        padding-bottom: 5em;
    }

    #select_lang{
        padding: 0.2em 0.8em;
        font-size: 13px;
    }

    .accordionLinksCover{
        max-width: 90%;
    }

    .offcanvas-body{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 2.1em;
    }

    .isolated-responsive-links, 
    .accordion-body .offcanvasLinkList-cover li a{
        font-size: 14px;
    }
    .accordion-header{
        font-size: 1.7em;
    }

    .topics h5{
        padding-left: 4.5em;
    }

    .topics h5::before{
        width: 34px;
        height: 3px;
    }

    .slider-text{
        width: 100%;
        top: 110px;
        left: 0;
        padding: 1em;
        transform: translate(0);
    }

    .sl-benefits{
        font-size: 2em;
    }

    .cinq-section{
        background-size: cover;
    }

    .process{
        gap: 2em;
        margin-top: 2em;
    }

    .steps-header{
        padding-bottom: .51em;
    }

    .step-desc a{
        padding: 0.6em 1.8em;
    }

    .cinq-illustration-cover{
        width: 70px;
        height: 70px;
    }
    .cinq-illustration-cover a i{
        font-size: 28px;
    }

    .qze-crt{
        font-size: 0.8em;
    }

    .investment-list-of-benefits{
        font-size: 14px;
    }

    .more-link{
        padding: 0.6em 1.8em;
    }

    .more-link-alt{
        padding: 0.6em 1.8em;
    }

    .affiliate-idea-list{
        list-style-type: none;
    }

    .hw_it_works{
        padding-bottom: 0.3em;
    }

    .inquiries{
        margin-top: 1em;
        padding: 0;
    }

    .have-any{
        font-size: 20px;
    }

    .input-email #eml{
        padding-right: 7.8em;
        font-size: 14px;
    }

    .ft-contact{
        margin-bottom: 2em;
    }

    .extra-links a{
        margin: .3em 0;
    }
    
    .prl-cnclsn-innr{
        background-position: bottom;
    }


    .why-ch-outer{
        flex-flow: row wrap;
    }

    .why-illustration-n-ii{
        text-align: left;
    }

    .wicw-flex-reverse{
        flex-flow: row-reverse nowrap;
    }


    .whws-inn-ii .c-bdy-ii{
        padding: 2.5em 2em 2em;
    }

    .whws img{
        max-width: unset;
        width: 100%;
    }

    .osd-list{
        font-size: 13px;
    }

    .fill-details .input-blanks input, 
    .fill-details .input-blanks textarea{
        padding: 0.8em 1.35em;
        font-size: 14px;
    }

    .input-checkbox label{
        font-size: 14px;
    }

    .c-i-covers h3{
        font-size: 1.05em;
    }

    .the-cont-info span{
        font-size: 14px;
    }

    .get-in-touch-other-cover{
        padding: 0;
    }

    .faq .accordion-body{
        font-size: 14px;
    }


    .login-logo-cover img{
        max-width: 105px;
    }

    .login-form-illustration{
        display: none;
    }

    .login-form-title h2{
        font-size: 22px;
        text-align: center;
    }
    
    .tbl-hd tr th{
        padding-top: 1.3em;
        padding-bottom: 1.3em;
    }

    .tbl-hd tr th img{
        max-width: 29px;
    }

    .table-of-retirement-income-data th, 
    .table-of-retirement-income-data td{
        font-size: 13px;
    }

}


@media screen and (max-width: 500px) {
    h2, .intro-description h2, .terms-conditions h2, .get-in-touch-form-heading h2{
        font-size: 1em;
    }

    #select_lang{
        padding: .4em 1em;
        font-size: 12px;
        border-radius: 40px;
    }

    .t-API-description{
        font-size: 10px;
    }

    .more-link-alt{
        font-size: 10px;
    }
    
    .the-core-values, .process{
        display: flex;
        flex-flow: row wrap;
    }

    .flex-span{
        width: 40px;
        height: 40px;
    }
    
    .why-illustration-cover span i{
        font-size: 23px;
    }

    .extra-links{
        padding-bottom: 2em;
    }
    
    .extra-links a{
        display: block;
        margin: 0;
        padding: 0.2em 0;
    }
    
    .extra-links .bar-left{
        border-top: 1px solid #8d949e;
        border-left: 1px solid transparent;
    }

    .ft-contact{
        width: 35px;
        height: 35px;
    }

    .ft-contact i{
        font-size: 13px;
    }


    .whws > .relative{
        height: 250px;
        overflow: hidden;
    }
    
    .whws-inn .card .relative img{
        object-fit: cover;
    }
    
    .why-benefits h4{
        font-size: 14px;
    }

    .privacy-policies h5{
        font-size: .9em;
    }

    .fill-details .input-blanks input, 
    .fill-details .input-blanks textarea{
        padding: 0.59em 1.17em;
        font-size: 13px;
    }

    .input-checkbox label{
        font-size: 13px;
    }

    .c-i-covers h3{
        font-size: 1em;
    }

    .the-cont-info i{
        font-size: 0.9em;
    }

    .the-cont-info span{
        font-size: 13px;
    }

    .faq .accordion-body{
        font-size: 13px;
    }

    .login-page-direct-cover{
        padding: 2em 1em;
    }

    .r-selects,
    .login-inputs label, 
    .login-inputs input{
        font-size: 14px;
    }
}