@media (min-width: 1px) and (max-width: 3000px) {	
    .navbar-brand img {
        object-fit: contain;
    }
    .navbar-toggler{
        line-height: 0;
    }
    .dashboard-sidebar {
        background: #1a0a26;
    }
    .flex-fill{
        width: 100%;
    }
    .sec-mddl {
        flex: 0 0 38%;
    }
}

/* Screen 23 */
@media (min-width: 1910px){	
    .navbar-brand {
        flex: 0 0 6%;
    }
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1400px;
    }
    .container, .container-lg, .container-md, .container-sm {
       max-width: 1750px;
    }
    .abt-sec-items .abt-card-item.item-1{
        right: 150px;
        top: 0px;
    }
    .abt-sec-items .abt-card-item.item-2{
        right: 435px;
        top: 145px;
    }
    .abt-sec-items .abt-card-item.item-3{
        right: 690px;
        top: 460px;
    }
    .abt-sec-items .abt-card-item.item-4{
        left: 405px;
        top: 130px;
    }
    .abt-sec-items .abt-card-item.item-5{
        left: 425px;
        top: 510px;
    }
    .abt-sec-items .abt-card-item.item-6{
        left: 135px;
        top: 350px;
    }
    .sec-ttl-tbs h3 {
        flex: 0 0 18%;
    }
    .sugg-items-list .item-card .item-card-text {
        flex: 1;
    }
}
/* Screen 23 */
@media (min-width: 1910px) and (max-width: 3000px) {	
    .navbar-brand {
        flex: 0 0 6%;
    }
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1400px;
    }
    .container, .container-lg, .container-md, .container-sm {
       max-width: 1750px;
    }
    .abt-sec-items .abt-card-item.item-1{
        right: 150px;
        top: 0px;
    }
    .abt-sec-items .abt-card-item.item-2{
        right: 435px;
        top: 145px;
    }
    .abt-sec-items .abt-card-item.item-3{
        right: 690px;
        top: 460px;
    }
    .abt-sec-items .abt-card-item.item-4{
        left: 405px;
        top: 130px;
    }
    .abt-sec-items .abt-card-item.item-5{
        left: 425px;
        top: 510px;
    }
    .abt-sec-items .abt-card-item.item-6{
        left: 135px;
        top: 350px;
    }
    .sec-ttl-tbs h3 {
        flex: 0 0 18%;
    }
}

@media (min-width: 1349px) and (max-width: 1900px) {	
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1400px;
    }
    .width-200 {
        min-width: 140px;
    }
    .width-150 {
        min-width: 100px;
    }
    .width-120 {
        min-width: auto;
    }
    .width-100 {
        min-width: auto;
    }
    .navbar-brand {
        flex: 0 0 12%;
    }
    .sec-ttl-tbs h3 {
        flex: 0 0 18%;
    }
}

/* Normal desktop :1170px. */
@media (min-width: 1170px) and (max-width: 1349px) {	
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1400px;
    }
    .width-200 {
        min-width: 140px;
    }
    .width-150 {
        min-width: 100px;
    }
    .width-120 {
        min-width: auto;
    }
    .width-100 {
        min-width: auto;
    }
    .form-check-div {
        flex: 0 0 49%;
    }
    .abt-sec-items .abt-card-item-icon {
        width: 85px;
        height: 85px;
        border: 6px solid #6660f069;
    }
    .abt-sec-items img {
        width: 80%;
        height: 440px;
    }
    .abt-sec-items .abt-card-item.item-1{
        right: 11px;
        top: -13px;
    }
    .abt-sec-items .abt-card-item.item-2{
        right: 260px;
        top: 145px;
    }
    .abt-sec-items .abt-card-item.item-3{
        right: 425px;
        top: 340px;
    }
    .abt-sec-items .abt-card-item.item-4{
        left: 205px;
        top: 80px;
    }
    .abt-sec-items .abt-card-item.item-5{
        left: 220px;
        top: 366px;
    }
    .abt-sec-items .abt-card-item.item-6{
        left: 4px;
        top: 250px;
    }
    .sec-ttl-tbs {
        flex-direction: column;
        gap: 10px;
    }
    .pub-tabs{
        width: 100%;
    }
    .pub-tabs .nav-tabs{
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        padding: 10px;
        justify-content: flex-start;
    }
    ::-webkit-scrollbar {
        height: 5px;
    }
    .sec-ttl-tbs h3 {
        flex: 0 0 18%;
    }
}

/* Tablet desktop 991px. && 1169px */
@media (min-width: 991px) and (max-width: 1169px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1400px;
    }
    .width-200 {
        min-width: auto;
    }
    .width-150 {
        min-width: auto;
    }
    .width-120 {
        min-width: auto;
    }
    .width-100 {
        min-width: auto;
    }
    .form-check-div {
        flex: 0 0 49%;
    }
    .intro-card {
        padding: 20px 20px 20px;
        border-radius: 20px;
    }
    .intro-card .crd-icon {
        width: 50px;
        height: 50px;
        font-size: 24px;
        margin-bottom: 10px;
    }
    .intro-card .crd-title {
        font-size: 16px;
    }
    .intro-cards-wrapper .intro-card .main-btn-arrow {
        top: 25px;
        left: 25px;
    }
    .intro-card-item img {
        width: 100%;
        height: 470px;
    }
    .head-title p {
        font-size: 28px;
    }
    .head-title .highlight {
        font-size: 28px;
    }
    .head-title .arrow-icon i {
        width: 35px;
        height: 35px;
        font-size: 33px;
    }
    .sec-srt {
        flex: 0 0 34%;
    }
    .sec-mddl {
        flex: 0 0 37%;
    }
    .sec-end {
        flex: 0 0 24%;
    }
    .contact-tabs .tab-content {
        padding: 0 20px;
    }
    .main-wrapper {
        height: auto;
    }
    .form-section {
        padding: 0px 0 0 15px;
    }
    .text-style p {
        font-size: 26px;
    }
    .text-style .highlight{
        font-size: 26px;
    }
    .text-style .arrow-icon i {
        width: 34px;
        height: 34px;
        font-size: 29px;
    }
    .social-reg .btn {
        width: 50px;
        height: 50px;
        font-size: 21px;
    }
    
    /* ---- ========== ---- */
    .hd-left.xs-hidden .notifications{
        display: none;
    }
    .hd-left.xs-hidden .login-profile{
        display: none;
    }
    .head-title .highlight {
        padding: 4px 26px;
        font-size: 17px;
    }
    .notifications.notify-mobile-scrn .notification_dd{
        left: -180px;
    }
    .notifications.notify-mobile-scrn .notification_dd:before {
        left: 190px;
        right: auto;
    }
    .dashobard-pages-list {
        right: 20px;
    }
    .container-dashboard {
        padding-right: 85px;
    }
    .reg-accc-mob-scrn {
        display: flex;
    }
    .dashobard-pages-list .dsh-page {
        width: 50px;
        height: 50px;
        padding: 10px 10px;
        gap: 9px;
        font-size: 13px;
    }
    .dashobard-pages-list .dsh-page i {
        font-size: 22px;
    }
    .dashboard-home-sec {
        display: block;
    }
    .dsh-crd-box {
        flex: 0 0 100%;
        width: 100%;
    }
    .dsh-crd-box-2 .dsh-stc-list {
        gap: 20px;
        width: 100%;
        /* width: 280px; */
    }
    .dsh-stc-list {
        flex-direction: row;
    }
    .dsh-stc-list .dsh-stc-item{
        flex: 0 0 calc(50% - 10px);
        width: auto;
    }
    .dsh-crd-box-2 {
        margin: 30px 0;
    }
    .sugg-crd .d-flex {
        flex-wrap: wrap;
        gap: 10px;
    }
    .tab-content>.tab-pane {
        padding-top: 10px;
    }
    .prf-card-item {
        justify-content: space-between;
    }
    .sugg-crd {
        padding: 30px 25px 20px 25px;
    }
    .sugg-crd .nav-tabs {
        width: 100%;
    }
    .sugg-crd .nav-tabs .nav-link {
        width: 100%;
    }
    .sugg-items-list .items-list {
        margin-top: 0;
    }
    .sugg-crd .nav-tabs > li {
        flex: 1;
    }
    .sugg-items-list .item-card {
        gap: 13px;
        padding: 12px 0;
    }
    .achv-card-item .prf-card-text h3 {
        line-height: 28px;
        width: 100%;
        text-align: center;
    }
    .sugg-items-list .item-card .item-card-text p {
        font-size: 15px;
    }
    .sugg-items-list .item-card .item-card-text {
        flex: 1;
    }
    .sugg-items-list .item-card .item-card-text h3 {
        font-size: 16px;
    }
    .achv-card-item {
        padding: 20px 20px;
    }
    .achv-card-item .btn {
        padding: 10px 15px;
        font-size: 15px;
    }
    .wave-graph {
        padding: 30px 5px 10px;
    }
    .achv-card-item.sts-done .wave-graph .prf-ch-sts {
        top: 15px;
        left: 30px;
    }
    .achv-card-item.sts-pending .wave-graph .prf-ch-sts {
        top: 12px;
        right: 109px;
    }
    .achv-card-item.sts-not-started .wave-graph .prf-ch-sts {
        top: 13px;
        right: 33px;
    }
    .profile-head .profile-info-list .inf-list {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        font-size: 14px;
    }
    .profile-tab-pages {
        border-radius: 15px;
        overflow: auto;
        align-items: flex-start;
        justify-content: flex-start;
    }
    ::-webkit-scrollbar {
        height: 5px;
    }
    .profile-tab-pages .prf-pg {
        border-radius: 10px;
        flex-direction: column;
        font-size: 12px;
        line-height: 16px;
        min-width: 140px;
    }
    .image-container {
        align-items: flex-start;
        gap: 15px;
        align-items: center;
        flex-direction: column;
    }
    .profile-head .profile-info-list .inf-list p:not(:first-child) {
        border-right: 0px solid #ffffff17;
        padding-right: 0;
    }
    .profile-content-page {
        padding: 25px 25px;
        border-radius: 15px;
    }
    .main-tabs .nav-tabs {
        row-gap: 10px;
    }
    .def-st1{
        padding: 30px 20px;
        flex-direction: column;
        gap: 20px;
    }
    .def-st1 .text-card-st1 h4 {
        font-size: 15px;
    }
    .items-flex .flex-3 {
        flex: 0 1 calc(50% - 10px);
    }
    .cardbox-ft-bottom {
        flex-direction: column;
        gap: 12px;
        margin-top: 20px;
    }
    .cardbox4-item .btns-crd {
        margin-bottom: 10px;
    }
    .cardbox4-item .cardbox-info .cardbox-txt a {
        font-size: 17px;
        font-weight: 600;
    }
    .cardbox4-item .cardbox-info .cardbox-txt {
        margin-bottom: 16px;
    }
    .main-tabs .nav-tabs{
        justify-content: flex-start;
        align-items: center;
        overflow-y: hidden;
        flex-wrap: nowrap;
        padding-bottom: 10px;
    }
    .main-tabs .nav-tabs .nav-item{
        border-radius: 10px;
        flex-direction: column;
        line-height: 16px;
        min-width: max-content;
    }
    .main-tabs .nav-tabs .nav-item .nav-link{
        padding: 12px 30px;
    }
    /*  */
    .lib-card .lib-card-btns .arrow-btn-st2 {
        width: 35px;
        height: 35px;
        font-size: 22px;
    }
    .lib-card.sm-hgt {
        height: 220px;
        margin: 10px 0;
    }
    .lib-card .lib-title {
        bottom: 11px;
        right: 0;
        padding: 7px 25px;
    }
    .lib-card .lib-title a {
        font-size: 24px;
    }
    .lib-info-sec {
        padding: 20px 20px;
    }
    .lib-info-container .lib-tb-list .lib-tb-card{
        flex-direction: column;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-tb-card-rgt {
        gap: 12px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .lib-info-container .lib-tb-list .lib-tb-card{
        gap: 10px;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-btns {
        margin-top: 5px;
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-btns .btn {
        min-width: auto;
        flex: 0 0 calc( 50% - 5px );
    }
    .lib-categ-list {
        width: 100%;
        position: relative;
        top: 0;
        margin-bottom: 20px;
    }
    .bk-img-side img {
        height: 330px;
        left: 21%;
    }
    .bk-sm-dts {
        margin-top: 0px;
        padding-left: 20px;
        margin-bottom: 40px;
    }
    .bk-sm-dts h3 {
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 31px;
    }
    .bk-sm-dts h5 {
        font-size: 16px;
        font-weight: 400;
        text-align: right;
        width: 100%;
        line-height: 20px;
        margin-top: 9px;
        height: auto;
        overflow: visible;
    }
    .card-box-2 {
        background: #FCFCFC;
        padding: 30px 30px;
    }
    .library-details-area-2 .card-box-2  {
        padding-top: 180px;
    }
    .bk-dts-head-links .bk-dts-links {
        width: auto;
    }
    .bk-dts-head-links{
        width: 100%;
        margin-bottom: 20px;
        row-gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 20px;
    }
    .share-menu {
        right: 0;
    }
    .bk-dts-info {
        padding-left: 0;
    }
    .bk-dts-info h5 {
        font-size: 15px;
    }
    .bk-dts-title {
        margin-bottom: 12px;
        line-height: 30px;
        font-size: 18px;
    }
    .sponsor-brands img {
        width: auto;
        height: 47px;
    }
    .bk-dts-head-links .bk-dts-links .lnk-btn {
        width: 50px;
        height: 50px;
        padding: 10px;
        font-size: 18px;
    }
    .comments-section .comments-list{
        padding: 30px 30px;
    }
    .comments-section .comments-list .comment-card {
        flex-direction: column;
        padding: 25px 0;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-text {
        padding: 12px 0 0;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-text p {
        font-size: 14px;
        text-align: right;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .comment-rate i {
        font-size: 15px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head img {
        width: 60px;
        height: 60px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head .omment-info-name h4 {
        font-size: 15px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head .omment-info-name .cmm-time {
        font-size: 12px;
    }
    /*  */
    .flex-stl-card .hro-text {
        padding: 30px 30px;
        background: #FCFCFC;
        border: 1px solid #BDBDBD;
        border-radius: 20px;
        min-height: auto;
    }
    .flex-stl-card .hro-text h3 {
        font-size: 26px;
        font-weight: 700;
        text-align: right;
        margin-bottom: 15px;
    }
    .flex-stl-card .hro-text p {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 15px;
    }
    .flex-stl-card .hro-img {
        width: 100%;
        height: 290px;
        border-radius: 20px;
    }
    .flex-st2-list {
        padding: 30px 30px;
        border-radius: 20px;
        row-gap: 12px;
        column-gap: 20px;
    }
    .flex-st2-list .flex-st2-card .st2-text {
        gap: 1px;
    }
    .flex-st2-list .flex-st2-card .st2-text h4 {
        font-size: 14px;
    }
    .flex-st2-list .flex-st2-card .st2-text h5 {
        font-size: 15px;
    }
    .flex-st2-list .flex-st2-card .icon {
        width: 50px;
        height: 50px;
        border-radius: 12px;
    }
    .inst-info-details {
        gap: 10px;
    }
    .inst-info-details {
        margin-bottom: 15px;
    }
    .course-info-sec .crs-sec-card {
        flex-direction: column;
        padding: 0px 5px;
    }
    .course-info-sec .crs-sec-card .crs-text {
        padding-right: 30px;
    }
    .course-info-sec .crs-sec-card .crs-crd-title {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        flex: 1 0 100%;
    }
    .course-info-sec .crs-sec-card .crs-crd-title i {
        width: 50px;
        height: 50px;
        font-size: 23px;
    }
    /*  */
    .survey-area .form-content-wrapper::before {
        width: 100%;
        right: 0;
    }
    .survey-area .form-content-card {
        width: 85%;
        padding: 40px 30px 30px 30px;
    }
    .scale-container .scale-list {
        width: 100%;
        flex-wrap: wrap;
    }
    .scale-container .labels{
        display: none;
    }
    .survey-area .form-head-sec h3 {
        font-size: 22px;
    }
    .survey-area .form-head-sec h5 {
        font-size: 14px;
    }
    .navbar-nav .dropdown .dropdown-menu {
        border: 1px solid #ebebeb00;
        box-shadow: none;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item{
        padding: 4px 15px;
    }
    /* About */
    .intro-area{
        padding-bottom: 0;
    }
    .about-info-section {
        padding: 40px 40px 30px 0;
    }
    .viss-miss-section .vm-card-item.mssg-item {
        flex: 1 0 calc(50% - 30px);
        padding: 30px 30px;
        gap: 20px;
    }
    .viss-miss-section .vm-card-item.vsn-item {
        flex: 0 0 calc(50% - 30px);
    }

    .abt-sec-items img {
        width: 100%;
        height: 480px;
    }
    .abt-sec-items .abt-card-item-icon {
        width: 90px;
        height: 90px;
        font-size: 26px;
    }
    .abt-sec-items .abt-card-item {
        width: 200px;
    }
    .abt-sec-items .abt-card-item.item-1 {
        right: -42px;
        top: -17px;
        z-index: 991;
    }
    .abt-sec-items .abt-card-item.item-2 {
        right: 190px;
        top: 115px;
        z-index: 99;
    }
    .abt-sec-items .abt-card-item.item-3 {
        right: 420px;
        top: 365px;
        z-index: 98;
    }
    .abt-sec-items .abt-card-item.item-4 {
        left: 152px;
        top: 80px;
        z-index: 97;
    }
    .abt-sec-items .abt-card-item.item-5 {
        right: 668px;
        top: 407px;
        z-index: 96;
    }
    .abt-sec-items .abt-crd-head h5 {
        font-size: 18px;
    }
    .abt-sec-items .abt-crd-text P {
        font-size: 13px;
    }
    .abt-txt-wrapper {
        width: 50%;
        margin-top: 140px;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card {
        flex: 1 1 calc(49% - 13px);
    }
    .frm-img {
        width: 120%;
        bottom: 50px;
        left: -10%;
    }
    .sec-ttl-tbs {
        flex-direction: column;
        gap: 10px;
    }
    .pub-tabs{
        width: 100%;
    }
    .pub-tabs .nav-tabs{
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        padding: 10px;
        justify-content: flex-start;
    }
}

/* Tablet desktop 769px. && 990px */
@media (min-width: 769px) and (max-width: 990px) {
    .container, .container-md, .container-sm {
        max-width: 910px;
    }
    .reg-accc-mob-scrn {
        display: block;
    }
    .navbar-collapse .dropdown-btn-log{
        display: none;
    }
    .navbar-expand-lg .offcanvas {
        position: fixed;
        visibility: hidden;
        right: -100%;
        background: #1a0a26;
        opacity: 0;
    }
    .navbar-expand-lg .offcanvas.show{
        right: 0;
        z-index: 9999;
        visibility: visible;
        opacity: 1;
    }
    .sec-item-3 .sec_img {
        height: 145px;
    }
    .sec_img {
        margin-bottom: 0;
        z-index: 0;
    }
    .sec-item-1 {
        padding: 30px 20px;
        height: 420px;
    }
    .sec-item-4 {
        padding: 25px 14px;
        border-radius: 20px;
        height: 420px;
    }
    .sec-item-4 img {
        width: 400px;
        height: 180px;
    }
    .sec-item-2 {
        flex-direction: column;
    }
    .sec-item-2 .sec-text {
        margin-bottom: 10px;
        width: 100%;
    }
    .sec-item-2 .sec_img {
        height: 110px;
    }
    .sec-item-2 img{
        position: relative;
        z-index: 1;
        bottom: 0;
        left: -100px;
    }
    .sec-item-3 {
        height: 200px;
    }
    .sec-item-3 {
        padding: 30px 20px;
        border-radius: 20px;
        flex-direction: column-reverse;
    }
    .sec-item-3 img {
        width: 170px;
    }
    .sec-item-3 .sec-text {
        width: 100%;
    }
    .form-section {
        padding: 0px 0 0 0;
    }
    .text-style .highlight {
        font-size: 18px;
    }
    .text-style p {
        font-size: 21px;
    }
    .text-style .arrow-icon i {
        width: 30px;
        height: 30px;
        font-size: 21px;
    }
    .main-wrapper {
        height: auto;
    }
    .social-reg .btn {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }
    .head-title p {
        font-size: 21px;
    }
    .head-title .highlight {
        font-size: 18px;
    }
    .head-title .arrow-icon i {
        width: 30px;
        height: 30px;
        font-size: 21px;
    }
    .contact-intro h3 {
        font-size: 20px;
    }
    .contact-intro h5{
        font-size: 15px;
        line-height: 23px;
        padding-right: 40px;
        padding-left: 0px;
    }
    .contact-tabs .head-nav-tab {
        padding: 20px 20px 10px;
    }
    .contact-tabs .tab-content {
        padding: 0 30px;
    }
    .footer-section {
        padding: 40px 40px 30px;
        border-radius: 20px;
        margin-bottom: 40px;
    }
    .intro-card {
        padding: 27px 30px 20px;
    }
    
    /* ---- ========== ---- */
    .hd-left.xs-hidden .notifications{
        display: none;
    }
    .hd-left.xs-hidden .login-profile{
        display: none;
    }
    .head-title .highlight {
        padding: 4px 26px;
        font-size: 17px;
    }
    .notifications.notify-mobile-scrn .notification_dd{
        left: -180px;
    }
    .notifications.notify-mobile-scrn .notification_dd:before {
        left: 190px;
        right: auto;
    }
    .dashobard-pages-list {
        right: 20px;
    }
    .container-dashboard {
        padding-right: 85px;
    }
    .reg-accc-mob-scrn {
        display: flex;
    }
    .dashobard-pages-list .dsh-page {
        width: 50px;
        height: 50px;
        padding: 10px 10px;
        gap: 9px;
        font-size: 13px;
    }
    .dashobard-pages-list .dsh-page i {
        font-size: 22px;
    }
    .dashboard-home-sec {
        display: block;
    }
    .dsh-crd-box {
        flex: 0 0 100%;
        width: 100%;
    }
    .dsh-crd-box-2 .dsh-stc-list {
        gap: 20px;
        width: 100%;
        /* width: 280px; */
    }
    .dsh-stc-list {
        flex-direction: row;
    }
    .dsh-stc-list .dsh-stc-item{
        flex: 0 0 calc(50% - 10px);
        width: auto;
    }
    .dsh-crd-box-2 {
        margin: 30px 0;
    }
    .sugg-crd .d-flex {
        flex-wrap: wrap;
        gap: 10px;
    }
    .tab-content>.tab-pane {
        padding-top: 10px;
    }
    .prf-card-item {
        flex-direction: column;
    }
    .sugg-crd {
        padding: 30px 25px 20px 25px;
    }
    .sugg-crd .nav-tabs {
        width: 100%;
    }
    .sugg-crd .nav-tabs .nav-link {
        width: 100%;
    }
    .sugg-items-list .items-list {
        margin-top: 0;
    }
    .sugg-crd .nav-tabs > li {
        flex: 1;
    }
    .sugg-items-list .item-card {
        gap: 13px;
        padding: 12px 0;
    }
    .achv-card-item .prf-card-text h3 {
        line-height: 28px;
        width: 100%;
        text-align: center;
    }
    .sugg-items-list .item-card .item-card-text p {
        font-size: 15px;
    }
    .sugg-items-list .item-card .item-card-text {
        flex: 1;
    }
    .sugg-items-list .item-card .item-card-text h3 {
        font-size: 16px;
    }
    .achv-card-item {
        padding: 20px 20px;
    }
    .achv-card-item .btn {
        padding: 10px 15px;
        font-size: 15px;
    }
    .wave-graph {
        padding: 30px 5px 10px;
    }
    .achv-card-item.sts-done .wave-graph .prf-ch-sts {
        top: 15px;
        left: 30px;
    }
    .achv-card-item.sts-pending .wave-graph .prf-ch-sts {
        top: 12px;
        right: 109px;
    }
    .achv-card-item.sts-not-started .wave-graph .prf-ch-sts {
        top: 13px;
        right: 33px;
    }
    .profile-head .profile-info-list .inf-list {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        font-size: 14px;
    }
    .profile-tab-pages {
        border-radius: 15px;
        overflow: auto;
        align-items: flex-start;
        justify-content: flex-start;
    }
    ::-webkit-scrollbar {
        height: 5px;
    }
    .profile-tab-pages .prf-pg {
        border-radius: 10px;
        flex-direction: column;
        font-size: 12px;
        line-height: 16px;
        min-width: 140px;
    }
    .image-container {
        align-items: flex-start;
        gap: 15px;
        align-items: center;
        flex-direction: column;
    }
    .profile-head .profile-info-list .inf-list p:not(:first-child) {
        border-right: 0px solid #ffffff17;
        padding-right: 0;
    }
    .profile-content-page {
        padding: 25px 25px;
        border-radius: 15px;
    }
    .main-tabs .nav-tabs {
        row-gap: 10px;
    }
    .def-st1{
        padding: 30px 20px;
        flex-direction: column;
        gap: 20px;
    }
    .def-st1 .text-card-st1 h4 {
        font-size: 15px;
    }
    .items-flex .flex-3 {
        flex: 0 1 calc(50% - 10px);
    }
    .cardbox-ft-bottom {
        flex-direction: column;
        gap: 12px;
        margin-top: 20px;
    }
    .cardbox4-item .btns-crd {
        margin-bottom: 10px;
    }
    .cardbox4-item .cardbox-info .cardbox-txt a {
        font-size: 17px;
        font-weight: 600;
    }
    .cardbox4-item .cardbox-info .cardbox-txt {
        margin-bottom: 16px;
    }
    .main-tabs .nav-tabs{
        justify-content: flex-start;
        align-items: center;
        overflow-y: hidden;
        flex-wrap: nowrap;
        padding-bottom: 10px;
    }
    .main-tabs .nav-tabs .nav-item{
        border-radius: 10px;
        flex-direction: column;
        line-height: 16px;
        min-width: max-content;
    }
    .main-tabs .nav-tabs .nav-item .nav-link{
        padding: 12px 30px;
    }
    /*  */
    .lib-card .lib-card-btns .arrow-btn-st2 {
        width: 35px;
        height: 35px;
        font-size: 22px;
    }
    .lib-card.sm-hgt {
        height: 220px;
        margin: 10px 0;
    }
    .lib-card .lib-title {
        bottom: 11px;
        right: 0;
        padding: 7px 25px;
    }
    .lib-card .lib-title a {
        font-size: 24px;
    }
    .lib-info-sec {
        padding: 20px 20px;
    }
    .lib-info-container .lib-tb-list .lib-tb-card{
        flex-direction: column;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-tb-card-rgt {
        gap: 12px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .lib-info-container .lib-tb-list .lib-tb-card{
        gap: 10px;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-btns {
        margin-top: 5px;
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-btns .btn {
        min-width: auto;
        flex: 0 0 calc( 50% - 5px );
    }
    .lib-categ-list {
        width: 100%;
        position: relative;
        top: 0;
        margin-bottom: 20px;
    }
    .bk-img-side img {
        height: 330px;
        left: 21%;
    }
    .bk-sm-dts {
        margin-top: 0px;
        padding-left: 20px;
        margin-bottom: 40px;
    }
    .bk-sm-dts h3 {
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 31px;
    }
    .bk-sm-dts h5 {
        font-size: 16px;
        font-weight: 400;
        text-align: right;
        width: 100%;
        line-height: 20px;
        margin-top: 9px;
        height: auto;
        overflow: visible;
    }
    .card-box-2 {
        background: #FCFCFC;
        padding: 30px 30px;
    }
    .library-details-area-2 .card-box-2  {
        padding-top: 320px;
    }
    .bk-dts-head-links{
        width: 100%;
        margin-bottom: 20px;
        row-gap: 10px;
        flex-wrap: wrap;
    }
    .share-menu {
        right: 0;
    }
    .bk-dts-links-btns{
        width: 100%;
    }
    .bk-dts-links-btns .btn{
        width: 100%;
    }
    .bk-dts-head-links .bk-dts-links{
        width: 100%;
    }
    .bk-dts-info {
        padding-left: 0;
    }
    .bk-dts-info h5 {
        font-size: 15px;
    }
    .bk-dts-title {
        margin-bottom: 12px;
        line-height: 30px;
        font-size: 18px;
    }
    .sponsor-brands img {
        width: auto;
        height: 47px;
    }
    .bk-dts-head-links .bk-dts-links .lnk-btn {
        width: 50px;
        height: 50px;
        padding: 10px;
        font-size: 18px;
    }
    .comments-section .comments-list{
        padding: 30px 30px;
    }
    .comments-section .comments-list .comment-card {
        flex-direction: column;
        padding: 25px 0;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-text {
        padding: 12px 0 0;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-text p {
        font-size: 14px;
        text-align: right;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .comment-rate i {
        font-size: 15px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head img {
        width: 60px;
        height: 60px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head .omment-info-name h4 {
        font-size: 15px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head .omment-info-name .cmm-time {
        font-size: 12px;
    }
    /*  */
    .flex-stl-card {
        display: flex;
        flex-direction: row;
        gap: 15px;
    }
    .flex-stl-card .hro-text {
        padding: 30px 30px;
        background: #FCFCFC;
        border: 1px solid #BDBDBD;
        border-radius: 20px;
        width: 50%;
        min-height: auto;
    }
    .flex-stl-card .hro-text h3 {
        font-size: 26px;
        font-weight: 700;
        text-align: right;
        margin-bottom: 15px;
    }
    .flex-stl-card .hro-text p {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 15px;
    }
    .flex-stl-card .hro-img {
        width: 100%;
        /* height: 440px; */
        height: 315px;;
        border-radius: 20px;
    }
    .flex-st2-list {
        padding: 30px 30px;
        border-radius: 20px;
        row-gap: 12px;
        column-gap: 20px;
    }
    .flex-st2-list .flex-st2-card .st2-text {
        gap: 1px;
    }
    .flex-st2-list .flex-st2-card .st2-text h4 {
        font-size: 14px;
    }
    .flex-st2-list .flex-st2-card .st2-text h5 {
        font-size: 15px;
    }
    .flex-st2-list .flex-st2-card .icon {
        width: 50px;
        height: 50px;
        border-radius: 12px;
    }
    .inst-info-details {
        gap: 10px;
    }
    .inst-info-details {
        margin-bottom: 15px;
    }
    .course-info-sec .crs-sec-card {
        flex-direction: column;
        padding: 0px 5px;
    }
    .course-info-sec .crs-sec-card .crs-text {
        padding-right: 30px;
    }
    .course-info-sec .crs-sec-card .crs-crd-title {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        flex: 1 0 100%;
    }
    .course-info-sec .crs-sec-card .crs-crd-title i {
        width: 50px;
        height: 50px;
        font-size: 23px;
    }
    /*  */
    .survey-area .form-content-wrapper::before {
        width: 100%;
        right: 0;
    }
    .survey-area .form-content-card {
        width: 85%;
        padding: 40px 30px 30px 30px;
    }
    .scale-container .scale-list {
        width: 100%;
        flex-wrap: wrap;
    }
    .scale-container .labels{
        display: none;
    }
    .survey-area .form-head-sec h3 {
        font-size: 22px;
    }
    .survey-area .form-head-sec h5 {
        font-size: 14px;
    }
    .navbar-nav .dropdown .dropdown-menu {
        border: 1px solid #ebebeb00;
        box-shadow: none;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item{
        padding: 4px 15px;
    }
    /* About */
    .intro-area{
        padding-bottom: 0;
    }
    .about-info-section {
        padding: 40px 40px 30px 0;
    }
    .viss-miss-section .vm-card-item.mssg-item {
        flex: 1 0 calc(50% - 30px);
        padding: 30px 30px;
        gap: 20px;
    }
    .viss-miss-section .vm-card-item.vsn-item {
        flex: 0 0 calc(50% - 30px);
    }

    .abt-sec-items img {
        width: 100%;
        height: 370px;
    }
    .abt-sec-items .abt-card-item-icon {
        width: 90px;
        height: 90px;
        font-size: 26px;
    }
    .abt-sec-items .abt-card-item {
        width: 200px;
    }
    .abt-sec-items .abt-crd-head h5 {
        font-size: 18px;
    }
    .abt-sec-items .abt-crd-text P {
        font-size: 13px;
    }
    .abt-txt-wrapper {
        width: 50%;
        margin-top: 140px;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card {
        flex: 1 1 calc(50% - 13px);
    }
    .search-sec{
        width: auto;
        padding: 16px 28px 16px 20px;
    }
    .search-sec .main-form {
        width: 100%;
        flex: 1 0 50%;
    }
    .search-sec .search-card.main-form .form-control {
        min-width: 100%;
    }
    .search-sec h3 {
        flex: 1 1 40%;
    }
    .search-sec .search-card .input-grp {
        width: 100%;
    }
    .frm-img {
        width: 100%;
        bottom: 0;
        left: 0;
    }
    .abt-sec-items .abt-card-item-icon {
        width: 85px;
        height: 85px;
        border: 6px solid #6660f069;
    }
    .abt-sec-items img {
        width: 90%;
        height: 420px;
    }
    .abt-sec-items .abt-card-item.item-1{
        right: -10px;
        top: -13px;
    }
    .abt-sec-items .abt-card-item.item-2{
        right: 190px;
        top: 145px;
    }
    .abt-sec-items .abt-card-item.item-3{
        right: 335px;
        top: 320px;
    }
    .abt-sec-items .abt-card-item.item-4{
        left: 145px;
        top: 80px;
    }
    .abt-sec-items .abt-card-item.item-5{
        left: 149px;
        right: auto;
        top: 366px;
    }
    .abt-sec-items .abt-card-item.item-6{
        left: -31px;
        top: 246px;
    }
    .sec-ttl-tbs {
        flex-direction: column;
        gap: 10px;
    }
    .pub-tabs{
        width: 100%;
    }
    .pub-tabs .nav-tabs{
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        padding: 10px;
        justify-content: flex-start;
    }
}
/* Large Mobile 480px : 767px */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .container, .container-sm {
        max-width: 640px;
    }
    .xs-hidden{
        display: none;
    }
    .lg-hidden{
        display: block;
    }
    .padd-40 {
        padding: 15px 0;
    }
    .padd-50 {
        padding: 20px 0;
    }
    .mob-xs{
        display: flex;
    }
    html, body {
        padding-top: 0;
    }
    body{
        padding-top: 65px;
    }
/* Buttons */
    .main-btn {
        min-height: 40px;
    }
/* Header Navbar */
    .navbar-brand {
        margin: 0;
    }
    .navbar {
        padding: 10px 10px;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        border: 0;
        gap: 0;
    }
    .navbar-nav .nav-link {
        padding: 13px 10px;
        text-align: right;
    }
    .navbar-collapse {
        padding-left: 0px;
        margin-top: 20px;
    }
    .head-title .arrow-icon i {
        top: -40px;
        left: -30px;
        width: 35px;
        height: 35px;
        font-size: 37px;
    }
    .dropdown .dropdown-menu{
        margin-top: 0px;
        padding-right: 15px;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item {
        text-align: right;
    }
    .head-title {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .head-title p {
        font-size: 26px;
    }
    .intro-card-item {
        margin-bottom: 10px;
    }
    .introcard-info{
        display: flex ;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        justify-content: space-between;
        padding: 20px 20px;
    }
    .intro-card-item img {
        width: 100%;
        height: 430px;
    }
    .sec-section {
        flex-direction: column;
    }
    .section-title h3 {
        font-size: 22px;
    }
    .section-title {
        flex-direction: column;
        align-items: flex-start;
    }
    .cardbox1-item {
        padding: 20px 20px;
        border-radius: 13px;
    }
    .cardbox1-item .cardbox-img {
        border-radius: 15px;
    }
    .sec-srt {
        flex: 0 0 100%;
        width: 100%;
    }
    .sec-mddl {
        flex: 0 0 100%;
        width: 100%;
    }
    .sec-end {
        flex: 0 0 100%;
        width: 100%;
    }
    .nslt-form .inputBox {
        min-width: 100%;
    }
    .newsletter-section {
        padding: 40px 20px 25px;
        border-radius: 26px;
    }
    .nslt-text h3 {
        font-size: 22px;
    }
    .nslt-text h5 {
        font-size: 18px;
    }
    .nslt-text{
        width: 100%;
    }
    .nslt-form{
        width: 100%;
    }
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
        width: 13px;
        height: 13px;
        font-size: 12px;
    }
    .footer-section {
        padding: 35px 20px 30px;
        border-radius: 26px;
        margin-bottom: 25px;
    }
    .footer-head .ft-logo img {
        width: auto;
        height: 60px;
    }
    .footer-head .ft-links a {
        font-size: 14px;
    }
    .footer-ft {
        margin-top: 0px;
    }
    .footer-ft .copyRights h5 {
        font-size: 13px;
    }
    .register-area::after {
        width: 100%;
    }
    .form-section {
        padding: 0px 20px;
        padding-top: 20px;
    }
    .main-wrapper {
        height: auto;
        flex-direction: column;
    }
    .reg-text.move-right {
        transform: translateX(0);
        transform: translateY(0);
        top: 0;
        position: relative;
    }
    .text-style .arrow-icon i {
        width: 34px;
        height: 34px;
        font-size: 30px;
    }
    .text-style .highlight {
        font-size: 22px;
    }
    .text-style p {
        font-size: 34px;
    }
    .social-reg .btn {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .contact-area .head-title p {
        font-size: 26px;
        line-height: 50px;
    }
    .contact-intro {
        flex-direction: column;
        padding: 20px 20px;
    }
    .contact-intro h5 {
        padding-right: 15px;
        padding-left: 15px;
        font-size: 16px;
        line-height: 25px;
        text-align: center;
    }
    .contact-intro {
        padding: 25px 20px;
        gap: 15px;
    }
    .contact-tabs .head-nav-tab .nav-tabs {
        width: 100%;
    }
    .contact-tabs .head-nav-tab .nav-tabs li {
        float: right;
        width: 50%;
    }
    .contact-tabs .tab-content {
        padding: 0 20px;
    }
    .contact-tabs .tab-pane {
        padding: 30px 25px;
        border-radius: 20px;
    }
    .contact-info-section{
        padding: 20px;
        border-radius: 15px;
        margin-bottom: 30px;
    }
    .contact-info-box {
        flex-direction: column;
    }
    .contact-info-section::after {
        background-repeat: no-repeat;
        background-position: bottom;
    }
    .contact-info-box .cnct-info {
        flex: 0 0 100%;
        width: 100%;
        padding: 10px 10px;
    }
    .contact-tabs .nav-tabs .nav-link {
        min-width: 100%;
        min-height: auto;
    }
    /* ---- ========== ---- */
    .head-title .highlight {
        padding: 4px 26px;
        font-size: 17px;
    }
    .notifications.notify-mobile-scrn .notification_dd{
        left: -180px;
    }
    .notifications.notify-mobile-scrn .notification_dd:before {
        left: 190px;
        right: auto;
    }
    .dashobard-pages-list {
        right: 20px;
    }
    .container-dashboard {
        padding-right: 85px;
    }
    .reg-accc-mob-scrn {
        display: flex;
    }
    .dashobard-pages-list .dsh-page {
        width: 50px;
        height: 50px;
        padding: 10px 10px;
        gap: 9px;
        font-size: 13px;
    }
    .dashobard-pages-list .dsh-page i {
        font-size: 22px;
    }
    .dashboard-home-sec {
        display: block;
    }
    .dsh-crd-box {
        flex: 0 0 100%;
        width: 100%;
    }
    .dsh-crd-box-2 .dsh-stc-list {
        gap: 20px;
        width: 100%;
        /* width: 280px; */
    }
    .sugg-crd .d-flex {
        flex-wrap: wrap;
        gap: 10px;
    }
    .tab-content>.tab-pane {
        padding-top: 10px;
    }
    .prf-card-item {
        flex-direction: column;
    }
    .sugg-crd {
        padding: 30px 25px 20px 25px;
    }
    .sugg-crd .nav-tabs {
        width: 100%;
    }
    .sugg-crd .nav-tabs .nav-link {
        width: 100%;
    }
    .sugg-items-list .items-list {
        margin-top: 0;
    }
    .sugg-crd .nav-tabs > li {
        flex: 1;
    }
    .sugg-items-list .item-card {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 13px;
        padding: 12px 0;
    }
    .sugg-items-list .item-card img {
        width: 100%;
        height: 220px;
        object-fit: cover;
    }
    .sugg-items-list .item-card .btn {
        width: 100%;
    }
    .achv-card-item .prf-card-text h3 {
        line-height: 28px;
        width: 100%;
        text-align: center;
    }
    .achv-card-item {
        padding: 20px 20px;
    }
    .achv-card-item .btn {
        padding: 10px 15px;
        font-size: 15px;
    }
    .wave-graph {
        padding: 30px 5px 10px;
    }
    .achv-card-item.sts-done .wave-graph .prf-ch-sts {
        top: 15px;
        left: 30px;
    }
    .achv-card-item.sts-pending .wave-graph .prf-ch-sts {
        top: 12px;
        right: 109px;
    }
    .achv-card-item.sts-not-started .wave-graph .prf-ch-sts {
        top: 13px;
        right: 33px;
    }
    .profile-head{
        flex-direction: column;
        justify-content: flex-start;
    }
    .profile-head .profile-info-list .inf-list {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        font-size: 14px;
    }
    .profile-tab-pages {
        border-radius: 15px;
        overflow: auto;
        align-items: flex-start;
        justify-content: flex-start;
    }
    ::-webkit-scrollbar {
        height: 5px;
    }
    .profile-tab-pages .prf-pg {
        border-radius: 10px;
        flex-direction: column;
        font-size: 12px;
        line-height: 16px;
        min-width: 140px;
    }
    .image-container {
        align-items: flex-start;
        gap: 15px;
        align-items: center;
        flex-direction: column;
    }
    .profile-head .profile-info-list .inf-list p:not(:first-child) {
        border-right: 0px solid #ffffff17;
        padding-right: 0;
    }
    .profile-content-page {
        padding: 25px 25px;
        border-radius: 15px;
    }
    .main-tabs .nav-tabs {
        row-gap: 10px;
    }
    .def-st1{
        padding: 30px 20px;
        flex-direction: column;
        gap: 20px;
    }
    .def-st1 .text-card-st1 h4 {
        font-size: 15px;
    }
    .items-flex .flex-3 {
        flex: 0 1 100%;
    }
    .cardbox4-item .btns-crd {
        margin-bottom: 10px;
    }
    .cardbox4-item .cardbox-info .cardbox-txt a {
        font-size: 17px;
        font-weight: 600;
    }
    .cardbox4-item .cardbox-info .cardbox-txt {
        margin-bottom: 16px;
    }
    .main-tabs .nav-tabs{
        justify-content: flex-start;
        align-items: center;
        overflow-y: hidden;
        flex-wrap: nowrap;
        padding-bottom: 10px;
    }
    .main-tabs .nav-tabs .nav-item{
        border-radius: 10px;
        flex-direction: column;
        line-height: 16px;
        min-width: max-content;
    }
    .main-tabs .nav-tabs .nav-item .nav-link{
        padding: 12px 30px;
    }
    /*  */
    .lib-card .lib-card-btns .arrow-btn-st2 {
        width: 35px;
        height: 35px;
        font-size: 22px;
    }
    .lib-card.sm-hgt {
        height: 220px;
        margin: 10px 0;
    }
    .lib-card .lib-title {
        bottom: 11px;
        right: 0;
        padding: 7px 25px;
    }
    .lib-card .lib-title a {
        font-size: 24px;
    }
    .lib-info-sec {
        padding: 20px 20px;
    }
    .lib-info-container .lib-tb-list .lib-tb-card{
        flex-direction: column;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-tb-card-rgt {
        gap: 12px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .lib-info-container .lib-tb-list .lib-tb-card{
        gap: 10px;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-btns {
        margin-top: 5px;
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-btns .btn {
        min-width: auto;
        flex: 0 0 calc( 50% - 5px );
    }
    .lib-categ-list {
        width: 100%;
        position: relative;
        top: 0;
        margin-bottom: 20px;
    }
    .bk-img-side img {
        height: 330px;
        left: 21%;
    }
    .bk-sm-dts {
        margin-top: 0px;
        padding-left: 20px;
        margin-bottom: 40px;
    }
    .bk-sm-dts h3 {
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 31px;
    }
    .bk-sm-dts h5 {
        font-size: 16px;
        font-weight: 400;
        text-align: right;
        width: 100%;
        line-height: 20px;
        margin-top: 9px;
        height: auto;
        overflow: visible;
    }
    .card-box-2 {
        background: #FCFCFC;
        padding: 30px 30px;
    }
    .library-details-area-2 .card-box-2  {
        padding-top: 320px;
    }
    .bk-dts-head-links{
        width: 100%;
        margin-bottom: 20px;
        row-gap: 10px;
        flex-wrap: wrap;
    }
    .share-menu {
        right: 0;
    }
    .bk-dts-links-btns{
        width: 100%;
    }
    .bk-dts-links-btns .btn{
        width: 100%;
    }
    .bk-dts-head-links .bk-dts-links{
        width: 100%;
    }
    .bk-dts-info {
        padding-left: 0;
    }
    .bk-dts-info h5 {
        font-size: 15px;
    }
    .bk-dts-title {
        margin-bottom: 12px;
        line-height: 30px;
        font-size: 18px;
    }
    .sponsor-brands img {
        width: auto;
        height: 47px;
    }
    .bk-dts-head-links .bk-dts-links .lnk-btn {
        width: 50px;
        height: 50px;
        padding: 10px;
        font-size: 18px;
    }
    .comments-section .comments-list{
        padding: 30px 30px;
    }
    .comments-section .comments-list .comment-card {
        flex-direction: column;
        padding: 25px 0;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-text {
        padding: 12px 0 0;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-text p {
        font-size: 14px;
        text-align: right;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .comment-rate i {
        font-size: 15px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head img {
        width: 60px;
        height: 60px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head .omment-info-name h4 {
        font-size: 15px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head .omment-info-name .cmm-time {
        font-size: 12px;
    }
    /*  */
    .flex-stl-card {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .flex-stl-card .hro-text {
        padding: 30px 30px;
        background: #FCFCFC;
        border: 1px solid #BDBDBD;
        border-radius: 20px;
        width: 100%;
        min-height: auto;
    }
    .flex-stl-card .hro-text h3 {
        font-size: 26px;
        font-weight: 700;
        text-align: right;
        margin-bottom: 15px;
    }
    .flex-stl-card .hro-text p {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 15px;
    }
    .flex-stl-card .hro-img {
        width: 100%;
        height: 440px;
        border-radius: 20px;
    }
    .flex-st2-list {
        padding: 30px 30px;
        border-radius: 20px;
        row-gap: 12px;
        column-gap: 20px;
    }
    .flex-st2-list .flex-st2-card .st2-text {
        gap: 1px;
    }
    .flex-st2-list .flex-st2-card .st2-text h4 {
        font-size: 14px;
    }
    .flex-st2-list .flex-st2-card .st2-text h5 {
        font-size: 15px;
    }
    .flex-st2-list .flex-st2-card .icon {
        width: 50px;
        height: 50px;
        border-radius: 12px;
    }
    .inst-info-details {
        gap: 10px;
    }
    .inst-info-details {
        margin-bottom: 15px;
    }
    .course-info-sec .crs-sec-card {
        flex-direction: column;
        padding: 0px 5px;
    }
    .course-info-sec .crs-sec-card .crs-text {
        padding-right: 30px;
    }
    .course-info-sec .crs-sec-card .crs-crd-title {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        flex: 1 0 100%;
    }
    .course-info-sec .crs-sec-card .crs-crd-title i {
        width: 50px;
        height: 50px;
        font-size: 23px;
    }
    /*  */
    .survey-area .form-content-wrapper::before {
        width: 100%;
        right: 0;
    }
    .survey-area .form-content-card {
        width: 100%;
        padding: 40px 30px 30px 30px;
    }
    .scale-container .scale-list {
        width: 100%;
        flex-wrap: wrap;
    }
    .scale-container .labels{
        display: none;
    }
    .survey-area .form-head-sec h3 {
        font-size: 22px;
    }
    .survey-area .form-head-sec h5 {
        font-size: 14px;
    }
    .navbar-nav .dropdown .dropdown-menu {
        border: 1px solid #ebebeb00;
        box-shadow: none;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item{
        padding: 4px 15px;
    }
    
    /* About */
    .intro-area{
        padding-bottom: 0;
    }
    .about-info-section {
        padding: 40px 40px 30px 0;
    }
    .viss-miss-section .vm-card-item.mssg-item {
        flex: 1 0 100%;
        padding: 30px 30px;
        gap: 20px;
    }
    .viss-miss-section .vm-card-item.vsn-item {
        flex: 1 0 100%;
    }

    .abt-sec-items img {
        width: 100%;
        height: 370px;
    }
    .abt-sec-items .abt-card-item-icon {
        width: 70px;
        height: 70px;
        font-size: 20px;
    }
    .abt-sec-items .abt-card-item {
        width: 200px;
    }
    .abt-sec-items .abt-card-item.item-1 {
        right: -58px;
        top: -12px;
        z-index: 991;
    }
    .abt-sec-items .abt-card-item.item-2 {
        right: 60px;
        top: 115px;
        z-index: 99;
    }
    .abt-sec-items .abt-card-item.item-3 {
        right: 120px;
        top: 265px;
        z-index: 98;
    }
    .abt-sec-items .abt-card-item.item-4 {
        left: 32px;
        top: 60px;
        z-index: 97;
    }
    .abt-sec-items .abt-card-item.item-5 {
        right: 283px;
        top: 300px;
        z-index: 96;
    }
    .abt-sec-items .abt-crd-head h5 {
        font-size: 18px;
    }
    .abt-sec-items .abt-crd-text P {
        font-size: 13px;
    }
    .abt-txt-wrapper {
        width: 50%;
        margin-top: 140px;
    }
    /* About */
    .intro-area{
        padding-bottom: 0;
    }
    .about-info-section {
        padding: 40px 40px 30px 0;
    }
    .viss-miss-section .vm-card-item.mssg-item {
        flex: 1 0 100%;
        padding: 30px 30px;
        gap: 20px;
    }
    .viss-miss-section .vm-card-item.vsn-item {
        flex: 1 0 100%;
    }

    .abt-sec-items img {
        width: 100%;
        height: 280px;
    }
    .abt-sec-items .abt-card-item-icon {
        width: 60px;
        height: 60px;
        font-size: 23px;
        border: 4px solid #6660f069;
    }
    .abt-sec-items .abt-card-item {
        width: 200px;
    }
    .abt-sec-items .abt-card-item.item-1 {
        right: -75px;
        top: -17px;
        z-index: 991;
    }
    .abt-sec-items .abt-card-item.item-2 {
        right: 59px;
        top: 115px;
        z-index: 99;
    }
    .abt-sec-items .abt-card-item.item-3 {
        right: 137px;
        top: 214px;
        z-index: 98;
    }
    .abt-sec-items .abt-card-item.item-4 {
        left: 18px;
        top: 51px;
        z-index: 97;
    }
    .abt-sec-items .abt-card-item.item-5 {
        right: 254px;
        top: 227px;
        z-index: 96;
    }
    .abt-sec-items .abt-crd-info {
        padding: 20px 15px;
    }
    .abt-sec-items .abt-card-item.item-1 .abt-crd-info {
        width: 96%;
        position: absolute;
        right: 140px;
        top: -23px;
    }
    .abt-sec-items .abt-crd-head h5 {
        font-size: 14px;
    }
    .abt-sec-items .abt-crd-text P {
        font-size: 12px;
    }
    .abt-txt-wrapper {
        width: 50%;
        margin-top: 140px;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card {
        flex: 1 1 calc(50% - 13px);
    }
    .search-sec{
        width: auto;
        border-radius: 20px;
        padding: 28px 10px 20px;
    }
    .filter-area .flt-btn{
        flex: 1;
    }
    .filter-area .flt-btn .main-btn {
        width: 100%;
    }
    .frm-img {
        width: 100%;
        bottom: 50px;
        left: 0;
    }
        .lib-info-container-2 .lib-tb-list .lib-tb-card .lib-tb-card-rgt {
        flex-direction: column;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card{
        flex: 0 1 100%;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card .lib-img {
        width: 185px;
        height: auto;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card .lib-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .sec-ttl-tbs {
        gap: 5px;
    }
    .pub-tabs{
        width: 100%;
    }
    .pub-tabs .nav-tabs{
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        padding: 10px;
        justify-content: flex-start;
    }
    .rt-txt-div h2 {
        font-size: 17px;
    }
    .rt-txt-div p {
        font-size: 14px;
    }
}

/* Large Mobile 321px : 480px */
@media only screen and (min-width: 321px) and (max-width: 480px) {

    .xs-hidden{
        display: none;
    }
    .lg-hidden{
        display: block;
    }
    .padd-40 {
        padding: 15px 0;
    }
    .padd-50 {
        padding: 20px 0;
    }
    .mob-xs{
        display: flex;
    }
    html, body {
        padding-top: 0;
    }
    body{
        padding-top: 65px;
    }
/* Buttons */
    .main-btn {
        min-height: 40px;
    }
/* Header Navbar */
    .navbar-brand {
        margin: 0;
    }
    .navbar {
        padding: 10px 10px;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        border: 0;
        gap: 0;
    }
    .navbar-nav .nav-link {
        padding: 13px 10px;
        text-align: right;
    }
    .navbar-collapse {
        padding-left: 0px;
        margin-top: 20px;
    }
    .head-title .arrow-icon i {
        top: -32px;
        left: 0px;
        width: 30px;
        height: 30px;
        font-size: 28px;
    }
    .dropdown .dropdown-menu{
        margin-top: 0px;
        padding-right: 15px;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item {
        text-align: right;
    }
    .head-title {
        margin-bottom: 30px;
        margin-top: 30px;
        gap: 40px;
    }
    .head-title p {
        font-size: 26px;
        display: flex;
        /* flex-direction: column;  */
        gap: 10px;
        flex-wrap: wrap;
    }
    .intro-card-item {
        margin-bottom: 10px;
    }
    .introcard-info{
        display: flex ;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        justify-content: space-between;
        padding: 20px 20px;
    }
    .intro-card-item img {
        width: 100%;
        height: 430px;
    }
    .sec-section {
        flex-direction: column;
    }
    .section-title h3 {
        font-size: 22px;
    }
    .section-title {
        flex-direction: column;
        align-items: flex-start;
    }
    .cardbox1-item {
        padding: 20px 20px;
        border-radius: 13px;
    }
    .cardbox1-item .cardbox-img {
        border-radius: 15px;
    }
    .sec-srt {
        flex: 0 0 100%;
        width: 100%;
    }
    .nslt-form .inputBox {
        min-width: 100%;
    }
    .newsletter-section {
        padding: 40px 20px 25px;
        border-radius: 26px;
    }
    .nslt-text h3 {
        font-size: 22px;
    }
    .nslt-text h5 {
        font-size: 18px;
    }
    .nslt-text{
        width: 100%;
    }
    .nslt-form{
        width: 100%;
    }
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
        width: 10px;
        height: 10px;
        font-size: 12px;
    }
    .footer-section {
        padding: 35px 20px 30px;
        border-radius: 26px;
        margin-bottom: 25px;
    }
    .footer-head .ft-logo img {
        width: auto;
        height: 60px;
    }
    .footer-head .ft-links a {
        font-size: 14px;
    }
    .footer-ft {
        margin-top: 0px;
    }
    .footer-ft .copyRights h5 {
        font-size: 13px;
    }
    .register-area::after {
        width: 100%;
    }
    .form-section {
        padding: 0px 20px;
        padding-top: 20px;
    }
    .main-wrapper {
        height: auto;
        flex-direction: column;
    }
    .reg-text.move-right {
        transform: translateX(0);
        transform: translateY(0);
        top: 0;
        position: relative;
    }
    .text-style .arrow-icon i {
        width: 34px;
        height: 34px;
        font-size: 30px;
    }
    .text-style .highlight {
        font-size: 22px;
    }
    .text-style p {
        font-size: 34px;
    }
    .social-reg .btn {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .contact-area .head-title p {
        font-size: 26px;
        line-height: 50px;
    }
    .contact-intro {
        flex-direction: column;
        padding: 20px 20px;
    }
    .contact-intro h5 {
        padding-right: 15px;
        padding-left: 15px;
        font-size: 16px;
        line-height: 25px;
        text-align: center;
    }
    .contact-intro {
        padding: 25px 20px;
        gap: 15px;
    }
    .contact-tabs .head-nav-tab .nav-tabs {
        width: 100%;
    }
    .contact-tabs .head-nav-tab .nav-tabs li {
        float: right;
        width: 50%;
    }
    .contact-tabs .nav-tabs .nav-link {
        min-width: 100%;
        min-height: auto;
    }
    .contact-tabs .tab-content {
        padding: 0 20px;
    }
    .contact-tabs .tab-pane {
        padding: 30px 25px;
        border-radius: 20px;
    }
    .contact-info-section{
        padding: 20px;
        border-radius: 15px;
        margin-bottom: 30px;
    }
    .contact-info-box {
        flex-direction: column;
    }
    .contact-info-section::after {
        background-repeat: no-repeat;
        background-position: bottom;
    }
    .contact-info-box .cnct-info {
        flex: 0 0 100%;
        width: 100%;
        padding: 10px 10px;
    }
    /* ---- ========== ---- */
    .head-title .highlight {
        padding: 4px 26px;
        font-size: 17px;
    }
    .notifications.notify-mobile-scrn .notification_dd{
        left: -180px;
        width: 350px;
        padding: 20px 20px;
    }
    .notifications.notify-mobile-scrn .notification_dd:before {
        left: 190px;
        right: auto;
    }
    .notification_dd .ntfc-title {
        margin-top: 5px;
    }
    .dashobard-pages-list {
        right: 20px;
    }
    .container-dashboard {
        padding-right: 85px;
    }
    .reg-accc-mob-scrn {
        display: flex;
    }
    .dashobard-pages-list .dsh-page {
        width: 50px;
        height: 50px;
        padding: 10px 10px;
        gap: 9px;
        font-size: 13px;
    }
    .dashobard-pages-list .dsh-page i {
        font-size: 22px;
    }
    .dashboard-home-sec {
        display: block;
    }
    .dsh-crd-box {
        flex: 0 0 100%;
        width: 100%;
    }
    .dsh-crd-box-2 .dsh-stc-list {
        gap: 20px;
        width: 100%;
        /* width: 280px; */
    }
    .sugg-crd .d-flex {
        flex-wrap: wrap;
        gap: 10px;
    }
    .tab-content>.tab-pane {
        padding-top: 10px;
    }
    .prf-card-item {
        flex-direction: column;
    }
    .sugg-crd {
        padding: 30px 25px 20px 25px;
    }
    .sugg-crd .nav-tabs {
        width: 100%;
    }
    .sugg-crd .nav-tabs .nav-link {
        width: 100%;
    }
    .sugg-items-list .items-list {
        margin-top: 0;
    }
    .sugg-crd .nav-tabs > li {
        flex: 1;
    }
    .sugg-items-list .item-card {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 13px;
        padding: 12px 0;
    }
    .sugg-items-list .item-card img {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }
    .sugg-items-list .item-card .btn {
        width: 100%;
    }
    .achv-card-item .prf-card-text h3 {
        line-height: 28px;
        width: 100%;
        text-align: center;
    }
    .achv-card-item {
        padding: 20px 20px;
    }
    .achv-card-item .btn {
        padding: 10px 15px;
        font-size: 15px;
    }
    .wave-graph {
        padding: 30px 5px 10px;
    }
    .achv-card-item.sts-done .wave-graph .prf-ch-sts {
        top: 15px;
        left: -20px;
    }
    .achv-card-item.sts-pending .wave-graph .prf-ch-sts {
        top: 12px;
        right: 46px;
    }
    .achv-card-item.sts-not-started .wave-graph .prf-ch-sts {
        top: 13px;
        right: -27px;
    }
    .profile-head{
        flex-direction: column;
        justify-content: flex-start;
    }
    .profile-head .profile-info-list .inf-list {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        font-size: 14px;
    }
    .profile-tab-pages {
        border-radius: 15px;
        overflow: auto;
        align-items: flex-start;
        justify-content: flex-start;
    }
    ::-webkit-scrollbar {
        height: 5px;
    }
    .profile-tab-pages .prf-pg {
        border-radius: 10px;
        flex-direction: column;
        font-size: 12px;
        line-height: 16px;
        min-width: 140px;
    }
    .image-container {
        align-items: flex-start;
        gap: 15px;
        align-items: center;
        flex-direction: column;
    }
    .profile-head .profile-info-list .inf-list p:not(:first-child) {
        border-right: 0px solid #ffffff17;
        padding-right: 0;
    }
    .profile-content-page {
        padding: 25px 25px;
        border-radius: 15px;
    }
    .main-tabs .nav-tabs {
        row-gap: 10px;
    }
    .def-st1{
        padding: 30px 20px;
        flex-direction: column;
        gap: 20px;
    }
    .def-st1 .text-card-st1 h4 {
        font-size: 15px;
    }
    .items-flex .flex-3 {
        flex: 0 1 100%;
    }
    .cardbox4-item .btns-crd {
        margin-bottom: 10px;
    }
    .cardbox4-item .cardbox-info .cardbox-txt a {
        font-size: 17px;
        font-weight: 600;
    }
    .cardbox4-item .cardbox-info .cardbox-txt {
        margin-bottom: 16px;
    }
    .main-tabs .nav-tabs{
        justify-content: flex-start;
        align-items: center;
        overflow-y: hidden;
        flex-wrap: nowrap;
        padding-bottom: 10px;
    }
    .main-tabs .nav-tabs .nav-item{
        border-radius: 10px;
        flex-direction: column;
        line-height: 16px;
        min-width: max-content;
    }
    .main-tabs .nav-tabs .nav-item .nav-link{
        padding: 12px 30px;
    }
    /*  */
    .lib-card .lib-card-btns .arrow-btn-st2 {
        width: 35px;
        height: 35px;
        font-size: 22px;
    }
    .lib-card.sm-hgt {
        height: 220px;
        margin: 10px 0;
    }
    .lib-card .lib-title {
        bottom: 11px;
        right: 0;
        padding: 7px 25px;
    }
    .lib-card .lib-title a {
        font-size: 24px;
    }
    .lib-info-sec {
        padding: 20px 20px;
    }
    .lib-info-container .lib-tb-list .lib-tb-card{
        flex-direction: column;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-tb-card-rgt {
        gap: 12px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .lib-info-container .lib-tb-list .lib-tb-card{
        gap: 10px;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-btns {
        margin-top: 5px;
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-btns .btn {
        min-width: auto;
        flex: 0 0 100%;
    }
    .lib-categ-list {
        width: 100%;
        position: relative;
        top: 0;
        margin-bottom: 20px;
    }
    .bk-img-side img {
        height: 330px;
        left: 21%;
    }
    .bk-sm-dts {
        margin-top: 0px;
        padding-left: 20px;
        margin-bottom: 40px;
    }
    .bk-sm-dts h3 {
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 31px;
    }
    .bk-sm-dts h5 {
        font-size: 16px;
        font-weight: 400;
        text-align: right;
        width: 100%;
        line-height: 20px;
        margin-top: 9px;
        height: auto;
        overflow: visible;
    }
    .card-box-2 {
        background: #FCFCFC;
        padding: 30px 30px;
    }
    .library-details-area-2 .card-box-2  {
        padding-top: 320px;
    }
    .bk-dts-head-links{
        width: 100%;
        margin-bottom: 20px;
        row-gap: 10px;
        flex-wrap: wrap;
    }
    .share-menu {
        right: 0;
    }
    .bk-dts-links-btns{
        width: 100%;
    }
    .bk-dts-links-btns .btn{
        width: 100%;
    }
    .bk-dts-head-links .bk-dts-links{
        width: 100%;
    }
    .bk-dts-info {
        padding-left: 0;
    }
    .bk-dts-info h5 {
        font-size: 15px;
    }
    .bk-dts-title {
        margin-bottom: 12px;
        line-height: 30px;
        font-size: 18px;
    }
    .sponsor-brands img {
        width: auto;
        height: 47px;
    }
    .bk-dts-head-links .bk-dts-links .lnk-btn {
        width: 50px;
        height: 50px;
        padding: 10px;
        font-size: 18px;
    }
    .comments-section .comments-list{
        padding: 30px 30px;
    }
    .comments-section .comments-list .comment-card {
        flex-direction: column;
        padding: 25px 0;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-text {
        padding: 12px 0 0;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-text p {
        font-size: 14px;
        text-align: right;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .comment-rate i {
        font-size: 15px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head img {
        width: 60px;
        height: 60px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head .omment-info-name h4 {
        font-size: 15px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head .omment-info-name .cmm-time {
        font-size: 12px;
    }
    /*  */
    .flex-stl-card {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .flex-stl-card .hro-text {
        padding: 30px 30px;
        background: #FCFCFC;
        border: 1px solid #BDBDBD;
        border-radius: 20px;
        width: 100%;
        min-height: auto;
    }
    .flex-stl-card .hro-text h3 {
        font-size: 26px;
        font-weight: 700;
        text-align: right;
        margin-bottom: 15px;
    }
    .flex-stl-card .hro-text p {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 15px;
    }
    .flex-stl-card .hro-img {
        width: 100%;
        height: 440px;
        border-radius: 20px;
    }
    .flex-st2-list {
        padding: 30px 30px;
        border-radius: 20px;
        row-gap: 12px;
        column-gap: 20px;
    }
    .flex-st2-list .flex-st2-card .st2-text {
        gap: 1px;
    }
    .flex-st2-list .flex-st2-card .st2-text h4 {
        font-size: 14px;
    }
    .flex-st2-list .flex-st2-card .st2-text h5 {
        font-size: 15px;
    }
    .flex-st2-list .flex-st2-card .icon {
        width: 50px;
        height: 50px;
        border-radius: 12px;
    }
    .inst-info-details {
        gap: 10px;
    }
    .inst-info-details {
        margin-bottom: 15px;
    }
    .course-info-sec .crs-sec-card {
        flex-direction: column;
        padding: 0px 5px;
    }
    .course-info-sec .crs-sec-card .crs-text {
        padding-right: 30px;
    }
    .course-info-sec .crs-sec-card .crs-crd-title {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        flex: 1 0 100%;
    }
    .course-info-sec .crs-sec-card .crs-crd-title i {
        width: 50px;
        height: 50px;
        font-size: 23px;
    }
    /*  */
    .survey-area .form-content-wrapper::before {
        width: 100%;
        right: 0;
    }
    .survey-area .form-content-card {
        width: 85%;
        padding: 40px 30px 30px 30px;
    }
    .scale-container .scale-list {
        width: 100%;
        flex-wrap: wrap;
    }
    .scale-container .labels{
        display: none;
    }
    .survey-area .form-head-sec h3 {
        font-size: 22px;
    }
    .survey-area .form-head-sec h5 {
        font-size: 14px;
    }
    .navbar-nav .dropdown .dropdown-menu {
        border: 1px solid #ebebeb00;
        box-shadow: none;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item{
        padding: 4px 15px;
    }
    
    /* About */
    .intro-area{
        padding-bottom: 0;
    }
    .about-info-section {
        padding: 40px 40px 30px 0;
    }
    .viss-miss-section .vm-card-item.mssg-item {
        flex: 1 0 100%;
        padding: 30px 30px;
        gap: 20px;
    }
    .viss-miss-section .vm-card-item.vsn-item {
        flex: 1 0 100%;
    }

    .abt-sec-items img {
        width: 100%;
        height: 370px;
    }
    .abt-sec-items .abt-card-item-icon {
        width: 60px;
        height: 60px;
        font-size: 23px;
        border: 5px solid #6660f069;
    }
    .abt-sec-items .abt-card-item {
        width: 200px;
    }
    .abt-sec-items .abt-card-item.item-1 {
        right: -62px;
        top: 3px;
        z-index: 991;
    }
    .abt-sec-items .abt-card-item.item-2 {
        right: 20px;
        top: 115px;
        z-index: 99;
    }
    .abt-sec-items .abt-card-item.item-3 {
        right: 100px;
        top: 295px;
        z-index: 98;
    }
    .abt-sec-items .abt-card-item.item-4 {
        left: 0px;
        top: 60px;
        z-index: 97;
    }
    .abt-sec-items .abt-card-item.item-5 {
        right: 197px;
        top: 330px;
        z-index: 96;
    }
    .abt-sec-items .abt-crd-head h5 {
        font-size: 18px;
    }
    .abt-sec-items .abt-crd-text P {
        font-size: 13px;
    }
    .abt-txt-wrapper {
        width: 100%;
        margin-top: 140px;
    }    .search-sec{
        width: auto;
        border-radius: 20px;
        padding: 28px 10px 20px;
    }
    .search-sec {
        width: auto;
        border-radius: 20px;
        padding: 20px 15px 15px;
    }
    .search-sec h3 {
        text-align: center;
    }
    .search-sec .search-card.main-form .form-control {
        min-width: 100%;
    }
     .search-sec .main-form {
        width: 100%;
    }
    .search-sec .search-card .input-grp {
        position: relative;
        width: 100%;
    }
    .filter-area .flt-btn{
        flex: 1;
    }
    .filter-area .flt-btn .main-btn {
        width: 100%;
    }
    .frm-img {
        width: 100%;
        bottom: 50px;
        left: 0;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card .lib-tb-card-rgt {
        flex-direction: column;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card{
        flex: 0 1 100%;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card .lib-img {
        width: 100%;
        height: 448px;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card .lib-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .sec-ttl-tbs {
        gap: 5px;
    }
    .pub-tabs{
        width: 100%;
    }
    .pub-tabs .nav-tabs{
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        padding: 10px;
        justify-content: flex-start;
    }
    .rt-txt-div h2 {
        font-size: 17px;
    }
    .rt-txt-div p {
        font-size: 14px;
    }
} 

/* Small Mobile 50px : 356px */
@media only screen and (min-width: 50px) and (max-width: 320px) {
    .xs-hidden{
        display: none;
    }
    .lg-hidden{
        display: block;
    }
    .padd-40 {
        padding: 15px 0;
    }
    .padd-50 {
        padding: 20px 0;
    }
    .mob-xs{
        display: flex;
    }
    html, body {
        padding-top: 0;
    }
    body{
        padding-top: 65px;
    }
/* Buttons */
    .main-btn {
        min-height: 40px;
    }
/* Header Navbar */
    .navbar-brand {
        margin: 0;
    }
    .navbar {
        padding: 10px 10px;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        border: 0;
        gap: 0;
    }
    .navbar-nav .nav-link {
        padding: 10px 5px;
        text-align: right;
        font-size: 14px;
    }
    .navbar-collapse {
        padding-left: 0px;
        margin-top: 20px;
    }
    .reg-accc-mob-scrn {
        margin-left: 5px;
    }
    .navbar-brand img {
        width: 77px;
        height: 28px;
        margin-right: 0;
    }
    .navbar-toggler {
        width: 33px;
        height: 33px;
        line-height: 24px;
        padding: 5px;
        font-size: 12px;
    }
    .head-title .arrow-icon i {
        top: -45px;
        left: 0;
        width: 30px;
        height: 30px;
        font-size: 24px;
    }
    .dropdown .dropdown-menu{
        margin-top: 0px;
        padding-right: 5px;
    }
    .dropdown-btn-log i {
        margin-left: 2px;
        font-size: 14px;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item {
        text-align: right;
    }
    .reg-accc-mob-scrn .btn {
        padding: 5px 14px 5px 10px;
        font-size: 11px;
        height: auto;
    }
    .head-title {
        margin-bottom: 10px;
        margin-top: 0;
    }
    .head-title p {
        font-size: 26px;
        line-height: 51px;
    }
    .intro-card-item {
        margin-bottom: 10px;
    }
    .intro-cards-wrapper .intro-card .main-btn-arrow {
        position: absolute;
        top: 13px;
        left: 16px;
        width: auto;
        padding: 5px 12px;
        height: 36px;
        font-size: 12px;
    }
    .intro-card .crd-icon {
        width: 50px;
        height: 50px;
        font-size: 25px;
    }
    .intro-card .description {
        margin-top: 7px;
        font-size: 14px;
    }
    .intro-cards-wrapper:has(.card1:hover) .card1 {
        height: 280px;
        padding: 20px 17px 20px;
    }
    .intro-cards-wrapper:has(.card2:hover) .card2{
        height: 280px;
        padding: 20px 20px 20px !important;
    }
    .intro-cards-wrapper:has(.card3:hover) .card3 {
        height: 280px;
        padding: 20px 20px 20px;
    }
    .intro-card .crd-title {
        font-size: 17px;
    }
    .main-btn-arrow i {
        font-size: 15px;
    }
    .intro-card {
        padding: 20px 20px 20px;
        border-radius: 20px;
    }
    .introcard-info{
        display: flex ;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        justify-content: space-between;
        padding: 20px 20px;
    }
    .intro-card-item img {
        width: 100%;
        height: 430px;
    }
    .sec-section {
        flex-direction: column;
    }
    .section-title h3 {
        font-size: 19px;
    }
    .section-title {
        flex-direction: column;
        align-items: flex-start;
    }
    .sec-item-1 {
        padding: 20px 20px;
        border-radius: 20px;
        height: 390px;
    }
    .sec-item-2 {
        padding: 25px 13px;
        flex-direction: column;
        border-radius: 20px;
    }
    .sec-item-2 .sec-text {
        margin-bottom: 20px;
        width: 100%;
    }
    .sec-item-2 img {
        left: 0;
        bottom: 0;
    }
    .sec-item-3 {
        padding: 20px 20px;
        border-radius: 20px;
        flex-direction: column-reverse;
    }
    .sec-item .main-btn-arrow {
        top: 20px;
        left: 20px;
    }
    .sec-item-3 img {
        width: 180px;
        height: auto;
        margin-bottom: 5px;
    }
    .sec-item-4 {
        height: 326px;
        border-radius: 20px;
    }
    .sec-item-4 img {
        width: 260px;
        height: 150px;
        max-width: 120%;
        left: -10px;
        top: 10px;
    }
    .sec-item-4 .sec_img {
        position: relative;
        height: 150px;
        margin-bottom: 30px;
    }
    .sec_img {
        position: relative;
        height: 150px;
        margin-bottom: 30px;
    }
    .cardbox1-item {
        padding: 15px 15px;
        border-radius: 13px
    }
    .cardbox1-item .cardbox-img {
        border-radius: 15px;
        height: 160px;
    }
    .sm-lbs-inf .lbs-item {
        font-size: 12px;
    }
    .cardbox-ft-bottom {
        margin-top: 25px;
        flex-direction: column;
        gap: 10px;
    }
    .cardbox3-item .cardbox-info {
        bottom: 25px;
        padding: 5px 16px;
    }
    .cardbox3-item .cardbox-img {
        height: 380px;
    }
    .cardbox1-item .cardbox-txt {
        padding: 15px 0px 10px;
    }
    .cardbox2-item .cardbox-info .cardbox-txt h3 {
        font-size: 15px;
    }
    .cardbox1-item .cardbox-ft {
        margin-top: 15px;
    }
    .cardbox1-item .cardbox-ft h5 {
        font-size: 15px;
    }
    .cardbox2-item .cardbox-info {
        padding: 14px 10px;
    }
    .cardbox1-item .cardbox-ft .main-btn {
        margin-top: 13px;
        padding: 7px 15px;
        font-size: 11px;
        min-height: auto;
    }
    .main-btn i {
        margin-top: 0px;
    }
    .cardbox2-item {
        padding: 6px 10px 20px;
    }
    .cardbox3-item .cardbox-btn {
        top: 17px;
        left: 20px;
    }
    .cardbox2-item .cardbox-ft .btn {
        margin-top: 0px;
        padding: 3px 16px;
        font-size: 11px;
    }
    .cardbox1-item .cardbox-txt h3 {
        font-size: 18px;
    }
    .cardbox1-item .cardbox-txt {
        padding: 30px 0px 10px;
    }
    .cardbox1-item .cardbox-txt p {
        font-size: 13px;
        margin-top: 11px;
        line-height: 20px;
    }
    .cardbox5-item .head-crd {
        flex-direction: column;
        gap: 12px;
    }
    .cardbox5-item .cardbox-txt a {
        font-size: 15px;
        font-weight: 600;
        margin: 14px 0 15px 0;
        display: block;
    }
    .cardbox5-item {
        padding: 15px 15px;
        border-radius: 20px;
    }
    .sec-srt {
        flex: 0 0 100%;
        width: 100%;
    }
    .nslt-form .inputBox {
        min-width: 100%;
    }
    .newsletter-section {
        padding: 30px 10px 25px;
        border-radius: 26px;
        gap: 16px;
    }
    .nslt-text h3 {
        font-size: 17px;
    }
    .nslt-text h5 {
        font-size: 14px;
    }
    .nslt-text{
        width: 100%;
    }
    .nslt-form{
        width: 100%;
    }
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
        width: 10px;
        height: 10px;
    }
    .footer-section {
        padding: 25px 20px 20px;
        border-radius: 20px;
        margin-bottom: 20px;
    }
    .footer-head .ft-logo img {
        width: auto;
        height: 60px;
    }
    .footer-head .ft-links a {
        font-size: 14px;
    }
    .footer-ft {
        margin-top: 0px;
        flex-direction: column;
        gap: 12px;
    }
    .footer-ft .ft-social-list a {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    .footer-ft .copyRights h5 {
        font-size: 13px;
    }
    .register-area::after {
        width: 100%;
    }
    .form-section {
        padding: 0px 0px;
        padding-top: 0px;
    }
    .main-wrapper {
        height: auto;
        flex-direction: column;
    }
    .reg-form .form-control {
        min-height: 45px;
    }
    .input-grp i {
        top: 20px;
        left: 16px;
        font-size: 13px;
    }
    .reg-btn {
        padding: 10px 16px;
        border-radius: 50px;
        font-size: 15px;
    }
    .reg-text.move-right {
        transform: translateX(0);
        transform: translateY(0);
        top: 0;
        position: relative;
    }
    .acc-text h5 {
        font-size: 13px;
    }
    .text-style .arrow-icon i {
        width: 30px;
        height: 30px;
        font-size: 21px;
        top: -38px;
        left: -10px;    
    }
    .text-style .highlight {
        font-size: 15px;
        padding: 3px 20px;
    }
    .text-style p {
        font-size: 20px;
    }
    .social-reg .btn {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .contact-area .head-title p {
        font-size: 17px;
        line-height: 35px;
    }
    .contact-intro {
        flex-direction: column;
        padding: 20px 20px;
    }
    .contact-intro h5 {
        padding-right: 15px;
        padding-left: 15px;
        font-size: 16px;
        line-height: 25px;
        text-align: center;
    }
    .contact-intro {
        padding: 25px 20px;
        gap: 15px;
    }
    .contact-tabs .head-nav-tab .nav-tabs {
        width: 100%;
    }
    .contact-tabs .head-nav-tab .nav-tabs {
        padding: 10px 10px;
        flex-direction: column;
    }
    .contact-tabs .head-nav-tab .nav-tabs li {
        float: right;
        width: 100%;
    }
    .contact-tabs .head-nav-tab {
        width: 100%;
        padding: 20px 5px 10px;
    }
    .contact-tabs .nav-tabs .nav-link {
        min-width: 100%;
        min-height: auto;
    }
    .tb-title {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .contact-tabs .tab-content {
        padding: 0 0px;
    }
    .contact-tabs .tab-pane {
        padding: 30px 25px;
        border-radius: 20px;
    }
    .contact-info-section{
        padding: 20px;
        border-radius: 15px;
        margin-bottom: 30px;
    }
    .contact-info-box {
        flex-direction: column;
    }
    .contact-info-section::after {
        background-repeat: no-repeat;
        background-position: bottom;
    }
    .main-form form .col-lg-6{
        padding-right: 0;
        padding-left: 0;
    }
    .contact-info-box .cnct-info {
        flex: 0 0 100%;
        width: 100%;
        padding: 10px 10px;
    }
    .flex-div {
        flex-direction: column;
    }
    .flex-div .main-btn {
        min-height: auto;
        padding: 5px 12px;
        min-width: auto;
        font-size: 11px;
    }
    .footer-head {
        display: flex;
        flex-direction: column;
        gap: 13px;
    }
    
    /* ---- ========== ---- */
    .breadcrumb{
        row-gap: 2px;
    }
    .main-tabs .sticky {
        top: 54px;
    }
    .head-title .highlight {
        padding: 4px 26px;
        font-size: 17px;
    }
    .notifications.notify-mobile-scrn .notification_dd{
        left: -160px;
        width: 250px;
        padding: 20px 20px;
    }
    .notifications.notify-mobile-scrn .notification_dd:before {
        left: 170px;
        right: auto;
    }
    .notification_dd .ntfc-title {
        margin-top: 5px;
    }
    .notifications .notification_dd li .notify_sts_icon {
        width: 40px;
        height: 40px;
    }
    .notifications .notification_dd li {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        padding: 10px 0px;
    }
    .notifications .notify-text-card {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
    }
    .dashobard-pages-list {
        right: 15px;
    }
    .container-dashboard {
        padding-right: 65px;
    }
    .reg-accc-mob-scrn {
        display: flex;
    }
    .dashobard-pages-list .dsh-page {
        width: 40px;
        height: 40px;
        padding: 10px 10px;
        gap: 9px;
        font-size: 12px;
    }
    .dashobard-pages-list .dsh-page i {
        font-size: 17px;
    }
    .dashboard-home-sec {
        display: block;
    }
    .dsh-crd-box {
        flex: 0 0 100%;
        width: 100%;
    }
    .dsh-crd-box-2 .dsh-stc-list {
        gap: 20px;
        /* width: 330px; */
        width: 100%;
    }
    .sugg-crd .d-flex {
        flex-wrap: wrap;
        gap: 10px;
    }
    .tab-content>.tab-pane {
        padding-top: 10px;
    }
    .prf-card-item {
        flex-direction: column;
    }
    .sugg-crd {
        padding: 30px 25px 20px 25px;
    }
    .sugg-crd .nav-tabs {
        width: 100%;
    }
    .sugg-crd .nav-tabs .nav-link {
        width: 100%;
    }
    .sugg-items-list .items-list {
        margin-top: 0;
    }
    .sugg-crd .nav-tabs > li {
        flex: 1;
    }
    .sugg-items-list .item-card {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 13px;
        padding: 12px 0;
    }
    .sugg-items-list .item-card img {
        width: 100px;
        height: 100px;
    }
    .sugg-items-list .item-card .btn {
        width: 100%;
    }
    .achv-card-item .prf-card-text h3 {
        line-height: 28px;
        width: 100%;
        text-align: center;
    }
    .wave-graph {
        padding: 30px 5px 10px;
    }
    .achv-card-item.sts-done .wave-graph .prf-ch-sts {
        top: 15px;
        left: -20px;
    }
    .achv-card-item.sts-pending .wave-graph .prf-ch-sts {
        top: 12px;
        right: 46px;
    }
    .achv-card-item.sts-not-started .wave-graph .prf-ch-sts {
        top: 13px;
        right: -27px;
    }
    .profile-head{
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 15px 15px;
        align-content: center
    }
    .profile-head .profile-info-list .inf-list {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        font-size: 14px;
        width: 100%;
    }
    .profile-head .profile-info-list h3{
        font-size: 16px;
    }
    .profile-head .profile-info-list{
        align-items: center;
        width: 100%;
    }
    .profile-head .profile-info-list .inf-list p {
        font-size: 14px;
        padding-left: 0;
        flex-direction: column;
        gap: 4px;
        width: 100%;
    }
    .profile-content-page .main-form-btns .btn {
        padding: 11px 20px;
    }
    #profileImage {
        width: 100px;
        height: 100px;
    }
    .profile-tab-pages {
        border-radius: 15px;
        overflow: auto;
        align-items: flex-start;
        justify-content: flex-start;
    }
    ::-webkit-scrollbar {
        height: 5px;
    }
    .profile-tab-pages .prf-pg {
        border-radius: 10px;
        flex-direction: column;
        font-size: 12px;
        line-height: 16px;
        min-width: 140px;
    }
    .image-container {
        align-items: flex-start;
        gap: 15px;
        align-items: center;
        flex-direction: column;
    }
    .profile-head .profile-info-list .inf-list p:not(:first-child) {
        border-right: 0px solid #ffffff17;
        padding-right: 0;
    }
    .profile-content-page {
        padding: 25px 25px;
        border-radius: 15px;
    }
    .main-tabs .nav-tabs {
        row-gap: 10px;
    }
    .def-st1{
        padding: 30px 20px;
        flex-direction: column;
        gap: 20px;
    }
    .def-st1 .text-card-st1 h4 {
        font-size: 15px;
    }
    .items-flex .flex-3 {
        flex: 0 1 100%;
    }
    .cardbox4-item .btns-crd {
        margin-bottom: 10px;
    }
    .cardbox4-item .cardbox-info .cardbox-txt a {
        font-size: 17px;
        font-weight: 600;
    }
    .cardbox4-item .cardbox-info .cardbox-txt {
        margin-bottom: 16px;
    }
    .main-tabs .nav-tabs{
        justify-content: flex-start;
        align-items: center;
        overflow-y: hidden;
        flex-wrap: nowrap;
        padding-bottom: 10px;
    }
    .main-tabs .nav-tabs .nav-item{
        border-radius: 10px;
        flex-direction: column;
        line-height: 16px;
        min-width: max-content;
    }
    .main-tabs .nav-tabs .nav-item .nav-link{
        padding: 12px 30px;
    }
    /*  */
    .lib-card .lib-card-btns .arrow-btn-st2 {
        width: 35px;
        height: 35px;
        font-size: 22px;
    }
    .lib-card.sm-hgt {
        height: 220px;
        margin: 10px 0;
    }
    .lib-card .lib-title {
        bottom: 11px;
        right: 0;
        padding: 7px 25px;
    }
    .lib-card .lib-title a {
        font-size: 24px;
    }
    .lib-info-sec {
        padding: 20px 20px;
    }
    .lib-categ-list .nav-tabs .nav-item .nav-link{
        font-size: 14px;
    }
    .lib-categ-list .nav-tabs .nav-item .nav-link .no-spn{
        font-size: 12px;
    }
    .lib-info-container .lib-tb-list .lib-tb-card{
        flex-direction: column;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-tb-card-rgt {
        gap: 12px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-text h3{
        font-size: 17px;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-text p{
        height: 60px;
        line-height: 19px;
        font-size: 14px;
    }
    .lib-info-container .lib-tb-list .lib-tb-card{
        gap: 10px;
        padding: 20px 20px;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-btns {
        margin-top: 5px;
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
    }
    .lib-info-container .lib-tb-list .lib-tb-card .lib-btns .btn {
        min-width: 100%;
        flex: 0 0 100%;
    }
    .lib-categ-list {
        width: 100%;
        position: relative;
        top: 0;
        margin-bottom: 20px;
    }
    .bk-img-side img {
        height: 330px;
        left: 7%;
    }
    .bk-sm-dts {
        margin-top: 0px;
        padding-left: 20px;
        margin-bottom: 40px;
    }
    .bk-sm-dts h3 {
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 31px;
    }
    .bk-sm-dts h5 {
        font-size: 16px;
        font-weight: 400;
        text-align: right;
        width: 100%;
        line-height: 20px;
        margin-top: 9px;
        height: auto;
        overflow: visible;
    }
    .card-box-2 {
        background: #FCFCFC;
        padding: 30px 30px;
    }
    .library-details-area-2 .card-box-2  {
        padding-top: 320px;
    }
    .bk-dts-head-links{
        width: 100%;
        margin-bottom: 20px;
        row-gap: 10px;
        flex-wrap: wrap;
    }
    .share-menu {
        right: 0;
    }
    .bk-dts-links-btns{
        width: 100%;
    }
    .bk-dts-links-btns .btn{
        width: 100%;
    }
    .bk-dts-head-links .bk-dts-links{
        width: 100%;
    }
    .bk-dts-info {
        padding-left: 0;
    }
    .bk-dts-info h5 {
        font-size: 15px;
    }
    .bk-dts-title {
        margin-bottom: 12px;
        line-height: 30px;
        font-size: 18px;
    }
    .sponsor-brands img {
        width: auto;
        height: 47px;
    }
    .bk-dts-head-links .bk-dts-links .lnk-btn {
        width: 50px;
        height: 50px;
        padding: 10px;
        font-size: 18px;
    }
    .comments-section .comments-list{
        padding: 30px 30px;
    }
    .comments-section .comments-list .comment-card {
        flex-direction: column;
        padding: 25px 0;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-text {
        padding: 12px 0 0;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-text p {
        font-size: 14px;
        text-align: right;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .comment-rate i {
        font-size: 15px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head img {
        width: 60px;
        height: 60px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head .omment-info-name h4 {
        font-size: 15px;
    }
    .comments-section .comments-list .comment-card .comment-info .comment-info-head .omment-info-name .cmm-time {
        font-size: 12px;
    }
    /*  */
    .flex-stl-card {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .flex-stl-card .hro-text {
        padding: 20px 20px;
        border-radius: 20px;
        width: 100%;
        min-height: auto;
    }
    .flex-stl-card .hro-text h3 {
        font-size: 22px;
        font-weight: 700;
        text-align: right;
        margin-bottom: 15px;
    }
    .flex-stl-card .hro-text .btn {
        min-height: 41px;
    }
    .course-info-sec{
        padding: 20px 15px;
    }
    .flex-stl-card .hro-text p {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 15px;
    }
    .flex-stl-card .hro-img {
        width: 100%;
        height: 440px;
        border-radius: 20px;
    }
    .flex-st2-list {
        padding: 30px 30px;
        border-radius: 20px;
        row-gap: 12px;
        column-gap: 20px;
    }
    .flex-st2-list .flex-st2-card .st2-text {
        gap: 1px;
    }
    .flex-st2-list .flex-st2-card .st2-text h4 {
        font-size: 14px;
    }
    .flex-st2-list .flex-st2-card .st2-text h5 {
        font-size: 15px;
    }
    .flex-st2-list .flex-st2-card .icon {
        width: 50px;
        height: 50px;
        border-radius: 12px;
    }
    .inst-info-details {
        gap: 10px;
    }
    .inst-info-details {
        margin-bottom: 15px;
    }
    .course-info-sec .crs-sec-card {
        flex-direction: column;
        padding: 0px 5px;
    }
    .course-info-sec .crs-sec-card .crs-text {
        padding-right: 30px;
    }
    .course-info-sec .crs-sec-card .crs-crd-title {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        flex: 1 0 100%;
    }
    .course-info-sec .crs-sec-card .crs-crd-title i {
        width: 50px;
        height: 50px;
        font-size: 23px;
    }
    /*  */
    .survey-area .form-content-wrapper::before {
        width: 100%;
        right: 0;
    }
    .survey-area .form-content-card {
        width: 100%;
        padding: 40px 30px 30px 30px;
    }
    .scale-container .scale-list {
        width: 100%;
        flex-wrap: wrap;
    }
    .scale-container .labels{
        display: none;
    }
    .survey-area .form-head-sec h3 {
        font-size: 22px;
    }
    .survey-area .form-head-sec h5 {
        font-size: 14px;
    }
    .navbar-nav .dropdown .dropdown-menu {
        border: 1px solid #ebebeb00;
        box-shadow: none;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item{
        padding: 4px 15px;
    }
    .search-sec{
        width: auto;
        border-radius: 20px;
        padding: 28px 10px 20px;
    }
    .search-sec h3 {
        text-align: center;
    }
    .search-sec .search-card.main-form .form-control {
        min-width: 100%;
        padding-left: 10px;
        min-height: 45px;
    }
    .search-sec .search-card .btn {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 8px;
    }
    .filter-area .flt-btn{
        flex: 1;
    }
    .filter-area .flt-btn .main-btn {
        width: 100%;
    }
    .frm-img {
        width: 100%;
        bottom: 50px;
        left: 0;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card .lib-tb-card-rgt {
        flex-direction: column;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card{
        flex: 0 1 100%;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card .lib-img {
        width: 100%;
        height: 448px;
    }
    .lib-info-container-2 .lib-tb-list .lib-tb-card .lib-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .sec-ttl-tbs {
        gap: 5px;
    }
    .pub-tabs{
        width: 100%;
    }
    .pub-tabs .nav-tabs{
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        padding: 10px;
        justify-content: flex-start;
    }
    .rt-txt-div h2 {
        font-size: 17px;
    }
    .rt-txt-div p {
        font-size: 14px;
    }
}