.


/*responsive*/
.rows:after,
.rows:before{
	display: table;
	content: "";
	clear: both;
}

.rows {
	margin-right: -15px;
	margin-left: -15px;
    display:flex;
flex-wrap:wrap;
}

.cols-2,
.cols-3,
.cols-4,
.cols-6,
.cols-8,
.cols-9,
.cols-10,
.cols-12
{
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.cols-2 {
	width: 12.5%;
}
.cols-3 {
	width: calc(25% - 30px);
}
.cols-4 {
	width: 33.3%;
}
.cols-6 {
	width: calc(50% - 60px);
}
.cols-8 {
	width: 66.6%;
}
.cols-9 {
	width: 75%;
}
.cols-10 {
	width: 87.5%;
}
.cols-12 {
	width: 100%;
}
@media only screen and (max-width: 992px)
{
	.cols-md-12 {
	width: 100%;
}
	.cols-md-9 {
	width: 75%;
}
	.cols-md-6 {
	width: calc(50% - 60px);
}
	.cols-md-3 {
	width: 25%;
}
}
@media only screen and (max-width: 650px)
{
	.cols-sd-12 {
	width: 100%;
}
	.cols-sd-9 {
	width: 75%;
}
	.cols-sd-6 {
	width: calc(50% - 60px);
}
	.cols-sd-3 {
	width: 25%;
}
}
/*language*/
.lang-box {
    text-align: center;
    margin-bottom: 50px;
}

.lang-text span {
    font-size: 16px;
    margin: 15px auto;
    display: block;
}
.lang-flag {
    height: 75px;
    width: 102px;
    background: url(https://www.manageengine.com/mobile-device-management/images/supported-language-flags-sprite.png);
    vertical-align: middle;
    margin-right: 15px;
    background-repeat: no-repeat;
    box-shadow: 0 0 9px #00000024, inset 0 0 2px #00000052;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    margin: 0 auto;
}
.lang-english {
    background: url(images/UK_Flag.jpg);
    background-size: cover;
    background-position: center;
}
.lang-french{
    background-position: -153px -80px;
}
.lang-german{
       background-position: -29px -82px;
}
.lang-japanese{
    background-position: -17px -2px;
}
.lang-polish{
    background-position: -710px 0px;
}
.lang-simplified-chinese{
    background-position: -680px -73px;
}
.lang-spanish{
        background-position: -417px -2px;
}
.lang-traditional-chinese{
        background-position: -284px -162px;
}
.lang-turkish{
    background-position: -142px 0px;
}
.lang-portuguese {
    background: url(images/Portugal.png) no-repeat;
    background-size: cover;
}
.lang-steps h4 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}
.lang-steps p{
margin-top:5px;
}
.steps-container {
    margin-bottom: 40px;
}
.lang-steps img {
    box-shadow: 0 0 10px #00000024;
    border-radius: 10px;
    width: 80%;
    margin: 0 auto;
    display: block;
}
.flag-section {
    max-width: 1160px;
    width: 90%;
    margin: auto;
    margin: 60px auto 0;
    padding: 0 0 60px;
    border-bottom: 1px solid #e3e3e3;
}

.flag-section h1 {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.2;
}

.flag-section ul {
    display: block;
    /* text-align: center; */
    padding: 0;
    margin: 40px 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flag-section ul li {
    display: inline-block;
    width: 250px;
    margin: 15px;
    border: 1px #eee solid;
    text-align: initial;
}

.flag-section ul li:before {
    content: '';
    display: inline-block;
    background-image: url(https://www.manageengine.com/privileged-access-management/images/supported-language-flags-sprite.png);
    width: 68px;
    height: 40px;
    vertical-align: middle;
    margin-right: 15px;
    background-size: 476px 120px;
    border-right: 1px #eee solid;
}

.ico-japan:before {
    background-position: 0 0;
}

.ico-turkish:before {
    background-position: -68px 0;
}

.ico-spain:before {
    background-position: -204px 0;
}

.ico-russia:before {
    background-position: -272px 0;
}

.ico-polish:before {
    background-position: -340px 0;
}

.ico-italy:before {
    background-position: -408px 0;
}

.ico-german:before {
    background-position: 0 -40px;
}

.ico-french:before {
    background-position: -68px -40px;
}

.ico-finnish:before {
    background-position: -136px -40px;
}

.ico-dutch:before {
    background-position: -204px -40px;
}

.ico-simplified-china:before {
    background-position: -340px -40px;
}

.ico-portuguese:before {
    background-position: -68px -80px;
}

.ico-traditional-china:before {
    background-position: -136px -80px;
}

.ico-english:before {
    background-position: -204px -80px;
}
.ico-hebrew:before {
    background-position: -272px -80px;
}

@media only screen and (max-width: 1262px) {
    .flag-section {
        max-width: 852px;
    }
}

@media only screen and (max-width: 992px) {
    .flag-section ul {
        max-width: 568px;
        margin: 40px auto 0;
    }
}

@media only screen and (max-width: 630px) {
    .flag-section ul {
        text-align: center;
    }
}