#slickmenu { /*margin-top:50px;*/
height: 238px;
margin: 34px auto;/* Need to define the height to control the HTML flow */ }
#slickmenu ul { list-style:none; }
#slickmenu ul li { display:block; position:absolute; }
#slickmenu ul li a { text-decoration:none; }
#slickmenu ul li a img { border: 3px solid #EEE; border-radius: 50% !important;
width: 226px;
height: 226px;}

.infobox { display:none; background-color:#111111; position:absolute; text-decoration: none !important; font-size:16px;
	background-color:#eeeeee; padding:3px; width:163px; font-size:12px; border-style:none; border:1px solid #eee; }
.infobox-arrow { display:none; width:40px; height:10px; margin-left:65px; position:absolute;
	background-image:url('../images/arrow.png'); background-position:center; background-repeat:no-repeat; }
#slickmenu ul li span {
    border-radius: 5px;
font-size: 17px;
width: 156px;
position: absolute;
left: 32px;
top: 56px;
vertical-align: middle;
font-weight: 600;
color: #0042ff;
text-shadow: 1px 1px 2px #fff;
background: #ffffffc9;
padding: 5px;
font-family: 'Open Sans', sans-serif;
}
@media (min-width:1367px) {
    #slickmenu {
        width:88%;
    }
}
@media (max-width:1366px) {
    .brandname {
        font-size:32px;
    }
    .nav-collapse a {
        padding: 10px 4px;
    }
    .nav > li > a {
    font-size: 11px;
    padding: 10px 1px;
    text-transform: uppercase;
    width: 94px;
    text-align: center;
}
    .tb-height {
    height: 296px;
}
    .panelheight {
        height: 202px;
    }
    /*#slickmenu ul li:last-child {
        margin-left:1020px!important;
    }*/
}
@media (max-width:1100px) {
    #slickmenu ul li a img {
        width:180px;
        height:180px;
    }
    .firstborder {
    padding: 2%;
    background: url(../img/education_bg.jpg) no-repeat 0 -30px;
    background-size: cover;
}
    #slickmenu ul li span {
        font-size: 17px;
    width: 145px;
    position: absolute;
    left: 17px;
    top: 50px;
    vertical-align: middle;
    font-weight: 600;
    color: #0042ff;
    text-shadow: 1px 1px 2px #fff;
    background: #ffffffc9;
    padding: 5px;
    }
    #slickmenu ul li {
        width:180px!important;
        height:180px!important;
        overflow:hidden;
        border-radius:50%;
    }
}
@media (max-width:1060px) {
    /*#slickmenu ul li a img {
        width:120px;
        height:120px;
    }*/
    #slickmenu {
        height:auto;
    }
    #slickmenu ul li {
    display: block;
    position: inherit;
    float: left;
    width: 220px;
    margin-left: 0 !important;
    height: 220px;
    transform: rotate(0deg) !important;
    margin-top: 0 !important;
}
    #slickmenu ul li:last-child {
    margin-left: 0px !important;
}
}

@media (max-width:767px) {
    #slickmenu ul li {
       text-align: center;
    float: none;
    left: auto;
    margin: 15px auto!important;
}

    }
        #slickmenu ul li a {
            display:block;
        }
    #slickmenu ul li span {
left:38px;
top: 34px;
font-size: 14px;
width: 139px;
    }
    .firstborder {
    padding: 2%;
    background: url(../img/education_bg.jpg) no-repeat 0 0px;
        background-size: auto;
    background-size: 100% 100%;
}
    .bg-2 {
        background:none;
    }
    .nav-collapse li {
   
    margin-bottom: 0;
}
}