@media (max-width: 991px) {
    .m-center{
        text-align: center;
    }
    .show-mobile{
        display:block;
    }
    .mt-md-6{
        margin-top: 6rem !important;
    }
    .mt-md-7{
        margin-top: 7rem !important;
    }
    .mt-md-8{
        margin-top: 8rem !important;
    }
    .mt-md-9{
        margin-top: 9rem !important;
    }
    .mt-md-10{
        margin-top: 10rem !important;
    }
    .mt-md-11{
        margin-top: 11rem !important;
    }
    .mt-md-12{
        margin-top: 12rem !important;
    }

    .m-inline{
        display: contents;
    }

    .hide-mobile{
        display: none !important;
    }
    .show-menu-body {
        overflow: hidden;
    }

    .navbar {
        /* padding-top: 1.25rem; */
        /* padding-bottom: 1.25rem; */
        padding: 1rem;
    }


    .menu-container-mobile{
        position: absolute;

        top: 0;
        left: 0;
        /*right: 0;*/

        z-index: 1000;
    }

    .navbar-nav{
        width: 500px;
        background: white;
        /*height: 100vh;*/
        display: block;
        overflow: scroll;
        position: relative;
    }

    .header-menu-mobile{
        display: flex;
        justify-content: space-between;
        padding: 1rem 1rem 1.2rem 1rem;
        border-bottom: 1px dashed #ddd;
        align-items: center;
    }
    .m-logo{
        width: 100px;
        margin-left: .5rem;
    }
    .m-logo img{
        width: 100%;
    }
    .close-menu-mobile{
        padding: 0;
        margin: 0;
        width: auto;
        height: auto;
        background: transparent;
        border: none;
        box-shadow: none;
    }
    .menu-left{
        display: block;
        padding: 0 1.5rem;
    }
    .menu-left .nav-item{
        border-bottom: 1px dashed #ddd;
    }
    .nav-link {
        padding: 1rem 1rem 1rem 0 !important;
        color: var(--dark-blue) !important;
    }
    .nav-link.has-sub-menu::after {
        background-image: url(../images/ic-chevron-right-dark-blue.svg);
        vertical-align: 3px;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 59%;
        transform: translateY(-50%);
        right: 0;
    }
    .nav-item:hover .nav-link.has-sub-menu::after {
        background-image: url(../images/ic-chevron-right-dark-blue.svg);
        transform: translateY(-50%);
    }
    .nav-item:hover .nav-link:not(.btn-menu)::before {
       display: none;
    }
    .nav-item:hover .nav-link {
        color: var(--dark-blue);
    }
    .sub-menu-item-content{
        z-index: 2;
    }
    .sub-menu-container{
        display: none;
        /*top: 0;*/
        /*width: 0;*/
        /*height: 0;*/
        padding-bottom: 10rem;
        border: none;
        border-radius: 0;
    }
    .nav-item:hover .sub-menu-container {
        /*visibility: hidden;*/
        /*opacity: 0;*/
        /*transition-delay: 0s;*/
    }
    .sub-menu-container.active-mobile{
        /*display: block;*/
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
        position: absolute;
        z-index: 1000;
        left: 0;
        right: 0;
        top: 0;
        /*width: auto;*/
        /*height: auto;*/
        display: block;
    }
    .label-back-m-menu{
        margin-top: 7px;
        font-weight: 600;
        color: var(--dark-blue);
        font-size: 16px;
    }
    .back-mobile-main-menu{
        display: flex
    ;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }
    .sub-menu-wrapper.product-sub-menu {
        display: block;
    }
    .sub-menu-container-wrapper {
        padding: 1.5rem 20px;
    }
    .sub-menu-mobile-heading{
        color: var(--dark-blue);
        text-transform: uppercase;
        font-weight: 800;
        font-size: 15px;
    }
    .sub-menu-container-wrapper .container{
        width: 100%;
        max-width: 100%;
    }
    .item-sub-menu{
        padding: 1rem 0;
    }

    .sub-menu-wrapper {
        display: block;
    }

    .sub-menu-pos-wrapper {
        border-left: none;
        padding-left: 0;
        margin-top: 2rem;
    }

    .sub-menu-post .label {
        margin-bottom: 20px;
    }
    .menu-item-post .img {
        width: 85px;
        height: 85px;
    }
    .menu-item-post {
        gap: 1.5rem;
        margin-left: 1rem;
    }

    .menu-item-post .content-post {
        justify-content: center;
    }

    .m-d-flex{
        display: flex;
    }
    .m-justify-center{
        justify-content: center;
        align-items: center;
    }
    .m-full-width{
        width: 100%;
    }

    .nav-link.btn-menu.menu-try{
        padding: .5rem 1.5rem !important;
        margin-top: 2.5rem;
    }

    .nav-img-toggler{
        width: 20px;
    }

    .navbar-toggler {
        border: none;
        padding: 0;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .slider-container {
        flex-direction: column;
        height: auto;
    }

    .slider-container .item-container{
        flex-direction: column;
        width: 100%;
        height: 70px;
        transition: 0.7s ease-out;
    }
    .slider-container .item-container.active{
        height: 700px;
        flex-direction: row;
    }
    .slider-container .item-container .item{
        width: 100%;
        flex-direction: row;
        justify-content: start;
        padding: 1.3rem;
    }
    .slider-container .item-container .item .item-title{
        position: relative;
        left: unset;
        right: unset;
        bottom: unset;
        transform: none;
        display: block;
        width: auto;
        margin: unset;
    }
    .slider-container .item-container .item .item-desc {
        text-align: left;
        position: relative;
        width: 100%;
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: row-reverse;
        gap: 1rem;
    }
    .slider-container .item-container .item .number {
        text-align: center;
    }

    .slider-container .item-container.active .item {
        flex-direction: column;
        justify-content: center;
        /*justify-content: end;*/
        width: 70px;
    }
    .slider-container .item-container.active .item .item-desc{
        flex-direction: column;
    }

    .slider-container .item-container.active .item .item-title {
        transform: rotate(270deg);
        position: absolute;
        bottom: 65px;
        margin: auto;
        left: 0;
        right: 0;
        font-size: 19px;
        display: none;
    }

    .slider-container .item-container.active .item-active .info .desc {
        margin-bottom: 5rem;
        font-size: 19px;
    }

    .slider-container .item-container.active .item-active .info .heading-detail {
        font-size: 34px;
        width: 300px;
    }

    .sticky-scroll .item-container .item .content {
        width: 100%;
    }

    .sticky-scroll .item-container .item .content .item-content .detail {
        width: 100%;
        position: relative;
        transform: none;
    }

    .sticky-scroll .item-container .item .content .item-content {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 5rem;
    }

    .img-mobile-home-sect-4 {
        display: block;
        padding: 3rem 0;
    }
    .img-mobile-home-sect-4 img {
        width: 100%;
    }

    .sticky-scroll .item-container .item .label {
        display: none;
    }

    .container-banner-floating .banner-container .basic-bg{
        display: none;
    }
    .container-banner-floating {
        position: relative;
        background: radial-gradient(95.83% 127.01% at 95.83% 227.19%, #09395D 0%, #0B273D 100%);
        display: flex;
        flex-direction: column-reverse;
        border-radius: 25px;
        padding: 4rem 3rem 0;
        gap: 4rem;
    }
    .container-banner-floating .banner-container{
        position: relative;
        aspect-ratio: unset;
    }
    .container-banner-floating .banner-container .content-banner{
        height: auto;
    }
    .container-banner-floating .banner-container .content-banner .right-content{
        margin: 0;
        padding: 0;
    }
    .container-banner-floating .banner-image{
        margin: auto;
        width: 65%;
    }

    .m-row-reverse{
        flex-direction: row-reverse;
    }
    .m-column-reverse{
        flex-direction: column-reverse;
    }
    .mobile-slider{
        display: block;
    }

    .testimony .item {
        height: 290px;
    }
    .quotes-testimony {
        width: 60px;
    }

    .testimony .item .item-wrapper {
        margin-top: 30px;
    }

    .clear-fix-testimony div:last-child{
        padding: 25px 0;
    }

    .list-item-blog:first-child {
        margin-top: 2.5rem;
    }

    .list-item-blog {
        margin-bottom: 1.5rem;
    }

    .related-product .item-product .item-wrap-content .img img{
        margin: auto;
    }
    .related-product .item-product .item-content:hover {
        box-shadow: none;
    }
    .cta-banner {
        display: block;
    }
    .cta-banner .ctn-2 {
        margin-top: 3rem;
    }
    .faq-wrapper {
        display: block;
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .faq-wrapper .img-network {
        display: none;
    }
    .faq-wrapper .first-faq {
        margin-top: 0;
    }
    .list-faq {
        padding: 0;
    }

    footer .content-footer-top {
        display: block;
    }
    footer .content-footer-top .col-footer:first-child {
        width: 100%;
    }
    footer .content-footer-top .col-footer:last-child{
        margin-top: 5rem;
    }

    .footer-logo {
        width: 20%;
    }
    footer .content-footer-bottom {
        display: block;
    }
    footer .content-footer-bottom .footer-content-label {
        width: 100%;
        text-align: center;
    }
    footer .content-footer-bottom .footer-content-certificate {
        width: 60%;
        margin: auto;
        margin-top: 3rem;
    }
}
@media (max-width: 450px) {
    .mt-sm-0{
        margin-top: 0 !important;
    }
    .mt-sm-2{
        margin-top: 2rem !important;
    }
    .mt-sm-3{
        margin-top: 3rem !important;
    }
    .mt-sm-4{
        margin-top: 4rem !important;
    }
    .mt-sm-5{
        margin-top: 5rem !important;
    }
    .mt-sm-6{
        margin-top: 6rem !important;
    }
    .mt-sm-7{
        margin-top: 7rem !important;
    }
    .mt-sm-8{
        margin-top: 8rem !important;
    }
    .mt-sm-9{
        margin-top: 9rem !important;
    }
    .mt-sm-10{
        margin-top: 10rem !important;
    }
    .mt-sm-11{
        margin-top: 11rem !important;
    }
    .mt-sm-12{
        margin-top: 12rem !important;
    }

    .mb-sm-0{
        margin-bottom: 0 !important;
    }
    .mb-sm-1{
        margin-bottom: 1rem !important;
    }
    .mb-sm-2{
        margin-bottom: 2rem !important;
    }
    .mb-sm-3{
        margin-bottom: 3rem !important;
    }
    .mb-sm-4{
        margin-bottom: 4rem !important;
    }
    .mb-sm-5{
        margin-bottom: 5rem !important;
    }

    .pt-sm-0{
        padding-top: 0 !important;
    }
    .pt-sm-1{
        padding-top: 1rem !important;
    }
    .pt-sm-2{
        padding-top: 2rem !important;
    }
    .pt-sm-3{
        padding-top: 3rem !important;
    }
    .pt-sm-4{
        padding-top: 4rem !important;
    }
    .pt-sm-5{
        padding-top: 5rem !important;
    }
    .pt-sm-6{
        padding-top: 6rem !important;
    }
    .pt-sm-7{
        padding-top: 7rem !important;
    }
    .pt-sm-8{
        padding-top: 8rem !important;
    }
    .pt-sm-9{
        padding-top: 9rem !important;
    }
    .pt-sm-10{
        padding-top: 10rem !important;
    }
    .pt-sm-11{
        padding-top:1rem !important;
    }
    .pt-sm-12{
        padding-top: 12rem !important;
    }
    .pt-sm-13{
        padding-top: 13rem !important;
    }

    .pb-sm-0{
        padding-bottom: 0 !important;
    }
    .pb-sm-1{
        padding-bottom: 1rem !important;
    }
    .pb-sm-2{
        padding-bottom: 2rem !important;
    }
    .pb-sm-3{
        padding-bottom: 3rem !important;
    }
    .pb-sm-4{
        padding-bottom: 4rem !important;
    }
    .pb-sm-5{
        padding-bottom: 5rem !important;
    }
    .pb-sm-6{
        padding-bottom: 6rem !important;
    }

    .pb-sm-7{
        padding-bottom: 7rem !important;
    }

    .pb-sm-8{
        padding-bottom: 8rem !important;
    }

    .pb-sm-9{
        padding-bottom: 9rem !important;
    }

    .pb-sm-10{
        padding-bottom: 10rem !important;
    }

    .pb-sm-11{
        padding-bottom: 11rem !important;
    }

    .pb-sm-12{
        padding-bottom: 12rem !important;
    }

    .pb-sm-13{
        padding-bottom: 13rem !important;
    }

    .ps-sm-0{
        padding-left: 0 !important;
    }
    .ps-sm-1{
        padding-left: 1rem !important;
    }
    .ps-sm-2{
        padding-left: 2rem !important;
    }
    .ps-sm-3{
        padding-left: 3rem !important;
    }
    .ps-sm-4{
        padding-left: 4rem !important;
    }
    .ps-sm-5{
        padding-left: 5rem !important;
    }

    .pe-sm-0{
        padding-right: 0 !important;
    }

    .pe-sm-1{
        padding-right: 1rem !important;
    }
    .pe-sm-2{
        padding-right: 2rem !important;
    }
    .pe-sm-3{
        padding-right: 3rem !important;
    }
    .pe-sm-4{
        padding-right: 4rem !important;
    }
    .pe-sm-5{
        padding-right: 5rem !important;
    }

    .m-f-column{
        flex-direction : column !important;
    }

    .text-heading-section {
        font-weight: 700;
        font-size: 30px;
        line-height: 39.57px;
    }

    .text-main-headline {
        font-size: 30px;
        line-height: 38.09px;
    }

    .text-sub-heading-section {
        font-size: 17px;
        line-height: 25px;
    }

    .container-banner-partner .item-banner .item-partner {
        margin: 0 30px;
    }

    .container-banner-partner .item-banner .item-partner img {
        height: 45px;
    }

    .slider-container .item-container.active .item-active .info .heading-detail {
        font-size: 25px;
        width: 300px;
    }

    .slider-container .item-container.active .item-active .info .desc {
        margin-bottom: 3rem;
        font-size: 16px;
        font-weight: 300;
    }
    .slider-container .item-container.active .item-active .info {
        width: 97%;
        color: white;
    }

    .slider-container .item-container.active {
        height: 500px;
        flex-direction: row;
    }

    .slider-container .item-container .item .item-desc {
        align-items: center;
    }

    .slider-container .item-container .item .number {
        flex-shrink: 0;
        width: 35px;
        height: 35px;
    }
    .slider-container .item-container .item .number span {
        font-size: 13px;
    }
    .slider-container .item-container .item .item-title {
        font-size: 15px;
    }
    .slider-container .item-container .item .item-desc {
        align-items: center;
        gap: .5rem;
    }
    .slider-container .item-container .item {
        padding: 1rem;
    }
    .sticky-scroll .item-container .item .content .item-content {
        margin-top: 1rem;
    }
    .container-banner-floating .banner-image {
        width: 100%;
    }

    .text-heading-section-2 {
        font-size: 27px;
        line-height: 35.73px;
    }

    .text-label {
        font-size: 14px;
    }

    .testimony .item .item-wrapper {
        margin-top: 20px;
    }
    .testimony .item {
        height: auto;
        margin-bottom: 5px;
    }
    .testimony .item .item-wrapper .item-content{
        height: 325px;
    }
    .first-list-blog-home .title {
        font-size: 21px;
        line-height: 34px;
    }
    .list-item-blog .title {
        font-size: 17px;
    }

    .cta-banner .title {
        font-size: 26px;
        line-height: 37px;
    }
    .footer-top {
        padding: 3rem 0;
    }
    .footer-logo {
        width: 33%;
    }

    footer .content-footer-top .col-footer:first-child {
        padding-right: 0;
    }

    .wrap-footer-menu {
        display: block;
    }
    footer .content-footer-top .grid-content {
        width: 100%;
        margin-top: 3rem;
    }
    footer .content-footer-top .col-footer:last-child {
        margin-top: 3rem;
    }
    .container {

        padding-right: 2rem;
        padding-left: 2rem;
    }
    .hero-container{
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

    .hero-banner{
        display: block;
    }
    .hero-banner .hero-image{
        margin-top: 4rem;
    }
    .hero-banner .hero-image img{
        width: 100%;
    }

    .sticky-scroll.product-m-scroll .item-container .item.row-reverse .content .item-content{
        padding-left: 0;
        display: flex;
        flex-direction: column;
    }
    .grid-box {
        padding: 5rem 0;
    }
    .grid-box .title {
        font-weight: 700;
        font-size: 30px;
        line-height: 40.25px;
    }
    .grid-box-content{
        display: flex;
        flex-direction: column;
    }
    .floating-hero-banner{
        display: flex;
        flex-direction: column;
    }
    .related-product.m-related-product{
        display: block;
    }
    .related-product.m-related-product .item-product{
        /*margin-right: 1rem;*/
        margin-right: .75rem;
        margin-left: .75rem;
    }
    .related-product.m-related-product .item-product:first-child{
        /*margin-right: 1rem;*/

    }
    .m-related-product .slick-list{padding:0 10% 0 10% !important;}

    .banner-blue .image-bg:before{
        display: none;
    }
    .sticky-scroll .item-container .item.row-reverse .content .item-content{
        padding-left: 0;
    }

    .counting-container{
        flex-wrap: wrap;
    }
    .counting-container .counting-item{
        flex: unset;
        width: 50%;
        padding: 1rem;
    }
    .counting-container .counting-item .value {
        font-size: 25px;
        line-height: 39.09px;
    }
    .counting-container .counting-item .desc {
        font-size: 18px;
    }
    .counting-container .counting-item:nth-child(3){

    }
    .counting-container .counting-item:nth-child(3):after{
        display: none;
    }
    .counting-container .counting-item:nth-child(3):before{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 2px;
        border: 1px dashed #d3d3d3;
    }
    .counting-container .counting-item:nth-child(4):before{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 2px;
        border: 1px dashed #d3d3d3;
    }
    .price-container-wrapper{
        overflow: scroll;
    }
    .pricing-table td, .pricing-table th {
        padding: 1rem .5rem;
    }
    .semi-large-img-sticky .sticky-scroll .item-container .item .content{
        width: 100%;
    }
    .box-partner {
        --per-row: 2;
    }

    .box-partner .item-partner:nth-child(-n + 5) {
        border-top: 1px dashed #d3d3d3;
    }

    .box-partner .item-partner:nth-child(-n + 2) {
        border-top: none;
    }

    .box-partner .item-partner:nth-child(2n + 3) {
       border-left: none;
    }
    .box-partner .item-partner:nth-child(6n){
        border-left: 1px dashed #d3d3d3;
    }
    .link-with-icon{
        font-size: 15px;
    }
    .lba-sms-section-4 .container-banner-partner .item-banner .item-partner img {
        height: 55px;
    }
    .lba-sms-section-4 .container-banner-partner .item-banner .item-partner{
        margin: auto;
    }
    .why-prezent-container {
        flex-direction: column;
    }
    .why-prezent-container .img{
        width: 100%;
    }
    .why-prezent-container .content-text .container-point {
        flex-direction: column;
    }
    .grid-sandeza-category {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-sandeza-category .grid-item {
        border-radius: 15px;
        padding: .5rem;
        text-align: center;
    }
    .grid-sandeza-category .grid-item .title {
        font-size: 15px;
    }
    .related-product .item-product .item-wrap-content .img-3 img {
        height: auto;
        width: 100%;
    }

    .best-article-wrapper{
        flex-direction: column;
        padding: 3rem 0 4rem 0;
    }
    .best-article-wrapper .content-image{
        padding-right: 0;
    }
    .best-article-wrapper .content-post{
        padding-top: 2rem;
    }

    .article-video-container {
        flex-direction: column;
    }
    .article-video-container .video-group{
        width: 100%;
    }
    .img-hero-why-sprint {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
    .cta-gradient .bg-blue-img:before{
        display: none;
    }
    .section-7-about .cta-banner{
        padding: 4rem 2rem;
    }
    .group-g-career{
        --gap-g-career: 1rem;
        flex-direction: column;
    }
    .group-g-career .g-1{
        width: 100%;
    }
    .group-g-career .g-2 .g-2-2 {
        flex-wrap: wrap;
    }
    .group-g-career .g-2 .g-2-2 .g-2-2-2{
        display: contents;
    }
    .g-2-2-1{
        width: 54%;
    }
    .group-g-career .g-2 .g-2-2 .g-2-2-2 div:first-child{
        width: 41%;
    }
    .group-g-career .g-2 .g-2-2 .g-2-2-2 div:last-child{
        width: 100%;
    }
    .group-g-career .g-1 .text-sub-heading-section{
        width: 100%;
    }
    .group-filter-form{
        display: block;
    }
    .group-filter-form .group-field {
        width: 100%;
        margin-bottom: 1.3rem;
    }
    .group-filter-form .group-btn {
        margin-top: 2.5rem;
    }
    .item-job {
        align-items: self-start;
        padding: 1.5rem 0;
        flex-direction: column;
        gap: 1rem;
    }
    .item-job .left {
        width: 100%;
    }
    .item-job .job-title {
        font-size: 22px;
    }
    .img-hero-why-sprint.why{
        display: flex;
        gap: 1.5rem;
    }
    .why-sprint-floating .sticky-scroll .item-container .item.row-reverse .content .item-content .detail{
        width: 100%;
    }
    .list-activity{
        display: flex;
        flex-direction: column;
    }
    .book-demo-container{
        flex-direction: column;
    }
    .book-demo-container .img{
        width: 100%;
    }
    .slider-container .item-container .item-active{
        padding: 0 5rem 0 1rem;
    }
}
@media (max-width: 430px) {
    .cta-banner{
        padding: 4rem 3rem;
    }
}
@media (max-width: 390px) {
    .cta-banner{
        padding: 3rem 2rem;
    }
}

