.pageControlPanel{
    height:45px;
    background:#4b85cd;
}

.pageControlPanel .itemControlPanelActive{
    background:#679de0;
}

.pageControlPanel .itemControlPanel{
    float:left;
    color:#fff;
    font-size:18px;
    height:45px;
    cursor:pointer;
    padding:12px 25px 0 25px;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}


.mobileItemControlPanel{
    display:none;
    height:43px;
    background:#4e83c6;
    border-top:1px solid #bcd5f4;
    color:#fff;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    padding: 14px 0 0 20px;
    box-sizing:border-box;
    cursor:pointer;
    position: relative;
}


.mobileItemControlPanel::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 35px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    border-bottom: 5px solid transparent;
}

@media(max-width:720px){
    
    .mobileItemControlPanel{
        display:block;
    }
    
}