@media (min-width:992px) {
    .navbar-toggle-btn,.hide-large {
        display: none
    }
}
@media only screen and (max-width:991px) {
    html,body{overflow-x: hidden;}
    .mobile-hide{display: none;}
    .stable{
        overflow: hidden;
    }
    .overlay.visible {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: #1111115e;
    }
    .navbar{margin-top: 0}
    .text-55 {
      font-size: var(--size-30);
    }
    .navbar-toggle-btn {
        display: block
    }

    .navbar-toggle-btn {
        background: transparent !important;
        border: none;
        cursor: pointer;
        height: 40px;
        outline: 0;
        overflow: hidden;
        position: relative;
        text-indent: -900em;
        width: 40px;
        min-width: 40px;
        float: right;
        margin-right: 2px;
        padding: 12px 8px
    }

    .navbar-toggle .icon-bar {
        width: 100%;
        height: 3px;
        background-color: #fff;
        display: block;
        margin-bottom: 4px
    }

    .navbar-toggler-icon {
        position: relative;
        width: 25px;
        height: 20px;
        margin: 0 0;
        display: block
    }

    .navbar-toggler-icon span {
        opacity: 1;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        border-radius: 10px;
        color: #000;
        background-color: #333;
        position: absolute;
        transform: rotate(0deg);
        transition: .4s ease-in-out
    }

    .navbar-toggler-icon span:nth-child(1) {
        top: 0
    }

    .navbar-toggler-icon span:nth-child(2) {
        top: 9px
    }

    .navbar-toggler-icon span:nth-child(3) {
        top: 18px
    }

    .navbar-toggle-btn[aria-expanded="true"] .navbar-toggler-icon span:nth-child(1) {
        transform: translateY(9px) rotate(135deg)
    }

    .navbar-toggle-btn[aria-expanded="true"] .navbar-toggler-icon span:nth-child(2) {
        opacity: 0;
        transform: translateX(-60px)
    }

    .navbar-toggle-btn[aria-expanded="true"] .navbar-toggler-icon span:nth-child(3) {
        transform: translateY(-9px) rotate(-135deg)
    }
    .navbar-header {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }
    .navbar-header:before,.navbar-header:after{
        display: none;
    }
    #navbar li span:not(.drop-menu) .fa-angle-down{display: none;}

    #navbar {
        background: #fff;
        position: fixed;
        top: 0;
        left: -290px;
        height: 100%;
        width: 290px;
        max-width: 290px;
        padding: 20px 0;
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        display: block;
        overflow-y: auto;
        border-right: 1px solid #ddd;
        /* overflow-y: auto; */
        z-index: 99;
    }

    #navbar.in {
        left: 0;
    }
    .site-header .sub-menu-1 li {
        width: 100%;
        float: none;
        padding: 8px 15px;
    }
    #navbar li.has-dropdown > .fa-angle-down {
        display: none;
    }
    .sub-menu-1>li{
        border-bottom: 1px solid #ccc;
        padding: 15px 15px;
    }
    .site-header .drop-menu {
        float: right;
        width: 100%;
        height: 46px;
        text-align: center;
        cursor: pointer;
        margin-top: 0;
        top: 0;
        right: 0;
        background: #fff0;
        display: flex;
        align-items: center;
        justify-content: end;
        position: absolute;
        padding-right: 20px;
    }
    #navbar li ul.dropdowm-menu1 {
        min-width: 100% !important;
        position: static;
        left: 0 !important;
        transform: translateX(0%) !important;
        -webkit-transform: translateX(0%) !important;
        display: none;
        opacity: 1 !important;
        visibility: visible !important;
        background: #fff0;
        width: 100%;
        box-shadow:none;
        -webkit-box-shadow:none;
    }
    #navbar li ul.dropdowm-menu1>li{
        padding-left: 0;
        padding-right: 0;
    }
    #navbar li .large-menu li a {
        align-items: start;
        -webkit-box-align: start;
    }
    

    .space-sm-x{
        padding-right: 15px;
        padding-left: 15px;
    }
    .grid-5{
        padding-right: 0;
        padding-left: 0;
    }
    .tab-button:not(.tab-button-action){
        display: none;
    }
    .right-elements ul {
        display: flex;
        flex-direction: column;
        padding: 10px;
    }
    .right-elements ul li,.right-elements ul li .btn{
        width: 100%;
    }
    .leftColumn .brandInfo{padding-top: 0}
}
 .grid-5{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    align-items: start;
}
@media (max-width:980px){
    
    .column-grid .feature{
        width: 180px;
    }
    .frameworks-section .framework-row{
        grid-auto-columns: 100px;
        grid-gap: 10px;
    }
    .framework-card{
        width: 100px;
        height: 100px;
        padding: 18px;
    }
    .footer-btns,.single-content-row{
        justify-content: center;
    }
    .gap-y-15{
        row-gap: 15px;
    }
}

@media (max-width:767px){
    .frameworks-section .framework-row:nth-child(2n) {
        --row-offset: 0;
    }
    .frameworks-section .framework-row{
        grid-gap: 10px;
    }
    .btn{font-size: 16px}
    .text-45{font-size: var(--size-30);}
    .space-80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .row-flex .col-xs-6 {
        width: 50%;
    }
    .image-xs{
        max-width: 120px !important;
        padding: 0px;
    }
    .pt-sm-2{padding-top: 1rem}
    .pt-sm-3{padding-top: 2rem}
    .text-center-mobile{text-align: center;}
    .relations h4{
        font-size: var(--size-20);
        padding-bottom: 10px;
        padding-top: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .relations h4:after{
      display: inline-block;
      width: 8px;
      height: 8px;
      border-bottom:2px solid;
      border-right:2px solid;
      transform: rotate(45deg);
      margin-bottom: 3px;
      margin-left: 4px;
    }
    .toggle-body{display: none;}
    .blank{display: none;}
    .tabs-container-outer{
        padding: 20px 20px;
    }
    .tabs-container{
        flex-direction: column;
    }
    .banner-tabs{flex-direction: row;flex: 0 0 auto;}
    .tab-button-action:not(.active)::before {
        right: auto;
        left: 50%;
        top: 100%;
        transform: translate(-50%, -50%);
    }
    .tab-button{flex:1}
    .p-3 {
        padding: 1rem;
    }
    .accordion_head .gradient-rounded-in{
        padding: 10px 40px 10px 15px;
    }
    .accordion_head .plusminus{
        right: 7px;
    }
    .accordion_head .text-20 {
        font-size: var(--base-size);
    }
    .bottom-call-to-action{
        padding: 40px 20px;
        margin-bottom: 40px;
    }
    .frameworks-section .framework-row.framework-1,.frameworks-section .framework-row.framework-2{
        display: flex;
        flex-wrap: wrap;
    }
    .framework-card{
        width: 110px;
        height: 110px;
    }
   
    .pb-3 {
        padding-bottom: 2rem;
    }
    .pt-3 {
        padding-top: 2rem;
    }
    .scan-qr-section .text-25 {
        font-size: var(--size-20);
    }
    .gradient-rounded-in,.gradient-rounded{
        border-radius: 40px;
    }
    #footer{
        padding: 40px 15px 0;
    }
    .footer-bottom-bar{
        padding: 20px 10px;
        border-radius: 20px;
    }
    #footer h4{
        font-size: var(--size-20);
    }
    #footer h4:first-child{
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }
    #footer h4:first-child:after{
      display: inline-block;
      content: '';
      width: 8px;
      height: 8px;
      border-bottom:2px solid;
      border-right:2px solid;
      transform: rotate(45deg);
      margin-bottom: 3px;
      margin-left: 4px;
    }
    .footer-btns{flex-direction: column;}
    
}

@media (max-width:680px){
    .stats-grid-wrapper{
        padding: 20px 0;
    }
    .frameworks-section .framework-row:nth-child(2n+1){
        --row-offset: 0;
    }
    .framework-card {
        width: 90px;
        height: 90px;
    }
}