@media (max-width:1024px){
    .container {
        padding: 0 30px;
    }
    #vision-2 .col-right {
        padding-left: 30px;
    }
    .transaction-box {
        grid-template-columns: 1fr 1fr;
    }
    
    .transaction-box .item {
        width: 100%;
    }
    #contact-1 .col-right p{
        width:100%;
    }
    #contact-1 .col-left img {
        height: 100%;
    }
    #static-page {
        padding: 40px 0;
    }
    
    #static-page h2 {
        font-size: 25px;
    }
    
    #static-page p {
        font-size: 14px;
    }
}

@media (max-width:768px){
   #header .navigation .menu-header-menu-container {
        display: none;
    }
    
    .responsive-menu-toggle {
        display: block;
    }
    #home {
        height: auto;
        padding: 50px 0;
    }
    
    #home .col-full h1 {
        width: 100%;
        font-size: 45px;
        line-height: 50px;
    }
    
    #home .col-full p {
        width: 100%;
        line-height: 20px;
        margin-bottom: 10px;
    }
    
    #home .col-full .btn {
        margin-top: 25px;
    }
    #footer {
        padding: 50px 0;
    }
    
    .copy-right {
        margin-top: 25px;
    }
    #vision-1 {
        padding: 50px 0;
    }
    
    #vision-1 .col-left h2 {
        font-size: 25px;
        line-height: 30px;
    }
    
    #vision-2 {
        padding: 50px 0;
    }
    
    #vision-2 .col-right h2 {
        font-size: 25px;
        line-height: 30px;
    }
    
    #vision-3 {
        padding: 50px 0;
    }
    
    #vision-3 .col-full h2 {
        font-size: 25px;
        line-height: 30px;
    }
    
    #vision-3 .col-full p {
        width: 100%;
    }
    
    .core-box {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
    }
    #team-1 {
        padding: 50px 0;
    }
    
    #team-1 .col-full h2 {
        font-size: 35px;
        line-height: 30px;
    }
    
    #team-1 .row-1 {
        flex-direction: column;
    }
    
    #team-1 .row-1 .col-left {
        width: 100%;
        margin-bottom: 20px;
    }
    
    #team-1 .row-1 .col-right {
        width: 100%;
    }
    
    #team-1 h2 {
        font-size: 30px;
        line-height: 30px;
    }
    
    #team-1 .row-2 {
        margin-top: 40px;
        flex-direction: column-reverse;
    }
    
    #team-1 .row-2 .col-left {
        width: 100%;
    }
    
    #team-1 .row-2 .col-right {
        width: 100%;
        margin-bottom: 20px;
    }
    #investment-2 {
        padding: 50px 0;
    }
    
    #investment-3 {
        padding: 50px 0;
    }
    
    #investment-4 {
        padding-top: 50px;
    }
    
    #investment-5 {
        padding: 50px 0;
    }
    
    #investment-6 {
        padding: 0;
    }
    
    #investment-2 .col-left h2 {
        font-size: 30px;
        line-height: 35px;
    }
    
    #investment-2 .col-left p {
        font-size: 20px;
        line-height: 25px;
    }
    
    #investment-2 .col-right h3 {
        font-size: 20px;
    }
    
    #investment-3 .col-full h2 {
        font-size: 30px;
    }
    
    .accordian .title .top {
        font-size: 20px;
    }
    
    #investment-5 .col-full h2 {
        font-size: 30px;
    }
    
    .strategy-accordian .title .top {
        font-size: 20px;
    }
    
    #investment-6 .col-left h2 {
        font-size: 30px;
        line-height: 30px;
    }
    #contact-1 .col-right {
        padding: 30px 30px;
    }
    
    #contact-1 .col-right h2 {
        font-size: 35px;
        line-height: 30px;
    }
}

@media (max-width:767px){
    #header .logo img {
        width: 70%;
    }
    #home .col-full h1 {
        font-size: 30px;
        line-height: 35px;
    }
    #footer .row {
        flex-direction: column;
    }
    
    #footer .row .right p {
        text-align: center;
    }
    
    .copy-right {
        flex-direction: column;
    }
    #vision-1 .row {
        flex-direction: column;
    }
    
    #vision-1 .col-left {
        width: 100%;
        margin-bottom: 20px;
    }
    
    #vision-1 .col-right {
        width: 100%;
    }
    
    #vision-2 .row {
        flex-direction: column-reverse;
    }
    
    #vision-2 .col-left {
        width: 100%;
    }
    
    #vision-2 .col-right {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    
    .core-box {
        grid-template-columns: 1fr;
    }
    #team-2 {
        padding: 50px 0;
    }
    
    #team-2 .col-full h2 {
        font-size: 30px;
        line-height: 30px;
    }
    
    .transaction-box {
        grid-template-columns: 1fr;
        margin: 25px 0;
    }
    
    .transaction-box .item {
        height: auto;
        padding: 50px 0;
    }
    
    .transaction-box .item h4 {
        font-size: 30px;
        line-height: 30px;
    }
    
    .transaction-box .item p {
        font-size: 18px;
        width: 100%;
    }
    
    #team-2 .last-p {
        width: 100%;
    }
    #investment-1 {
        height: 200px;
    }
    
    #investment-1 .col-full h2 {
        font-size: 25px;
    }
    
    #investment-2 .row {
        flex-direction: column;
    }
    
    #investment-2 .col-left {
        width: 100%;
    }
    
    #investment-2 .col-right {
        width: 100%;
        padding: 0;
    }
    
    .accordian .title {
        padding: 10px 10px;
    }
    
    .accordian .title .top {
        font-size: 16px;
    }
    
    .accordian {
        margin-bottom: 15px;
    }
    
    .accordian-wrap {
        margin-top: 25px;
    }
    
    #investment-4:before {
        height: 150px;
    }
    
    .strategy-accordian-wrap {
        margin-top: 25px;
    }
    
    .strategy-accordian .title {
        padding: 10px 10px;
    }
    
    .strategy-accordian .title .top {
        font-size: 16px;
    }
    
    .strategy-accordian {
        margin-bottom: 15px;
    }
    
    #investment-6 .row {
        flex-direction: column;
    }
    
    #investment-6 .col-left {
        width: 100%;
    }
    
    #investment-6 .col-right {
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }
    #contact-1 .col-right {
        padding: 30px 30px;
    }
    
    #contact-1 .col-right h2 {
        font-size: 35px;
        line-height: 30px;
    }
    
    #contact-1 .row {
        flex-direction: column;
    }
    
    #contact-1 .col-left {
        width: 100%;
    }
    
    #contact-1 .col-left img {
        height: auto;
    }
    
    #contact-1 .col-right {
        width: 100%;
    }
    
    #contact-1 .col-right .form-group {
        flex-direction: column;
        gap: 0px;
    }
    
    #contact-1 .col-right .cover {
        width: 100%;
    }
}

@media (max-width:375px){
    #team-1 h2 {
        font-size: 25px;
    }
}