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

    
    
    
#alt-header #main-nav {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2000000;
        display: none;
        width: 100vw;
        height: 100vh;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        transition: opacity 400ms ease 0s; margin-top: 0px; border-top: 0px; border-bottom: 0px
    }

#alt-header #main-nav ul li {
        float: none;
        display: block;
        font-weight: 500;
        font-optical-sizing: auto;
        font-style: normal;
        padding-bottom: 7px;
        margin-bottom: 7px;
        list-style: none;
        font-size: 16px;
        text-transform: uppercase;
    }

#alt-header #main-nav ul li a {
        display: block;
        text-align: left;
        margin-left: 0;
        margin-right: 0;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 0;
        padding-right: 0;
        border: none;
        color: #ffffff;
        font-weight: 300;
        font-style: normal;
        font-size: 15px;
        line-height: 26px;
        letter-spacing: 1.5px;
        border-bottom: 1px solid #ffffff;
    width: 70%
    }

#alt-header #main-nav ul li a:hover,
#alt-header #main-nav li.current-menu-item a,
#alt-header #main-nav ul li a:focus {
        color: #CC5500;
    }

#alt-header #main-nav li ul li a {
        font-size: 14px;
        padding: 0;
        margin: 0;
        border-bottom: none !important;
    }

#alt-header #main-nav ul li a:hover {
background-color: transparent
    }
#alt-header #main-nav ul li.current-menu-item a,
#alt-header #main-nav ul li.current_page_parent a {
        background-color: transparent;
    }
#alt-header #main-nav li ul {
        position: relative;
        width: inherit;
        padding: 0;
        margin-left: 0;
        visibility: visible;
        opacity: 1;
        border: none !important;
        background: none;
    }
    
    
    
    
    
    
    
.home #main-nav {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2000000;
        display: none;
        width: 100vw;
        height: 100vh;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        transition: opacity 400ms ease 0s;
    }
    
    
    
    .home #main-nav ul {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
}
    
    

.home #main-nav ul li {
        float: none;
        display: block;
        font-weight: 500;
        font-optical-sizing: auto;
        font-style: normal;
        padding-bottom: 7px;
        margin-bottom: 7px;
        list-style: none;
        font-size: 16px;
        text-transform: uppercase;
    }

.home #main-nav ul li a {
        display: block;
        text-align: left;
        margin-left: 0;
        margin-right: 0;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 0;
        padding-right: 0;
        border: none;
        color: #ffffff;
        font-weight: 300;
        font-style: normal;
        font-size: 15px;
        line-height: 26px;
        letter-spacing: 1.5px;
        border-bottom: 1px solid #ffffff;
    width: 70%
    }

.home #main-nav ul li a:hover,
.home #main-nav li.current-menu-item a,
.home #main-nav ul li a:focus {
        color: #CC5500;
    }

.home #main-nav li ul li a {
        font-size: 14px;
        padding: 0;
        margin: 0;
        border-bottom: none !important;
    }

.home #main-nav ul li a:hover {
background-color: transparent
    }
.home #main-nav ul li.current-menu-item a,
.home #main-nav ul li.current_page_parent a {
        background-color: transparent;
    }
.home #main-nav li ul {
        position: relative;
        width: inherit;
        padding: 0;
        margin-left: 0;
        visibility: visible;
        opacity: 1;
        border: none !important;
        background: none;
    }
    
    
    
    
    .mob-menu-logo{position: absolute; top:27px; left:25px; display: block}
     .mob-menu-logo img{ width: 130px; height: auto}
    
    
    .show-mob {
        display: block;
        padding-top: 25vh;
        padding-left: 30px;
        padding-right: 30px;
    }

    .mobile-nav {
        position: absolute;
        cursor: pointer;
        background-image: url(../images/hamburger.svg);
        background-repeat: no-repeat;
        background-size: 80%;
        height: 40px;
        width: 40px;
        display: block;
        top: 40px;
        right: 30px;
        transition: 0.4s;
    }

    .mobile-nav:hover {
        background-image: url(../images/menu-hamburger-over.svg);
        background-repeat: no-repeat;
        height: 40px;
        width: 40px;
    }

    .mobile-nav .fa-bars {
        display: none;
    }



    .menu-header {
        display: none;
        padding-top: 50px;
    }

    .close-mob {
        position: fixed;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 60000;
        cursor: pointer;
        padding-top: 13px;
        padding-right: 22px;
        transition: opacity 0.2s;
    }

    .close-mob img {
        width: 45px;
    }

    .menuin {
        position: relative;
        z-index: 99999999;
        overflow-y: auto;
        width: 100%;
        height: 100%;
        float: right;
        background-color: #161E36;
        transition: 0.4s;
    }


    .mobmenu-header {
        margin-bottom: 30px;
    }



    .mobile-only {
        display: block !important;
    }

    .desktop-only {
        display: none !important;
    }

    #header-right {
        display: none;
    }

    
    
}











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



    
    .profileimage img {
position: relative;
    margin-right: 0px;
        

}
    
    
    #alt-header #centredlogo {
    width: 40%;
}
    
    .paddingtoplarge {
    padding-top: 90px;
}
    
    .paddingbottomlarge {
    padding-bottom:90px;
}
    
    .paddingtop {
    padding-top: 50px;
}
    
    .paddingbottom {
    padding-bottom: 45px;
}

    
    #footer-logo {
    float: none;
    width: 100%; margin-bottom: 20px;  text-align: center
}
    
    #footer-cta {
   float: none;
    width: 100%; text-align: center
}
    
    .clients-grid {
    column-count: 1;

}
    
    .bannerow {
    min-height: 350px;
}
    
    h2 {
    font-size: 40px;
    line-height: 40px;
}
    
    
    #home-header {
    padding-top: 15px;
}
    
    .home h1{font-size: 40px; line-height: 40px}
    
    
    #home-header #centredlogo {
    text-align: left;

}
    
    #banner-overlay .wrap {
    padding: 1rem;
    max-width: 80vw;
}
    
    #home-header #centredlogo img {
    width: 130px;
}
    
    
    
#alt-header #centredlogo img {
    width: 130px;
}
    
    
    .roundedcornersleft {
    border-radius: 8px 8px 8px 8px;
}
    .roundedcornersright {
     border-radius: 8px 8px 8px 8px;
}
    
    
    .vc_custom_1760974645012 {
    margin-left:0px !important;
}
    
    
    
        .mentee-inner {
        flex-direction: column;   /* stack vertically */
        gap: 20px;                /* smaller column spacing */
    }

    .mentee-left,
    .mentee-right {
        flex: 0 0 100%;           /* full width columns */
    }

    .mentee-quote {
        padding-right: 0;         /* remove right padding so it doesn’t squeeze text */
    }

    .mentee-profile {
        align-items: flex-start;  /* better alignment on stacked layout */
    }

    .mentee-photo {
        width: 90px;
        height: 90px;             /* slightly smaller on mobile */
    }

    .mentee-nav {
top: -0px;
        right: 0px;
        left: 0px;
    }

    .mentee-nav button {
        width: 18px;
        height: 18px;
        font-size: 24px;          /* slightly smaller arrows */
    }
    
    
    
    
}











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


    #alt-header {
    padding-top: 10px;
}
    
    
    .page-template-page_navy h1 {
    font-size: 17px;
    line-height: 23px;

}
  
    .client-footer {
    padding-right: 50px;
}
    
    
    #footer-one li ul li {
padding-top: 0px; padding-bottom: 0px;
display: block; 

}
    
    #footer-cta{padding-top: 20px; padding-bottom: 20px} 
    
    
    .circlelogorow {
    background-image: none!important

}
    
}







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

     h2 {
    font-size: 32px;
    line-height: 32px;
}
    
    
        .paddingtoplarge {
    padding-top: 60px;
}
    
    .paddingbottomlarge {
    padding-bottom:90px;
}
    
    .paddingtop {
    padding-top: 30px;
}
    
    .paddingbottom {
    padding-bottom: 26px;
}

    #footer-one li ul li {
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 10px;
}
    
    #footer-one a {
    font-size: 14px;

}
}











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



}