#menu-menu-1 .menu-item .sub-menu1{
    padding: 0px;
    left: 140%;
    top: 0;
    width:50%
;}
#menu-menu-1 .menu-item .sub-menu1 li a{

    word-break: break-word;
    white-space: normal;
    height: auto;
    padding: 10px 3px;
    text-align: center;}

#menu-menu-1 .sub-menu li a:hover{font-weight:700;}
@media only screen and (max-width: 768px) {

#menu-menu-1 .menu-item .sub-menu1{min-width: 150px;left: 100%;}
#menu-menu-1 .menu-item .sub-menu1 li{ margin: 15px 0;}

#menu-menu-1 .menu-item .sub-menu li{
        margin-bottom: 20px;}
}