/*  12.0 ===== Medias/Responsive =====   */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/* All Tablet Portrait size smaller than standard 1399 (devices and browsers) */

@media only screen and (max-width: 1399px) {}

/* All Tablet Portrait size smaller than standard 1299 (devices and browsers) */

@media only screen and (max-width: 1299px) {

    .hgroup-content-wrap {
        position: relative;
    }

    .navbar {
        width: 0;
    }

    .site-header {
        z-index: 2;
    }

    .mean-container .meanmenu-reveal span,
    .mean-container .meanmenu-reveal span:before,
    .mean-container .meanmenu-reveal span:after {
        background: var(--secondary);
        width: 100%;
    }

    .mean-container .mean-nav {
        float: none;
        width: 100%;
        position: absolute;
        right: 0;
        top: 148%;
        z-index: 1;
    }

    .mean-container .mean-nav ul li a {
        font-weight: 400;
    }

    .main-navigation li.current-menu-item::after,
    .main-navigation ul li.current_page_item::after {
        width: auto;
    }

    .mean-container a.meanmenu-reveal {
        width: 30px;
        height: 30px;
        right: 25px !important;
    }

    .mean-container .mean-nav ul li {
        margin: 0;
    }

    .meanmenu-reveal.meanclose span:nth-child(2n) {
        opacity: 0;
    }

    .mean-container .mean-nav>ul {
        left: 0;
        background: var(--secondary);
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.3);
        width: 100%;
    }

    .meanclose {
        font-size: 29px !important;
        color: var(--secondary);
    }

    .main-navigation ul li.menu-item-has-children>a::before {
        display: none;
    }

    .main-navigation ul ul {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform-origin: none;
        transition: all 0s ease 0s;
        -webkit-transition: all 0s ease 0s;
        -moz-transition: all 0s ease 0s;
        -o-transition: all 0s ease 0s;
        margin: 0;
        position: static;
        top: 0px;
        white-space: none;
        z-index: 9;
        background: #fff;
        min-width: 100%;
        box-shadow: none;
    }

    .main-navigation li li {
        border-bottom: none;
    }

    .mean-container .mean-nav ul ul {
        background: none;
    }

    .main-navigation ul li:hover ul {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        background: var(--sky-blue-shade);
        border-left: none;
        height: 27px;
    }

    .mean-container .mean-nav ul li a.mean-expand::before {
        content: "\f107";
        font-family: "FontAwesome";
        display: block;
        opacity: 1;
        margin: auto;
        background: none;
        font-size: 16px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: auto;
        right: unset;
        bottom: unset;
        transition: none;
    }

    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: var(--sky-blue-shade);
    }

    .mean-container .mean-nav>ul>li:first-child a {
        border-top: none;
    }

    .header-top,
    .hgroup-right {
        padding-left: 180px;
        padding-right: 95px;
    }

    .header-top .social-icons-wrap {
        padding-right: 0;
    }

    .hgroup-right {
        position: relative;
    }

    .header-top .search-icon {
        right: 40px;
    }

    .site-branding {
        left: 40px;
    }

    .highlights-notice-section {
        padding: 0 40px;
    }

}

/* All Tablet Portrait size smaller than standard 1199 (devices and browsers) */

@media only screen and (max-width: 1199px) {

    .banner-text-content {
        padding: 180px 0 200px 0;
    }

    .banner-text-content .entry-title {
        font-size: 52px;
    }

}

/* All Tablet Portrait size smaller than standard 1023 (devices and browsers) */

@media only screen and (max-width: 1023px) {

    section {
        padding: 60px 0;
    }

    .why-choose-sunway .entry-title {
        font-size: 50px;
    }

    .notices-downloads-wrap .updates-info {
        width: 31%;
        margin: 0 6px 12px 6px;
        width: calc(33.33% - 12px);
    }

    .footer-logo {
        width: 170px;
    }

    .newsletter-subscribe {
        width: 330px;
    }

    .footer-content .widget-area {
        width: 47%;
        width: calc(100% - 500px);
    }

    .mission-purpose .item .icon {
        max-width: 60px;
    }

    .mission-purpose {
        margin-bottom: 30px;
    }

    .leader-profiles-wrap .person-profile:not(:last-child) {
        margin-bottom: 40px;
    }

    .campus-tour-section {
        padding: 100px 0;
    }

    .campus-tour-section .entry-title {
        font-size: 44px;
    }

    .campus-tour-section .entry-sub-title {
        font-size: 22px;
    }

    .contact-form-content,
    .college-contact-wrap {
        padding: 24px;
    }

}

/* All Tablet Portrait size smaller than standard 992 (devices and browsers) */

@media only screen and (max-width: 992px) {

    .header-top,
    .hgroup-right {
        padding-left: 160px;
        padding-right: 75px;
    }

    .site-branding {
        left: 20px;
    }

    .header-top .search-icon {
        right: 20px;
    }

    .mean-container a.meanmenu-reveal {
        right: 5px !important;
    }

    .highlights-notice-section {
        padding: 0 20px;
    }

    .banner-text-content {
        padding: 160px 0 180px 0;
    }

    .banner-text-content .entry-title {
        font-size: 48px;
    }

    .about-us-content {
        gap: 24px;
        grid-template-columns: calc(50% - 12px) calc(50% - 12px);
        padding: 24px;
    }

    h1,
    .search .page-title {
        font-size: 30px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 22px;
    }

    .btn-primary,
    .btn-secondary {
        padding: 12px 32px 12px 12px;
    }

    .btn-primary::before,
    .btn-secondary::before {
        right: 12px;
    }

    .contact-program-wrap .btn-primary::before {
        right: 6px;
    }

    .chief-message-content {
        padding: 24px;
    }

    .chief-message-content .chief-message-info {
        padding: 0 20px 0 0;
    }

    .our-courses-section .post-wrapper .post,
    .all-programs-section .post-wrapper .post,
    .blog-post-wrapper .post,
    .all-information-post-wrapper .post,
    .upcoming-events-section .post,
    .alumni-news-section .post {
        width: 46%;
        margin: 0 12px 24px 12px;
        width: calc(50% - 24px);
    }

    .our-courses-section .post-wrapper,
    .all-programs-section .post-wrapper .tab-content.active,
    .blog-post-wrapper,
    .all-information-post-wrapper,
    .upcoming-events-section .post-wrapper,
    .alumni-news-section .post-wrapper {
        margin: 0 -12px;
    }

    .admission-events-wrap {
        grid-template-columns: calc(55% - 12px) calc(45% - 12px);
        gap: 24px;
    }

    .event-calendar .calendar-content {
        padding: 16px;
        max-height: 360px;
    }

    .event-calendar .entry-date .date-number {
        font-size: 26px;
    }

    .newsletter-subscribe {
        padding-right: 0;
    }

    .footer-content .widget-area {
        width: 100%;
        margin-top: 30px;
        grid-template-columns: 50% 50%;
    }

    .page-title-wrap {
        padding: 120px 0;
    }

    .page-title {
        font-size: 34px;
    }

    .mission-purpose .item {
        width: 30%;
        margin: 0 12px 24px 12px;
        width: calc(33.33% - 24px);
    }

    .mission-purpose .purpose-items-wrap {
        margin: 0 -12px;
    }

    .mission-purpose {
        margin-bottom: 20px;
    }

    .leader-profiles-wrap .profile-content {
        padding: 20px;
    }

    .leader-profiles-wrap .person-profile:not(:last-child) {
        margin-bottom: 30px;
    }

    .campus-tour-section .entry-title {
        font-size: 40px;
    }

    .campus-tour-section .video-play-icon {
        width: 90px;
        height: 90px;
    }

    .campus-tour-section .video-play-icon::before {
        font-size: 90px;
    }

    .campus-tour-section {
        padding: 80px 0;
    }

    .alumni-members-section .profiles-wrap,
    .our-team-profiles-wrap {
        margin: 0 -12px;
    }

    .alumni-members-section .person-profile,
    .our-team-profiles-wrap .person-profile {
        margin: 0 12px 24px 12px;
    }

    .top-member-profiles-wrap .person-profile,
    .our-team-profiles-wrap .person-profile {
        width: 46%;
        width: calc(50% - 24px);
    }

    .program-detail-wrap .sticky-wrap aside>.btn-primary {
        padding: 12px;
    }

    .program-detail-wrap,
    .qaa-badge-content-wrap {
        gap: 24px;
        grid-template-columns: calc(65% - 12px) calc(35% - 12px);
    }

    .who-we-are-content-wrap {
        gap: 24px;
        grid-template-columns: calc(55% - 12px) calc(45% - 12px);
    }

    .who-we-are-content .entry-header {
        padding-bottom: 0px;
    }

    .contact-content {
        gap: 24px;
        grid-template-columns: calc(40% - 12px) calc(60% - 12px);
    }

    .contact-detail .detail-item {
        gap: 10px;
    }

    .site-content .row #primary {
        width: 65%;
        padding-right: 10px;
    }

    .site-content .row #secondary {
        width: 35%;
        padding-left: 10px;
    }

    .single .post .entry-title {
        font-size: 24px;
    }

    #secondary .widget .wp-block-heading {
        font-size: 20px;
        padding: 10px 16px;
    }

    #secondary .widget .wp-block-search__inside-wrapper {
        flex-direction: column;
        row-gap: 12px;
    }

    #secondary .widget_search button {
        margin-bottom: 0;
        margin-left: 0;
    }

    #secondary .widget .wp-block-group li {
        padding: 12px 14px;
    }

    input[type="submit"],
    .wpcf7 input[type="submit"],
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        padding: 12px 14px;
    }

    .author .page-title {
        font-size: 28px;
    }

    .gallery-grid {
        margin: 0px -12px;
    }

    .gallery-grid .gallery-img {
        margin: 0 12px 24px 12px;
    }

    .gallery-album {
        width: 46%;
        margin: 0px 12px 24px 12px;
        width: calc(50% - 24px);
    }

    .not-found-content h2 {
        font-size: 120px;
    }

    .not-found-content .btn-primary {
        padding: 12px 12px 12px 32px;
    }

    .not-found-content .btn-primary::before {
        left: 10px;
    }

    .research-document {
        width: 47%;
        width: calc(50% - 16px);
    }

    .notices-downloads-wrap {
        margin: 0 -12px 20px -12px;
    }

    .notices-downloads-wrap .updates-info {
        width: 46%;
        margin: 0 12px 24px 12px;
        width: calc(50% - 24px);
    }

    .program-detail-content .tab-title-wrap {
        grid-template-columns: repeat(3, auto);
    }

    .contact-program-wrap .popup-content {
        gap: 24px;
        grid-template-columns: calc(50% - 12px) calc(50% - 12px);
        padding: 24px;
    }

}

/* All Mobile Portrait size smaller than 768 (devices and browsers) */

@media only screen and (max-width: 767px) {

    .hgroup-right {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .header-top {
        gap: 4px;
    }

    .banner-text-content .entry-title {
        font-size: 40px;
    }

    .banner-text-content .entry-sub-title {
        font-size: 20px;
    }

    .banner-text-content {
        padding: 140px 0 160px 0;
    }

    .home .about-us-content {
        gap: 20px;
        grid-template-columns: 100%;
        padding: 20px;
    }

    h1,
    .search .page-title {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 16px;
    }

    .entry-sub-title {
        font-size: 18px;
    }

    section {
        padding: 40px 0;
    }

    .about-us-section {
        padding: 0px 0 60px 0;
    }

    .chief-message-content {
        padding: 20px;
    }

    .chief-message-content,
    .admission-events-wrap {
        grid-template-columns: 100%;
        gap: 20px;
    }

    .our-courses-section .post-wrapper .post,
    .all-programs-section .post-wrapper .post,
    .blog-post-wrapper .post,
    .all-information-post-wrapper .post,
    .upcoming-events-section .post,
    .alumni-news-section .post {
        margin: 0 0 20px 0;
        width: 100%;
    }

    .our-courses-section .post-wrapper,
    .all-programs-section .post-wrapper .tab-content.active,
    .blog-post-wrapper,
    .all-information-post-wrapper,
    .upcoming-events-section .post-wrapper,
    .alumni-news-section .post-wrapper {
        margin: 0;
    }

    .blog-post-wrapper .entry-content {
        padding-bottom: 0;
    }

    .notices-downloads-wrap {
        margin: 0 0px 10px 0px;
    }

    .notices-downloads-wrap .updates-info {
        margin: 0 0 20px 0;
        width: 100%;
    }

    .gallery-grid {
        margin: 0 -10px;
    }

    .gallery-grid .gallery-img {
        margin: 0 10px 20px 10px;
        height: 220px;
    }

    .slick-arrow {
        width: 36px;
        height: 36px;
    }

    .slick-prev {
        left: calc(50% - 45px);
    }

    .slick-next {
        right: calc(50% - 45px);
    }

    .flipbook-content .df-popup-thumb {
        width: 50%;
    }

    .footer-content {
        padding: 40px 0 20px 0;
    }

    .footer-content .widget-title {
        padding-bottom: 10px;
    }

    .site-generator {
        padding: 16px 0;
    }

    .site-generator .copyright {
        font-size: 15px;
    }

    .page-title-wrap {
        padding: 100px 0;
    }

    .mission-purpose .item {
        width: 46%;
        margin: 0 10px 20px 10px;
        width: calc(50% - 20px);
    }

    .mission-purpose .item .icon {
        max-width: 50px;
    }

    .leader-profiles-wrap .featured-image,
    .leader-profiles-wrap .profile-content {
        width: 100%;
    }

    .leader-profiles-wrap .person-profile:nth-child(odd) .featured-image {
        order: 1;
    }

    .leader-profiles-wrap .person-profile:nth-child(odd) .profile-content {
        order: 2;
    }

    .leader-profiles-wrap .person-profile:not(:last-child) {
        margin-bottom: 20px;
    }

    .leader-profiles-wrap .profile-content {
        margin-top: -200px;
        z-index: 2;
    }

    .campus-tour-section .entry-title {
        font-size: 34px;
    }

    .campus-tour-section .entry-sub-title {
        font-size: 20px;
    }

    .campus-tour-section .video-play-icon {
        width: 80px;
        height: 80px;
    }

    .campus-tour-section .video-play-icon::before {
        font-size: 80px;
    }

    .contact-program-wrap .popup-content {
        gap: 20px;
        grid-template-columns: 100%;
    }

    .popup-content,
    .contact-program-wrap .popup-content {
        padding: 20px;
    }

    .program-detail-wrap,
    .qaa-badge-content-wrap {
        gap: 20px;
        grid-template-columns: 100%;
    }

    th,
    td {
        padding: 14px;
        vertical-align: middle;
    }

    .events-post-wrapper .post {
        grid-template-columns: 100%;
        margin-bottom: 20px;
    }

    .events-post-wrapper .post .post-content-wrap {
        padding-left: 0;
        padding-top: 16px;
    }

    .events-post-wrapper .post:nth-child(even) .featured-image {
        order: 1;
    }

    .events-post-wrapper .post:nth-child(even) .post-content-wrap {
        order: 2;
    }

    .program-detail-content .tab-title-wrap button {
        padding: 10px 16px;
    }

    .who-we-are-content-wrap {
        gap: 20px;
        grid-template-columns: 100%;
    }

    .join-alumni-section .joining-detail p {
        font-size: 16px;
    }

    .join-alumni-section {
        padding: 50px 0;
    }

    .testimonials-profiles-slider {
        margin: 0;
    }

    .testimonials-profiles-slider .person-profile {
        margin: 0 0 20px 0;
    }

    .faculty-research-content {
        margin: 0;
    }

    .research-document {
        margin: 0 0px 16px 0px;
        width: 100%;
        padding: 16px;
    }

    .research-document .document-actions {
        position: static;
    }

    .contact-form-content,
    .college-contact-wrap {
        padding: 20px;
    }

    .contact-content {
        gap: 20px;
        grid-template-columns: 100%;
    }

    .college-contact-wrap .inline-social-icons li a {
        width: 28px;
        height: 28px;
    }

    .college-contact-wrap .inline-social-icons li a::before {
        font-size: 24px;
    }

    .contact-detail .detail-item .icon {
        font-size: 22px;
    }

    .map-section .map-content {
        height: 380px;
    }

    .site-content .row {
        row-gap: 30px;
    }

    .site-content .row #primary,
    .site-content .row #secondary {
        width: 100%;
    }

    .site-content .row #primary {
        padding-right: 0;
    }

    .site-content .row #secondary {
        padding-left: 0;
    }

    .single .post .entry-title {
        font-size: 22px;
    }

    .single .post .entry-meta {
        font-size: 14px;
    }

    input[type="submit"],
    .wpcf7 input[type="submit"],
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        font-size: 16px;
    }

    #secondary .widget .wp-block-heading {
        font-size: 18px;
    }

    .program-detail-wrap .popup-content {
        max-width: 85%;
    }

    .author .page-title {
        font-size: 24px;
    }

    .gallery-album {
        width: 46%;
        margin: 0px 10px 20px 10px;
        width: calc(50% - 20px);
    }

    .gallery-album .album-title {
        padding: 10px;
    }

    .not-found-content h2 {
        font-size: 100px;
    }

    .program-detail-content .tab-title-wrap {
        display: flex;
        flex-wrap: wrap;
    }

    .program-detail-content .tab-title {
        width: 23%;
        width: calc(25% - 9px);
    }

    .program-detail-content .tab-title-wrap button {
        width: 100%;
    }

    .program-detail-content .tab-title-wrap:has(:nth-child(2):last-child) {
        display: grid;
    }

    .program-detail-content .tab-title-wrap:has(:nth-child(2):last-child) .tab-title {
        width: 100%;
    }

    .program-detail-content .tab-content-detail {
        overflow-x: scroll;
    }

    .upcoming-events-slider {
        height: unset;
        display: unset;
    }

    .upcoming-events-slider .featured-image a::before {
        display: none;
    }

    .upcoming-events-slider h4 {
        top: unset;
        left: 50%;
        transform: translate(-50%, 0%);
        opacity: 1;
        font-size: 24px;
        bottom: 0;
        background: rgba(0, 0, 0, 0.65);
        width: 100%;
        padding: 6px;
        text-transform: capitalize;
    }

}

@media only screen and (max-width: 575px) {

    body,
    .box-btn,
    .login-btn,
    input[type="submit"],
    .wpcf7 input[type="submit"],
    .nav-links a,
    .back-to-top a {
        font-size: 15px;
    }

    input[type="text"],
    input[type="password"],
    textarea,
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    input[type="submit"],
    .wpcf7 input[type="submit"] select {
        padding: 12px;
    }

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        padding: 12px 14px;
    }

    .banner-text-content {
        padding: 100px 0 120px 0;
    }

    .banner-text-content .entry-title {
        font-size: 32px;
    }

    .about-us-section {
        padding: 0 0 40px 0;
        margin-top: -60px;
    }

    .chief-message-info .entry-title {
        margin-bottom: 8px;
    }

    .chief-message-content .chief-name {
        margin-bottom: 4px;
    }

    .entry-sub-title {
        font-size: 16px;
    }

    .footer-logo {
        width: 130px;
    }

    .newsletter-subscribe {
        width: 280px;
        padding-left: 0;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 20px;
    }

    h4,
    .about-us-content .quote-title {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    blockquote {
        padding: 12px 12px 12px 40px;
    }

    .about-us-content blockquote::before {
        font-size: 22px;
        left: 4px;
    }

    .about-us-content .entry-content {
        padding-bottom: 0;
    }

    .chief-message-content .featured-image::before {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 22px;
    }

    .flipbook-content .df-popup-thumb {
        width: 100%;
    }

    .footer-content {
        flex-direction: column;
        gap: 20px;
    }

    .footer-content .widget-area {
        margin-top: 0;
        grid-template-columns: 100%;
        gap: 16px;
    }

    .footer-content .widget {
        padding: 0;
    }

    .back-to-top a {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .site-branding {
        width: 110px;
    }

    .header-top,
    .hgroup-right {
        padding-left: 150px;
    }

    .page-title,
    .campus-tour-section .entry-title {
        font-size: 30px;
    }

    .mission-purpose .item .icon {
        max-width: 40px;
    }

    .campus-tour-section .video-play-icon {
        width: 60px;
        height: 60px;
    }

    .campus-tour-section .video-play-icon::before {
        font-size: 60px;
    }

    .site-generator .copyright {
        font-size: 14px;
    }

    .program-detail-content .tab-title {
        width: 31%;
        width: calc(33.33% - 9px);
    }

    .alumni-members-section .member-profiles-slider.profiles-wrap {
        margin: 0;
    }

    .alumni-members-section .member-profiles-slider .person-profile {
        margin: 0 0 20px 0;
    }

    .top-member-profiles-wrap .person-profile,
    .our-team-profiles-wrap .person-profile {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .alumni-members-section .top-member-profiles-wrap,
    .our-team-profiles-wrap {
        margin: 0;
    }

    .testimonials-profiles-slider .featured-image {
        max-width: 90px;
    }

    .map-section .map-content {
        height: 330px;
    }

    .single .post .entry-title {
        font-size: 20px;
    }

    .site-content .row {
        padding: 20px 0;
    }

    .gallery-album-section .gallery-grid {
        margin: 0;
    }

    .gallery-album {
        margin: 0px 0px 20px 0px;
        width: 100%;
    }

    .not-found-content h2 {
        font-size: 70px;
    }

    .program-detail-wrap .popup-content .apply-form {
        column-gap: 0;
        grid-template-columns: 100%;
    }

    .program-detail-wrap .popup-content .apply-form .has-textarea,
    .program-detail-wrap .popup-content .apply-form>p {
        grid-column: auto;
    }

    .program-detail-wrap .sidebar {
        z-index: 1;
    }

    .information-filter-section .filter-btn-wrap ul {
        flex-wrap: wrap;
    }

}

/* All Mobile size smaller than standard 479 (devices and browsers) */

@media only screen and (max-width: 479px) {

    body,
    .box-btn,
    .login-btn,
    input[type="submit"],
    .wpcf7 input[type="submit"],
    .nav-links a,
    .back-to-top a {
        font-size: 14px;
    }

    .header-top {
        padding-left: 120px;
    }

    .site-branding {
        width: 85px;
    }

    .main-navigation ul li a {
        font-size: 14px;
    }

    .site-branding {
        left: 16px;
    }

    .header-top .search-icon {
        right: 16px;
    }

    .header-top,
    .hgroup-right {
        padding-right: 65px;
    }

    .mean-container a.meanmenu-reveal {
        right: 0px !important;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        height: 24px;
    }

    .hgroup-right {
        padding-left: 16px;
    }

    .notice-slider-wrap .notice-title {
        width: 90px;
    }

    .notice-title h4 {
        font-size: 16px;
    }

    .banner-text-content .entry-sub-title {
        font-size: 16px;
    }

    .banner-text-content .entry-title {
        font-size: 24px;
    }

    .btn-primary,
    .btn-secondary {
        padding: 10px 28px 10px 10px;
    }

    .btn-primary::before,
    .btn-secondary::before {
        right: 8px;
    }

    .banner-section .slick-dots {
        bottom: 55px;
    }

    .slick-dots li {
        width: 16px;
        height: 16px;
        margin: 0 3px;
    }

    .about-us-section {
        margin-top: -40px;
    }

    .about-us-section .entry-header {
        padding-bottom: 0;
    }

    .home .about-us-content {
        padding: 16px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 12px;
    }

    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    h3,
    .post .entry-title {
        font-size: 18px;
    }

    h6,
    .our-courses-section .program-features .entry-title,
    .all-programs-section .program-features .entry-title {
        font-size: 14px;
    }

    .entry-sub-title {
        font-size: 14px;
    }

    .chief-message-content .entry-content {
        margin-bottom: 18px;
    }

    .entry-header {
        padding-bottom: 12px;
    }

    .notices-downloads-wrap {
        margin: 0 0px 10px 0px;
    }

    .footer-logo {
        width: 100px;
    }

    .social-icons-wrap span {
        display: none;
    }

    .inline-social-icons li a {
        width: 24px;
        height: 24px;
    }

    .inline-social-icons li a::before {
        font-size: 18px;
    }

    .header-top .location {
        padding-bottom: 3px;
    }

    .page-title,
    .campus-tour-section .entry-title {
        font-size: 24px;
    }

    .entry-sub-title,
    .page-sub-title {
        margin-bottom: 4px;
    }

    .leader-profiles-wrap .profile-content {
        margin-top: -50px;
    }

    .campus-tour-section {
        padding: 50px 0;
    }

    .popup-content {
        padding: 16px;
    }

    .popup-close {
        border: 1px solid var(--white);
    }

    .top-member-profiles-wrap .profile-content,
    .our-team-profiles-wrap .profile-content {
        padding: 12px;
    }

    .alumni-members-section .person-profile,
    .our-team-profiles-wrap .person-profile {
        border-bottom-width: 3px;
    }

    th,
    td {
        padding: 12px;
    }

    .page-title-wrap {
        padding: 80px 0;
    }

    .post-meta span {
        padding-left: 18px;
        font-size: 12px;
    }

    .blog-post-wrapper .post-meta,
    .all-information-post-wrapper .post-meta {
        gap: 12px 16px;
    }

    .program-detail-content .tab-title {
        width: 47%;
        width: calc(50% - 6px);
    }

    .research-document .document-icon {
        max-width: 30px;
    }

    .map-section .map-content {
        height: 300px;
    }

    .author .page-title {
        font-size: 22px;
    }

    .not-found-content h2 {
        font-size: 50px;
    }

    .not-found-content p {
        font-size: 16px;
        padding-bottom: 0;
    }

    .not-found-content .btn-primary {
        padding: 10px 10px 10px 28px;
    }

    .not-found-content .btn-primary::before {
        left: 8px;
    }

    .mean-container .mean-nav {
        top: 150%;
    }

    .search .page-title {
        font-size: 24px;
    }

    .notices-downloads-wrap .updates-info .entry-date .date-number {
        font-size: 14px;
    }

    .program-detail-content>div:not(:last-child) {
        padding-bottom: 10px;
    }
}