/*=========================================
Large Tablets
=========================================*/

@media (max-width: 1200px){

.container{
    width:90%;
}

.dr-navbar{
    gap:20px;
}

.about-page-content h1{
    font-size:60px;
}

.biography-wrapper,
.leadership-wrapper{
    gap:50px;
}

}


/*=========================================
Tablet
=========================================*/

@media (max-width:992px){

.dr-toggle{
    display:flex;
}

.dr-menu{

    position:fixed;

    top:90px;

    left:-100%;

    width:100%;

    height:calc(100vh - 90px);

    background:#fff;

    transition:.4s;

    overflow-y:auto;

    padding:30px;

}

.dr-menu.active{
    left:0;
}

.dr-menu ul{

    flex-direction:column;

    align-items:flex-start;

    gap:20px;

}

.dr-contact-btn{
    display:none;
}

.about-page-content h1{
    font-size:50px;
}

.biography-wrapper,
.leadership-wrapper{

    grid-template-columns:1fr;

}

.bio-image,
.leadership-image{

    text-align:center;

}

.bio-info{

    grid-template-columns:repeat(2,1fr);

}

.education-grid,
.publication-grid{

    grid-template-columns:repeat(2,1fr);

}

.footer-top{

    grid-template-columns:repeat(2,1fr);

    gap:40px;

}

.footer-newsletter{

    flex-direction:column;

    align-items:flex-start;

    gap:25px;

}

.footer-newsletter form{

    width:100%;

}

.footer-newsletter input{

    width:100%;

}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:768px){

section{

    padding:80px 0;

}

.about-page-hero{

    padding:150px 0 90px;

}

.about-page-content h1{

    font-size:38px;

    line-height:1.3;

}

.about-page-content p{

    font-size:16px;

}

.section-heading h2{

    font-size:34px;

}

.bio-info{

    grid-template-columns:1fr;

}

.education-grid,
.publication-grid{

    grid-template-columns:1fr;

}

.journey-item{

    flex-direction:column;

    align-items:flex-start;

}

.journey-year{

    margin-bottom:15px;

}

.footer-top{

    grid-template-columns:1fr;

}

.footer-bottom{

    flex-direction:column;

    gap:15px;

    text-align:center;

}

.footer-newsletter{

    padding:25px;

}

.footer-newsletter form{

    flex-direction:column;

}

.footer-newsletter button{

    width:100%;

}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:576px){

.container{

    width:92%;

}

.about-page-hero{

    padding:130px 0 70px;

}

.about-page-content h1{

    font-size:30px;

}

.section-heading h2{

    font-size:28px;

}

.bio-image img,
.leadership-image img{

    width:100%;

    max-width:320px;

}

.bio-info div{

    text-align:center;

}

.education-card,
.publication-card,
.journey-card{

    padding:25px;

}

.footer-widget{

    text-align:center;

}

.footer-social{

    justify-content:center;

}

.back-top{

    width:45px;

    height:45px;

    right:15px;

    bottom:15px;

}

}