#activity{
    width: 90%;
    margin: auto;
}
/*#content{
    overflow-x: hidden;
}*/
/* #order{
width:7%;
} */

#order, #sortable{

    margin-top: 3%;
}

#order li, #sortable li{
padding:1em;

}

#order li{
    text-align: center;
    font-weight: bold;
    background-color: #16a79d;
    color:#fff;
    border-bottom:1px dashed #f4ac42!important;

    
}


#sortable li {

    cursor: move;
    font-weight: bold;
    background-color: #f4ac42;
    color:#32343a;
    border-bottom:1px dashed #16a79d!important;
}




ul{

    list-style-type: none
}

.ui-sortable-handle
{
    
   /* border: 1px dashed #309091;*/
}


.ui-sortable-helper
{
    -webkit-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
       -moz-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
            box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
}











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

	

}

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

    #sortable li {
     
       /*width:100%;*/
    }




@media only screen and (max-width: 560px) {
    #activity{

        margin-left: 5%;
    }

    #order{
        width:11%;
    }

    #sortable
    {
        width:80%;
    }

    #sortable li, #order li {
        
        font-size: 0.9em;
    }

   
}