/* Retina Displays */
@media 
  only screen and (-webkit-min-device-pixel-ratio: 2), 
  only screen and (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}


/* Large Desktop */
@media (max-width: 1500px) {

	/* -----------------------------------------------
		GLOBAL
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    h3 {
        font-size: 20px;
    }


	/* -----------------------------------------------
		STRUCTURE
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .wrapper.large {
        max-width: 100%;
    }

	

	/* -----------------------------------------------
		HOMEPAGE
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .services-content-section .service-content {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        height: 360px;     
        padding: 75px 25px;  
    }
    .services-content-section .service-content img {
        margin-right: 0;
        margin-bottom: 25px;
    }
    .services-content-section .service-content .inner {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-flow: column;
    }
    .services-content-section .service-content .inner .title-section {
        text-align: center;
    }
    .services-content-section .service-content .inner .title-section h3,
    .services-content-section .service-content.pi .inner .title-section h3, 
    .services-content-section .service-content.dxd .inner .title-section h3 {
        max-width: 100%;
        margin: 0 auto 15px;
    }
    
}

/* iPad & Small Desktop */
@media (max-width: 1320px) {

	/* -----------------------------------------------
		GLOBAL
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .service-links {
        padding: 0;
    }
    .button.purple.small {
        font-size: 14px;
    }
    .breakout-gallery .gallery-item {
        width: 250px;
        height:250px;
    }
    .breakout-gallery .gallery-item:hover {
        width: 275px;
        height: 275px;
    }
    .breakout-gallery .gallery-item img {
        width: 230px;
    }

	/* -----------------------------------------------
		STRUCTURE
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.full-width-header .page-header,
    .rotator-slide .wrapper {
		width: 960px;
	}

	/* -----------------------------------------------
		CLIENTS
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .black-textbox {
        font-size: 19px;
    }
    .white-textbox {
        font-size: 16px;
        padding: 10px 12px;
        width: 175px;
    }

	/* -----------------------------------------------
		SERVICES
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .more-services li {
        padding: 10px;
        width: auto;
    }
    .more-services li:nth-child(4n) {
        width: auto;
    }
    .primary-services.institutes .services-item {
        margin: 0 15px;    
        position: relative;
        height: auto;
    }


    /* -----------------------------------------------
		HEADER
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    
    .stl-n2 .left-info {
        max-width: 65%;
    }
    .stl-n2 .school-top-section img {
        left: -13px;
        max-width: 110px;
        margin-top: -65px;
    }
    .stl-n2 .stl-schools h3 {
        font-size: 36px;
        margin-left: 100px;
    }

}


@media (max-width: 1200px) {

    .twitter-section {
        display: block;
    }
    .twitter-section .twitter-title {
        text-align: center;
        margin: 0 0 30px;
    }
    .twitter-section .twitter-feed {
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
        padding: 0 5%;
    }


    /* --------------------------------------
        Web Content
    ----------------------------------------- */

    .members .button-section {
        flex-flow: column;
    }
    .members .button-section a {
        margin: 0;
    }

    .web-content .button-section .button {
        margin-right: 0;
    }

    .members .header .primary-nav li {
        margin-left: 20px;
    }
    
    
    /* MEMBERS */
    .members .wrapper.large {
        max-width: 100%;
    }

}


/* Vert iPad */
@media (max-width: 1023px) {
    	
	/* -----------------------------------------------
		GLOBAL
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .breakout-gallery .gallery-item {
        width: 220px;
        height: 220px;
    }
    .breakout-gallery .gallery-item:hover {
        width: 245px;
        height: 245px;
    }
    .breakout-gallery .gallery-item:first-child:hover {
        margin-left: 50px;
    }
    .breakout-gallery .gallery-item:last-child:hover {
        margin-right: 50px;
    }
    .breakout-gallery .gallery-item img {
        width: 200px;
    }
    .breakout-gallery .gallery-item .gallery-item-label h4 {
         font-size: 20px;
     }

	/* -----------------------------------------------
		STRUCTURE
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.wrapper,
	.full-width-header .page-header,
    .rotator-slide .wrapper {
		width: 95%;
	}


	/* -----------------------------------------------
		HEADER
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .login-area {
        display: none;
    }


	/* -----------------------------------------------
		HOMEPAGE
	–––––––––––––––––––––––––––––––––––––––––––––––––– */    

    .registration-nomination-open {
        margin: 100px auto 40px;
    }

    .registration-nomination-open .inner h2 {
        font-size: 24px;
        padding: 0 10px;
    }

    .circle-pattern {
        display: none;
    }

    .home .services-content-section {
        flex-flow: wrap;
    }    
    .services-content-section .service-content {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        height: 100%;     
        padding: 75px 25px;  
        width: 50%;
    }

    .services-content-section .service-content img {
        margin-right: 0;
        margin-bottom: 25px;
    }
    .services-content-section .service-content .inner {
        max-height: 100%;
    }
    .services-content-section .service-content .inner .title-section {
        text-align: center;
    }
    .services-content-section .service-content .inner .title-section h3,
    .services-content-section .service-content.pi .inner .title-section h3, 
    .services-content-section .service-content.dxd .inner .title-section h3 {
        max-width: 100%;
        margin: 0 auto 15px;
    }    


    /* -----------------------------------------------
		SERVICES
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
   .primary-services .services-item {
        width: 28%;
        margin: 0 1.5%;
        height: 110px;
        vertical-align: top;
        margin-bottom:35px;
    }
    .primary-services .services-large-text {
        font-size: 20px;
    }
    .primary-services .services-small-text {
        font-size: 16px;
    }

    
    /* -----------------------------------------------
		INITIATIVES
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .initiative .menu-links-container {
        margin: 0 0 30px;
    }
    .initiative .menu-links-container, .initiative .menu-links {
        height: 50px;
    }
    .eli .menu-links li a {
        font-size: 13px;
        padding: 15px 28px;
    }
    .initiative .eli .main-quote {
        font-size: 16px;
    }
    .register-initiative-list a,
    .register-initiative-list a:last-child{
        display: block;
        width: 80%;
        max-width: 300px;
        margin: 0 auto 70px;
    }
    


    /* -----------------------------------------------
        MEMBERS DASHBOARD
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .cohort-links .link {
        width: 31.3334%;
    }
    .cohort-links .link:nth-child(4n) {
        margin-right: 2%;
    }
    .cohort-links .link:nth-child(3n) {
        margin-right: 0;
    }

    .main-links-inner {
        padding: 25px;
    }
    .main-links .link {
        width: 100%;
        float: none;
        margin: 0 auto 25px;
    }
    .main-links .link:nth-child(2n) {
        margin: 0 auto 20px;
    }
    .main-links .link:last-child {
        margin: 0 auto 0;
    }
    .main-links a.button {
        padding: 13px;
    }

    .dashboard .button.purple, .dashboard a.button.purple {
        font-size: 15px;
    }
    .dashboard .more-button .button.purple {
        width: 60%;
    }
    .conference-links .box, 
    .session-links .box {
        width: 100%;
        margin: 0 0 30px;
    }

    .members .card.website-content {
        width: 100%;
    }
    
}


/* Smaller than Vert iPad */
@media (max-width: 900px) {

	/* -----------------------------------------------
		GLOBAL
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .button.purple,
    a.button.purple {
        font-size: 16px;
    }


	/* -----------------------------------------------
		CONTACT
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .contact-details .row {
        width: 100%;
    }

	/* -----------------------------------------------
		SERVICES
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .more-services {
       text-align: center;
    }
    .home .services-item {
        width: 29%;
        margin: 0 1% 3%;
    }
    .home .services-item .services-top-text,
    .home .services-item .services-bottom-text {
        font-size: 16px;
    }
    


	/* -----------------------------------------------
		CLIENTS
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .image-text-section {
        width: 100%;
    }
    .black-textbox {
        font-size: 28px;
    }
    .white-textbox {
        font-size: 23px;
        padding: 10px 16px;
        width: 248px;
    }
    #by-client .row {
        margin-bottom: 50px;
    }
    #by-client .row:last-child {
        margin-bottom: 0;
    }
    #by-client h4 {
        text-align: center;
    }
    #by-client .icon-box {
        overflow: hidden;
        text-align: center;
    }
    #by-client .client-icon {
        width: 80%;
        padding-bottom: 80%;
        float: none;
        display: none;
    }
    #by-client .client-info {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    #by-client .client-info li {

    }


	/* -----------------------------------------------
		FOOTER
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .footer-main {
        flex-flow: column;
    }

    .footer-right, .footer-left {
        width: 100%;
        position: relative;
    }
    .footer-left {
        order: 2;
        padding: 50px 0;
    }
    .footer-right {
        order: 1;
    }

    .footer-right .testimonial-text {
        padding: 100px;
    }
    .footer-left .inner-content {
        margin: 0 auto;
    }
    .footer-right .testimonial-text .quote-and-line {
        margin-top: 50px;
    }
    .footer-right .testimonial-text .quote-by {
        margin-left: -70px;
    }
    .footer-right .testimonial-text .quote-and-line .line {
        width: 500px;
        left: -100px;
    }

    .members .primary-footer {
        height: auto;
    }
    .members  .footer-main {
      padding: 0 5%;
    }
    .members  .footer-left .inner-content {
      margin: 0 auto;
    }
    .members .footer-logo {
      margin-right: 0;
    }
    .members .footer-nav {
      padding-top: 10px;
    }
    .members .footer-nav ul {
      padding: 0;
      margin: 0;
    }
    .members .top-section-header {
        margin: 0 0 20px;
        flex-flow: row wrap;
    }
    .members .top-section-header h1 {
        margin-bottom: 10px;
        flex-basis: 100%;
    }
    .top-section-header .header-button-section {
        flex-flow:  row wrap;
        justify-content: flex-start;
    }
    .members .top-section-header .header-button-section a:last-child {
        margin-right: 10px;
    }
    .members .top-section-header .header-button-section .filter-section {
        flex: 1 0 100%;
        margin-bottom: 10px;
    }
    .members .top-section-header .header-button-section button,
    .members .top-section-header .header-button-section a {
        margin-bottom: 10px;
    }
    .members .subheader-button-section {
        justify-content: flex-start;
        margin-left: 0;
    }

}

@media (max-width: 875px) {

    /* -----------------------------------------------
        FOOTER
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
     .footer-bottom .footer-info a {
         font-size: 14px;
     }
     /* -----------------------------------------------
        GLOBAL
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .breakout-gallery .gallery-item {
         width: 180px;
         height: 180px;
    }
    .breakout-gallery .gallery-item:first-child:hover {
        margin-left: 25px;
    }
    .breakout-gallery .gallery-item:last-child:hover {
        margin-right: 25px;
    }
    .breakout-gallery .gallery-item:hover {
         width: 205px;
         height: 205px;
    }
    .breakout-gallery .gallery-item img {
         width: 160px;
     }
    
    .stl-n2 .left-info {
        max-width: 62%;
    }
    .stl-n2 .right-info .right-menu {
        width: 280px;
    }
    .stl-n2 .stl-schools h3 {
        font-size: 28px;
    }
}


/* Smaller than Vert iPad */
@media (max-width: 767px) {

    /* -----------------------------------------------
		ABOUT
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .partners .four.columns {
        width: 100%;
        margin-left: 0;
        margin-bottom: 50px;
    }
    .partners .three.columns:nth-child(3n),
    .partners .three.columns:first-child {
        margin-left: 0;
    }
    .partners .partner-name {
        font-size: 20px;
    }
    .partners .row {
        margin-bottom: 0;
    }

	/* -----------------------------------------------
		GLOBAL
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .service-links .six.columns {
        width: 100%;
        margin-bottom: 20px;
    }
    .service-links .six.columns:last-child {
        margin-bottom: 0;
    }
    .breakout-gallery {
        overflow: visible;
    }
    .breakout-gallery .gallery-item {
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
        width: 280px;
        height: 280px;
    }
    .breakout-gallery .gallery-item:first-child:hover {
        margin-left: 0;
    }
    .breakout-gallery .gallery-item:last-child:hover {
        margin-right: 0;
    }
    .breakout-gallery .gallery-item:hover {
        width: 305px;
        height: 305px;
    }
    .breakout-gallery .gallery-item img {
        width: auto;
    }
    .breakout-gallery .gallery-item .gallery-item-label h4 {
         font-size: 25px;
     }


	/* -----------------------------------------------
		STRUCTURE
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.wrapper,
    .rotator-slide .wrapper {
		width: 92%;
	}
    .wrapper.large {
        max-width: 90%;
    }

	/* -----------------------------------------------
		HOMEPAGE
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    
    .home .wrapper {
        width: 100%;
    }
    .circle-pattern {
        display: none;
    }
    .services-content-section .service-content .inner .title-section h3 {
        font-size:  16px;
    }

    /* -----------------------------------------------
		CLIENTS
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .client-list .ui-state-default, 
    .client-list .ui-widget-content .ui-state-default, 
    .client-list .ui-widget-header .ui-state-default {
        width: 49.5%;
        margin-right: 0;
        margin-left: 1%;
    }
    .client-list .ui-state-default:first-child, 
    .client-list .ui-widget-content .ui-state-default:first-child, 
    .client-list .ui-widget-header .ui-state-default:first-child {
        margin-left: 0;
    }
    .client-list .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        float: none;
        padding: 10px 0;
        text-align: center;
        display: block;
    }

	/* -----------------------------------------------
		SERVICES
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
   .primary-services .services-item {
        width: 44%;
        margin: 0  1.5%;
        height: 110px;
        vertical-align: top;
        margin-bottom:35px;
    }
    .primary-services .services-large-text {
        font-size: 20px;
    }
    .primary-services .services-small-text {
        font-size: 16px;
    }
    	
    .home .services-item {
        width: 60%;
        margin: 0 1% 3%;
    }
    .home .services-item .services-top-text,
    .home .services-item .services-bottom-text {
        font-size: 16px;
    }
    .primary-services.institutes .services-item {
    }
    .primary-services.institutes {
        height: auto;        
    }
    .primary-services.institutes .services-item {
    }
    .primary-services.institutes .services-item .inner {
        
    }

    /*new*/
    .services .service-container .service .image-container {
        display: none;
    }
    .services .title-content {
        padding: 45px 15px 30px;
    }
    .services .service-container .service .content p,
    .services .service-container .service .content .hidden-content p,
    .services .service-container .service .content .hidden-content ul  {
        font-size: 16px;
    }

    .services .service-container .service .content .hidden-content.active {
        padding: 45px 30px 30px;
    }

    .services .service-container .service .content .hidden-content .open i {
        font-size: 18px;
    }
    .services .service-container .service .content .hidden-content .open {        
        bottom: -10px;       
        width: 40px;
        height: 40px;        
        margin-left: -20px;
    }
    .services .circle-divider {
        padding-bottom: 30px;
    }
    .services .content.active .circle-divider {
        top: 46px;
    }
    .primary-services.institutes {
        margin: 0 auto;
    }

    .services .learn-button {
        margin: 50px auto 100px;
    }
	
	/* -----------------------------------------------
		FOOTER
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.footer-right .testimonial-text {
        padding: 50px;
    }
    .footer-left .inner-content {
        margin: 0 100px 0 auto;
    }
    .footer-right .testimonial-text .quote-and-line {
        margin-top: 25px;
    }
    .footer-right .testimonial-text .quote-and-line .line {
        width: 300px;
    }

    .footer-bottom .footer-info,
    .footer-bottom .footer-info.address,
    .footer-bottom .footer-info.phone {
        float: none;
        display: block;
        width: 100%;
        padding: 10px 0;
    }
    .footer-bottom .footer-info:first-child {
        padding-bottom: 0;
    }
    .footer-bottom .footer-info:last-child {
        padding-top: 0;
    }
	

	/* -----------------------------------------------
		CONTACT
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
   .contact .top-section {
       margin-bottom: 60px;
   }
   .contact-details p, .contact-details a {
       font-size: 18px;
   }
    .contact-details .four.columns {
       width: 100%;
       margin-left: 0;
       margin-bottom: 10px;
   }
   .map-form .six.columns {
       width: 100%;
       margin-left: 0;
   }
   .map-form .form-section {
       margin-top: 50px;
   }

	/* -----------------------------------------------
		CASE STUDY
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .services-provided {
        height: auto;
        overflow: hidden;
    }
   .services-provided .left-section, 
   .services-provided .right-section {
       width: 100%;
       float: none;
       height: 400px;
   }
   .services-provided .left-section {
       border-right: none;
   }
   .services-provided .left-section:after, 
   .services-provided .left-section:before {
       content: none;
   }
   .services-provided .right-text {
       padding: 0 50px 0 15%;
   }
   .services-provided .left-text {
       padding: 0 15% 0 50px;
   }

    /* -----------------------------------------------
        INITATIVE
    –––––––––––––––––––––––––––––––––––––––––––––––––– */   
    .initiative-sub-logo li {
        font-size: 30px;
    }
    .initiative-sub-logo li:after {
        top: 18px;
    }
    .initiative .menu-links .mobile-nav-toggle-secondary {
        display: block;
        font-size: 22px;
        font-family: 'Montserrat';        
        padding: 5px 0 0 34px;
        float: left;
        margin: 0 0 0 20px;
    }
    .eli .menu-links .mobile-nav-toggle-secondary {
        color: #0f6696;
    }
    .l4l .menu-links .mobile-nav-toggle-secondary {
        color: #961d1f;
    }
    .initiative .menu-links .mobile-nav-toggle-secondary i {
    }
    .initiative .menu-links .mobile-nav-toggle-secondary.active i.open {
        opacity: 0;
    }
    .initiative .menu-links .mobile-nav-toggle-secondary.active i.close {
        opacity: 1;
    }
    .initiative .menu-links {
        position: relative;
        z-index: 999;
    }
    .initiative .menu-links .secondary-horizontal-navigation {
        display: none;
        width: 100%;
        position: absolute;
        z-index: 999;
        top: 50px;
        background: url(/images/footer-bg.png) #fff;
    }

    .initiative .menu-links .secondary-horizontal-navigation li {
        display: block;
        width: 100%; 
        margin: 0;        
        border-bottom: 1px solid #ccc;
    }
    .initiative .menu-links .secondary-horizontal-navigation li a {
        padding: 15px 0;
    }

    .initiative .eli .main-quote {
        font-size: 15px;
    }
    .initiative .testimonials .right-quote::before {
        right: 0;
    }
    .initiative .testimonials .left-quote::before {
        left: 0;
    }
    .initiative .intro-link {
        display: block;
        width: 80%;
        margin: 0 auto 40px;
    }
    .initiative .intro-text {
        display: block;
        width: 100%;
        padding: 0;
        border: 0;
        margin: 0;        
    }
    .initiative .intro-text p {
        text-align: center;
    }

    .initiative .partners {
        text-align: center;
    }
    .initiative .partners .six.columns {
        float: none;
        width: 100%;
        max-width: 450px;
        margin: 0 0 50px;
        display: inline-block;
    }
    .initiative .partners .bio-link {
        width: 28%;
    }
    .initiative .partners .staff-contact-info {
        width: 60%;
    }
    .initiative .partners .staff-contact-info .partner-name {
        font-size: 20px;
    }
    .initiative .partners .staff-contact-info .partner-name h6 {
        font-size: 12px;
    }
    .initiative .partners .contact-phone,
    .initiative .partners .contact-email {
        font-size: 14px;
    }
    #facilitators .row.partners {
        padding-left: 30px;
    }
    .cohort-details .regional {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    /* -----------------------------------------------
        NEW INITIATIVE PAGES
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    
    .stl .stl-n2 .left-info {
        max-width: 100%;
        float: none;
    }
    .stl-n2 .right-info,
    .stl-n2 .right-info.sticky {
        display: none;
    }

    /* -----------------------------------------------
        MEMBERS DASHBOARD
    –––––––––––––––––––––––––––––––––––––––––––––––––– */

    .members-main .dashboard .six.columns {
        width: 100%;
        margin: 10px 0;
    }
    .members-main .dashboard .six.columns .main-links {
        margin: 0 !important;
    }
    .cohort-links .link {
        width: 48%;
        margin: 0 2% 2% 0;
    }
    .cohort-links .link:nth-child(2n) {
        margin-right: 0;
    }
    .cohort-links .link:nth-child(6n) {
        margin-right: 0;
    }
    .cohort-links .link:nth-child(3n) {
        margin-right:  2%;
    }
    
    .members .search-box .form-container {
        flex-flow: row wrap;
        margin-bottom: 40px;
    }
    .members .search-box .form-container .form-block {
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%;
    }
    .members .form-row.submit {
        flex-basis: 100%;
    }
    .members .agenda-container .page-title {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .members .agenda-container .page-title .page-title-button {
        margin-left: 0 !important;
        margin-top: 10px;
    }


    /* --------------------------------------
        Web Content
    ----------------------------------------- */
    .web-content .form-box {
        max-width: 500px;
        margin: 0 auto;
        padding: 0 25px;
    }

    .web-content .form-block.img-container a {
        width: 100%;
    }
    .web-content .form-block.img-container img {
        height: auto;
    }

    
    /* -----------------------------------------------
        EVENTS
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .registration.redesign .event-details .details {
        flex-direction:  column;
    }
    .registration.redesign .event-details .details .left,
    .registration.redesign .event-details .details .right {
        flex-basis:  100%;
    }
    .registration.redesign .title-section {
        margin-bottom:  0;
    }
    .form-row.submit .button.button.medium {
        font-size:  14px;
    }
    .registration .form-section {
        margin-bottom:  60px;
    }
    .registration.redesign .form-row.submit.button-section.left {
        text-align: center;
    }
    .registration.redesign .form-row.submit.button-section.left #btnRegister {
        margin-bottom:  10px;
    }

}

@media (max-width: 650px) {
    /* -----------------------------------------------
		CLIENTS
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .black-textbox {
        font-size: 19px;
    }

    .white-textbox {
        font-size: 16px;
        padding: 10px 12px;
        width: 175px;
    }

    /* -----------------------------------------------
		SERVICES
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .primary-services-menu a {
        font-size: 20px;
    }

    /* -----------------------------------------------
		HOMEPAGE
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .services-item {
        margin: 0 10px 60px 10px;
    }

    .primary-services.institutes .services-item {
        display: block;
        margin: 0 0 20px;
    }
    .primary-services.institutes .services-item.eli img,
    .primary-services.institutes .services-item .inner img {
        height: 110px;
        width: 300px;
        max-width: 100%;
        margin: 0 auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .services-content-section .service-content,
    .services-content-section .service-content.dxd {        
        width: 100%;
    }

    .services .primary-services.institutes {
        margin-top: 0;
    }


    /* -----------------------------------------------
		ABOUT
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .about-n2 .team-image {
        float: none;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    
    /* MEMBERS */
    .members .primary-nav {
        width: 100%;
    }

}

@media (max-width: 600px) {

    .main-links a.button {
        padding: 13px 8px;
    }

    .initiative.apl .initiative-logo,
    .initiative.apl .tasa-logo {
    margin: 0 auto 20px;
    display: block;
    }

    .initiative.eli .initiative-logo,
    .initiative.eli .tasa-logo {
        margin: 0 auto;
        display: block; 
    }

    .registration-nomination-open {
        margin-top: 10px;
    }

    /* -----------------------------------------------
        HOMEPAGE
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .footer-left .inner-content {
        margin: 0 auto;
    }


    /* -----------------------------------------------
        MEMBERS
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .members .flex-container {
        flex-flow:  column;
        justify-content: center;
        align-items: center;
    }
    .members  .footer-left {
        padding: 25px 0;
    }
    .members .footer-nav li {
        padding-bottom: 15px;
    }
    .members .footer-nav li:last-child {
        padding-bottom: 0;
    }
    .members  .footer-left .inner-content {
      margin: 0 auto;
      flex-flow: column;
    }
    .members .footer-logo {
      margin-right: 0;
    }
    .members .footer-nav {
      padding-top: 10px;
    }
    .members .footer-nav li {
      display: block;
      text-align: center;
      margin: 0;
    }
}

/* Horizontal Phone */
/* SKELETON MEDIA QUERIES BREAK DOWN TO 100% */
@media (max-width: 550px) {

    /* -----------------------------------------------
		ABOUT
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .partners .three.columns {
        width: 100%;
        margin-left: 0;
    }
    

	/* -----------------------------------------------
		GLOBAL
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .top-section h1,
    .registration .top-section h1 {
        margin-bottom: 20px;
        font-size:  24px;
    }
    .top-section .purple-divider {
        width: 235px;
    }
    .a.button.purple,
    .button.purple {
        font-size: 18px;

    }
    .top-section p {
        font-size: 18px;
    }
    .stl-n2 .left-info {
        padding: 0 10px;
    }
    .stl-n2 .left-info p {
        font-size: 16px;
    }


	/* -----------------------------------------------
		CLIENTS
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .client-list .ui-state-default a, 
    .client-list .ui-state-default a:link, 
    .client-list .ui-state-default a:visited, 
    .client-list a.ui-button, 
    .client-list a:link.ui-button, 
    .client-list a:visited.ui-button, 
    .client-list .ui-button {
        font-size: 18px;
    }
	/* -----------------------------------------------
		SERVICES
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .primary-services-menu {
        padding: 20px 10px;
    }
    .service-item {
        padding: 0 8px;
    }
    .primary-services-menu a {
        font-size: 20px;
    }
    .primary-services .services-large-text {
        font-size: 17px;
    }
    .primary-services .services-small-text {
        font-size: 14px;
    }
    .eli #fact-sheet .six.columns:first-child {
        border-right: none;
        border-bottom: 5px solid #0f6696;
        margin-bottom: 20px;
    }
    .l4l #fact-sheet .six.columns:first-child {
        border-right: none;
        border-bottom: 5px solid #961d1f;
        margin-bottom: 20px;
    }
    .primary-services .services-item {
        width: 85%;
        margin: 0 0 20px
    }
    .primary-services.institutes {
        height: auto;
    }
    .primary-services.institutes .services-item {
        width: 80%;
        margin: 0 auto 30px;
    }

    .stl-n2 .school-top-section img {
        left: 0;
        max-width: 120px;
        margin-top: -65px;
    }
    .stl-n2 .stl-schools h3 {
        margin-left: 125px;
    }

	/* -----------------------------------------------
		NAVIGATION
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.primary-nav-container {
        padding-top: 10px;
        text-align: center;
	}
    .primary-nav {
        top: 120px;
    }
    
    .header {
        height: 155px;
    }


	/* -----------------------------------------------
		HOMEPAGE
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .testimonials-rotator {
        height: 100%;
    }
    .testimonial-text {
        padding: 20px;
    }
    .testimonials .left-quote:before,
    .testimonials .right-quote:before {
        font-size: 100px;
        width: 45px;
        height: 70px;
    }
    .testimonials .left-quote:before {
        top: -40px;
    }
    .testimonials-rotator .slick-slide {
        padding-left: 0;
    }
    .services-item {
        margin: 0 0px 60px 0px;
    }

    .registration-nomination-open {
        padding: 
    }
    .registration-nomination-open .inner h2 {
        font-size: 16px;
    }
    .registration-nomination-open .inner .image-container {
        padding: 20px 0;
    }
    .registration-nomination-open .hover-blocks {
        height: 8px;
    }
    .registration-nomination-open .inner img {
        max-height: 50px;
        display: block;
    }


    /* -----------------------------------------------
		CLIENTS
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    #by-client .row {
        margin-bottom: 0;
    }
    #by-client .row:last-child {
        margin-bottom: 0;
    }
    #by-client h4 {
        text-align: left;
    }
    #by-client .icon-box {
        overflow: visible;
        height: auto;
        margin: 0;
    }
    #by-client .client-icon {
        width: 26%;
        padding-bottom: 26%;
        float: left;
        display: none;
    }
    #by-client .client-info {
        float: left;
        width: 70%;
        margin-left: 2%;
    }
    #by-client .client-info li {

    }

	/* -----------------------------------------------
		INITIATIVE
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .initiative .cohort-details .six.columns {
        margin: 0 0 50px;
        padding: 0;
    }

    .initiative .partners .six.columns {
        margin: 0 0 50px;
    }

    .initiative.apl .main-quote,
    .initiative.eli .main-quote {
        font-size: 16px;
        width: 420px;
        margin: 0 auto 40px;
    }
    

   /* -----------------------------------------------
        MEMBERS DASHBOARD
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .cohort-links .link {
        width: 100%;
        margin: 0 auto 25px;
    }
    .cohort-links .link:nth-child(2n) {
        margin-right: 0;
    }
    .cohort-links .link:nth-child(3n) {
        margin-right: 0;
    }

    .members .button-section a {
        font-size: 18px;
    }

    .main-links {
        margin-top: 50px;
    }
    .members h1 {
        font-size: 24px;
    }
    .members .profile-snippet .profile-image {
        max-width: 120px;
    }
    .members .profile-snippet .profile-details {
        width: 55%;
    }
    .members .subheader-button-section {
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        margin: 0;
    }
    .members .subheader-button-section .button.small.gray {
        margin: 0 0 20px;
        width: 200px;
    }
    .members .profile-edit .profile-links button {
        float: left;
    }
    .members .form-block {
        margin-bottom: 30px;
    }
}


/* Another breakpoint */
@media (max-width: 475px) {

	/* -----------------------------------------------
		HEADER
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.wrapper {
        width: 96%;
	}

	/* -----------------------------------------------
		SERVICES
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .primary-services-menu .primary-services {
        padding: 5px;
    }
    .service-item {
        border: none;
        margin-bottom: 5px;
        padding-left: 0;
        margin-left: 10px;
    }
    .primary-services-menu a {
        font-size: 21px;
    }

    .services .service-container .service {
        margin-bottom: 40px;
    }
    
    .services .primary-services {
        margin-top: 70px;
    }

	/* -----------------------------------------------
		CASE STUDY
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .services-provided .left-text, .services-provided .right-text {
        font-size: 20px;
    }

    
    /* -----------------------------------------------
		CLIENTS
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .black-textbox {
        font-size: 14px;
        line-height: 40px;
    }
    .white-textbox {
        font-size: 12px;
        padding: 3px 8px;
        width: 140px;
    }
    .client-list .ui-state-default a, 
    .client-list .ui-state-default a:link, 
    .client-list .ui-state-default a:visited, 
    .client-list a.ui-button, 
    .client-list a:link.ui-button, 
    .client-list a:visited.ui-button, 
    .client-list .ui-button {
        font-size: 16px;
    }

    /* -----------------------------------------------
		FOOTER
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    
    .footer-left .inner-content {
        flex-flow: column;
        max-width: 300px;
    }
    .footer-nav {
        margin-left: 100px;
    }

    .footer-nav li {
        padding: 0;
    }

    .members .footer-nav {
        margin-left: 0;
    }

    /* -----------------------------------------------
        INITIATIVES
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .initiative .top-section img {
        max-width: 60%;
        width: 60%;
    }
    .initiative-sub-logo li {
        font-size: 20px;
        margin-right: 20px;
        padding-right: 20px;
    }
    .initiative-sub-logo li:after {
        height: 5px;
        width: 5px;
        top: 12px;
    }

    .initiative.apl .main-quote,
    .initiative.eli .main-quote {
    width: 100%;
    }

    .initiative.apl .tasa-logo {
        height: auto;
        max-width: 50%;
        width: 50%;
    }

    .stl-n2.top-section .stl-schools .designated-schools {
        column-count: 1;
    }

}



/* iPhone 6 */
@media (max-width: 375px) {

	/* -----------------------------------------------
		GLOBAL
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .breakout-gallery .gallery-item {
        width: 200px;
        height: 200px;
    }
    .breakout-gallery .gallery-item:hover {
        width: 230px;
        height: 230px;
    }
    .breakout-gallery .gallery-item img {
        width: 180px;
    }
    .breakout-gallery .gallery-item .gallery-item-label h4 {
        font-size: 22px;
    }

	/* -----------------------------------------------
		STRUCTURE
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.wrapper,
	.main-with-sidebar.columns {
		width: 94%;
	}

	/* -----------------------------------------------
		CLIENTS
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	#by-client .four.columns {
        margin-bottom: 50px;
	}
    #by-client .four.columns:last-child {
        margin-bottom: 0;
	}
    #by-client h4 {
        text-align: center;
        font-size: 20px;
    }
    #by-client .icon-box {
        overflow: hidden;
        text-align: center;
    }
    #by-client .client-icon {
        width: 80%;
        padding-bottom: 80%;
        float: none;
        display: none;
    }
    #by-client .client-info {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    #by-client .client-info li {
        font-size: 16px;
    }

	/* -----------------------------------------------
		CASE STUDY
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .services-provided .left-text, .services-provided .right-text {
        font-size: 18px;
    }


    /* -----------------------------------------------
		CLIENTS
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .client-list .ui-state-default a, 
    .client-list .ui-state-default a:link, 
    .client-list .ui-state-default a:visited, 
    .client-list a.ui-button, 
    .client-list a:link.ui-button, 
    .client-list a:visited.ui-button, 
    .client-list .ui-button {
        font-size: 13px;
    }
    .black-textbox {
        font-size: 12px;
        line-height: 30px;
        padding: 0 7px;
    }
    .white-textbox {
        padding: 0 7px;
        font-size: 12px;
        line-height: 25px;
    }
}