#mopria{}
#mopria li{position: relative}
#mopria .mop-subnav-container{box-sizing: border-box; display: none; transition: height ease .2s; width: 100%; overflow: hidden; position: absolute; top: 38px; left: 0; z-index: 99; border: 2px solid #ddd; border-top: 0}
#mopria li:hover .mop-subnav-container{display: block}

.mop-subnav-container{background: #fff; text-align: left; font-size: 13px; display: none}
.mop-subnav-container *{box-sizing: border-box}
.mop-subnav-container .column{}
.mop-subnav-container .column a{color: #333; display: block; padding: 10px}
.mop-subnav-container .column a:hover{background: #ececec}
.mop-subnav-container .column a img{width: 25px}
.mop-subnav-container .column a .text{width: calc(100% - 25px); display: inline-block; vertical-align: text-top; padding-left: 10px}


/* ----------- Medium ----------- */
@media (max-width: 1199px) and (min-width: 992px){

}
/* ----------- Small ----------- */
@media (max-width: 991px){

}

@media (max-width: 991px) and (min-width: 768px){

}
/* ----------- Extra Small ----------- */
@media (max-width: 767px){

}

@media (max-width: 479px){

}