.logo-cont {
    position:absolute; width:100%; bottom:1.5%; z-index:999; background:#FFF; padding:10px; text-align:center;
}
.logo-cont img {
    padding:0 70px;
}
.tanitimimg {
    width:100%; height:auto; max-width:630px;
}
.alogo {
    position:absolute; max-width:180px; width:100%; left:5%; top:6%; z-index:999;
}
.eaelogo {
    position:absolute; max-width:240px; width:100%; left:21%; top:6%; z-index:999;
}
.ecomlogo {
    position:absolute; max-width:80px; width:100%; left:39%; top:4.5%; z-index:999;
}

.topgorsel1 {
    margin-top: 70px;
    margin-left: -30px;
    width: 165px;
}
.topgorsel2 {
    margin-top: 20px;
    margin-left: -30px;
    width: 625px;
}
.topgorsel3 {
 }

@media (min-width: 320px) and (max-width: 321px) {
    .logo-cont {
        padding: 0;
    }
    .logo-cont img {
        max-height: 50px;
        padding:10px 30px;
    }
    .tanitimimg {
        width:95%; height:auto; max-width:630px; padding:0 5%;
    }
    .alogo {
        position:absolute; max-width:70px; width:100%; left:5%; top:6%; z-index:999;
    }
    .eaelogo {
        position:absolute; max-width:120px; width:100%; left:37%; top:5%; z-index:999;
    }
    .ecomlogo {
        position:absolute; max-width:30px; width:100%; left:80%; top:4.5%; z-index:999;
    }
    .topgorsel1 {
        margin-top: -200px;
        margin-left: 0;
        width: 425px;
    }
    .topgorsel2 {
        margin-left: 0;
        width: 1200px;
        margin-top: -110px;
    }
    .topgorsel3 {
        display: none !important;
        margin-left: 100px;
    }
}

@media (min-width: 320px) and (max-width: 479px) {
    .logo-cont {
        padding: 0;
    }
    .logo-cont img {
        max-height: 50px;
        padding:10px 30px;
    }
    .tanitimimg {
        width:95%; height:auto; max-width:630px; padding:0 5%;
    }
    .alogo {
        position:absolute; max-width:70px; width:100%; left:5%; top:6%; z-index:999;
    }
    .eaelogo {
        position:absolute; max-width:120px; width:100%; left:37%; top:5%; z-index:999;
    }
    .ecomlogo {
        position:absolute; max-width:30px; width:100%; left:80%; top:4.5%; z-index:999;
    }
    .topgorsel1 {
        margin-top: -200px;
        margin-left: 0;
        width: 425px;
    }
    .topgorsel2 {
        margin-left: 0;
        width: 1200px;
        margin-top: -110px;
    }
    .topgorsel3 {
        display: none !important;
        margin-left: 100px;
    }
}

@media (min-width: 480px) and (max-width: 630px) {
    .logo-cont {
        padding: 0;
    }
    .logo-cont img {
        max-height: 50px;
        padding:10px 30px;
    }
    .tanitimimg {
        width:95%; height:auto; max-width:630px; padding:0 5%;
    }
    .alogo {
        position:absolute; max-width:90px; width:100%; left:5%; top:6%; z-index:999;
    }
    .eaelogo {
        position:absolute; max-width:140px; width:100%; right:20%; top:5.5%; z-index:999;
    }
    .ecomlogo {
        position:absolute; max-width:40px; width:100%; right:5%; top:4.5%; z-index:999;
    }
    .topgorsel1 {
        margin-left: 100px;
    }
    .topgorsel2 {
        margin-left: 100px;
    }
    .topgorsel3 {
        display: none !important;
        margin-left: 100px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .logo-cont img {
        max-height: 60px;
        padding:0 40px;
    }
    .eaelogo {
        right:20%;
    }
}

@media (min-width: 768px) {
    .logo-cont img {
        max-height: 60px;
        padding:0 40px;
    }
    .eaelogo {
        left:42%;
    }
    .ecomlogo {
        left:85%;
    }
    .topgorsel1 {
        margin-top: -170px;
        margin-left: 0;
        width: 45%;
    }
    .topgorsel2 {
        margin-left: 0;
        width: 1000px;
        margin-top: -90px;
    }
    .topgorsel3 {
        margin-top: -30px;
        margin-left: 30px;
    }
}


@media (min-width: 1024px) {
    .logo-cont img {
        max-height: 60px;
        padding:0 40px;
    }
    .eaelogo {
        left:42%;
    }
    .ecomlogo {
        left:85%;
    }
    .topgorsel1 {
        margin-top: 70px;
        margin-left: 0;
        width: 185px;
    }
    .topgorsel2 {
        margin-left: 0;
        width: 600px;
        margin-top: 40px;
    }
    .topgorsel3 {
        margin-top: -50px;
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .logo-cont img {
        max-height: 60px;
        padding:0 40px;
    }
    .eaelogo {
        left:26%;
    }
    .ecomlogo {
        left:53%;
    }
    .topgorsel3 {
        margin-top: 0;
    }
}
@media (min-width: 1120px) {
    .logo-cont img {
        max-height: 60px;
        padding:0 40px;
    }
    .eaelogo {
        right:20%;
    }
    .navbar-nav {
        margin-left: 0 !important;
    }
    .topgorsel3 {
        margin-top: 0;
    }
}
@media (min-width: 1280px) {
    .logo-cont img {
        max-height: 60px;
        padding:0 40px;
    }
    .eaelogo {
        right:20%;
    }
    .tanitimimg {
        width:65%; height:auto; max-width:330px; padding:0 5%;
    }
    .alogo {
        position:absolute; max-width:110px; width:100%; left:5%; top:6%; z-index:999;
    }
    .eaelogo {
        position:absolute; max-width:160px; width:100%; left:23%; top:5.5%; z-index:999;
    }
    .ecomlogo {
        position:absolute; max-width:70px; width:80%; left:45%; top:4.5%; z-index:999;
    }
    .navbar-nav {
        margin-left: 30px !important;
    }
    .topgorsel1 {
        margin-top: 150px;
        margin-left: 0;
        width: 185px;
    }
    .topgorsel2 {
        margin-left: 0;
        width: 600px;
        margin-top: 120px;
    }
    .topgorsel3 {
        margin-top: 100px;
        margin-left: 0;
    }
}
@media (min-width: 1368px) {
    .topgorsel1 {
        margin-top: 210px;
        margin-left: 0;
        width: 185px;
    }
    .topgorsel2 {
        margin-left: 0;
        width: 600px;
        margin-top: 220px;
    }
    .topgorsel3 {
        margin-top: 150px;
        margin-left: 0;
    }
}

@media (min-width: 1800px) {
    .logo-cont img {
        max-height: 90px;
        padding:0 70px;
    }
    .eaelogo {
        right:12%;
    }
    .topgorsel1 {
        width: 185px;
    }
    .topgorsel2 {
    }
    .topgorsel3 {
        margin-top: 40px;
    }
    .alogo {
        position:absolute; max-width:180px; width:100%; left:5%; top:6%; z-index:999;
    }
    .eaelogo {
        position:absolute; max-width:240px; width:100%; left:21%; top:6%; z-index:999;
    }
    .ecomlogo {
        position:absolute; max-width:80px; width:100%; left:39%; top:4.5%; z-index:999;
    }
}

@media (min-width: 1800px) {
    .logo-cont img {
        max-height: 90px;
        padding:0 70px;
    }
    .eaelogo {
        right:12%;
    }
    .topgorsel1 {
        width: 185px;
    }
    .topgorsel2 {
    }
    .topgorsel3 {
        margin-top: 140px;
    }
    .alogo {
        position:absolute; max-width:180px; width:100%; left:5%; top:6%; z-index:999;
    }
    .eaelogo {
        position:absolute; max-width:240px; width:100%; left:21%; top:6%; z-index:999;
    }
    .ecomlogo {
        position:absolute; max-width:80px; width:100%; left:39%; top:4.5%; z-index:999;
    }
}

.contenthover { padding:20px 20px 10px 20px; }
.contenthover, .contenthover h3, .contenthover a { color:#fff; }
.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; }
.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#3c9632; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.contenthover a.mybutton:hover { background:#34742d }