@media (min-width: 1500px) {}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {}

@media (max-width: 991px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        /* width: 100%;
        max-width: 100%;
        flex: auto; */
    }

    /* Start Nav */

     .nav-menu {
        display: none;
    }

     .head-inner .logo a {
        min-width: 75px;
        max-width: 75px;
    }

     .menu-right .link-h,
     .menu-right .btn {
        display: none;
    }


     .item.res-menu {
        display: block;
    }

     .sidebar-btns {
        display: flex;
        gap: 22px;
    }

     .sidebar-btns .link-h {
        font-size: 16px;
    }

    .sidebar-btns .btn {
        min-width: 120px;
        font-size: 16px;
    }

    /* Start Nav */


    /* .feats  .stud_log_wrap {
        margin-bottom: 25px;
    }
    
    .feats .bills-wrap{
        margin-top: 25px;
    }
    
    .feats .cats-wrap, .visual-identity-section, .labs, .certif{
        margin-bottom: 25px;
    } */

    .feats .row > div {
        margin-bottom: 25px;
    }




    .progress_block {
        bottom: 20%;
        padding: 17px 24px;
    }

    .cases .row:nth-child(2) .ima_wrapp .stats_block{top: 23%;}


    .cases .row:nth-child(3) .ima_wrapp .txt_block{bottom:22%}

/* cases  */


}

@media (max-width: 768px) {


    .progress_block {
        bottom: 20%;
        padding: 17px 24px;
    }
    .cases .row:nth-child(2) .ima_wrapp .stats_block{top: 23%;}
    .cases .txt_wrap h2 {
        font-size: 33px;
    }
    .cases .txt_wrap p {
        padding: 16px 0 34px;
    }
    
    .cases .row:nth-child(3) .ima_wrapp .txt_block{bottom:22%}

.visual-identity-section .wrap_deu {
    display: grid;
    height: 460px;
    width: 100%;
    align-items: start;
}



.visual-identity-section .content p {
    max-width: 100%;
}

}

@media (max-width: 767px) {

    .cats-wrap{
        margin-bottom: 25px;
    }




}

@media (max-width: 600px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 480px) {

    .hero_btns_wrap {
        display: grid;
        grid-gap: 20px;
    }

    .hero_wrap h1 {
        font-size: 40px;
    }

    .user_journy .txt_wrapp>h2{font-size:38px}


    .feat_wrap h1{font-size:45px}

    .circle img {width:300px}

.journey-visual {
    width: 370px;
    height: 370px;
}

.cases .row:nth-child(2) .txt_wrap {
    margin-right: 3px;
}
.cases .txt_wrap{max-width: auto;}


}

@media (max-width: 390px) {
    .hero_items {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    }

.circle img {width:280px}

.journey-visual {
    width: 340px;
    height: 340px;
}


.cases {
    padding: 70px 0 0;}

.cases .rowItem {
    margin-top: 0;
}
.cases .rowItem:last-child{margin-top:40px}
.cases .ima_wrapp > img{height:400px}


}

@media (max-width: 360px) {

    .hero_items {
        grid-template-columns: repeat(auto-fit, minmax(294px, 1fr));
    }
    .hero_items .item .outer .inner{padding: 8px;}
    .hero_items .item .outer .inner{ width: calc(100% - 60px);}

    .circle img {width:240px}

    .journey-visual {
        width: 300px;
        height: 300px;
    }
    
    
.cases .row:nth-child(2) .ima_wrapp .stats_block {
    top: 25%;
}
.cases .row:nth-child(3) .ima_wrapp .txt_block{       
    min-width: 300px;
    padding: 19px 15px 7px;
    
}
.cases .row:nth-child(3) .ima_wrapp .txt_block img{
    margin-top: -17px;
}

.progress_block{max-width: 305px;padding: 16px 17px 0px;bottom: 25%;}

.cases .row:nth-child(3) .ima_wrapp .txt_block {
    bottom: 25%;
}

.cases .prog_bar_txt {
    margin-bottom: 14px;
}    
    

}