.hamburger,
header nav ul li.mb	{display: none}

@media (max-width: 1392px) 
{
	.cols	{width: 100%; margin: 0}
}

@media (max-width: 1365px) 
{

    /* HEADER */
    header nav ul li:hover .dropdown.dd-last    {right: 0}
    
    /* PEOPLE DIRECTORY */
	.people-directory .card-image-2	{width: 35%}
	
	/* SEARCH RESULTS*/
	.search-results .inner	{padding: 0 30px;}
	.search-result-item		{margin-left: -30px; width: calc(100% + 30px);}
	
}

@media (max-width: 1215px) 
{
	/* FIND A COURSE */
	.find-a-course .col .select-css	{font-size: 18px; padding-left: 0; padding-bottom: 15px; background-position: right top 10px; padding-right: 24px;}
	
	/* OPEN DAYS */
	.card-split-vertical h3								{font-size: 18px;}
	.card-split-vertical .btn-text-chevron				{font-size: 16px;}
	.card-split-vertical .btn-text-chevron:after		{transform: translateY(1px)}
	.card-split-vertical .btn-text-chevron:hover:after	{transform: translateY(1px) translateX(5px)}
}

@media (max-width: 1160px) 
{
	/* OPEN DAYS */
	.open-days .cols				{flex-wrap: wrap; margin-top: 30px;}
	.open-days .cols .col			{width: 100%; padding: 0}
	.open-days .btn-text-chevron	{display: flex; align-items: flex-end; justify-content: flex-start;}
	.open-days .card-split-vertical p.icon	{flex-wrap: wrap;}
	.open-days .card-split-vertical		{flex-wrap: wrap;flex-direction: column-reverse;}
	.open-days .card-split-vertical .card-text		{width: 100%;padding: 20px;}
	.open-days .card-split-vertical .card-image-2	{width: 100%;height:250px;background-position: top;}
    
    /* 2025 HOME CALLOUT ACTIONS */
    .callout-actions .callout-block {width: 100%;}

    .content-hero-container .hero-text  {padding-left: 23px;}
    
    .courses .search-box-outer  {padding-left: 23px;}
}


@media (max-width: 1075px) 
{
	/* GLOBAL */
	.desktop-hidden {display: block; margin-bottom: 7px; padding: 0px; opacity: 0.7;}
	
	/* HEADER */
	header	        {height: 82px;}
    header .logo    {position: absolute; top: 10px;}
    header .top-nav {background-color: transparent; padding: 0; height: 100%;}
    
    /* NAV */
	.top-nav ul			{display: none !important}
	header nav			{position: fixed; left: -99999px; top: 0; padding: 125px 0 40px 23px; background-color: #1C304A; width: 100%; height: auto; margin: 0; overflow-y: auto}
	header nav ul		{flex-direction: column; align-items: flex-end;}
	header nav ul li	{padding: 5px 0; margin-bottom: 5px; width: 100%; position: relative;}
	header nav ul li a	{color: #ffffff;}
	
	header nav ul li span			{position: absolute; right: 25px; top:0px; display: block;background-color: #65C6C3;background-size:10px;width:35px;height:35px;}
	header nav ul li span.active	{transform: rotate(90deg)}
	header nav ul li:hover .dropdown.dd-last		{right:0;}

	header nav ul li:hover a:after	{display: none !important;}
	
	header nav ul .dropdown										{position: relative; left: auto; padding: 0;  min-height: unset; width:100%; padding: 0 15px; margin: 8px 0; display: none}
	header nav ul .dropdown ul									{font-weight: 400; padding: 5px 0;}
	header nav ul .dropdown ul li span:not(.sub-menu-item > span)		{display: none;}
	header nav ul .dropdown ul li a								{font-size: 16px}

	header nav ul li .dropdown				{padding:0 13px;}

	header nav ul .dropdown ul li.sub-menu-item a		{padding-right:45px;}
	
	header nav ul .dropdown .dd-inner	{flex-direction: row !important; justify-content: flex-end; width: 100%;}

	header nav ul li span {cursor: pointer;}
	
	header nav ul li.mb	{display: block}
	
	header nav ul li:hover .dropdown	{left: auto; transform: none;}
	
    header nav ul li    {margin-left: 0; margin-right: 0}
    
	.header-right	{}
	.hamburger		{flex-shrink: 0}
	
	.nav-pullout			{display: none}
	 
	header nav.open				{left: 0; overflow-y: auto; padding-bottom: 100px; max-height: 100vh;}
	.hamburger					{display: block;}
	.hamburger.open				{right: 20px; position: fixed;}
	.hamburger.open span		{background-color: #ffffff;}
	
	header.open .logo			{z-index: 20; /*background-image: url(/_assets/logo-uobm-white.png) !important;*/ position: fixed;}

	.sub-menu-item > span							{right: 2px; top: 1px;background-color: transparent;background-size:10px;}
	
	/* HAMBURGER */
	.hamburger	{display: block}
	
	
	/* PEOPLE DIRECTORY */
	.people-directory .cols			{flex-wrap: wrap; margin-top: 30px;}
	.people-directory .cols .col	{width: 100%; margin: 0; padding-top: 0; padding-bottom: 0}
	.people-directory .card-image-2	{}

    /* 2025 REFRESH */
    .hero-container.home-hero-container     {height: auto; background-position: left;}
    .hero-container.home-hero-container h1  {font-size: 6vw;}
    .hero-container.home-hero-container h2  {font-size: 3.5vw;}
    
    /* 2025 HOME CALLOUT ACTIONS */
    .callout-actions .callout-block h3 {font-size: 30px;}

}

@media (max-width: 1020px) 
{
	
	/* FIND A COURSE */
	.find-a-course			{padding-bottom: 20px;}
	.find-a-course .cols	{flex-wrap: wrap}
	.find-a-course .col		{flex: none; width: 33.333%; margin-bottom: 25px;}
	
	/* TWO COL */
	.two-col .col-right		{padding-left: 40px;}
	.left-nav ul			{font-size: 18px;}
	
}

@media (max-width: 1000px) 
{
}
	
@media (max-width: 970px) 
{
	/* SOCIAL PULLOUT */
	.social-pullout	{padding-top: 40px;}
	
	/* CARD LISTING */
	.card-text	{padding-left: 25px; padding-right: 25px;}
	
	.gallery .cols.span-2 .col	{width: 100%;}
    
    .two-col .col-left  {width: 23%}
    .two-col .col-right  {width: 77%}
    
    .left-nav                       {padding-left: 20px; padding-right: 20px;}
    .left-nav ul li.active:before   {display: none}
    
    
}

@media (max-width: 860px) 
{
    /* 2025 */
    .card-listing-section .col {flex: 0 0 calc((100% - (1 * 27px)) / 2);}
}

@media (max-width: 860px) 
{
	.content-hero-container h1 {font-size: 50px; }
	
}
@media (max-width: 820px) 
{
	/* FOOTER */
	footer .cols	{flex-direction: column}
    
    footer .col-address {justify-content: space-between}
    .col-address-inner  {margin-right: 0}
    footer .cols .col-address    {margin-top: 20px;}
    
}

@media (max-width: 800px) 
{
	.two-col .col-left,
	.two-col .col-right	{width: 100%;}
		
	/* TWO COL TEXT */
	.two-col .col-left	{display: none}
    
    /* 2025 */
    
    /* CALLOUT BLOCKS */
    .callout-actions .cols  {flex-direction: column;align-items: center; gap: 50px;}
    .callout-actions .col   {width: 414px; max-width: 100%;}

    /* FULL WIDTH CAROUSEL */
	/*
	.full-width-carousel-container .carousel-nav-container								{bottom:0}
	.full-width-carousel-container .carousel-nav-container .slick-dots li				{border-color: #101B40}
	.full-width-carousel-container .carousel-nav-container .slick-dots li.slick-active	{background-color: #101B40}
	.full-width-carousel-container .slick-arrow											{background-image:url(/_assets/icon-chevron-navy.svg)}
    */

    .full-width-carousel-container .carousel-nav-container  {bottom: 40px; left: auto; right: 44px;} 
    
    .full-width-carousel                    {height: auto}
    .full-width-carousel .slide             {display: flex; flex-direction: column; height: auto; min-height: unset; justify-content: flex-start; align-items: stretch}
    .full-width-carousel .carousel-image    {position: relative; width: 100%; height: 50vw; min-height: 400px;}
    .full-width-carousel .slide-text        {width: 100%; height: 100%;padding-bottom: 80px;}
    .full-width-carousel .inner             {padding: 0}
    .full-width-carousel .slide .inner      {flex: 1}
    
    .full-width-carousel .slick-track   {display: flex}
    
    .two-col .col-right {padding-left: 23px; padding-right: 23px;}
    
}

@media (max-width: 768px) 
{
    .hero-container.home-hero-container .hero-text  {left: 23px; margin-top: 72px;}
    .hero-container.home-hero-container h1  {font-size: 11vw;}
    .hero-container.home-hero-container h2  {font-size: 6vw;}
}


@media (max-width: 730px) 
{
	/* HOME HERO CONTAINER */
	.hero-inner:before	{left: -90px}
	.hero-inner:after	{right: -160px;}
	.home-hero-container .hero-text			{left: 50px; max-width: calc(100% - 50px);}
    
    .courses .search-box-outer  {padding-right: 23px;}

    .content-hero-container .hero-text  {min-width: unset}
    
    
}

@media (max-width: 700px) 
{
    
	/* SOCIAL PULLOUT */
	.social-pullout .inner	{flex-direction: column}
	.social-pullout ul		{margin-bottom: 20px;}
	.social-pullout p		{margin: 0}
    
	/* CARD LISTING */
	.card-listing-section .inner		{width: 100%; margin: auto}
	.card-listing-section .cols			{flex-direction: column}
	.card-listing-section .cols .col	{width: 100%;}
    
}

@media (max-width: 640px) 
{
	/* HEADER */
	.logo	{width: 156px}
	
	/* HOME HERO CONTAINER */
	.hero-text h1		{font-size: 50px;}
	.hero-text h2		{font-size: 33px;}
	.hero-text ul		{flex-direction: column; margin-top: 15px;}
	.hero-text ul li	{margin-top: 15px; margin-right: 0}
	
	/* CALLOUT BLOCKS */
	.callout-actions .inner	{width: 100%;}
	
	/* CONTENT PAGE HERO */
	
	/* FIND A COURSE */
	.find-a-course-section	{}
	.find-a-course			{padding-bottom: 20px; padding-left: 30px; border-top-right-radius: 100px; border-bottom-right-radius: 100px;}
	.find-a-course h2		{margin-bottom: 0.65em}
	.find-a-course .col		{width: 100%; margin-bottom: 18px;}
	
	/* TWO COL PAGE */
	
	/* ACCORDION */
	.accordion-section .accordion-item h3	{font-size: 18px;}
	
	/* COURSE ACCORDION */
	.accordion-section-course a.btn-text-chevron		{font-size: 16px;}
	.accordion-section-course .btn-text-chevron:after	{width: 8px; height: 16px;}
	
	/* COURSE DETAIL PAGE */
	.course-sub-menu				{column-count: 1}
	.course-sub-menu li:last-child	{margin-bottom: 0}
	
	/* BOOK YOUR PLACE */
	.form-container .checkbox-cell				{margin-right: 0;}
	.card-expanded .form-container .checkboxes	{flex-direction: column; margin:20px 0}
	.checkboxes .checkbox-cell					{margin-bottom: 10px;}
	
	.people-directory .select-container	{width: 100%}
	
	/* OPEN DAYS */
	
	.event-listing .col .split-card {flex-direction: column !important;}
	.split-card.vertical .card-image-container {width: 100%; height: 60vw;}
	.open-days-listing .card-text {width: 100%;}
	.btn-arrow {font-size: 18px; padding: 10px; }
    
    /* 2025 */
    .card-split-vertical .card-text {padding-left: 23px; padding-right: 23px;}
    .people-directory .card-text .btn.plus {font-size: 16px; padding: 10px;}
    .people-directory .card-text .btn.plus span {transform: translateY(-1px);}
    .staff-expanded     {padding-left: 23px; padding-right: 23px;}
    
    .people-directory .card-text p  {font-size: 16px !important;}
    .event-card .split-card.vertical .card-text {width: 100%;}
    
    .hero-text.hero-text-date         {padding-right: 23px;}
    .hero-text.hero-text-date .date   {position: relative; right: auto; top: auto;}
    .date-sub-heading                 {display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-end; margin-bottom: 20px;}
}	



@media (max-width: 599px) 
{
    /* 2025 */
    .search-box-outer .cols         {flex-direction: column; align-items: flex-end}
    .course-search-section .inner   {padding-left: 0;padding-right: 0;}
}

@media (max-width: 530px) 
{

	/* CARD LISTING */
	.card-listing-section	{padding-bottom: 20px;}
	
	/* ENTERPRISE ACCORDION */
	.enterprise-expanded-cols						{flex-direction: column; margin-bottom: 0}
	.enterprise-expanded-cols .enterprise-text		{margin-top: 30px;}
	
	/* FOOTER */
    footer .col-address    {flex-direction: column;}
    ul.logos img	{height: auto}
	
	/* BLOCKQUOTE */
	.blockquote-container				{padding-left: 25px; padding-right: 25px;}
    .blockquote-container cite          {font-size: 16px;}
	.col-right .blockquote-container p	{font-size: 20px;}
    
    
	/* HOME HERO CONTAINER */
	.hero-text h1		{font-size: 45px;}
}

@media (max-width: 500px) 
{
    .hero-text:before   {width: 61px; height: 15px;}
    .hero-container.home-hero-container h1  {font-size: 56px;}
    .hero-container.home-hero-container h2  {font-size: 32px;}

}

@media (max-width: 460px) 
{
    /* 2025 */
    .full-width-carousel .slide-text    {padding-left: 23px; padding-right: 23px;}
    
    .card-listing-section .inner    {width: 100%;}
    
}

@media (max-width: 413px) 
{
	/* SOCIAL PULLOT */
	.social-pullout p		{font-size: 10vw;}
	
	/* ACCORDION COURSE */
	.accordion-section-course .buttons									{flex-direction: column; display: flex; align-items: flex-start}
	.accordion-section-course a.btn-text-chevron						{margin: 0 0 15px 0; }
	.accordion-section-course .buttons a.btn-text-chevron:last-child	{margin-bottom: 0}
	
	.course-icon-list			{flex-direction: column; margin-bottom: 0}
	.course-icon-list .col		{margin: 0}
	.course-icon-list .col p	{margin: 0 0 20px 0 !important}
	
	/* COURSE DETAIL PAGE */
	.course-details a.btn-text-chevron			{font-size: 18px;}
	.course-details a.btn-text-chevron:after	{width: 8px; height: 15px;     transform: translateY(2px);}
	.course-sub-menu a.btn-text-chevron			{font-size: 18px;}
	
	/* OPEN DAYS */
	.card-split-vertical h3	{font-size: 15px;}

	/* HOME HERO CONTAINER */
	.hero-text h1		{font-size: 37px;}
	.hero-text p		{font-size: 28px;}
	
    footer .cols .col-quicklinks ul,
	footer .col-address p {font-size: 15px;}
    
    /* 2025 */
    .people-directory .card-text p  {font-size: 14px !important;}
    .people-directory .card-text .btn.plus  {font-size: 14px;}
    .btn.plus span {width: 16px; height: 16px;}


}

@media (max-width: 375px) 
{

    .hero-text h2				{font-size: 26px;}

	/* HOME HERO CONTAINER */
	.hero-text h1		{font-size: 30px;}
	.hero-text p		{font-size: 20px;}

    footer .col-address h4  {font-size: 15px;}
    
	footer .cols .col-quicklinks ul, footer .col-address p {font-size: 13px;}
    
    /* 2025 */
    .course-search-section .inner   {padding-left: 0;padding-right: 0;}
    .search-box-outer               {padding-left: 23px; padding-right: 23px;}
    .course-search-section a,
    .search-box input[type="text"]  {font-size: 16px;}
    
}

@media (max-width: 360px) 
{
    .hero-container.home-hero-container h1  {font-size: 46px;}
    .hero-container.home-hero-container h2  {font-size: 22px;}
    
}