.visible-desktop{
    display: block;
}
.visible-desktop-flex{
    display: flex;
}


.visible-mobile{
    display:none;
}
.visible-mobile-flex{
    display:none;
}


@media screen and (max-width: 1024px){
    .container{
        padding:0 10px;
    }
    .visible-desktop{
        display: none;
    }
    .visible-desktop-flex{
        display: none;
    }

    .visible-mobile{
        display:block;
    }
    .visible-mobile-flex{
        display:flex;
    }

    /**
    MOBILE HEADER
     */
    .mobile-header{
        padding:25px 10px;
        display: flex;
        justify-content: space-between;
        z-index: 100;
        position: relative;
        background:#fff;
        margin:0 -10px;
    }
    .mobile-header .mobile-burger{
        display:inline-flex;
        align-items: center;
        justify-content: center;
        border:1px solid #e7ebf9;
        width:40px;
        height:40px;
        border-radius: 100%;
        color:var(--blue-strong)
    }

    /**
    MOBILE MENU
     */
    .mobile-menu .overlay{
        width:100%;
        height:100%;
        background:rgba(0,0,0,.4);
        position:fixed;
        top:0;
        bottom:0;
        right:0;
        left:0;
        z-index:-100;
        transition: opacity ease .3s;
        opacity:0;
        visibility: hidden;
    }
    .mobile-menu.active .overlay{
        z-index:100;
        opacity:1;
        visibility: visible;
    }

    .mobile-menu-wrapper{
        position:fixed;
        width:300px;
        height:100%;
        background:rgb(10, 8, 25);
        padding:20px 40px 20px 20px;
        right:-300px;
        top:0;
        bottom:0;
        color:#fff;
        overflow-y: auto;
        transition: all ease .3s;
        z-index:100;
    }
    .mobile-menu.active .mobile-menu-wrapper{
        right:0;
        transition: all ease .2s;
    }
    .mobile-menu-wrapper a{
        color:#fff;
        text-decoration: none;
    }
    .mobile-menu-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom:60px;
    }
    .mobile-menu-header img{
        max-width: 170px;
    }
    .mobile-menu-header .close-menu{
        background: rgba(255,255,255,.15);
        width: 40px;
        height: 40px;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-menu-menu ul{
        padding:0;
        margin:0;
    }
    .mobile-menu-menu ul li{
        display: block;
        font-family: 'Aller Display', sans-serif;
        font-size: 16px;
        border-top: 1px solid #747488;
        padding:10px 0;
    }
    .mobile-menu-menu ul li:first-child{
        border-top:none;
    }
    .mobile-menu-menu ul li.mobile-drop span{
        display:flex;
        align-items: center;
        justify-content: space-between;
    }
    .mobile-menu-menu ul li.mobile-drop span .plus{
        margin: -10px 0;
        width: 44px;
        height: 44px;
        background: #363251;
        display:flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-spoiled-data{
        background: #363251;
        position:relative;
        top:10px;
    }

    .mobile-menu-footer,
    .mobile-menu-footer a{
        color: #cbcbcb;
    }
    .mobile-menu-footer h3{
        color:#fff;
        display:block;
        padding-bottom:15px;
        border-bottom: 1px solid #747488;
    }
    .mobile-contacts .item{
        display: flex;
        align-items: center;
        padding:10px 0;
        font-family: 'Aller Display', sans-serif;
    }
    .mobile-contacts .item span:first-child{
        display:inline-block;
        margin-right:15px;
        position:relative;
        top:3px;
    }

    .mobile-social{
        margin: 30px 0 0 0;
    }
    .mobile-social ul {
        margin:0;
        padding: 0;
    }
    .mobile-social ul li{
        display: inline-block;
        margin-left: 10px;
    }
    .mobile-social ul li a{
        width: 35px;
        height: 35px;
        border-radius: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        border: 1px solid #454545;
        transition: all ease .3s;
        color: #fff;
        background: #454545;
    }

    .head-top .w3-4{
        width:100%;
    }
    .cta{
        display:flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media screen and (max-width: 680px){
    footer .grid{
        width:100%;
    }
    footer .w1-4{
        margin-top:60px;
    }
    footer .w1-4 .mb-60{
        margin-bottom:15px !important;
    }
    footer .content-info{
        padding: 15px 0 90px 0;
    }
    .subfooter{
        padding:30px 0;
    }


    .video-bg-main {
        overflow: hidden;
        position: relative;
        height: 100%;
        width: 100%;
        padding-top: 80%;
        min-height: 80vh;
    }
    .fullscreen-bg__video {
        position: absolute;
        top: 0;
        left: 0;
        right:0;
        margin:0 auto;
        width: auto;
        height:100%
    }
    .video-content h1 {
      font-size: 60px;
      line-height: 1;
    }
    .video-content .hero-btn{
        z-index:10;
    }
    .about-us .grid{
        width:100%;
    }
    .all-in-one{
        right: 0;
        left:60px;
    }
    .services .grid{
        width:100%;
    }

    .new-standarts .grid{
        width:100%;
    }
    .new-standarts .head-d h2{
        font-size: 25px;
        line-height: 34px;
    }
    .new-standarts .item-benefit .w1-3{
        width:calc(100%/5)
    }
    .new-standarts .item-benefit .w2-3{
        width:calc((100%/5) * 4)
    }

    .industries .grid{
        width:100%;
    }
    .industries .text-align-right{
        text-align: left;
    }
    .industries h2{
        font-size: 25px;
        line-height: 34px;
    }
    .industries .contact-us-btn{
        margin-top:30px;
    }

    .content-services .grid,
    .content-about-us .grid,
    .pos-attended-content .grid,
    .contact-content .grid,
    .wws-content .grid,
    .fraud-content .grid,
    .gp-content .grid,
    .pp-content .grid,
    .pl-content .grid,
    .da-content .grid,
    .web-content .grid,
    .softpos-content .grid,
    .pos-unattended-content .grid{
        width:100%;
    }

    /**
    about us
     */
    #our-philosophy{
        margin-top:60px;
    }
    .suppots-aller{
        font-size:18px;
        text-align: center;
        display:block;
        margin-bottom:15px;
    }
    .suppots-aller br{
        display: none;
    }
    .content-about-us .hero-btn{
        margin-bottom:45px;
    }

    /**
    services
     */
    .global-partners h2{
        font-size:20px;
        margin-bottom:30px;
    }
    .global-partners .text-align-right{
        text-align: center;
    }

    .contact-content form{
        margin-bottom:60px;
    }

    /**
    google pay
     */
    .gp-content .google-pay{
        margin-top:15px;
    }

    /**
    news
     */
    .news-content .grid{
        width:100%;
    }

}