﻿/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape phones and portrait tablets (max 768px) */
@media (max-width: 991px) {
    .teamprofile {
        padding-left: 80px !important;
    }

    .whoweare {
        padding-left: 0px !important;
        padding-right: 0px !important;
        line-height: 30px;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .whoweare {
        padding-left: 0px !important;
        padding-right: 0px !important;
        line-height: 30px;
    }

    .teamprofile {
        padding-left: 40px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 415px) {
    .whoweare {
        padding-left: 0px !important;
        padding-right: 0px !important;
        line-height: 30px;
    }

    .teamprofile {
        padding-left: 40px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 380px) {

}

/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
    .teamprofile {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

html, body, #footerbg {
    background-color: white;
}

.corevalues {
    background-color: #efefef;
    padding-bottom: 50px;
}

.core {
    display: block;
}

#corevalue {
    line-height: 30px;
    padding-left: 30px;
    text-align: justify;
    padding-bottom: 10px;
}

#s, #h, #a, #r, #e {
    display: inline-block;
    color: white;
    background-color: #45b878;
    line-height: 30px;
    margin: 0;
    padding: 5px 15px 5px 15px;
}

h3 {
    padding: 5px;
}

#error {
    padding-top: 50px;
}

.whoweare {
    text-align: center;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 50px;
    line-height: 30px;
}

.teamprofile {
    padding-right: 80px;
    line-height: 30px;
    text-align: justify;
}

#whoweare {
    width: 100%;
}