﻿@import url('commen/commen.css');
@import url('commen/main.css');
@import url('commen/header.css');
@import url('commen/nav.css');
@import url('commen/slider.css');
@import url('commen/advs.css');
@import url('commen/twitter.css');
@import url('commen/footer.css');

/*partner container*/
.partner_container {
    display: table;
    position: relative;
    width: 100%;
    height: auto;
    min-height:100px;
    padding: 0px 0px 20px 0px;
    float: right;
}

.partner_logo {
    display: table;
    position: relative;
    width: calc(20% - 20px);
    height: auto;
    margin: 20px 0px 0px 20px;
    padding:10px;
    border-radius:5px;
    border:solid 1px rgba(0,0,0,0.1);
    float: right;
}

.partner_container div.partner_logo:nth-child(odd) {
    margin: 20px 0px 0px 20px;
}

.partner_logo img {
    display:table;
    width:100%;
    height:auto;
}

/* custom style-----------------*/

.radius {
    border-radius: 0px;
}

/*-- media query --*/
@media only screen and (max-width: 1200px) {

    .partner_container {
        width: 70%;
    }
}

@media only screen and (max-width: 1000px) {

    .partner_container {
        width: 100%;
        padding: 0px 0px 20px 0px;
    }

    .radius {
        border-radius: 5px;
    }

}

@media only screen and (max-width: 750px) {

    .partner_container {
        display: table;
        min-height: 100%;
        overflow: hidden;
    }

    .partner_logo {
        width: calc(50% - 40px);
        margin: 20px 20px 0px 20px;
    }

    .partner_container div.partner_logo:nth-child(odd) {
        margin: 20px 20px 0px 20px;
    }

}
