@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
                    body {
                        font-family: "Poppins", sans-serif !important;
                    }
                    
                    .mar-bg {
                        color: #dd8615;
                        text-transform: uppercase;
                        font-weight: 600;
                        font-size: 16px;
                        z-index: +9;
                        position: relative;
                        bottom: 8px;
                        letter-spacing: 1px;
                    }
                    
                    a {
                        text-decoration: none !important;
                    }
                    
                    nav {
                        font-size: 16px !important;
                    }
                    /* new style 2024*/
                    
                    .NAVBAR1 {
                        position: fixed !important;
                        z-index: 9999;
                        width: 100%;
                        background: #fffffff0;
                        box-shadow: 6px 3px 9px 1px;
                        padding: 25px 0px !important;
                    }
                    
                    .aboutus1 {
                        float: left;
                    }
                    
                    .NAVBAR1 .nav-link {
                        color: #817F7F !important;
                        font-size: 18px !important;
                    }
                    
                    .NAVBAR1 .nav-link:hover,
                    .NAVBAR1 .dropdown-toggle:hover {
                        color: #fd6400 !important;
                    }
                    
                    a.nav-link.dropdown-toggle.me-3.show {
                        color: #fd6400 !important;
                    }
                    
                    .NAVBAR1 .nav-link::before {
                        position: absolute;
                        left: 0;
                        top: -0.5rem;
                        width: 0;
                        height: 3px;
                        background-color: #fe6300 !important;
                        content: "";
                        -webkit-transition: all 0.5s;
                        -moz-transition: all 0.5s;
                        -o-transition: all 0.5s;
                        transition: all 0.5s;
                    }
                    
                    .NAVBAR1 ul.navbar-nav {
                        position: relative;
                        left: 50%;
                        translate: -50% 0%;
                    }
                    
                    ol.breadcrumb {
                        float: left;
                        width: 100%;
                        clear: both;
                        margin-top: 115px;
                        background: rgb(36, 88, 152);
                        background: radial-gradient(circle, rgba(36, 88, 152, 1) 36%, rgba(93, 84, 81, 1) 58%, rgba(120, 92, 80, 1) 80%, rgba(129, 94, 80, 1) 84%, rgba(240, 126, 73, 0.9920343137254902) 94%);
                        background-size: 400% 400%;
                        animation: gradient 15s ease infinite;
                    }
                    
                    @keyframes gradient {
                        0% {
                            background-position: 0% 50%;
                        }
                        50% {
                            background-position: 100% 50%;
                        }
                        100% {
                            background-position: 0% 50%;
                        }
                    }
                    
                    .sdpi-banner-3 {
                        position: relative;
                    }
                    
                    .sdpi-banner-3 .carousel-caption {
                        color: #000;
                        top: 25% !important;
                        padding: 0 70px 0 70px;
                        text-align: center !important;
                        margin: 0px auto;
                        width: 60%;
                    }
                    
                    .sdpi-banner-3 .carousel-caption .event-details {
                        align-self: center;
                    }
                    
                    .sdpi-banner-3 .carousel-caption .event-schedule {
                        list-style: none;
                        padding: 0;
                        margin: 30px 0px;
                    }
                    
                    .sdpi-banner-3 .carousel-caption .event-schedule .day {
                        font-size: 24px;
                        font-style: italic;
                        color: #4E724D;
                        font-weight: bold;
                        text-shadow: 2px 0px #000;
                    }
                    
                    .sdpi-banner-3 .carousel-caption .event-schedule .date {
                        font-size: 24px;
                        font-style: italic;
                        color: #b28a64;
                        font-weight: bold;
                        text-shadow: 2px 0px #000;
                    }
                    
                    .sdpi-banner-3 .carousel-caption .event-schedule .time {
                        font-size: 24px;
                        font-style: italic;
                        color: #a75d5d;
                        font-weight: bold;
                        text-shadow: 2px 0px #000;
                    }
                    
                    .sdpi-banner-3 .carousel-caption .event-schedule strong {
                        margin: 0 5px 0 5px;
                    }
                    
                    .sdpi-banner-3 .carousel-caption h1 {
                        font-weight: bold;
                    }
                    
                    .sdpi-banner-3 .carousel-caption p {
                        font-size: 18px;
                        color: #6b6b6b;
                        letter-spacing: 1px;
                        margin: 20px 0;
                    }
                    
                    .sdpi-banner-3 .carousel-caption .detail-btn {
                        background-color: #2c2c60;
                        color: #fff;
                        font-size: 20px;
                        font-weight: bold;
                        padding: 10px 20px;
                        border-radius: 30px 30px 0px 30px;
                        transition: .3s ease-in-out;
                    }
                    
                    .sdpi-banner-3 .carousel-caption .detail-btn:hover {
                        border-radius: 0px 30px 30px 30px;
                        transition: .5s ease-in-out;
                    }
                    
                    .sdpi-banner-3 .carousel-caption span {
                        color: #009fed;
                    }
                    
                    .sdpi-banner-3 button i {
                        font-size: 35px;
                        color: #000;
                    }
                    
                    .banner-animated-imgs {
                        position: absolute;
                        bottom: 0;
                        left: -5%;
                        display: flex;
                        align-items: flex-end;
                        justify-content: flex-start;
                        width: 100%;
                    }
                    
                    .banner-animated-imgs .circle-container {
                        position: relative;
                    }
                    
                    .banner-animated-imgs .circle {
                        width: 350px;
                        height: 350px;
                        animation: rotating 30s linear infinite;
                    }
                    
                    @keyframes rotating {
                        from {
                            transform: translate(0%, 0%) rotate(0deg);
                        }
                        to {
                            transform: translate(0%, 0%) rotate(360deg);
                        }
                    }
                    
                    .banner-animated-imgs .logo {
                        position: absolute;
                        top: 40%;
                        left: 40%;
                        transform: translate(-50%, -50%);
                        max-width: 80px;
                        height: auto;
                    }
                    
                    .dropdown-menu.show {}
                    
                    .mar-bg {
                        color: #255899;
                        text-transform: uppercase;
                        font-weight: 600;
                        font-size: 15px;
                        background: #ff7d33;
                        padding: 10px 0;
                        margin-top: -1px;
                        letter-spacing: 3px;
                        position: relative;
                        top: 28px;
                    }
                    
                    .dropdown-menu .nav-link::before {
                        display: none;
                    }
                    
                    .dropdown-menu .nav .nav-link a:hover {
                        color: #ff7d33 !important;
                    }
                    
                    .border-shadow .eventimg {
                        margin-top: 0 !important;
                    }
                    
                    .nav-fill .nav-link h6 {
                        margin-bottom: 0;
                    }
                    
                    .ni .nav-link::before {
                        display: none !important;
                    }
                    
                    .ni .nav-link:hover::before {
                        width: 0% !important;
                    }
                    
                    .carousel-fade .carousel-item.active {
                        z-index: 0 !important;
                    }
                    /* Staff page CSS */
                    
                    .our-team {
                        text-align: center;
                        overflow: hidden;
                        position: relative;
                        margin-bottom: 35px;
                    }
                    
                    .our-team img {
                        width: 100%;
                        height: auto;
                        margin-bottom: 45px;
                    }
                    
                    .our-team .team-content {
                        width: 100%;
                        background: #245898;
                        color: #fff;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        z-index: 1;
                        transition: 1s height ease-in-out;
                        height: 95px;
                    }
                    
                    .our-team:hover .team-content {
                        transition: 1s height ease-in-out;
                        height: 130px;
                    }
                    
                    .our-team .team-content span {
                        overflow: hidden;
                        min-height: 39px;
                        padding: 0 7px;
                    }
                    
                    .our-team .social-links {
                        list-style: none;
                        padding: 0 0 15px 0;
                        margin: 0;
                        position: absolute;
                        bottom: -40px;
                        right: 0;
                        left: 0;
                        transition: all 1s ease 0s;
                    }
                    
                    .our-team:hover .social-links {
                        bottom: -5px;
                    }
                    
                    .our-team .social-links li {
                        display: inline-block;
                    }
                    
                    .our-team .social-links li a {
                        display: block;
                        font-size: 18px;
                        color: #fff;
                        margin-right: 10px;
                        transition: all 1s ease 0s;
                    }
                    
                    .our-team .social-links li:last-child a {
                        margin-right: 0;
                    }
                    
                    .our-team .social-links li a:hover {
                        color: #aad6e1;
                    }
                    
                    .our-team .team-content:before,
                    .our-team .team-content:after {
                        content: "";
                        width: 60%;
                        height: 38px;
                        background: #245898;
                        position: absolute;
                        top: -15px;
                        transform: rotate(15deg);
                        z-index: -1;
                    }
                    
                    .our-team .team-content:before {
                        left: -3%;
                    }
                    
                    .our-team .team-content:after {
                        right: -3%;
                        transform: rotate(-15deg);
                    }
                    
                    .our-team .title {
                        font-size: 17px;
                        font-weight: 600;
                        text-transform: capitalize;
                        margin: 7px 0 7px 0;
                        position: relative;
                        color: #fff;
                    }
                    
                    .our-team .title:before,
                    .our-team .title:after {
                        content: "";
                        width: 20px;
                        height: 98px;
                        background: #525152;
                        position: absolute;
                        top: -67px;
                        z-index: -2;
                        transform: rotate(-74deg);
                    }
                    
                    .our-team .title:before {
                        left: 32%;
                    }
                    
                    .our-team .title:after {
                        right: 32%;
                        transform: rotate(74deg);
                    }
                    
                    .our-team .post {
                        display: block;
                        font-size: 13px;
                        text-transform: capitalize;
                        margin-bottom: 8px;
                    }
                    
                    .eventimg a img {
                        max-width: 100%;
                        border: 2px dashed #666666;
                        border-radius: 5px;
                    }
                    
                    @media only screen and (max-width: 990px) {
                        .our-team {
                            margin-bottom: 30px;
                        }
                        .our-team .team-content:before,
                        .our-team .team-content:after {
                            height: 50px;
                            top: -24px;
                        }
                        .our-team .title:before,
                        .our-team .title:after {
                            top: -85px;
                            height: 102px;
                        }
                        .our-team .title:before {
                            left: 35%;
                        }
                        .our-team .title:after {
                            right: 35%;
                        }
                        .blogger-img {
                            width: 20% !important;
                        }
                        .chinastudycenter .ps-5 {
                            padding-left: 0 !important;
                        }
                        .blog-details {
                            width: 80% !important;
                        }
                        .our-team .team-content:before,
                        .our-team .team-content:after {
                            height: 35px !important;
                            top: -12px !important;
                        }
                        .our-team img {
                            margin-bottom: 33px !important;
                        }
                        .our-team .title:before {
                            top: -66px !important;
                        }
                        .our-team .title:after {
                            top: -66px !important;
                        }
                        .eventimg a img {
                            max-width: 100% !important;
                        }
                        .border-shadow img {
                            max-width: 100px;
                        }
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .our-team .team-content:before,
                        .our-team .team-content:after {
                            height: 75px;
                        }
                        .our-team .team-content:before {
                            transform: rotate(8deg);
                        }
                        .our-team .team-content:after {
                            transform: rotate(-8deg);
                        }
                        .our-team .title:before {
                            content: "";
                            width: 20px !important;
                            height: 150px !important;
                            background: #525152;
                            position: absolute;
                            top: -95px !important;
                            z-index: -2;
                            transform: rotate(-82deg) !important;
                        }
                        .our-team .title:after {
                            content: "";
                            width: 20px !important;
                            height: 150px !important;
                            background: #525152;
                            position: absolute;
                            top: -95px !important;
                            z-index: -2;
                            transform: rotate(82deg) !important;
                        }
                        .our-team .title:before {
                            left: 32.5%;
                            transform: rotate(-82deg);
                        }
                        .our-team .title:after {
                            right: 32.5%;
                            transform: rotate(82deg);
                        }
                        .para-container {
                            width: 85% !important;
                        }
                        .chinastudycenter h3 {
                            text-align: center;
                        }
                        .allstaff1 img {
                            width: 250px !important;
                            height: 250px !important;
                        }
                    }
                    
                    @media only screen and (max-width: 677px) {
                        .allstaff1 img {
                            width: 300px !important;
                            height: 300px !important;
                        }
                    }
                    /* Media Quireis 2024 */
                    
                    @media (max-width:1600px) and (orientation: landscape) {
                        .banner-animated-imgs .circle {
                            width: 300px;
                            height: 300px;
                        }
                        .banner-animated-imgs .logo {
                            top: 37%;
                            left: 37%;
                        }
                    }
                    
                    @media (max-width:1400px) and (orientation: landscape) {
                        ol.breadcrumb {
                            margin-top: 90px;
                        }
                        .overlay-color {
                            width: 97.5% !important;
                            left: 12px !important;
                        }
                        .overlay-color .event-read-btn {
                            left: 42% !important;
                        }
                    }
                    
                    @media (max-width:1380px) and (orientation: landscape) {
                        .banner-animated-imgs .circle {
                            width: 250px;
                            height: 250px;
                        }
                        .content-details h3 {
                            font-size: 20px;
                        }
                        .content-details p {
                            font-size: 14px;
                        }
                        ol.breadcrumb {
                            margin-top: 90px;
                        }
                        .banner-animated-imgs .logo {
                            top: 35%;
                            left: 35%;
                        }
                        .our-team .team-content span {
                            font-size: 11px;
                        }
                        .our-team img {
                            margin-bottom: 50px;
                        }
                        .our-team:hover .team-content span {
                            bottom: 10px;
                        }
                        .our-team .title {
                            font-size: 16px;
                            margin: 0px 0 7px 0;
                        }
                        .our-team:hover .team-content {
                            height: 115px !important;
                        }
                        .our-team .team-content {
                            height: 85px !important;
                        }
                    }
                    
                    @media (max-width:1180px) and (orientation: landscape) {
                        ol.breadcrumb {
                            margin-top: 75px;
                        }
                        .banner-animated-imgs .logo {
                            top: 35%;
                            left: 35%;
                        }
                    }
                    
                    @media (max-width:1100px) and (orientation: landscape) {
                        .banner-animated-imgs .circle {
                            width: 175px;
                            height: 175px;
                        }
                        .banner-animated-imgs .logo {
                            max-width: 45px;
                        }
                        .sdpi-banner-3 .carousel-caption {
                            width: 100%;
                            left: 0;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule {
                            margin: 15px 0px;
                        }
                        .sdpi-banner-3 .carousel-caption h1 {
                            font-weight: bold;
                            font-size: 28px;
                        }
                        .blogger-img {
                            width: 17% !important;
                        }
                        .blog-details {
                            width: 83% !important;
                        }
                    }
                    
                    @media (min-width:767px) and (max-width:896px) {
                        .NAVBAR2 {
                            position: fixed !important;
                            width: 100%;
                            z-index: 9999;
                            background: #fffffff0 !important;
                            box-shadow: 6px 3px 9px 1px;
                        }
                        .banner-animated-imgs .logo {
                            top: 37%;
                            left: 37%;
                        }
                        .NAVBAR1 {
                            height: 75px;
                        }
                        ol.breadcrumb {
                            margin-top: 75px;
                        }
                        .border-shadow img {
                            max-width: 100px;
                        }
                        .eventimg img {
                            max-width: 100%;
                        }
                        .sdpi-banner-3 .carousel-caption {
                            top: 30% !important;
                        }
                        .banner-animated-imgs .circle {
                            width: 150px;
                            height: 150px;
                        }
                        .banner-animated-imgs .logo {
                            max-width: 40px;
                        }
                        .sdpi-banner-3 .carousel-caption {
                            color: #000;
                            top: 25% !important;
                            padding: 0 60px 0 60px;
                            left: 0;
                            width: 100%;
                        }
                        .sdpi-banner-3 .carousel-caption h1 {
                            font-size: 20px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .day {
                            font-size: 20px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .date {
                            font-size: 20px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .time {
                            font-size: 20px;
                        }
                        .sdpi-banner-3 .carousel-caption .detail-btn {
                            font-size: 16px;
                            padding: 8px 20px;
                        }
                    }
                    
                    @media (min-width:677px) and (max-width:767px) {
                        .sdpi-banner-3 .carousel-caption .event-schedule {
                            margin: 10px 0px;
                        }
                        .sdpi-banner-3 .carousel-caption .detail-btn {
                            font-size: 18px;
                        }
                        .banner-animated-imgs {
                            position: absolute;
                            bottom: 10px;
                        }
                        .banner-animated-imgs .logo {
                            top: 37%;
                            left: 37%;
                        }
                        .sdpi-banner-3 .carousel-caption {
                            top: 32% !important;
                            width: 100%;
                            left: 0;
                        }
                        .banner-animated-imgs .logo {
                            max-width: 35px;
                        }
                        .banner-animated-imgs .circle {
                            width: 130px;
                            height: 130px;
                        }
                        ol.breadcrumb {
                            margin-top: 0px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .day {
                            font-size: 20px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .date {
                            font-size: 20px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .time {
                            font-size: 20px;
                        }
                        .sdpi-banner-3 .carousel-caption h1 {
                            font-size: 20px;
                        }
                        .sdpi-banner-3 .carousel-caption .detail-btn {
                            font-size: 16px;
                            padding: 8px 20px;
                        }
                        /* .border-shadow img {
        max-width: 100px;
    } */
                        .navbar {
                            box-shadow: 2px 3px 8px 5px #000;
                            margin-bottom: 5px;
                        }
                        #slider1 {
                            display: none;
                        }
                        #top-oval1 {
                            display: none;
                        }
                        .blogger-img {
                            width: 100% !important;
                            text-align: center;
                        }
                        .blog-details {
                            width: 100% !important;
                            text-align: center;
                        }
                        .chinastudycenter .d-flex {
                            display: block !important;
                        }
                    }
                    
                    @media (min-width:520px) and (max-width:677px) {
                        .navbar {
                            box-shadow: 2px 3px 8px 5px #000;
                            position: fixed !important;
                            width: 100%;
                            z-index: 1;
                        }
                        .banner-animated-imgs .logo {
                            top: 37%;
                            left: 37%;
                        }
                        ol.breadcrumb {
                            margin-top: 0px;
                        }
                        .sdpi-banner-3 .carousel-caption {
                            top: 15% !important;
                            width: 100%;
                            left: 0;
                        }
                        .sdpi-banner-3 .carousel-caption h1 {
                            font-size: 18px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule {
                            margin: 10px 0px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .day {
                            font-size: 16px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .date {
                            font-size: 16px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .time {
                            font-size: 16px;
                        }
                        .sdpi-banner-3 .carousel-caption .detail-btn {
                            font-size: 16px;
                            padding: 7px 20px;
                        }
                        #slider2 {
                            display: none !important;
                        }
                        .banner-animated-imgs .logo {
                            max-width: 30px;
                        }
                        .banner-animated-imgs .circle {
                            width: 110px;
                            height: 110px;
                        }
                        .sdpi-banner-3 button i {
                            font-size: 25px;
                        }
                        .banner-animated-imgs {
                            bottom: 10px;
                        }
                        .blogger-img {
                            width: 100% !important;
                            text-align: center;
                        }
                        .blog-details {
                            width: 100% !important;
                            text-align: center;
                        }
                        .chinastudycenter .d-flex {
                            display: block !important;
                        }
                        .allstaff1 .col-12 {
                            width: 75%;
                            margin: 0px auto;
                        }
                    }
                    
                    @media (min-width:380px) and (max-width:520px) {
                        .navbar {
                            box-shadow: 2px 3px 8px 5px #000;
                            margin-bottom: 5px;
                        }
                        .our-team:hover .team-content {
                            height: 75px;
                        }
                        /* .border-shadow img {
      max-width: 100px;
  } */
                        .banner-animated-imgs .logo {
                            top: 37%;
                            left: 37%;
                        }
                        ol.breadcrumb {
                            margin-top: 0px;
                        }
                        .banner-animated-imgs {
                            bottom: 10px;
                        }
                        .carousel-control-next,
                        .carousel-control-prev {
                            top: 43% !important;
                            display: flex;
                            align-items: start !important;
                        }
                        .banner-animated-imgs .logo {
                            max-width: 25px;
                        }
                        .banner-animated-imgs .circle {
                            width: 90px;
                            height: 90px;
                        }
                        .sdpi-banner-3 button i {
                            font-size: 25px;
                        }
                        .sdpi-banner-3 .carousel-caption h1 {
                            font-size: 14px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule {
                            margin: 7px 0px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .day {
                            font-size: 13px;
                        }
                        #slider2 {
                            display: none !important;
                        }
                        .re-small1 {
                            display: block;
                        }
                        .re-border.mb-5 {
                            margin-bottom: 0px !important;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .date {
                            font-size: 13px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .time {
                            font-size: 13px;
                        }
                        .sdpi-banner-3 .carousel-caption .detail-btn {
                            font-size: 13px;
                            padding: 3px 15px;
                        }
                        .sdpi-banner-3 .carousel-caption {
                            width: 100%;
                            left: 0;
                        }
                        .sdpi-banner-3 .carousel-caption {
                            top: 10% !important;
                        }
                        /* .border-shadow img {
  max-width: 100px;
} */
                        .sdpi-banner-3 .carousel-caption {
                            padding: 0 50px 0 50px;
                        }
                        .blogger-img {
                            width: 100% !important;
                            text-align: center;
                        }
                        .blog-details {
                            width: 100% !important;
                            text-align: center;
                        }
                        .chinastudycenter .d-flex {
                            display: block !important;
                        }
                        .NAVBAR1 {
                            padding: 15px 0px !important;
                        }
                        .mar-bg {
                            top: 50px !important;
                            padding: 10px 0 !important;
                        }
                        .footer-logos {
                            justify-content: center !important;
                        }
                        .footer-logos a img {
                            max-width: 130px !important;
                        }
                        .footer-logos a:nth-child(2) img {
                            margin-right: 0px !important;
                        }
                    }
                    
                    @media (min-width:320px) and (max-width:380px) {
                        .blogger-img {
                            width: 100% !important;
                            text-align: center;
                        }
                        .blog-details {
                            width: 100% !important;
                            text-align: center;
                        }
                        .chinastudycenter .d-flex {
                            display: block !important;
                        }
                        .navbar {
                            box-shadow: 2px 3px 8px 5px #000;
                            margin-bottom: 5px;
                        }
                        ol.breadcrumb {
                            margin-top: 0px;
                        }
                        .banner-animated-imgs .logo {
                            top: 37%;
                            left: 37%;
                        }
                        .carousel-control-next,
                        .carousel-control-prev {
                            top: 10px !important;
                            display: flex;
                            align-items: start !important;
                        }
                        .banner-animated-imgs .logo {
                            max-width: 20px;
                        }
                        .banner-animated-imgs .circle {
                            width: 80px;
                            height: 80px;
                        }
                        .sdpi-banner-3 button i {
                            font-size: 25px;
                        }
                        .sdpi-banner-3 .carousel-caption h1 {
                            font-size: 14px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule {
                            margin: 4px 0px;
                        }
                        #slider2 {
                            display: none !important;
                        }
                        .re-small1 {
                            display: block;
                        }
                        .re-border.mb-5 {
                            margin-bottom: 0px !important;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .day {
                            font-size: 12px;
                            display: inline-block;
                            margin-right: 10px;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .date {
                            font-size: 12px;
                            display: inline-block;
                        }
                        .sdpi-banner-3 .carousel-caption .event-schedule .time {
                            font-size: 12px;
                        }
                        .sdpi-banner-3 .carousel-caption .detail-btn {
                            font-size: 12px;
                            padding: 2px 10px;
                        }
                        .sdpi-banner-3 .carousel-caption {
                            width: 100%;
                            left: 0;
                        }
                        .sdpi-banner-3 .carousel-caption {
                            padding: 0 40px 0 40px;
                        }
                        .sdpi-banner-3 .carousel-caption {
                            top: 10% !important;
                        }
                        .border-shadow img {
                            max-width: 100px;
                        }
                        .eventimg a img {
                            max-width: 100% !important;
                        }
                    }
                    /* Media Quireis 2024 End */
                    
                    #slider1 {
                        display: none !important;
                    }
                    /* End */
                    
                    .live {
                        color: red;
                    }
                    
                    .carddrop img {
                        width: 65%;
                        border-radius: 50%;
                        margin: 0 auto;
                        margin-top: 0.5rem;
                    }
                    
                    .borderdrop {
                        box-shadow: 0 0 4px 0px rgba(124, 124, 124, 0.4);
                        border-radius: 0% !important;
                    }
                    /*Research theme*/
                    
                    .carousel-control-next,
                    .carousel-control-prev {
                        width: 5% !important;
                    }
                    /*#reslider1 .row>* {
 
  padding-right: calc(var(--bs-gutter-x) * .2);
  padding-left: calc(var(--bs-gutter-x) * .2);

}*/
                    
                    .speaker-prof-padding {
                        padding: 0px 50px;
                        margin: 20px 0px;
                        width: 100%;
                        display: inline-block;
                    }
                    
                    .speaker-pic {
                        float: left;
                        width: 10%;
                        margin-top: 10px;
                    }
                    
                    .speaker-details {
                        width: 85%;
                        float: left;
                        margin-left: 5%;
                    }
                    
                    .speaker-details .speaker-det-highlight {
                        padding: 0 !important;
                        margin: 0 !important;
                        line-height: 38px;
                    }
                    
                    .speaker-details ul li {
                        list-style: none;
                        font-weight: bold;
                    }
                    
                    .speaker-prof-padding .speaker-details p {
                        margin: 0 !important;
                    }
                    
                    #slider1 {
                        margin-top: 60px;
                        margin-bottom: -40px;
                    }
                    
                    .title {
                        color: #1a1a1a;
                        text-align: center;
                        margin-bottom: 10px;
                    }
                    
                    .content {
                        position: relative;
                        width: 100%;
                        max-width: 445px;
                        margin: auto;
                        overflow: hidden;
                    }
                    
                    .publications-box {
                        box-shadow: 12px 12px 8px -8px #ccc;
                        margin: 0px 7px !important;
                        padding: 0;
                        width: 23.8% !important;
                    }
                    
                    .content .content-overlay {
                        background: rgba(0, 0, 0, 0.7);
                        position: absolute;
                        height: 100%;
                        width: 100%;
                        left: 0;
                        top: 0;
                        bottom: 0;
                        right: 0;
                        opacity: 0;
                        -webkit-transition: all 0.4s ease-in-out 0s;
                        -moz-transition: all 0.4s ease-in-out 0s;
                        transition: all 0.4s ease-in-out 0s;
                    }
                    
                    .content-title {
                        transform: translate(0%, 0%);
                        transition: opacity 0.5s;
                    }
                    
                    .content:hover .content-title {
                        animation: fadeInUp 4s forwards;
                    }
                    
                    .content-text {
                        transform: translate(0%, 0%);
                        transition: opacity 0.5s;
                    }
                    
                    .content:hover .content-text {
                        animation: fadeInUp 2s forwards;
                    }
                    
                    .btn-light {
                        transform: translate(0%, 0%);
                        transition: opacity 0.5s;
                    }
                    
                    .content:hover .btn-light {
                        animation: fadeInUp 6s forwards;
                    }
                    
                    @keyframes fadeInUp {
                        from {
                            opacity: 0;
                            transform: translate(-50%, -50%) translateY(200px);
                        }
                        to {
                            opacity: 1;
                            transform: translate(-50%, -50%);
                        }
                    }
                    
                    .content:hover .content-overlay {
                        opacity: 1
                    }
                    
                    .content:hover .carousel-caption {
                        display: none;
                    }
                    
                    .content-image {
                        width: 100%;
                    }
                    
                    img {
                        box-shadow: inherit;
                        border-radius: 0px;
                    }
                    
                    .slick-gallery-slider .slickslider-gallery .slick-prev {
                        z-index: 9999 !important;
                    }
                    
                    .content-details {
                        position: absolute;
                        text-align: center;
                        padding-left: 1em;
                        padding-right: 1em;
                        width: 100%;
                        top: 50%;
                        left: 50%;
                        opacity: 0;
                        -webkit-transform: translate(-50%, -50%) !important;
                        -moz-transform: translate(-50%, -50%) !important;
                        transform: translate(-50%, -50%) !important;
                        -webkit-transition: all 0.3s ease-in-out 0s !important;
                        -moz-transition: all 0.3s ease-in-out 0s !important;
                        transition: all 0.3s ease-in-out 0s !important;
                    }
                    
                    .content:hover .content-details {
                        top: 50%;
                        left: 50%;
                        opacity: 1;
                    }
                    
                    .content-details h3 {
                        color: #fff;
                        font-weight: 500;
                        margin-bottom: 0.5em;
                        text-transform: uppercase;
                    }
                    
                    .content-details p {
                        color: #fff;
                        font-size: 16px;
                    }
                    
                    .fadeIn-bottom {
                        top: 80%;
                    }
                    
                    .research {
                        font-size: 24px;
                        color: #245898;
                    }
                    
                    .link-display {
                        display: block;
                    }
                    
                    .mob-res-arrow {
                        display: none;
                    }
                    
                    .re-border {
                        border-bottom: 2px dotted #ff7229 !important;
                        width: 98%;
                        margin: 0px auto;
                        padding: 0;
                    }
                    
                    .sdcseriespage h3 {
                        background: #7fd44f;
                        color: #000;
                        border-radius: 5px;
                        margin-top: 10px;
                        font-size: 24px;
                        padding: 4px 0px;
                    }
                    
                    img.a-right.control-c.next.slick-next.slick-arrow,
                    img.a-left.control-c.prev.slick-prev.slick-arrow {
                        width: 43px !important;
                        height: 28px !important;
                    }
                    
                    .slick-prev {
                        transform: rotate(180deg);
                    }
                    
                    .slick-next {
                        transform: rotate(0deg);
                    }
                    
                    h3.ms-4.mt-5.research.re-border.ev-small2,
                    h3.ms-4.mt-5.mb-5.research.re-border.gal-small2 {
                        margin-left: 1rem!important;
                    }
                    
                    .re-small2 {
                        display: none;
                    }
                    
                    .searchstaff_heading {
                        width: 100% !important;
                    }
                    
                    .searchstaff_heading .search-staff-br {
                        transform: skewX(-35deg);
                        margin: 30px auto;
                        width: 55%;
                        border: 2px solid #000;
                    }
                    
                    .searchstaff_heading .search-staff-bg {
                        background: rgb(82 81 81 / 82%);
                        transform: skewX(0deg);
                        width: 78%;
                        margin: 0px auto;
                    }
                    
                    .searchstaff_heading h4 {
                        font-weight: 600;
                        font-size: 19px;
                        padding: 5px;
                        color: #fff;
                        margin: 0px auto !important;
                        width: 80%;
                        transform: skewX(35deg);
                        /* animation: MyH4;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: left right;
position: relative; */
                    }
                    /* @keyframes MyH4 {
0%   {left: 100px; right: 100px;}
50%   {left: -100px; right: 100px;}
100%  {left: 100px; right:-100px;}
} */
                    /*PUBLICATIONS*/
                    
                    .pu-small2 {
                        display: none;
                    }
                    
                    .pubimg {
                        max-height: 300px;
                        overflow: hidden;
                    }
                    
                    .eventborder1,
                    .eventborder2 {
                        position: relative;
                        transition: .5s ease-in-out;
                    }
                    /* .eventborder1:hover .event-read-btn {
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.eventborder2:hover .event-read-btn {
  opacity: 1;
  transform: scale(1.1);
} */
                    
                    .overlay-color {
                        background-color: #ababab85;
                        opacity: 0;
                        width: 98.5%;
                        position: absolute;
                        top: 0;
                        transition: .5s ease-in-out;
                        height: 100%;
                    }
                    
                    .eventborder1:hover .overlay-color {
                        opacity: 1;
                        transition: transform 0.3s ease, opacity 0.3s ease;
                    }
                    
                    .eventborder2:hover .overlay-color {
                        opacity: 1;
                        transition: transform 0.3s ease, opacity 0.3s ease;
                    }
                    
                    .overlay-color .event-read-btn {
                        background-color: #000 !important;
                        color: #fff !important;
                        position: absolute;
                        padding: 15px 70px !important;
                        border-radius: 0px !important;
                        left: 45%;
                        font-size: 24px !important;
                        opacity: 0;
                        transition: .5s ease-in-out;
                        top: 40%;
                    }
                    
                    .overlay-color:hover .event-read-btn {
                        opacity: 1;
                        transition: .5s ease-in-out;
                    }
                    
                    .card1 {
                        height: 750px;
                        width: 360px;
                        border: none;
                    }
                    
                    .card-action {
                        position: relative;
                        float: right;
                        margin-top: -25px;
                        margin-right: 20px;
                        z-index: 2;
                        color: #fff;
                        background: #EBAF2A;
                        padding: 10px;
                        font-size: 18px;
                        border: none;
                        padding-left: 20px;
                        padding-right: 20px;
                    }
                    
                    .card-action1 {
                        position: relative;
                        float: right;
                        margin-top: -25px;
                        margin-right: 20px;
                        z-index: 2;
                        color: #fff;
                        background: #4E724D;
                        padding: 10px;
                        font-size: 18px;
                        border: none;
                        padding-left: 20px;
                        padding-right: 20px;
                    }
                    
                    .card-action2 {
                        position: relative;
                        float: right;
                        margin-top: -25px;
                        margin-right: 20px;
                        z-index: 2;
                        color: #fff;
                        background: #729DC5;
                        padding: 10px;
                        font-size: 18px;
                        border: none;
                        padding-left: 20px;
                        padding-right: 20px;
                    }
                    
                    .button {
                        background: #EBAF2A;
                        color: #fff;
                        border: none;
                    }
                    
                    .button1 {
                        background: #4E724D;
                        color: #fff;
                        border: none;
                    }
                    
                    .button2 {
                        background: #729DC5;
                        color: #fff;
                        border: none;
                    }
                    
                    .bb {
                        border: dotted #729DC5;
                    }
                    
                    .bb1 {
                        border: dotted #EBAF2A;
                    }
                    
                    .bb2 {
                        border: dotted #4E724D;
                    }
                    
                    .card-footer1 {
                        text-decoration: none;
                        border: 0 0 0 0;
                    }
                    
                    .slick-gallery-slider .slick-list {
                        padding-right: 0;
                    }
                    
                    .slick-gallery-slider-2 .slick-prev:before {
                        left: -40px !important;
                        transform: rotate(180deg);
                    }
                    
                    .slick-gallery-slider-2 .slick-prev,
                    .slick-gallery-slider-2 .slick-next {
                        width: 0;
                        top: 50%;
                        z-index: 9999;
                    }
                    /*EVENTS*/
                    
                    .ev-small2 {
                        display: none;
                    }
                    
                    .border-shadow img {
                        box-shadow: none !important;
                    }
                    
                    .border-shadow img {
                        box-shadow: none !important;
                        border: 2px solid transparent;
                    }
                    
                    .eventborder1 img:hover {
                        border-width: 2px;
                        border-style: solid;
                        border-image: linear-gradient(to right, #dfdfdf, #2c2c60, #dfdfdf) 1;
                    }
                    
                    .eventborder2 img:hover {
                        border-width: 2px;
                        border-style: solid;
                        border-image: linear-gradient(to right, #dfdfdf, #2c2c60, #dfdfdf) 1;
                    }
                    /*News and Blogs*/
                    
                    .news {
                        color: #fff;
                        padding-bottom: 1rem;
                        border-bottom: 2px dotted white;
                        text-align: left;
                    }
                    
                    .nandb {
                        background-color: #245898;
                    }
                    
                    .newstext {
                        color: white;
                    }
                    
                    .blog {
                        color: #245898;
                        padding-bottom: 1rem;
                        border-bottom: 2px dotted #245898;
                        text-align: left;
                    }
                    
                    .nandb2 {
                        background-color: #DFDFDF;
                    }
                    
                    .borderblog {
                        border-left: 1px solid #2c2c60;
                    }
                    
                    .bordernews {
                        border-left: 1px solid white;
                    }
                    /*Gallery*/
                    /*POP-up*/
                    /**/
                    
                    .gal-small2 {
                        display: none;
                    }
                    
                    .nav .active {
                        background-color: white !important;
                        color: #2c2c60 !important;
                        font-weight: 600;
                    }
                    
                    .nav .nav-link {
                        color: #817F7F;
                    }
                    
                    .slick-gallery-slider-2 .slick-list {
                        padding-right: 0 !important;
                    }
                    
                    .nav-pills .nav-item .active {
                        border-bottom: 4px solid #2c2c60;
                        border-radius: 0 0 0 0;
                        background: #245898 !important;
                        color: white !important;
                    }
                    
                    .nav-pills .nav-item a {
                        border-bottom: 3px solid #c7c7c7;
                        border-radius: 0 0 0 0;
                    }
                    /*Footer CSS*/
                    
                    footer {
                        background: #245898;
                        color: white;
                    }
                    
                    .input-group-text {
                        color: #EBAF2A;
                        font-size: 1.5rem;
                        background-color: transparent;
                        border-radius: 0 0 0 0;
                    }
                    
                    footer .newsletter input[type="text"] {
                        width: 85% !important;
                    }
                    
                     ::placeholder {
                        color: white;
                        opacity: 1;
                    }
                    
                     :-ms-input-placeholder {
                        /* Internet Explorer 10-11 */
                        color: white;
                    }
                    
                     ::-ms-input-placeholder {
                        /* Microsoft Edge */
                        color: white;
                    }
                    
                    .input-group input {
                        background-color: transparent;
                        border: none;
                        border-radius: 0 0 0 0;
                        border-bottom: 2px solid white;
                        margin-top: 1rem;
                    }
                    
                    .bg-dark1 {
                        background-color: #2c2c60 !important;
                    }
                    
                    .searchform ::placeholder {
                        color: #2c2c60;
                        opacity: 1;
                    }
                    /*Dropdown HTML CODE CSS*/
                    
                    .frame8-image {
                        border-radius: 9px;
                        top: 30px;
                        left: 500px;
                        width: 120px;
                        height: 120px;
                        position: absolute;
                        object-fit: cover;
                        box-shadow: 2px #1a1a1a;
                    }
                    
                    .frame8-image1 {
                        border-radius: 9px;
                        top: 120px;
                        left: 410px;
                        width: 120px;
                        height: 120px;
                        position: absolute;
                        object-fit: cover;
                        box-shadow: 2px #1a1a1a;
                    }
                    
                    .frame8-image2 {
                        border-radius: 9px;
                        top: 120px;
                        left: 580px;
                        width: 120px;
                        height: 120px;
                        position: absolute;
                        object-fit: cover;
                        box-shadow: 2px #1a1a1a;
                    }
                    
                    .frame8-image3 {
                        border-radius: 9px;
                        top: 200px;
                        left: 490px;
                        width: 120px;
                        height: 120px;
                        position: absolute;
                        object-fit: cover;
                        box-shadow: 2px #1a1a1a;
                    }
                    /*Dropdown HTML CODE CSS*/
                    
                    #wrapper {
                        width: 100%;
                        height: 520px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        position: relative;
                    }
                    
                    #top-oval {
                        position: absolute;
                        top: -10px;
                        height: 50px;
                        width: 100%;
                        background: white;
                        border-bottom-left-radius: 90%;
                        border-bottom-right-radius: 90%;
                    }
                    
                    #bottom-oval {
                        position: relative;
                        bottom: -12px;
                        height: 53px;
                        width: 100%;
                        border-top-left-radius: 37%;
                        border-top-right-radius: 37%;
                        background: white;
                    }
                    
                    #top-oval1 {
                        position: relative;
                        z-index: +2;
                        top: -36px;
                        width: 100%;
                        background: rgb(255, 254, 254);
                        border-bottom-left-radius: 90%;
                        border-bottom-right-radius: 90%;
                    }
                    
                    #strip-w {
                        width: 100%;
                        min-width: 1200px;
                        height: 500px;
                        display: flex;
                        justify-content: space-around;
                        margin-left: -3rem;
                        flex-wrap: no-wrap;
                        align-items: flex-start;
                        overflow-x: auto;
                    }
                    
                    #strip-item {
                        height: 100px;
                        width: 200px;
                        min-width: 300px;
                    }
                    /*Dropdown HTML CODE CSS*/
                    /*.container1{
  background-color: white;
  width: 100vmin;
  font-size: 16px;
  min-width: 50em;
  height: 30em;
  position: absolute;
  transform: translate(-50%,-50% );
  top: 50%;
  left: 50%;
  display: grid;
  grid-template-columns: 2fr 9fr;

}*/
                    
                    .dropdown-menu {
                        width: 100vmin;
                        height: 25em;
                    }
                    
                    .card-action {
                        position: relative;
                        float: right;
                        margin-top: -25px;
                        margin-right: 20px;
                        z-index: 2;
                        color: #fff;
                        background: #EBAF2A;
                        padding: 10px;
                        font-size: 18px;
                        border: none;
                        padding-left: 20px;
                        padding-right: 20px;
                    }
                    
                    .card-action1 {
                        position: relative;
                        float: right;
                        margin-top: -25px;
                        margin-right: 20px;
                        z-index: 2;
                        color: #fff;
                        background: #4E724D;
                        padding: 10px;
                        font-size: 18px;
                        border: none;
                        padding-left: 20px;
                        padding-right: 20px;
                    }
                    
                    .card-action2 {
                        position: relative;
                        float: right;
                        margin-top: -25px;
                        margin-right: 20px;
                        z-index: 2;
                        color: #fff;
                        background: #729DC5;
                        padding: 10px;
                        font-size: 18px;
                        border: none;
                        padding-left: 20px;
                        padding-right: 20px;
                    }
                    
                    .button {
                        background: #EBAF2A;
                        color: #fff;
                        border: none;
                        background: linear-gradient(to left, #EBAF2A 50%, #fff 50%) right;
                        background-size: 200%;
                        transition: .5s ease-out;
                        font-weight: bold;
                    }
                    
                    .button1 {
                        background: #4E724D;
                        color: #fff;
                        border: none;
                        background: linear-gradient(to left, #4E724D 50%, #fff 50%) right;
                        background-size: 200%;
                        transition: .5s ease-out;
                        font-weight: bold;
                    }
                    
                    .button2 {
                        background: #729DC5;
                        color: #fff;
                        border: none;
                        background: linear-gradient(to left, #729DC5 50%, #fff 50%) right;
                        background-size: 200%;
                        transition: .5s ease-out;
                        font-weight: bold;
                    }
                    
                    .card1:after {
                        content: "";
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        transform: scaleY(0);
                        transform-origin: bottom center;
                        transition: transform 1s;
                        background: rgb(0 0 0 / 45%);
                    }
                    
                    .card1:hover::after {
                        transform: scaleY(1);
                        z-index: 1;
                    }
                    /* a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom center;
    background: blue;
    z-index: -1;
    transition: transform 0.3s;
}

a:hover::after {
    transform: scaleY(1);
} */
                    
                    .card1:hover .card-img-top {
                        position: relative;
                    }
                    
                    .card1:hover .button {
                        background: linear-gradient(to left, #EBAF2A 50%, #fff 50%) right;
                        background-size: 200%;
                        color: #EBAF2A;
                        background-position: left;
                        font-weight: bold;
                        z-index: 3;
                        position: relative;
                    }
                    
                    .card1:hover .button1 {
                        background: linear-gradient(to left, #4E724D 50%, #fff 50%) right;
                        background-size: 200%;
                        color: #4E724D;
                        background-position: left;
                        font-weight: bold;
                        z-index: 3;
                        position: relative;
                    }
                    
                    .card1:hover .button2 {
                        background: linear-gradient(to left, #729DC5 50%, #fff 50%) right;
                        background-size: 200%;
                        color: #729DC5;
                        background-position: left;
                        font-weight: bold;
                        z-index: 3;
                        position: relative;
                    }
                    /* Gallery */
                    
                    .gallery-col {
                        position: relative;
                    }
                    
                    .gallery-col img {
                        border: 5px solid #ccc;
                        border-radius: 5px 5px 0 0;
                    }
                    
                    .caption-for-gallery {
                        display: none;
                        overflow: hidden;
                    }
                    
                    .caption-for-gallery p {
                        background-color: #2c2c609e;
                        padding: 7px;
                        color: #fff;
                        text-align: center;
                    }
                    
                    @keyframes fadeInDown {
                        0% {
                            opacity: 0;
                            transform: translateY(-40px);
                        }
                        100% {
                            opacity: 1;
                            transform: translateY(0);
                        }
                    }
                    /* Apply the animation to the element */
                    
                    .gallery-col:hover .caption-for-gallery {
                        display: block;
                        width: 94.6%;
                        border-radius: 0 0 5px 5px;
                        position: absolute;
                        z-index: 1111;
                        bottom: -6%;
                        animation: fadeInDown 1s ease-in-out;
                    }
                    
                    .fancybox__caption {
                        max-width: 50% !important;
                        text-align: center !important;
                        font-size: 14px !important;
                    }
                    
                    .animation-for-icon {
                        position: absolute;
                        z-index: 11;
                        top: 5px;
                        right: 17px;
                        display: none;
                        border-radius: 28% 0% 28% 0;
                    }
                    
                    .animation-for-icon img {
                        max-width: 60px;
                        border: none !important;
                        border-radius: 0px;
                    }
                    
                    .gallery-col:hover .animation-for-icon {
                        display: block;
                        animation: fadeInUp 1s ease-in-out;
                    }
                    
                    .fancybox__container {
                        z-index: 11111 !important;
                    }
                    
                    @keyframes fadeInUp {
                        0% {
                            opacity: 0;
                            transform: translateY(40px);
                        }
                        100% {
                            opacity: 1;
                            transform: translateY(0);
                        }
                    }
                    
                    .pulse-image {
                        animation: beat 1.8s infinite alternate !important;
                        border-radius: 50%;
                        max-width: 60px !important;
                        border: none !important;
                    }
                    
                    @keyframes beat {
                        to {
                            transform: scale(1.2);
                        }
                    }
                    
                    .searchstaff_heading {
                        font-weight: 600;
                        font-size: 19px;
                        padding: 5px;
                        color: #fff;
                        background: rgb(82 81 81 / 82%);
                        margin-bottom: 15px;
                    }
                    /*FOOTER*/
                    
                    footer .newsletter input[type="text"] {
                        width: 100%;
                        background: #245898;
                        color: #fff;
                        border: none;
                        border-bottom: 2px solid white;
                        padding: 14px 20px;
                        margin-top: 12px;
                    }
                    /*MODAL*/
                    
                    .modal-body {
                        padding: 0 0 0 0 !important;
                    }
                    /* Media Quries for Slider*/
                    /*Research slider*/
                    
                    #reslider2 {
                        display: none;
                    }
                    /*DROPDOWN*/
                    
                    .whoweare {
                        height: fit-content;
                        width: fit-content;
                    }
                    
                    .whatwedo {
                        height: fit-content !important;
                        width: fit-content;
                    }
                    
                    .conference {
                        height: fit-content;
                        width: fit-content;
                    }
                    
                    .publication {
                        width: fit-content;
                        height: fit-content !important;
                    }
                    
                    .staffdetailpage .col-md-4 {
                        width: 25% !important;
                    }
                    
                    .staffdetailpage .col-md-8 {
                        width: 75% !important;
                    }
                    
                    .pubdetailpage p {
                        margin-right: 4rem !important;
                    }
                    
                    .projectdetailpage p {
                        margin-left: 3rem !important;
                        margin-right: 3rem !important;
                    }
                    
                    .projectdetailpage h3 {
                        margin-left: 3rem !important;
                        margin-right: 3rem !important;
                    }
                    
                    .wwa .dropdown-menu {
                        --bs-dropdown-min-width: 45rem !important;
                        --bs-dropdown-font-size: 1.2rem;
                    }
                    
                    .wwd .dropdown-menu {
                        --bs-dropdown-min-width: 45rem !important;
                        --bs-dropdown-font-size: 1.2rem;
                    }
                    
                    .wwd .dropdown-menu[data-bs-popper] {
                        left: -150px;
                    }
                    
                    .navbar-expand-lg .navbar-nav .dropdown-menu {
                        position: absolute;
                        width: 35rem;
                    }
                    
                    .pp .dropdown-menu {
                        --bs-dropdown-min-width: 55rem !important;
                        --bs-dropdown-font-size: 1.2rem;
                        min-width: 100%;
                    }
                    
                    .pp .dropdown-menu[data-bs-popper] {
                        left: -284px;
                    }
                    
                    .con .dropdown-menu {
                        --bs-dropdown-min-width: 43rem !important;
                        --bs-dropdown-font-size: 1.2rem;
                        min-width: 100%;
                    }
                    
                    .con .dropdown-menu[data-bs-popper] {
                        left: -415px;
                    }
                    
                    .aboutus img {
                        width: 60% !important;
                        height: 250px;
                    }
                    
                    .staffimg {
                        width: 150% !important;
                        text-align: center;
                    }
                    
                    .conferenceimg {
                        width: 90%;
                        margin-left: 1rem !important;
                    }
                    
                    .NAVBAR1 {
                        display: block !important;
                    }
                    
                    .NAVBAR2 {
                        display: none !important;
                    }
                    
                    .chinastudycenter p {
                        margin-left: 3rem !important;
                        margin-right: 3rem !important;
                    }
                    
                    .chinastudycenter ul {
                        margin-left: 4rem !important;
                        margin-right: 3rem !important;
                    }
                    
                    .chinastudycenter h3 {
                        margin-left: 3rem !important;
                        margin-right: 3rem !important;
                    }
                    
                    .chinastudycenter a {
                        margin-left: 3rem !important;
                        margin-right: 3rem !important;
                    }
                    
                    .searchbar .dropdown-toggle::after {
                        border-top: none !important;
                    }
                    
                    .searchbar .dropdown-toggle::after {
                        border: none !important;
                    }
                    
                    .searchbar .dropdown-menu {
                        --bs-dropdown-bg: transparent !important;
                    }
                    /*.searchform input[type="text"]{
  width: 250% !important;
  height: 40px !important;
}
.searchbar .dropdown-menu[data-bs-popper] {
  left: -200px;
}
*/
                    
                    .input-group input {
                        background-color: white;
                        border: 1px solid rgb(168, 168, 168);
                        margin-top: 0;
                        height: 40px;
                    }
                    
                    .searchbar .dropdown-menu[data-bs-popper] {
                        left: -217px;
                    }
                    
                    .widthdropdown .dropdown-menu {
                        width: 100%;
                        height: fit-content;
                    }
                    
                    .widthdropdown .form-select {
                        text-align: left;
                        font-size: 15px;
                    }
                    
                    div#toolbarContainer {
                        display: none !important;
                    }
                    
                    @media (min-width: 1800px) {
                        .col4width .col-1 {
                            width: 15% !important;
                        }
                        .envmargin {
                            margin-bottom: 3rem !important;
                        }
                        .newsdate {
                            text-align: center !important;
                        }
                        .nav-bar .nav-link {
                            margin-right: 2rem !important;
                        }
                        #top-oval1 img {
                            height: 700px !important;
                        }
                        .imageslider {
                            width: 33%;
                            height: 700px;
                        }
                        .dropdown-menu {
                            width: 650px;
                            height: 500px;
                        }
                        .eventimg img {
                            width: 100%;
                        }
                        .content-image {
                            width: 100%;
                        }
                        .conference img {
                            width: 95% !important;
                            height: 250px !important;
                        }
                        .clearbtn {
                            margin-left: -5rem !important;
                        }
                        /*TRAINING*/
                        .traintabcontent .col-md-4 {
                            width: 32% !important;
                        }
                        .texttraintab .nav-link {
                            width: 120% !important;
                        }
                    }
                    
                    @media (min-width: 1400px) and (max-width: 1799px) {
                        .col4width .col-1 {
                            width: 15% !important;
                        }
                        .envmargin {
                            margin-bottom: 1.5rem !important;
                        }
                        .newsdate {
                            text-align: center !important;
                        }
                        .nav-bar .nav-link {
                            margin-right: 2rem !important;
                        }
                        #top-oval1 img {
                            height: 700px !important;
                        }
                        .imageslider {
                            width: 33%;
                            height: 700px;
                        }
                        .dropdown-menu {
                            width: 650px;
                            height: 500px;
                        }
                        .eventimg img {
                            width: 100%;
                        }
                        .content-image {
                            width: 100%;
                            /* height: 500px;*/
                        }
                        .conference img {
                            width: 95% !important;
                            height: 250px !important;
                        }
                        .clearbtn {
                            margin-left: -5rem !important;
                        }
                        /*TRAINING*/
                        .traintabcontent .col-md-4 {
                            width: 32% !important;
                        }
                        .texttraintab .nav-link {
                            width: 120% !important;
                        }
                    }
                    
                    @media (min-width: 1366px) and (max-width: 1399px) {
                        .col4width .col-1 {
                            width: 15% !important;
                        }
                        .envmargin {
                            margin-bottom: 1.2rem !important;
                        }
                        .projectdatedetail .col-1 {
                            width: 15%;
                        }
                        .dropdown-menu {
                            width: 650px;
                            height: 500px;
                        }
                        .content-image {
                            width: 100%;
                            height: 450px;
                        }
                        .sdcpage .col-6 {
                            width: 47% !important;
                        }
                        .sdcpage img {
                            margin-top: 2rem !important;
                        }
                    }
                    
                    @media (min-width: 1300px) {
                        .dropdown-menu {
                            width: 385%;
                            height: 500px;
                        }
                        .content-image {
                            width: 100%;
                        }
                        .imageslider {
                            width: 32.8% !important;
                        }
                        a.nav-link.dropdown-toggle.me-3 {
                            margin-right: 0rem !important;
                        }
                    }
                    
                    @media (max-width: 1280px) {
                        .col4width .col-1 {
                            width: 15% !important;
                        }
                        .re-border {
                            width: 96%;
                        }
                        .sdcseriespageres .row-cols-3>* {
                            width: 50% !important;
                        }
                        .staffpagemargin .ms-5 {
                            margin-left: 0.5rem !important;
                        }
                        .pubdetailpage p {
                            margin-right: 0.5rem !important;
                        }
                        .pubdetailpage .ms-4 {
                            margin-left: 0.5rem !important;
                        }
                        .pubdetailpage .me-5 {
                            margin-right: 0.5rem !important;
                        }
                        .pubdetailpage .col-3 {
                            width: 30%;
                        }
                        .pubdetailpage .col-9 {
                            width: 70%;
                        }
                        .projectdatedetail .col-1 {
                            width: 15%;
                        }
                        .envmargin {
                            margin-bottom: 1.5rem !important;
                        }
                        /*Researchpage*/
                        .researchpage .row-cols-4>* {
                            text-align: center;
                            width: 33.3%;
                        }
                        .joinusform label {
                            font-size: 14px !important;
                        }
                        .sdcpage div {
                            font-size: 18px !important;
                        }
                        .sdcpage .ms-5 {
                            margin-left: 0.5rem !important;
                        }
                        .sdcpage img {
                            width: 450px !important;
                            margin-top: 2rem !important;
                        }
                        .banner1 img {
                            height: 600px !important;
                        }
                        .imageslider {
                            width: 32.8%;
                            height: 550px;
                            padding: 0 0 0 0;
                        }
                        .dropdown-menu {
                            width: 650px;
                            height: 500px;
                        }
                        .nandb2 {
                            column-count: 1fr 2fr 3fr !important;
                        }
                        .nandb {
                            column-count: 1fr 2fr 3fr !important;
                        }
                        .conference {
                            width: 550px !important;
                            height: fit-content !important;
                        }
                        nav a {
                            font-size: 16px !important;
                        }
                        nav a b {
                            font-size: 16px !important;
                        }
                        .conference .col-lg-5 {
                            width: 100% !important;
                        }
                        .conferenceimg img {
                            width: 90% !important;
                            height: 260px !important;
                            margin-left: 1rem !important;
                        }
                        .content-image {
                            width: 100%;
                            height: 450px;
                        }
                        /*ABOUT US PAGE*/
                        .aboutus1 .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .aboutus1 p {
                            font-size: 20px !important;
                            line-height: 2.3rem !important;
                        }
                        .mendate .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .mendate .col-1 {
                            width: 11% !important;
                        }
                        .mendate ul {
                            font-size: 20px !important;
                            line-height: 2.4rem !important;
                        }
                        .goals .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .goals .col-1 {
                            width: 11% !important;
                        }
                        .goals ul {
                            font-size: 20px !important;
                            line-height: 2.4rem !important;
                        }
                        .goals p {
                            font-size: 20px !important;
                        }
                        .approach .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .approach .col-1 {
                            width: 11% !important;
                        }
                        .approach p {
                            font-size: 20px !important;
                        }
                    }
                    
                    @media (max-width: 1399px) {
                        .NAVBAR1 .navbar-nav .nav-link {
                            font-size: 14px !important;
                            margin-right: 0px !important;
                        }
                        .NAVBAR1 .navbar-brand img {
                            width: 190px !important;
                        }
                        nav a b {
                            font-size: 13px !important;
                        }
                        .navbar-expand-lg .navbar-nav .dropdown-menu {
                            left: -135px;
                        }
                    }
                    
                    @media (max-width: 1178px) {
                        .NAVBAR1 nav a b {
                            font-size: 13px !important;
                        }
                        .NAVBAR1 .navbar-brand img {
                            width: 100px !important;
                        }
                        .NAVBAR1 .navbar-nav .nav-link {
                            margin-right: 0 !important;
                            padding-right: 0 !important;
                        }
                        .navbar-expand-lg .navbar-nav .dropdown-menu {
                            position: absolute;
                            left: -127px !important;
                        }
                        .NAVBAR1 .navbar-nav .nav-item {
                            padding-right: 0 !important;
                        }
                    }
                    
                    @media (max-width: 1024px) {
                        .col4width .col-1 {
                            width: 15% !important;
                        }
                        .procurementpage .row-cols-3>* {
                            width: 100% !important;
                        }
                        .procurementpage .btn {
                            margin-top: 1rem !important;
                        }
                        .researchimg .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .projectimgmargin .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .wwa .dropdown-menu {
                            --bs-dropdown-min-width: 50rem !important;
                        }
                        .wwd .dropdown-menu {
                            --bs-dropdown-min-width: 50rem !important;
                        }
                        .pp .dropdown-menu {
                            --bs-dropdown-min-width: 45rem !important;
                            --bs-dropdown-font-size: 1.2rem;
                        }
                        .con .dropdown-menu {
                            --bs-dropdown-min-width: 45rem !important;
                            --bs-dropdown-font-size: 1.2rem;
                        }
                        .conferenceimg {
                            width: 80%;
                            margin-left: 1rem !important;
                        }
                        .sdcseriespageres .row-cols-3>* {
                            width: 50% !important;
                        }
                        .chinastudycenter p {
                            margin-left: 0.6rem !important;
                            margin-right: 0.6rem !important;
                        }
                        .chinastudycenter ul {
                            margin-left: 0.8rem !important;
                            margin-right: 0.8rem !important;
                        }
                        .chinastudycenter h3 {
                            margin-left: 0.6rem !important;
                            margin-right: 0.6rem !important;
                        }
                        .chinastudycenter a {
                            margin-left: 0.6rem !important;
                            margin-right: 0.6rem !important;
                        }
                        .staffpagemargin .ms-5 {
                            margin-left: 0 !important;
                        }
                        .staffpagemargin .me-5 {
                            margin-right: 0 !important;
                        }
                        .pubdetailpage .ms-4 {
                            margin-left: 0 !important;
                        }
                        .pubdetailpage p {
                            margin-right: 0 !important;
                        }
                        .pubdetailpage .col-3 {
                            width: 35%;
                        }
                        .pubdetailpage .col-9 {
                            width: 65%;
                        }
                        .traintabcontent .ms-5 {
                            margin-left: 0 !important;
                            margin-top: 1rem !important;
                        }
                        /*Researchpage*/
                        .researchpage .row-cols-4>* {
                            text-align: center;
                            width: 33.3%;
                        }
                        .joinusform label {
                            font-size: 11px !important;
                        }
                        /*SDC SERIES*/
                        .sdcpage div {
                            font-size: 20px !important;
                        }
                        .sdcpage .ms-5 {
                            margin-left: 0.5rem !important;
                        }
                        .sdcpage .col-6 {
                            width: 100% !important;
                        }
                        /*ALL STAFF PAGE*/
                        /* .allstaff1 img{
        width: 200px !important;
        height: 200px !important;
      } */
                        .our-team .team-content:before,
                        .our-team .team-content:after {
                            content: "";
                            width: 60%;
                            height: 20px;
                            background: #2d2c63;
                            position: absolute;
                            top: -5px;
                        }
                        .our-team .title {
                            font-size: 15px;
                            font-weight: 600;
                            text-transform: capitalize;
                            margin: 7px 0 7px 0;
                            position: relative;
                            color: #fff;
                            padding: 0 5px;
                        }
                        .our-team .team-content span {
                            font-size: 11px;
                        }
                        .our-team .title:before {
                            content: "";
                            width: 12px;
                            height: 100px;
                            background: #525152;
                            position: absolute;
                            top: -63px;
                            z-index: -2;
                            transform: rotate(-74deg);
                        }
                        .our-team .title:after {
                            content: "";
                            width: 12px;
                            height: 100px;
                            background: #525152;
                            position: absolute;
                            top: -63px;
                            z-index: -2;
                            transform: rotate(74deg);
                        }
                        .our-team img {
                            width: 100%;
                            height: auto;
                            margin-bottom: 39px;
                        }
                        .our-team:hover .team-content {
                            transition: 1s height ease-in-out;
                            height: 120px;
                        }
                        .banner1 img {
                            height: 450px !important;
                        }
                        .pubres .g-5 {
                            --bs-gutter-x: 1rem !important;
                        }
                        .imageslider {
                            width: 33% !important;
                            height: 530px !important;
                        }
                        /* .publicationresponsive{
    
    gap: 3.7rem;
  }*/
                        .nandb2 {
                            text-align: left;
                        }
                        .nandb {
                            text-align: left;
                        }
                        .newstext1 {
                            justify-content: center !important;
                        }
                        .newsdate {
                            margin-left: -0.2rem !important;
                        }
                        /*.publication{
    width: 520px !important;
    height:400px !important ;
  }
  .publication img{
    width: 260px !important;
  }*/
                        .conference p {
                            font-size: 14px !important;
                        }
                        .publication {
                            width: 380px !important;
                            height: fit-content !important;
                        }
                        .publication .publicationimg img {
                            width: 90% !important;
                        }
                        .content-image {
                            width: 100%;
                            height: 400px;
                        }
                        /*ABOUT US PAGE*/
                        .aboutus1 .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .aboutus1 p {
                            font-size: 18px !important;
                            line-height: 2rem !important;
                        }
                        .aboutus1 img {
                            width: 450px;
                            height: 350px;
                        }
                        .aboutus1 .mt-2 img {
                            margin-top: 2rem !important;
                        }
                        .mendate .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .mendate .col-1 {
                            width: 12% !important;
                        }
                        .mendate ul {
                            font-size: 18px !important;
                            line-height: 2rem !important;
                        }
                        .goals .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .goals .col-1 {
                            width: 12% !important;
                        }
                        .goals ul {
                            font-size: 18px !important;
                            line-height: 2rem !important;
                        }
                        .goals p {
                            font-size: 18px !important;
                        }
                        .approach .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .approach .col-1 {
                            width: 12% !important;
                        }
                        .approach p {
                            font-size: 18px !important;
                        }
                        .publicationcardpage .row-cols-4>* {
                            width: 33.3%;
                        }
                    }
                    
                    @media (min-width: 992px) {
                        /*NEWS AND BLOGS MEDIA QURIES*/
                        .newstext1 {
                            margin-left: -1.5rem;
                            font-size: 16px;
                        }
                        .newsdate {
                            margin-left: 0rem !important;
                            padding-left: 5px;
                        }
                    }
                    
                    @media (max-width: 992px) {
                        .navbar-expand-lg .navbar-nav .dropdown-menu {
                            left: -2px !important;
                        }
                        .navbar-collapse {
                            padding-bottom: 40px;
                        }
                        .content-details p {
                            font-size: 14px;
                            line-height: 18px;
                        }
                        .content-details h3 {
                            margin-bottom: 0.5rem;
                            font-size: 18px;
                        }
                        .slick-gallery-slider .imglandcol .carousel-caption {
                            position: absolute;
                            right: 0%;
                            bottom: 1.25rem;
                            left: 4%;
                        }
                        .footer-logos {
                            justify-content: center !important;
                        }
                    }
                    
                    @media (max-width: 912px) {
                        .widthdropdown .form-select {
                            font-size: 12px;
                            height: 40px !important;
                        }
                        .training-imgpage img {
                            height: 390px !important;
                        }
                        .procurementpage .row-cols-3>* {
                            width: 100% !important;
                        }
                        .procurementpage .btn {
                            margin-top: 1rem !important;
                        }
                        .sdcseriespageres .row-cols-3>* {
                            width: 100% !important;
                        }
                        .sdcseriespageres .card {
                            max-width: 884px !important;
                        }
                        .staffpagemargin .ms-5 {
                            margin-left: 0 !important;
                        }
                        .staffpagemargin .me-5 {
                            margin-right: 0 !important;
                        }
                        .pubdetailpage .ms-4 {
                            margin-left: 0 !important;
                        }
                        .pubdetailpage p {
                            margin-right: 0 !important;
                        }
                        .pubdetailpage .col-3 {
                            width: 50%;
                        }
                        .pubdetailpage .col-9 {
                            margin-top: 2rem;
                            width: 100%;
                        }
                        .staffdetailpage .col-md-4 {
                            width: 100% !important;
                        }
                        .staffdetailpage .col-md-8 {
                            width: 100% !important;
                        }
                        .staffdetailcard .row-cols-md-3>* {
                            width: 50%;
                        }
                        .envmargin {
                            margin-bottom: 1.5rem !important;
                        }
                        .environmentpage .row-cols-4>* {
                            width: 50%;
                        }
                        .colwidth .col-md-4 {
                            width: 100% !important;
                        }
                        .colwidth .col-md-8 {
                            width: 100% !important;
                        }
                        .col4width .col-md-4 {
                            width: 50% !important;
                        }
                        .traintabcontent .ms-5 {
                            margin-left: 0 !important;
                            margin-top: 1rem !important;
                        }
                        .trainimgpage img {
                            width: 120px !important;
                            height: 120px !important;
                        }
                        /*Researchpage*/
                        .researchpage .row-cols-4>* {
                            text-align: center;
                            width: 50%;
                        }
                        .joincol {
                            margin-left: 1rem !important;
                            width: 90% !important;
                        }
                        .joinusform {
                            width: 100% !important;
                        }
                        .joinusform label {
                            font-size: 18px !important;
                        }
                        /*SDC SERIES*/
                        .sdcpage div {
                            font-size: 20px !important;
                        }
                        .sdcpage .ms-5 {
                            margin-left: 0.5rem !important;
                        }
                        .sdcpage .col-6 {
                            width: 100% !important;
                        }
                        .sdcpage .order-last {
                            order: -1 !important;
                        }
                        .sdcseriespage .row-cols-6>* {
                            width: 33% !important;
                        }
                        /*ALL STAFF PAGE*/
                        /* .allstaff1 img{
      width: 150px !important;
      height: 150px !important;
    } */
                        .filterproject .col-2 {
                            width: 15.66% !important;
                        }
                        .banner1 img {
                            height: 400px !important;
                        }
                        #v-pills-projects .row-cols-md-6>* {
                            width: 32.6% !important;
                        }
                        .imageslider {
                            width: 32.7% !important;
                            height: 500px;
                            padding: 0 0 0 0;
                        }
                        /*.publicationresponsive{
                width: 25%;
                gap: 3.7rem;
              }*/
                        .pubres .g-5 {
                            --bs-gutter-x: 1.3rem !important;
                        }
                        .nandb2 {
                            text-align: center;
                        }
                        .nandb {
                            text-align: center;
                        }
                        .newsimg {
                            justify-content: center;
                        }
                        .newsdate {
                            margin-left: -1rem !important;
                        }
                        .publand .container {
                            max-width: 100% !important;
                        }
                        .conference img {
                            height: 180px !important;
                        }
                        .conference p {
                            font-size: 14px !important;
                        }
                        /*ABOUT US Page*/
                        .aboutus1 .col-6 {
                            width: 93% !important;
                        }
                        .mendate .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .mendate .col-1 {
                            width: 12% !important;
                        }
                        .goals .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .goals .col-1 {
                            width: 12% !important;
                        }
                        .approach .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .approach .col-1 {
                            width: 12% !important;
                        }
                        .publicationcardpage .row-cols-4>* {
                            width: 33.3%;
                        }
                    }
                    
                    @media (max-width: 820px) {
                        .col4width .col-1 {
                            width: 15% !important;
                        }
                        .training-imgpage img {
                            height: 350px !important;
                        }
                        .procurementpage .row-cols-3>* {
                            width: 100% !important;
                        }
                        .procurementpage .btn {
                            margin-top: 1rem !important;
                        }
                        .NAVBAR1 {
                            display: none !important;
                        }
                        .NAVBAR2 {
                            display: block !important;
                        }
                        .sdcseriespageres .row-cols-3>* {
                            width: 100% !important;
                        }
                        .sdcseriespageres .card {
                            max-width: 793px !important;
                        }
                        .chinastudycenter p {
                            margin-left: 0.3rem !important;
                            margin-right: 0.3rem !important;
                        }
                        .chinastudycenter ul {
                            margin-left: 0.4rem !important;
                            margin-right: 0.3rem !important;
                        }
                        .chinastudycenter h3 {
                            margin-left: 0.3rem !important;
                            margin-right: 0.3rem !important;
                        }
                        .chinastudycenter a {
                            margin-left: 0.3rem !important;
                            margin-right: 0.3rem !important;
                        }
                        .sdpicentermember .card img {
                            width: 150px !important;
                            height: 150px !important;
                        }
                        .staffpagemargin .ms-5 {
                            margin-left: 0 !important;
                        }
                        .staffpagemargin .me-5 {
                            margin-right: 0 !important;
                        }
                        .pubdetailpage .ms-4 {
                            margin-left: 0 !important;
                        }
                        .pubdetailpage p {
                            margin-right: 0 !important;
                        }
                        .pubdetailpage .col-3 {
                            width: 50%;
                        }
                        .pubdetailpage .col-9 {
                            margin-top: 2rem;
                            width: 100%;
                        }
                        .projectdatedetail .col-1 {
                            width: 15%;
                        }
                        .staffdetailpage .col-md-4 {
                            width: 100% !important;
                        }
                        .staffdetailpage .col-md-8 {
                            width: 100% !important;
                        }
                        .staffdetailcard .row-cols-md-3>* {
                            width: 50%;
                        }
                        .envmargin {
                            margin-bottom: 1rem !important;
                        }
                        .environmentpage .row-cols-4>* {
                            width: 50%;
                        }
                        .colwidth .col-md-4 {
                            width: 100% !important;
                        }
                        .colwidth .col-md-8 {
                            width: 100% !important;
                        }
                        .col4width .col-md-4 {
                            width: 50% !important;
                        }
                        /*Researchpage*/
                        .researchpage .row-cols-4>* {
                            text-align: center;
                            width: 50%;
                        }
                        /*SDC SERIES*/
                        .sdcpage div {
                            font-size: 18px !important;
                        }
                        .sdcpage .ms-5 {
                            margin-left: 0.5rem !important;
                        }
                        .sdcpage .col-6 {
                            width: 100% !important;
                        }
                        .sdcpage .order-last {
                            order: -1 !important;
                        }
                        .sdcseriespage .row-cols-6>* {
                            width: 25% !important;
                        }
                        /*ALL STAFF PAGE*/
                        .allstaff1 .row-cols-4>* {
                            width: 33.33%;
                        }
                        .filterproject .col-2 {
                            width: 22% !important;
                        }
                        .clearbtn {
                            margin-left: -35rem !important;
                        }
                        .banner1 img {
                            height: 380px !important;
                        }
                        #v-pills-projects .row-cols-md-6>* {
                            width: 32.6% !important;
                        }
                        .imageslider {
                            width: 32.7% !important;
                            height: 500px;
                            padding: 0 0 0 0;
                        }
                        .publicationresponsive .col-lg-4 .col-md-4 {
                            --bs-gutter-x: 0rem !important;
                        }
                        .publicationresponsive {
                            margin-left: 0rem !important;
                        }
                        .frame8-image {
                            border-radius: 9px;
                            margin-top: 1rem;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .frame8-image1 {
                            border-radius: 9px;
                            margin-top: 1rem;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .frame8-image2 {
                            border-radius: 9px;
                            margin-top: 1rem;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .frame8-image3 {
                            border-radius: 9px;
                            margin-top: 1rem;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .publand .container {
                            max-width: 100% !important;
                        }
                        .aboutus1 .col-6 {
                            width: 95% !important;
                        }
                        .mendate .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .mendate .col-1 {
                            width: 13% !important;
                        }
                        .goals .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .goals .col-1 {
                            width: 13% !important;
                        }
                        .approach .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .approach .col-1 {
                            width: 13% !important;
                        }
                        .publicationcardpage .row-cols-4>* {
                            width: 33.3%;
                        }
                    }
                    
                    @media (max-width:1024px) {
                        .envmargin {
                            margin-bottom: 1rem !important;
                        }
                        .joinusform label {
                            font-size: 11px !important;
                        }
                        .imageslider {
                            width: 32.8% !important;
                            height: 530px !important;
                        }
                        nav a {
                            font-size: 14px !important;
                        }
                        nav a b {
                            font-size: 14px !important;
                        }
                        .conference {
                            width: 310% !important;
                            height: fit-content!important;
                        }
                        .conference img {
                            width: 90% !important;
                            height: 190px !important;
                        }
                        .filterproject .form-select {
                            font-size: 12px !important;
                        }
                        .filterproject .form-control {
                            font-size: 12px !important;
                        }
                        .filterproject .btn {
                            font-size: 10px !important;
                        }
                        .filterproject .text-md-left {
                            text-align: left !important;
                        }
                    }
                    
                    @media (max-width: 768px) {
                        .conference img {
                            height: 200px !important;
                        }
                        .conference P {
                            font-size: 12px !important;
                        }
                        .link-display {
                            display: none;
                        }
                        .sm-res-arrow {
                            display: block;
                        }
                        .mob-res-arrow {
                            display: block;
                        }
                        .xl-res-arrow {
                            display: none;
                        }
                        #slider2 img {
                            width: 92% !important;
                            height: 640px !important;
                            margin-left: 2rem;
                            margin-bottom: 2rem;
                        }
                        .slick-gallery-slider .imglandcol img {
                            height: inherit;
                        }
                        #reslider1 .content-text {
                            font-size: 12px;
                            line-height: 15px;
                        }
                        #reslider1 img {
                            width: 290px;
                            height: 320px;
                        }
                        #reslider1 .content-title {
                            font-size: 15px !important;
                            font-weight: bold;
                        }
                        .publicationresponsive .col-lg-4 .col-md-4 {
                            --bs-gutter-x: 0rem !important;
                        }
                        .publicationresponsive {
                            margin-left: 0rem !important;
                        }
                        .pubres .g-5 {
                            --bs-gutter-x: 0.5rem !important;
                        }
                        .news {
                            text-align: left;
                        }
                        .blog {
                            text-align: left;
                        }
                        footer p {
                            text-align: center;
                        }
                        .filterproject {
                            padding: 0px 10px !important;
                        }
                        .filterproject .form-select {
                            font-size: 14px !important;
                        }
                        .filterproject .btn {
                            font-size: 14px !important;
                        }
                        .filterproject .form-select {
                            font-size: 14px !important;
                        }
                        .filterproject .form-control {
                            font-size: 14px !important;
                        }
                        .footercontact {
                            padding-top: 2rem !important;
                            text-align: center;
                        }
                    }
                    
                    @media (max-width: 666px) {
                        #top-oval1,
                        #bottom-oval {
                            display: none;
                        }
                    }
                    
                    @media (min-width: 580px) and (max-width: 750px) {
                        .footercontact {
                            padding-top: 2rem !important;
                        }
                        #slider2 img {
                            width: 100% !important;
                            height: 30% !important;
                            /*margin-left: 3.2rem !important;*/
                            margin-bottom: 2rem;
                            padding-right: 65px;
                        }
                        .content-image {
                            width: 100%;
                            height: 300px;
                        }
                        .content .content-overlay {
                            background: rgba(0, 0, 0, 0.7);
                            position: absolute;
                            height: 100%;
                            width: 100%;
                            top: 0;
                            bottom: 0;
                            right: 0;
                            opacity: 0;
                            -webkit-transition: all 0.4s ease-in-out 0s !important;
                            -moz-transition: all 0.4s ease-in-out 0s !important;
                            transition: all 0.4s ease-in-out 0s !important;
                        }
                        .publicationresponsive .col-lg-4 .col-md-4 {
                            --bs-gutter-x: 0rem !important;
                        }
                        .publicationresponsive {
                            margin-left: 0rem !important;
                        }
                        .pubres .g-5 {
                            --bs-gutter-x: 0rem !important;
                        }
                        .whoweare {
                            width: 350px !important;
                            height: fit-content !important;
                        }
                        .whoweare .aboutus img {
                            width: 230px !important;
                        }
                        .whoweare p {
                            font-size: 12px !important;
                        }
                        .whoweare .staffimg img {
                            width: 240px !important;
                            margin-left: 0 !important;
                            height: 220px;
                        }
                        .frame8-image {
                            border-radius: 9px;
                            top: 100px !important;
                            left: 200px !important;
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .frame8-image1 {
                            border-radius: 9px;
                            top: 150px !important;
                            left: 140px !important;
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .frame8-image2 {
                            border-radius: 9px;
                            top: 150px !important;
                            left: 250px !important;
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .frame8-image3 {
                            border-radius: 9px;
                            top: 220px !important;
                            left: 200px !important;
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        /*WHAT WE DO DROPDOWN ON SMALL SCREENS*/
                        .whatwedo {
                            width: 360px !important;
                            height: fit-content !important;
                        }
                        .whatwedo .trainingimg img {
                            width: 230px !important;
                            height: 250px !important;
                            margin-left: 0 !important;
                        }
                        .whatwedo .policyimg img {
                            width: 220px !important;
                            height: 180px !important;
                            margin-left: 0 !important;
                        }
                        /*Publication*/
                        .publication {
                            width: 360px !important;
                            height: fit-content !important;
                        }
                        .publication .publicationimg img {
                            width: 190px !important;
                            height: 190px !important;
                        }
                        /*CONFERENCE*/
                        .conference {
                            width: 360px !important;
                            height: fit-content !important;
                        }
                        .conference img {
                            height: 220px;
                            width: 240px !important;
                        }
                        .sdpicenters p {
                            font-size: 10px !important;
                        }
                        .re-small2 {
                            display: block;
                        }
                        .pu-small1 {
                            display: none;
                        }
                        .pu-small2 {
                            display: block;
                        }
                        .ev-small1 {
                            display: none;
                        }
                        .ev-small2 {
                            display: block;
                        }
                        .gal-small1 {
                            display: none;
                        }
                        .gal-small2 {
                            display: block;
                        }
                    }
                    
                    @media (max-width: 575.98px) {
                        #slider2 img {
                            width: 100% !important;
                            height: 30% !important;
                            margin-left: 1.5rem !important;
                            margin-bottom: 2rem;
                            padding-right: 3rem;
                        }
                        .slick-prev {
                            left: 0px !important;
                        }
                        .slick-next {
                            right: 0px !important;
                        }
                        .mob-res-arrow {
                            display: block;
                        }
                        .slick-gallery-slider .slick-list .slick-slide .pe-3 {
                            padding-right: 0 !important;
                        }
                        .slick-gallery-slider .slickslider-gallery .slick-prev {
                            z-index: 9999 !important;
                        }
                        img.a-right.control-c.next.slick-next.slick-arrow,
                        img.a-left.control-c.prev.slick-prev.slick-arrow {
                            width: 42px !important;
                            height: 50px !important;
                            background: #2c2c60;
                            padding: 13px;
                        }
                        .slick-gallery-slider .slick-list {
                            padding: 0 !important;
                        }
                        .nandb2 {
                            text-align: center;
                        }
                        .nandb {
                            text-align: center;
                        }
                        .footercontact {
                            padding-top: 2rem !important;
                            text-align: center;
                        }
                        .content-image {
                            width: 100%;
                            height: 300px;
                        }
                        .content .content-overlay {
                            background: rgba(0, 0, 0, 0.7);
                            position: absolute;
                            height: 100%;
                            width: 100%;
                            top: 0;
                            bottom: 0;
                            right: 0;
                            opacity: 0;
                            -webkit-transition: all 0.4s ease-in-out 0s !important;
                            -moz-transition: all 0.4s ease-in-out 0s !important;
                            transition: all 0.4s ease-in-out 0s !important;
                        }
                        .publicationresponsive .col-lg-4 .col-md-4 {
                            --bs-gutter-x: 0rem !important;
                        }
                        .publicationresponsive {
                            margin-left: 0rem !important;
                        }
                        .pubres .g-5 {
                            --bs-gutter-x: 0rem !important;
                        }
                        .whoweare {
                            width: 350px !important;
                            height: fit-content !important;
                        }
                        .whoweare .aboutus img {
                            width: 230px !important;
                        }
                        .whoweare p {
                            font-size: 12px !important;
                        }
                        .whoweare .staffimg img {
                            width: 240px !important;
                            margin-left: 0 !important;
                            height: 220px;
                        }
                        .frame8-image {
                            border-radius: 9px;
                            top: 100px !important;
                            left: 200px !important;
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .frame8-image1 {
                            border-radius: 9px;
                            top: 150px !important;
                            left: 140px !important;
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .frame8-image2 {
                            border-radius: 9px;
                            top: 150px !important;
                            left: 250px !important;
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .frame8-image3 {
                            border-radius: 9px;
                            top: 220px !important;
                            left: 200px !important;
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        /*WHAT WE DO DROPDOWN ON SMALL SCREENS*/
                        .whatwedo {
                            width: 360px !important;
                            height: fit-content !important;
                        }
                        .whatwedo .trainingimg img {
                            width: 230px !important;
                            height: 250px !important;
                            margin-left: 0 !important;
                        }
                        .whatwedo .policyimg img {
                            width: 220px !important;
                            height: 180px !important;
                            margin-left: 0 !important;
                        }
                        /*Publication*/
                        .publication {
                            width: 360px !important;
                            height: fit-content !important;
                        }
                        .publication .publicationimg img {
                            width: 190px !important;
                            height: 190px !important;
                        }
                        /*CONFERENCE*/
                        .conference {
                            width: 360px !important;
                            height: fit-content !important;
                        }
                        .conference img {
                            height: 220px;
                            width: 240px !important;
                        }
                        .sdpicenters p {
                            font-size: 10px !important;
                        }
                        .re-small2 {
                            display: block;
                        }
                        .pu-small1 {
                            display: none;
                        }
                        .pu-small2 {
                            display: block;
                        }
                        .ev-small1 {
                            display: none;
                        }
                        .ev-small2 {
                            display: block;
                        }
                        .gal-small1 {
                            display: none;
                        }
                        .gal-small2 {
                            display: block;
                        }
                    }
                    
                    @media (min-width: 300px) and (max-width: 550px) {
                        .col4width .col-md-4 {
                            width: 100% !important;
                        }
                        .mob-res-arrow {
                            display: block;
                        }
                        .training-imgpage img {
                            height: 200px !important;
                        }
                        .procurementpage .row-cols-3>* {
                            width: 100% !important;
                        }
                        .procurementpage .btn {
                            margin-top: 1rem !important;
                        }
                        .NAVBAR1 {
                            display: block !important;
                        }
                        .NAVBAR2 {
                            display: none !important;
                        }
                        .sdcseriespageres .row-cols-3>* {
                            width: 100% !important;
                        }
                        .chinastudycenter p {
                            margin-left: 0.2rem !important;
                            margin-right: 0.2rem !important;
                            text-align: justify;
                        }
                        .chinastudycenter ul {
                            margin-left: 0.3rem !important;
                            margin-right: 0.2rem !important;
                            text-align: justify;
                        }
                        .chinastudycenter h3 {
                            margin-left: 0.2rem !important;
                            margin-right: 0.2rem !important;
                        }
                        .chinastudycenter a {
                            margin-left: 0.2rem !important;
                            margin-right: 0.2rem !important;
                        }
                        .projectdetailpage p {
                            margin-left: 0 !important;
                            margin-right: 0 !important;
                        }
                        .projectdetailpage h3 {
                            margin-left: 0 !important;
                            margin-right: 0 !important;
                        }
                        .staffpagemargin .ms-5 {
                            margin-left: 0 !important;
                        }
                        .staffpagemargin .me-5 {
                            margin-right: 0 !important;
                        }
                        .pubdetailpage p {
                            margin-right: 0 !important;
                        }
                        .pubdetailpage .ms-4 {
                            margin-left: 0 !important;
                        }
                        .pubdetailpage .col-3 {
                            width: 100%;
                        }
                        .pubdetailpage .col-9 {
                            margin-top: 2rem;
                            width: 100%;
                        }
                        .staffdetailcard .row-cols-md-3>* {
                            width: 100%;
                        }
                        .staffdetailpage .col-md-4 {
                            width: 100% !important;
                        }
                        .staffdetailpage .col-md-8 {
                            width: 100% !important;
                        }
                        .envmargin {
                            margin-bottom: 0.5rem !important;
                        }
                        .eventheading .ms-5 {
                            margin-left: 0 !important;
                        }
                        .eventdetailpage .ms-5 {
                            margin-left: 0 !important;
                        }
                        .eventdetailpage .clearfix .me-5 {
                            margin-right: 0 !important;
                        }
                        .sdpicenterpage .row-cols-3>* {
                            width: 100.333333%;
                        }
                        /*Researchpage*/
                        .researchpage .row-cols-4>* {
                            text-align: center;
                            width: 100%;
                        }
                        /*CONTACT PAGE*/
                        .cform .row-cols-2>* {
                            width: 100%;
                        }
                        /*JOIN US PAGE*/
                        .jform .row-cols-2>* {
                            width: 100%;
                        }
                        /*SDC SERIES*/
                        .sdcpage div {
                            font-size: 16px !important;
                        }
                        .sdcpage .ms-5 {
                            margin-left: 0.5rem !important;
                        }
                        .sdcpage .col-6 {
                            width: 100% !important;
                        }
                        .sdcpage img {
                            width: 300px !important;
                        }
                        .sdcpage .order-last {
                            order: -1 !important;
                        }
                        .sdcseriespage .row-cols-6>* {
                            width: 32.6% !important;
                        }
                        /*All staff page*/
                        .allstaff1 .row-cols-4>* {
                            width: 100%;
                        }
                        /*PROJECT PAGE*/
                        .projectcard .col-6 {
                            width: 100% !important;
                        }
                        .projectcard .col-1 {
                            width: 13% !important;
                        }
                        .filterproject .col-2 {
                            width: 75% !important;
                        }
                        .filterproject .col-1 {
                            width: 32% !important;
                        }
                        .clearbtn {
                            margin-left: -8rem !important;
                        }
                        /*TRAINING PAGE*/
                        .VMO .col-4 {
                            width: 100% !important;
                        }
                        .traintabcontent .col-md-4 {
                            width: 100% !important;
                        }
                        .banner1 img {
                            height: 200px !important;
                        }
                        .footercontact {
                            padding-top: 2rem !important;
                        }
                        #slider2 img {
                            width: 100% !important;
                            height: 30% !important;
                            margin-left: 1.6rem !important;
                            margin-bottom: 2rem;
                        }
                        #reslider2 {
                            display: block !important;
                        }
                        #reslider1 {
                            display: none;
                        }
                        /*WHO WE ARE DROPDOWN ON SMALL SCREENS*/
                        .whoweare {
                            width: 350px !important;
                            height: fit-content !important;
                        }
                        .whoweare .aboutus img {
                            width: 230px !important;
                        }
                        .whoweare p {
                            font-size: 12px !important;
                        }
                        .whoweare .staffimg img {
                            width: 240px !important;
                            margin-left: 0 !important;
                            height: 220px;
                        }
                        .frame8-image {
                            border-radius: 9px;
                            top: 100px !important;
                            left: 200px !important;
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .frame8-image1 {
                            border-radius: 9px;
                            top: 150px !important;
                            left: 140px !important;
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .frame8-image2 {
                            border-radius: 9px;
                            top: 150px !important;
                            left: 250px !important;
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .frame8-image3 {
                            border-radius: 9px;
                            top: 220px !important;
                            left: 200px !important;
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            object-fit: cover;
                            box-shadow: 2px #1a1a1a;
                        }
                        .v-res {
                            position: relative !important;
                            left: 80px!important;
                            top: 300px !important;
                        }
                        .v-res1 {
                            position: relative !important;
                            left: 100px!important;
                            top: 300px !important;
                        }
                        /*WHAT WE DO DROPDOWN ON SMALL SCREENS*/
                        .whatwedo {
                            width: 360px !important;
                            height: fit-content !important;
                        }
                        .whatwedo .trainingimg img {
                            width: 230px !important;
                            height: 250px !important;
                            margin-left: 0 !important;
                        }
                        .whatwedo .policyimg img {
                            width: 220px !important;
                            height: 180px !important;
                            margin-left: 0 !important;
                        }
                        /*Publication*/
                        .publication {
                            width: 360px !important;
                            height: fit-content !important;
                        }
                        .publication .publicationimg img {
                            width: 190px !important;
                            height: 190px !important;
                        }
                        /*CONFERENCE*/
                        .conference {
                            width: 360px !important;
                            height: fit-content !important;
                        }
                        .conference img {
                            height: 180px !important;
                            width: 95% !important;
                            margin-left: 0 !important;
                        }
                        .sdpicenters p {
                            font-size: 10px !important;
                        }
                        .content-image {
                            width: 100%;
                            height: 300px;
                        }
                        .content .content-overlay {
                            background: rgba(0, 0, 0, 0.7);
                            position: absolute;
                            height: 100%;
                            width: 100%;
                            left: 0;
                            top: 0;
                            bottom: 0;
                            right: 0;
                            opacity: 0;
                            -webkit-transition: all 0.4s ease-in-out 0s !important;
                            -moz-transition: all 0.4s ease-in-out 0s !important;
                            transition: all 0.4s ease-in-out 0s !important;
                        }
                        .publicationresponsive .col-lg-4 .col-md-4 {
                            --bs-gutter-x: 0rem !important;
                        }
                        .pubres .g-5 {
                            --bs-gutter-x: 0rem !important;
                        }
                        .publicationresponsive {
                            margin-left: 0rem !important;
                        }
                        .borderblog {
                            border-left: none;
                        }
                        .bordernews {
                            border-left: none;
                        }
                        .re-small2 {
                            display: block;
                        }
                        .re-small1 {
                            display: none;
                        }
                        .pu-small1 {
                            display: none;
                        }
                        .pu-small2 {
                            display: block;
                        }
                        .ev-small1 {
                            display: none;
                        }
                        .ev-small2 {
                            display: block;
                        }
                        .gal-small1 {
                            display: none;
                        }
                        .gal-small2 {
                            display: block;
                        }
                        #v-pills-projects .row-cols-md-6>* {
                            width: 33.6% !important;
                        }
                        /*ABOUT US PAGE*/
                        .aboutus1 .order-last {
                            order: -1 !important;
                        }
                        .aboutus1 img {
                            width: 300px;
                            height: 250px;
                        }
                        .aboutus1 p {
                            font-size: 16px !important;
                            line-height: 1.5rem !important;
                        }
                        .aboutus1 .col-6 {
                            width: 95% !important;
                        }
                        .aboutus1 .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .mendate .col-1 {
                            width: 70% !important;
                        }
                        .mendate .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .mendate .col-10 {
                            width: 95% !important;
                        }
                        .mendate ul {
                            font-size: 16px !important;
                            line-height: 2rem !important;
                        }
                        .mendate h2 {
                            margin-left: 1rem !important;
                        }
                        .goals .col-1 {
                            width: 70% !important;
                        }
                        .goals .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .goals .col-10 {
                            width: 95% !important;
                        }
                        .goals ul {
                            font-size: 16px !important;
                            line-height: 2rem !important;
                        }
                        .goals h2 {
                            margin-left: 1rem !important;
                        }
                        .goals p {
                            font-size: 16px !important;
                        }
                        .approach .col-1 {
                            width: 70% !important;
                        }
                        .approach .ms-5 {
                            margin-left: 1rem !important;
                        }
                        .approach .col-10 {
                            width: 95% !important;
                        }
                        .approach p {
                            font-size: 16px !important;
                            line-height: 2rem !important;
                        }
                        .mendate img {
                            width: 60px;
                            height: 60px;
                        }
                        .goals img {
                            width: 60px;
                            height: 60px;
                        }
                        .approach img {
                            width: 60px;
                            height: 60px;
                        }
                        .publicationcardpage .row-cols-4>* {
                            width: 100%;
                        }
                        .trainpage .d-flex {
                            display: inline-block !important;
                        }
                        .traintabcontent .ms-5 {
                            margin-left: 0 !important;
                            margin-top: 1rem !important;
                        }
                        .environmentpage .row-cols-4>* {
                            width: 100%;
                        }
                        .environmentpage .row {
                            margin-left: calc(0.5 * var(--bs-gutter-x));
                        }
                    }
                    
                    @media (min-width: 1280px) and (max-width: 1301px) {
                        .imageslider {
                            width: 31.8%;
                            height: 550px;
                            padding: 0 0 0 0;
                        }
                    }
                    /*LANDSCAPE Media Queries*/
                    
                    @media (max-width:1180px) and (orientation: landscape) {
                        .col4width .col-1 {
                            width: 15% !important;
                        }
                        .projectdatedetail .col-1 {
                            width: 15%;
                        }
                        .environmentpage .row-cols-4>* {
                            width: 33.33%;
                        }
                        .joinusform label {
                            font-size: 13px !important;
                        }
                        .imageslider {
                            width: 32.8% !important;
                            height: 530px !important;
                        }
                        nav a {
                            font-size: 15px !important;
                        }
                        nav a b {
                            font-size: 13px !important;
                        }
                        .conference {
                            width: 340% !important;
                            height: fit-content !important;
                        }
                        .conference img {
                            height: 200px;
                            width: 90% !important;
                            margin-left: 1rem !important;
                        }
                        /*ABOUT US*/
                        .aboutus1 img {
                            width: 450px;
                            height: 350px;
                        }
                        .overlay-color .event-read-btn {
                            padding: 15px 50px !important;
                            font-size: 20px !important;
                        }
                    }
                    
                    @media only screen and (max-width: 990px) {
                        /* .allstaff1 img {
  width: 210px !important;
  height: 210px !important;
} */
                        .overlay-color .event-read-btn {
                            padding: 15px 40px !important;
                            font-size: 18px !important;
                        }
                        .overlay-color {
                            width: 96.5% !important;
                            left: 15px !important;
                        }
                    }
                    
                    @media (max-width:915px) and (orientation: landscape) {
                        .widthdropdown .form-select {
                            font-size: 12px;
                            height: 40px !important;
                        }
                        .staffdetailcard .row-cols-md-3>* {
                            width: 50%;
                        }
                        .projectdatedetail .col-1 {
                            width: 15%;
                        }
                        .envmargin {
                            margin-bottom: 1.5rem !important;
                        }
                        .environmentpage .row-cols-4>* {
                            width: 33.33%;
                        }
                        /*ALL STAFF PAGE*/
                        .allstaff1 .row-cols-4>* {
                            width: 33.33%;
                        }
                        .imageslider {
                            width: 32.7% !important;
                            height: 450px !important;
                        }
                        .pubres .g-5 {
                            --bs-gutter-x: 1rem !important;
                        }
                        .publand .container {
                            max-width: 100% !important;
                        }
                        #v-pills-projects .row-cols-md-6>* {
                            width: 32.6% !important;
                        }
                        .content-image {
                            width: 100%;
                            height: 350px;
                        }
                        .conference {
                            width: 70% !important;
                            height: fit-content !important;
                        }
                        .conference img {
                            height: 200px;
                            width: 80% !important;
                            margin-left: 0 !important;
                        }
                        /*ABOUT US PAGE*/
                        .aboutus1 img {
                            width: 400px;
                        }
                        .mendate img {
                            width: 70px;
                            height: 70px;
                        }
                        .goals img {
                            width: 70px;
                            height: 70px;
                        }
                        .approach img {
                            width: 70px;
                            height: 70px;
                        }
                        .approach p {
                            line-height: 2.4rem !important;
                        }
                    }
                    
                    @media (max-width:896px) and (orientation: landscape) {
                        .widthdropdown .form-select {
                            font-size: 10.5px;
                            height: 40px !important;
                        }
                        .NAVBAR1 {
                            display: none !important;
                        }
                        .NAVBAR2 {
                            display: block !important;
                            position: fixed !important;
                            width: 100%;
                            z-index: 1;
                        }
                        .projectdatedetail .col-1 {
                            width: 15%;
                        }
                        .publand .container {
                            max-width: 100% !important;
                        }
                        .imageslider {
                            width: 32.8% !important;
                            height: 420px !important;
                        }
                        .conference {
                            width: 70% !important;
                            height: fit-content !important;
                        }
                        .conference img {
                            height: 200px;
                            width: 70% !important;
                            margin-left: 0 !important;
                        }
                        /*ALL STAFF PAGE*/
                        .allstaff1 .row-cols-4>* {
                            width: 33.33%;
                        }
                    }
                    
                    @media (max-width:851px) and (orientation: landscape) {
                        .imageslider {
                            width: 32.7% !important;
                            height: 450px !important;
                        }
                        #v-pills-projects .row-cols-md-6>* {
                            width: 32.6% !important;
                        }
                        .filterproject .row>* {
                            padding-left: calc(var(--bs-gutter-x) * .0);
                        }
                    }
                    
                    @media (max-width:844px) and (orientation: landscape) {
                        .imageslider {
                            width: 32.7% !important;
                            height: 450px !important;
                        }
                        #v-pills-projects .row-cols-md-6>* {
                            width: 32.6% !important;
                        }
                        .conference {
                            width: 70% !important;
                            height: fit-content !important;
                        }
                        .conference img {
                            height: 200px;
                            width: 80% !important;
                            margin-left: 0 !important;
                        }
                    }
                    
                    @media (max-width:740px) and (orientation: landscape) {
                        .borderblog {
                            border-left: none;
                        }
                        .sdpicenterpage .row-cols-3>* {
                            width: 50% !important;
                        }
                        /*ALL STAFF PAGE*/
                        /* .allstaff1 img{
      width: 250px !important;
      height: 250px !important;
    } */
                        .researchimg .row-cols-md-6>* {
                            width: 49% !important;
                        }
                        #v-pills-projects .row-cols-md-6>* {
                            width: 49% !important;
                        }
                        #slider1 {
                            display: none !important;
                        }
                        .imageslider {
                            width: 31%px !important;
                            height: 450px !important;
                        }
                        #slider2 {
                            display: none !important;
                        }
                        #reslider1 .imglandcol {
                            width: 25% !important;
                        }
                        #reslider1 .content-text {
                            font-size: 12px;
                        }
                        #reslider1 .content-title {
                            font-size: 16px !important;
                            font-weight: bold;
                        }
                        .content .content-overlay {
                            background: rgba(0, 0, 0, 0.7);
                            position: absolute;
                            height: 100%;
                            width: 120%;
                            left: -0.5rem;
                            top: 0;
                            bottom: 0;
                            right: 0;
                            opacity: 0;
                            -webkit-transition: all 0.4s ease-in-out 0s !important;
                            -moz-transition: all 0.4s ease-in-out 0s !important;
                            transition: all 0.4s ease-in-out 0s !important;
                        }
                        .publicationresponsive .col-md-4 {
                            width: 50%;
                        }
                        .pubres .g-5 {
                            --bs-gutter-x: 0.5rem !important;
                        }
                        .publicationresponsive .col-md-4 {
                            width: 33.2%;
                        }
                        .publand .container {
                            max-width: 100% !important;
                        }
                        .re-small2 {
                            display: block;
                        }
                        .re-small1 {
                            display: none;
                        }
                        .pu-small1 {
                            display: none;
                        }
                        .pu-small2 {
                            display: block;
                        }
                        .ev-small1 {
                            display: none;
                        }
                        .ev-small2 {
                            display: block;
                        }
                        .gal-small1 {
                            display: none;
                        }
                        .gal-small2 {
                            display: block;
                        }
                    }
                    
                    @media (max-width:667px) and (orientation: landscape) {
                        .chinastudycenter p {
                            margin-left: 0.2rem !important;
                            margin-right: 0.2rem !important;
                        }
                        .chinastudycenter ul {
                            margin-left: 0.3rem !important;
                            margin-right: 0.2rem !important;
                        }
                        .chinastudycenter h3 {
                            margin-left: 0.2rem !important;
                            margin-right: 0.2rem !important;
                        }
                        .chinastudycenter a {
                            margin-left: 0.2rem !important;
                            margin-right: 0.2rem !important;
                        }
                        .projectdatedetail .col-1 {
                            width: 18%;
                        }
                        .borderblog {
                            border-left: none;
                        }
                        .trainpage .d-flex {
                            display: inline-block !important;
                        }
                        .traintabcontent .ms-5 {
                            margin-left: 0 !important;
                            margin-top: 1rem !important;
                        }
                        .eventheading .ms-5 {
                            margin-left: 0 !important;
                        }
                        .eventdetailpage .ms-5 {
                            margin-left: 0 !important;
                        }
                        .eventdetailpage .clearfix .me-5 {
                            margin-right: 0 !important;
                        }
                        .sdpicenterpage .row-cols-3>* {
                            width: 50% !important;
                        }
                        /*ALL STAFF PAGE*/
                        .allstaff1 .row-cols-4>* {
                            width: 50%;
                        }
                        .clearbtn {
                            margin-left: 1px !important;
                        }
                        .banner1 img {
                            height: 280px !important;
                        }
                        #slider1 {
                            display: none !important;
                        }
                        .imageslider {
                            width: 32.5% !important;
                            height: 420px !important;
                        }
                        #slider1 .ps-5 {
                            padding-left: 1.5rem !important;
                        }
                        #slider2 {
                            display: block !important;
                        }
                        #reslider1 .imglandcol {
                            width: 25% !important;
                        }
                        #reslider1 .content-text {
                            font-size: 12px;
                        }
                        #reslider1 .content-title {
                            font-size: 16px !important;
                            font-weight: bold;
                        }
                        .content .content-overlay {
                            background: rgba(0, 0, 0, 0.7);
                            position: absolute;
                            height: 100%;
                            width: 120%;
                            left: -0.5rem;
                            top: 0;
                            bottom: 0;
                            right: 0;
                            opacity: 0;
                            -webkit-transition: all 0.4s ease-in-out 0s !important;
                            -moz-transition: all 0.4s ease-in-out 0s !important;
                            transition: all 0.4s ease-in-out 0s !important;
                        }
                        .publicationresponsive .col-md-4 {
                            width: 33.2%;
                        }
                        .pubres .g-5 {
                            --bs-gutter-x: 0.5rem !important;
                        }
                        .publand .container {
                            max-width: 100% !important;
                        }
                        .re-small2 {
                            display: block;
                        }
                        .re-small1 {
                            display: none;
                        }
                        .pu-small1 {
                            display: none;
                        }
                        .pu-small2 {
                            display: block;
                        }
                        .ev-small1 {
                            display: none;
                        }
                        .ev-small2 {
                            display: block;
                        }
                        .gal-small1 {
                            display: none;
                        }
                        .gal-small2 {
                            display: block;
                        }
                        .conference {
                            width: 70% !important;
                            height: fit-content !important;
                        }
                        .conference img {
                            height: 200px;
                            width: 80% !important;
                            margin-left: 0 !important;
                        }
                        .researchimg .row-cols-md-6>* {
                            width: 34% !important;
                        }
                        #v-pills-projects .row-cols-md-6>* {
                            width: 34% !important;
                        }
                    }
                    /*ABOUT US PAGE CSS*/
                    
                    .aboutus1 h2 {
                        color: #2c2c60;
                    }
                    
                    .aboutus1 p {
                        font-size: 22px;
                        line-height: 3rem;
                    }
                    
                    .mendate h2 {
                        color: #2c2c60;
                    }
                    
                    .mendate ul {
                        font-size: 22px;
                        line-height: 3rem;
                        padding-left: 55px;
                        list-style: none;
                    }
                    
                    .goals h2 {
                        color: #2c2c60;
                    }
                    
                    .goals p {
                        font-size: 22px;
                    }
                    
                    .goals ul {
                        font-size: 22px;
                        line-height: 3rem;
                    }
                    
                    .approach h2 {
                        color: #2c2c60;
                    }
                    
                    .approach p {
                        font-size: 22px;
                        line-height: 3rem;
                    }
                    /*AL STAFF PAGE*/
                    
                    .allstaff1 .row>* {
                        padding-right: calc(var(--bs-gutter-x) * 0);
                        padding-left: calc(var(--bs-gutter-x) * 0);
                    }
                    
                    .allstaff1 .nav-tabs {
                        display: flex;
                        justify-content: space-around;
                    }
                    
                    .allstaff1 .nav-link::before {
                        display: none;
                    }
                    
                    .allstaff1 .nav-tabs .nav-link {
                        font-size: 20px;
                        width: 50%;
                    }
                    
                    .allstaff1 .nav-tabs {
                        border-bottom: none !important;
                    }
                    
                    .allstaff1 .nav-tabs .nav-link.active {
                        background-color: #000 !important;
                        color: #fff !important;
                    }
                    /*PROJECTS PAGE*/
                    
                    .filterproject .form-select {
                        background-color: #f9f9f9;
                        border-radius: 0;
                        height: 40px;
                    }
                    
                    .filterproject .form-control {
                        background-color: #f9f9f9;
                        border-radius: 0;
                        height: 40px;
                    }
                    
                    .filterproject .btn {
                        padding: 0 25px;
                        border-radius: 0;
                        height: 40px;
                        font-size: 13px;
                    }
                    
                    .projectcard .card {
                        border-radius: 0;
                        --bs-card-bg: #f9f9f9;
                        border: none;
                    }
                    
                    .projectcard .card-footer {
                        background-color: #f9f9f9;
                        border-top: none;
                    }
                    /*TRAINING PAGE*/
                    
                    .texttraintab .nav-link {
                        font-size: 20px !important;
                        border-bottom: 1px solid #dfdfdf !important;
                        border-radius: 0 !important;
                        line-height: 3rem !important;
                    }
                    
                    .traintabcontent img,
                    svg {
                        vertical-align: super;
                    }
                    /*SDPI CENTERS PAGE*/
                    
                    .sdpicenterpage .card {
                        border-color: white;
                    }
                    /*PAGINATION*/
                    
                    .pagination>li>a,
                    .pagination>li>span {
                        position: relative;
                        float: left;
                        padding: 6px 12px;
                        margin-left: -1px;
                        line-height: 1.428571429;
                        text-decoration: none;
                        background-color: #ffffff;
                        border: 1px solid #eceae4;
                        text-decoration: none;
                    }
                    
                    .pagination .active a {
                        background-color: #2c2c60 !important;
                        color: white !important;
                    }
                    
                    .pagination .active>.page-link,
                    .page-link.active {
                        background-color: #2c2c60 !important;
                        color: white !important;
                    }
                    /*PUBLICATION page*/
                    
                    .publicationcardpage .card {
                        border-color: white;
                    }
                    /*JOIN US PAGE*/
                    
                    .joinusform .form-control {
                        border-color: white !important;
                        border: solid white !important;
                        border-bottom: 1px solid #1a1a1a !important;
                    }
                    
                    .joinusform .form-label {
                        margin-bottom: 0 !important;
                    }
                    
                    .joinusform label {
                        margin-top: 2rem;
                        font-size: 16px;
                        color: #2c2c60;
                        font-weight: bold;
                    }
                    
                    .joinusform select {
                        border-color: white !important;
                        border: solid white !important;
                        border-bottom: 1px solid #1a1a1a !important;
                    }
                    /*CONTACT AND INQUIRY PAGE*/
                    
                    .contactform .form-control {
                        border-color: white !important;
                        border: solid white !important;
                        border-bottom: 1px solid #1a1a1a !important;
                    }
                    
                    .contactform select {
                        border-color: white !important;
                        border: solid white !important;
                        border-bottom: 1px solid #1a1a1a !important;
                    }
                    
                    .contactform .form-label {
                        margin-bottom: 0 !important;
                    }
                    
                    .contactform label {
                        margin-top: 2.3rem;
                        font-size: 16px;
                        color: #2c2c60;
                        font-weight: bold;
                    }
                    
                    @media only screen and (max-width: 1024px) {
                        .overlay-color .event-read-btn {
                            left: 41%;
                        }
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .overlay-color .event-read-btn {
                            padding: 10px 35px !important;
                            font-size: 18px !important;
                            top: 37% !important;
                            left: 40% !important;
                        }
                        .overlay-color {
                            width: 96% !important;
                        }
                    }
                    
                    @media (min-width: 520px) and (max-width: 677px) {
                        .overlay-color .event-read-btn {
                            padding: 10px 25px !important;
                            font-size: 16px !important;
                        }
                        .overlay-color .event-read-btn {
                            padding: 8px 25px !important;
                            font-size: 16px !important;
                            top: 37% !important;
                            left: 37% !important;
                        }
                        .overlay-color {
                            width: 95% !important;
                        }
                    }
                    
                    @media only screen and (max-width: 520px) {
                        .overlay-color .event-read-btn {
                            padding: 4px 20px !important;
                            font-size: 14px !important;
                            top: 40% !important;
                            left: 40% !important;
                        }
                        .overlay-color {
                            width: 93% !important;
                        }
                    }
                    
                    @media only screen and (max-width: 480px) {
                        .our-team .title:before,
                        .our-team .title:after {
                            top: -83px;
                        }
                        .allstaff1 img {
                            width: 300px !important;
                            height: 300px !important;
                        }
                        .d4d-intro .mt-5 {
                            margin-top: 0px !important;
                        }
                    }