/* Overrides KT class to hide Settings in Menu @ PC media */

@media (min-width: 1366px) {
    .security-bottom-section .laptop-img{
        top: -185px;
    }

    .security-bottom-section{
        margin-top: 15rem;
    }
}

@media (max-width: 1280px) {

}

@media (max-width: 1200px) {
    .cryptocurrency-advantages img.w-100 {
        max-width: 100%;
    }

    .cryptocurrency-advantages .position-absolute {
        width: 18%;
    }

    .cryptocurrency-advantages .position-absolute:nth-child(2) {
        left: 18%;
    }

    .cryptocurrency-advantages .position-absolute:nth-child(4) {
        left: 82.5%;
    }
}

@media (max-width: 1120px) {
    .homepage-content-text-container-contact{
        padding-inline: 3rem;
        /* justify-content: center; */
    }
}

@media (min-width: 320px) and (max-width: 1024px){
    .header-menu-section-inner-div {
        width: unset;
        padding: 0px 20px;
    }
.news-image-box{
    width: unset;
height:150px;
}
.homepage-title-2{
font-size:25px
}
    .header-menu-section {
        flex-direction: column;
    }

    .language-dropdown {
        align-self: start;
        margin: 10px 6px;
    }

    .language-dropdown-list{
        right: unset;
        left: 0px;
    }

    .header-login-btn{
        margin-left: 10px;
    }

    .headerMenuItem {
        padding: 0px !important;
        margin-right: 0px !important;
        text-align: left;
    }

    .headerMenuItem a {
        padding-left: 0px;
        padding-right: 0px;
    }

    .header-menu-div {
        margin-left: 15px !important;
        width: 100%;
    }

    .headerMenu {
        padding: 0 !important;
        width: 100%;
    }

    .header-menu-section-div {
        position: fixed;
        width: 80%;
        top: 0;
        right: -100%;
        transition: right ease-in 1s;
        min-height: 100vh;
        max-height: 100vh;
        z-index: 103;
        box-shadow: 0px 0px 1px 0.5px rgba(255, 255, 255,0.75);
        -webkit-box-shadow: 0px 0px 1px 0.5px rgba(255, 255, 255,0.75);
        -moz-box-shadow: 0px 0px 1px 0.5px rgba(255, 255, 255,0.75);
        overflow-y: scroll;
        background-color: black;
    }
    .header-menu-section{
        align-items: flex-start;
    }

    .header-menu-section-div.show-header-menu {
        right: 0%;
    }

    .header-dropdown-list {
        position: static;
        margin-top: 10px;
    }

    .language-btn {
        display: block !important;
        text-align: right;
    }

    .headerMenuItem {
        text-align: left !important;
    }

    .header-dropdown {
        position: unset;
        transform: unset;
    }

    .menuBtn{
        justify-content: flex-start !important;
        height: unset !important;
        flex-direction: column;
        align-items: flex-start !important;
    }

   
}

@media (max-width: 1100px) {
    .homepage-section-6-content {
        justify-content: center;
    }
    .homepage-section-7-img {
        position: unset;
        width: 60%;
    }

    .homepage-section-7{
        align-items: center;
        display: flex;
        flex-direction: column;
        padding: 100px 40px;
    }
    .homepage-section-7-content {
        width: unset;
        padding: 20px 0px 0px

    }

    .homepage-content-text-container, .homepage-content-text2, .homepage-content-text{
        padding-inline: 80px; 
    }
}

@media (max-width: 996px) {
    .homepage-header-section {
        padding: 15px 30px !important;
    }   
    
    .footer-section{
        flex-direction: column;
        align-items: center;
        padding: 50px 40px;
    }

    .footer-div{
        max-width: 100%;
        padding-left: 0;
        margin-bottom: 30px;
    }

    .leadership-section-2-div{
        flex-direction: column;
        align-items: center;
    }
    .leadership-section-2-content {
        margin-left: unset;
    }

    .security-vorpen-container-left .security-vorpen-text-container, .security-vorpen-container-right .security-vorpen-text-container{
        padding-inline: 3rem;
    }  

    .news-child {
        flex-direction: column !important;
        text-align: center;
    }

    .ticker-parent {
        justify-content: center;
    }
}

@media (max-width: 860px) {
    .serviceProvided-section-2-div{
        flex-direction: column;
    }

    .serviceProvided-section-2-content{
        margin: 0px !important;
    }
    .serviceProvided-section-2-img {
        width: 50%;
        margin: 0px auto 15px;
        order: -1;
    }
  
    .homepage-section:has(.cryptocurrency-advantages) {
        height: 1024px;
    }

    .cryptocurrency-advantages .position-absolute img {
        width: 80px;
    }

    .cryptocurrency-advantages img.w-100 {
        transform: rotate(90deg);
        width: 800px !important;
        max-width: unset;
        position: absolute;
        top: 250px;
    }

    .cryptocurrency-advantages .position-absolute {
        left: 50%;
        width: 180px;
    }

    .cryptocurrency-advantages .position-absolute:nth-child(2) {
        top: 16%;
    }

    .cryptocurrency-advantages .position-absolute:nth-child(3) {
        top: 50%;
    }

    .cryptocurrency-advantages .position-absolute:nth-child(4) {
        top: 85%;
    }
}

@media(max-width: 767px) {
   .homepage-section:not(.homepage-section.homepage-testimonials) {
        padding-left: 40px !important;
        padding-right: 40px !important;
   }

   .homepage-main-title{
        width: 100%;
        text-align: center;
        font-size: 40px;
   }
   .homepage-section-1{
    text-align: center;
   }
   .homepage-section-2{
        flex-direction: column;
   }
   .homepage_section-2-content {
        margin-left: unset;
   }
   .laptop-img {
        margin: auto;
    }
    .homepage-section-3-content {
        flex-direction: column;
        text-align: center;
    }
    .homepage-section-3-content .col-12{
        margin: 15px 0px
    }
    .homepage-section-4 .d-flex{
        flex-direction: column;
    }
    .homepage-section-4-div{
        margin: 0px auto 50px;
    }
    .homepage-section-4-subtitle{
        margin-top: 20px;
    }
    .homepage-section-5 .d-flex{
        flex-direction: column;
        align-items: center;
    }
    .homepage-section-5-img {
        width: 50%;
        margin-right: unset;
    }
 
    .homepage-banner-bg{
        padding: 120px 20px 10px;
    }

    .leadership-page .homepage-section-4-subtitle,
    .serviceProvided-page .homepage-section-4-subtitle,
    .careers-page .homepage-section-4-subtitle,
    .faq-page .homepage-section-4-subtitle
    {
        width: unset !important;
    }

    .about-success-parent {
        flex-direction: column !important;
        margin-bottom: 0px !important;
    }

    .about-success-child {
        margin-right: 0px !important;
        margin-bottom: 50px;
    }

    .careers-div {
        flex-direction: column;
        text-align: center;
    }

    .careers-available-container{
        margin: 30px 0px 0px !important;
        justify-content: center
    }

    .careers-listing-div {
        width: unset;
    }

    .faq-listing-div {
        width: unset;
    }

    .faq-section-2{
       padding-top: 50px;
    }

    .contactUs-div .d-flex{
        flex-direction: column;
    }

    /*.contact-form-group{
        padding: 0px !important;
    }*/

    .contactUs-div .contact-form-group {
        margin: 10px 0px;
    }

    .contactUs-div {
        width: 90%;
    }

    .security-vorpen-container-left{
        flex-direction: column;
    }

    .security-vorpen-container-right{
        flex-direction: column;
    }

    .security-vorpen-text-container{
        margin-top: 2.5rem;
    }

    .security-vorpen-container-left, .security-vorpen-container-right{
        padding-block: 2rem;
    }

    .security-vorpen-image-container img{
        width: 90%;
    }
    
    .careerApplicationForm .modal-dialog .modal-content .modal-body .col-12:has(.input-form) {
        padding-left: 0px;
    }

    .careerApplicationForm .modal-dialog .modal-content .modal-body .col-12 .position-absolute {
        left: 11px;
    }

    .careerApplicationForm .modal-dialog .modal-content {
        height: unset !important;
    }
}

@media (min-width: 616px) and (max-width: 930px) {
    .security-bottom-section .laptop-img{
/*        top: 80px;*/
        right: 30px;
    }
}

@media (max-width: 610px) {
    .laptop-img{
        width: 100%;
        margin-bottom: 20px !important;
    }
    
    .leadership-section-2-name{
        flex-direction: column;
        align-items: flex-start;
        margin-top: 10px;
    }

    .leadership-text-1{
        margin-left: unset !important;
    }

     .homepage-content-text-container, .homepage-content-text, .homepage-content-text2{
        padding-inline: 40px;
    }

    .security-bottom-section{
        padding-inline: 3rem;
    }
}

@media (max-width: 520px) {
    .square-green-box .homepage-title-2 {
        word-break: break-word;
    }
}

@media (max-width: 480px) {
    .homepage-main-title{
        font-size: 30px;
    }

    .homepage-content-text{
        margin-top: 6rem;
    }

    .homepage-content-top{
        background-position: center;
    }

    .vp-ai h3{
        font-size: 36px;
    }

    .vp-ai h2{
        font-size: 48px;
    }

    .cryptocurrency-arbitrage-bg-2 .homepage-title-2 {
        font-size: 28px;
    }

    .security-bottom-section{
        margin-top: 12rem;
    }

    .security-bottom-section .laptop-img{
        top: -180px;
        right: 40px;
    }
}

@media (min-width: 600px) {
    .vp-ai-grid-container { 
        grid-template-columns: repeat(2, 1fr); 
    }
}

@media (min-width: 900px) {
    .vp-ai-grid-container { 
        grid-template-columns: repeat(3, 1fr); 
    }
}

@media (max-width: 1060px) {
    .homepage-section.homepage-section-1 {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    .homepage-section.homepage-section-1 .coin_icon.top_icon {
        transform: translate(-20px, -20px);
    }

    .homepage-section.homepage-section-1 .coin_icon.base_icon {
        transform: translate(-5px, -10px);
    }

    .homepage-main-title{
        width: 100%;
        text-align: center;
        font-size: 40px;
   }
}
