/*========================
Tablet
========================*/
@media (max-width:992px){
.site-header__container{
    min-height:72px;
}
}


@media (max-width:992px){
.site-header__navigation{
    display:none;
}
}

@media (max-width:992px){
.contact-button{
    padding:12px 18px;
}
}

@media (max-width:992px){
.custom-logo{
    height:42px;
}

.hero__content{
    flex-direction:column;
}
    
.hero__title{
font-size:2.rem;
}


}


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

@media (max-width:768px){

.site-header__container{

    min-height:64px;

}
.custom-logo{

    height:36px;

}

.contact-button{
    display:none;
}

.search-button{

    width:40px;

    height:40px;

}

.hero__content{
    flex-direction:column;
    
}

.hero__title{
font-size:1.5rem;
}


.trusted__logos{
justify-content:center;
}
.trusted__item{
flex:0 0 40%;
margin-bottom:30px;
}



}


/* ==================================
   Case Studies Archive Responsive
================================== */

@media (max-width: 992px) {

    .case-studies-archive__grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 640px) {

    .case-studies-archive {
        padding: 50px 0 70px;
    }

    .case-studies-archive__header {
        margin-bottom: 35px;
    }

    .case-studies-archive__grid {
        grid-template-columns: 1fr;
    }

    .case-studies-archive__pagination {
        margin-top: 40px;
    }

    .case-studies-archive__pagination
    .page-numbers {
        min-width: 38px;
        height: 38px;

        padding: 0 9px;
    }

    .case-studies-archive__pagination
    .page-numbers.prev,
    .case-studies-archive__pagination
    .page-numbers.next {
        padding-left: 12px;
        padding-right: 12px;
    }

}



/* =========================================
   Knowledge Center Responsive
========================================= */

@media (max-width: 1100px) {

    .knowledge__grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 700px) {

    .knowledge {
        padding: 60px 0;
    }

    .knowledge__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .knowledge-card__image {
        height: 210px;
    }

}