@media (min-width:1660px) {
    .navbar-sm li a {
        padding: 0.5rem 4rem;
    }
}

@media (max-width:991px) {
    .bg-dark-nav {
        padding: 15px 10px;
    }

    .navbar-sm li a {
        font-size: 14px;
        padding: 0.5rem 0.2rem !important;
    }

    .social-ic a {
        padding: 2px 4px;
    }
}


@media (max-width:767px) {

    .work-text {
        text-align: center;
    }

    .btn-c {
        margin-top: 20px;
    }

    .study-img {
        margin-top: 20px;
    }

    .btn-c {
        margin-top: 20px;
    }

    .txt-study-all {
        padding-top: 20px;
    }

    .head-pera {
        width: 100%;
    }

    /* header css */
    .bg-dark {
        background-color: #343a40 !important;
        padding: 27px;
    }

    .toggle-pos {
        position: relative;
        position: absolute;
        top: 27px;
        right: 27px;
    }


    .bar-icon {
        width: 30px;
        background: #fff;
        z-index: 999;
        opacity: 1;
        height: 2px;
        transition: all .5s;
    }

    .bar-icon:after {
        width: 30px;
        background: #fff;
        z-index: 999;
        opacity: 1;
        position: absolute;
        top: 7px;
        content: '';
        height: 2px;
    }


    .bar-icon:before {
        width: 30px;
        background: #fff;
        z-index: 999;
        opacity: 1;
        position: absolute;
        top: -7px;
        content: '';
        height: 2px;
    }

    .navbar-sm {
        position: absolute;
        background: #1b1b1b;
        width: 100%;
        padding: 20px;
        top: 55px;
        height: 100vh;
        width: 50%;
        right: 0px;
        box-shadow: 1px 3px 10px rgb(0 0 0 / 50%);
        display: block;

        right: -80%;
        transition: all .5s;
        opacity: 0;
    }

    .shrink .navbar-sm {
        top: 40px;
    }

    .logo-side {
        width: 100% !important;
    }

    .nav-side {
        width: 100% !important;
    }

    .current .navbar-sm {
        right: 0px;
        opacity: 1;
    }

    .current .bar-icon {
        transform: rotate(140deg);
    }

    .current .bar-icon:after {
        transform: rotate(-98deg);
        top: 1px;
    }

    .current .bar-icon:before {
        display: none;
    }

    .shrink .toggle-pos {
        top: 20px;
    }

    /* header css end */
    .space-x {
        padding: 0px;
    }

    .bg-dark-nav {
        padding: 28px 0px;
        border-radius: 0px;
    }

    .social-ic {
        text-align: left;
        margin: 10px 10px;
    }

    .name-head {
        text-align: center;
    }

    .name-head button {
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .img-round-header {
        height: 280px;
        width: 280px;
    }
    
    .processdiv{
        display: none;
    }
}