/* Responsive media queries ========================================================================== */
/*
max-width = this CSS will apply styles only if your browser's viewport width is equal to or narrower than
the number specified
*/

@media screen and (max-width: 1243px){
    .client_logo_container section {
        width: 82%;
        padding-top: 10px;
     }
}

@media screen and (max-width: 1169px){
    .client_logo_container section {
        width: 100%;
        float: left;
        padding: 0px;
     }
     .client_logo {
        padding: 15px 0px;
        margin: 0 auto;
        float: none;
    }
}

@media screen and (max-width: 873px){
    header {
        margin-bottom: 15px;
    }
    .client_logo_container {
        margin: 0px 0px 15px 0px;
        padding: 0px 0px 80px 0px;
        border-bottom: 1px solid #8d8e91;
    }
    .client_logo_container section {
        max-width: 100%;
        position: relative;
     }
     .collapse {
        float: left;
        position: absolute;
        top: 60px;
     }
     .collapse h2 a .btn {
        width: 100%; 
        padding: 1em 25.5em;
     }
}
@media screen and (max-width: 768px){
    .collapse {
        top: 78px;
    }
    .collapse h2 a .btn {
        width: 95%; 
        padding: 1em 23em;
     }
}

@media screen and (max-width: 670px){
    .client_logo_container section div {
        padding: 20px 10px;
    }
    .collapse h2 a .btn {
        width: 95%; 
        padding: 1em 20em;
     }

}