/* ========================== EXTRA LARGE SCREEN | TV | LARGE DESKTOP ========================== */

@media (min-width: 1400px) {

}

/* ========================== LAPTOP | SMALL DESKTOP ========================== */

@media (max-width: 1399px) {
    header {
        margin-bottom: -1%;
    }

    .custom-header {
        margin-bottom: 10rem;
    }

    .nav-item a {
        font-size: 14px;
    }

    .navbar-brand img {
        height: 50px;
    }
}

@media (max-width: 1200px) {
    header {
        margin-bottom: -2%;
    }
    
    .nav-item a {
        font-size: 11.5px;
    }

    .navbar-brand img {
        height: 40px;
    }

    #site-header3 {
        margin-top: 6.5rem;
    }

    #site-header3.hide3 {
        margin-top: 4rem;
    }

    .btn-enroll {
        font-size: 11.5px;
        border-radius: 4px;
    }
}

@media (max-width: 1400px) {
	#site-header3 {
        margin-top: 6.5rem;
    }
}

/* ========================== TABLET | PORTRAIT | LANDSCAPE ========================== */

@media (max-width: 1024px) {
    .custom-header {
        margin-bottom: 8rem;
    }

    .nav-item a {
        font-size: 11.5px;
    }

    .navbar-brand img {
        height: 40px;
    }
}

@media (min-width: 993px) {
    .navbar-nav {
        gap: 20px;
    }
}

@media (max-width: 992px) {
    .mt-2-45 {
        margin-top: 1.85rem;
    }

    .mt-7-50 {
        margin-top: 5.9rem;
    }

    .header-logo {
        max-width: 60%;
        margin: 0 auto;
        display: block;
    }

    #site-header3 {
        margin-top: 5.9rem;
    }

    #site-header3.hide3 {
        margin-top: 4rem;
    }

    .custom-divider {
        width: 100%;
        max-width: none;
    }

    .search-bar {
        display: none !important;
    }
    
    .navbar-toggler {
        color: #A12124;
        padding: 1rem 0.5rem;
        line-height: 0;
        border: none;
    }

    .subnavbar-toggler {
        color: #ffffff;
    }

    .navbar-toggler:hover {
        border: none;
    }

    .navbar-brand img {
        height: 40px;
    }

    .nav-enrollment span {
        font-size: 11px;
    }

    .nav-item {
        border-bottom: 1px solid #625f5f34;
    }

    .nav-item a {
        font-weight: 500;
        color: #000000;
        font-size: 12px;
    }

    .navbar-nav {
        line-height: 0.8;
    }

    .nav-alumni {
        border: none;
    }

    .nav-item:hover {
        background-color: #a9a9a9;
    }

    .nav-item a:hover {
        color: #ffffff;
    }

    .site-header span {
        font-size: 12px;
    }

    .site-message {
        font-size: 12px;
        font-weight: 600;
    }

    .btn-enroll {
        font-size: 12px;
        border-radius: 4px;
    }
}

/* ========================== LARGE PHONE | IPHONE 16 PRO MAX | GALAXY S25 ULTRA ========================== */

@media (max-width: 768px) {
    .mt-2-45 {
        margin-top: 1.85rem;
    }

    .mt-7-50 {
        margin-top: 6rem;
    }

    #site-header3.hide3 {
        margin-top: 4rem;
    }

    .header-logo {
        max-width: 60%;
        margin: 0 auto;
        display: block;
    }

    .custom-divider {
        width: 100%;
        max-width: none;
    }

    .search-bar {
        display: none !important;
    }

    .navbar-toggler {
        color: #A12124;
        padding: 1rem 0.5rem;
        line-height: 0;
        border: none;
    }

    .subnavbar-toggler {
        color: #ffffff;
    }

    .navbar-toggler:hover {
        border: none;
    }

    .navbar-brand img {
        height: 40px;
    }

    .nav-enrollment span {
        font-size: 11px;
    }

    .nav-item {
        border-bottom: 1px solid #625f5f34;
    }

    .nav-item a {
        font-weight: 500;
        color: #000000;
        font-size: 12px;
    }

    .navbar-nav {
        line-height: 0.8;
    }

    .nav-alumni {
        border: none;
    }

    .nav-item:hover {
        background-color: #a9a9a9;
    }

    .nav-item a:hover {
        color: #ffffff;
    }

    .site-header span {
        font-size: 10px;
    }

    .site-message {
        font-size: 10px;
        font-weight: 600;
    }

    .btn-enroll {
        font-size: 12px;
        border-radius: 4px;
    }
}

/* ========================== MEDIUM PHONE | IPHONE 16 | GALAXY S25 ========================== */

@media (max-width: 600px) {

}

@media (max-width: 576px) {
    .header-logo {
        max-width: 100%;
    }
}

/* ========================== SMALL PHONE | IPHONE S.E | LEGACY ANDROID FORM FACTOR ========================== */

@media (max-width: 480px) {

}

/* ========================== SMALL PHONE | LEGACY NOKIA | SMART WATCH ========================== */

@media (max-width: 360px) {

}

/* ========================== DLRC CONTENT | MOBILE RESPONSIVE | ALL DEVICES ========================== */

@media screen and (max-width: 1100px) {
	.tp-navbar {
        display: none;
    }

    .bt-navbar {
        display: none !important;
    }
}

@media screen and (max-width: 1200px) {
    .tp-navbar {
		display: none;
	}

    .bt-navbar {
		display: block;
	}
}

@media (max-width: 1300px) {
    .tp-navbar {
        display: none;
    }

    .bt-navbar {
        display: block !important;
    }

    .navbar-collapse {
        display: none !important;
    }

    .navbar-toggler {
        display: inline-block;
    }

    .navbar.show {
        display: block !important;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
	.tp-navbar{
		display: none;
	}

    .bt-navbar{
		display: block !important;
	}

	.navbar-collapse {
		display: none !important;
	}

	.navbar-toggler {
		display: inline-block;
	}

	.navbar.show {
		display: block !important;
	}
}

@media (min-width: 1300px) and (max-width: 1400px) {
    .tp-navbar{
		display: none;
	}

    .bt-navbar{
		display: block !important;
	}

    .navbar-collapse {
		display: none !important;
	}

	.navbar-toggler {
		display: inline-block;
	}

	.navbar.show {
		display: block !important;
	}
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .tp-navbar{
		display: block !important;
	}

	.bt-navbar{
		display: none !important;
	}

    .navbar-collapse {
		display: block !important;
	}

	.navbar-toggler {
		display: inline-block;
	}

	.navbar.show {
		display: block !important;
	}
}