/*
 Responsive layout on
 Citizen's Charter Logo
*/
.citizen-logo {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-bottom: 0 !important;
}
.iso-standard,
.transparency-seal,
.foi,
.dpo{
    object-fit: cover;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.iso-standard img,
.transparency-seal img,
.foi img,
.dpo img{
    max-height: 70%;
}
.iso-standard {
    max-width: 120%;
}
.iso-standard img {
    background-size: cover;
    border: 1px solid #000;
    padding-left: 0;
    width: 100%;
    height: clamp(60%, 6.3vw, 120px);
}
.foi img{
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #ccc;
    height: clamp(25%, 6.3vw, 120px);
    max-width: 100%;
    margin-left: 10px;
}
.transparency-seal img {
    margin-left: 5px;
    height:clamp(30%, 6.3vw, 120px);
    max-width:100%;
}
.dpo img {
    height:clamp(25%, 6.3vw, 120px);
    max-width:100%;
}
@media only screen and (max-width: 700px) {
    .iso-standard,
    .transparency-seal,
    .foi,
    .dpo {
        object-fit: cover;
        width: 100%;
        height: 50%;
        max-width: 22%;
        padding-right:0 !important;
    }
    .iso-standard {
        width: 100%;
        height: 30%;
        max-width: 100%;
    }
    .citizen-logo {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-bottom: 0 !important;
    }
    .citizen-logo img{
        object-fit: cover;
        width: 90%;
        height: 90%;
    }
    .iso-standard img{
        object-fit: cover;
        width: 100% !important;
        height: 100% !important;
    }
    .dpo img{
        object-fit: cover;
        width: 50% !important;
        height: 43% !important;
    }
}
@media only screen and (max-width: 500px) {

    .iso-standard,
    .transparency-seal,
    .foi,
    .dpo {
        object-fit: cover;
        width: 100%;
        height: 50%;
        max-width: 33%;
        padding-right:0 !important;
    }
    .iso-standard {
        width: 100%;
        height: 30%;
        max-width: 100%;
    }
    .citizen-logo {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-bottom: 0 !important;
    }
    .citizen-logo img{
        object-fit: cover;
        width: 90%;
        height: 90%;
        margin: 5px;
    }
    .iso-standard img{
        object-fit: cover;
        width: 50% !important;
        height: 50% !important;
        margin-left: 20%;
    }
    .dpo img{
        object-fit: cover;
        width: 55% !important;
        height: 55% !important;
    }
}