.mg-rows { position: relative; } .mg-trigger { cursor: pointer; } .mg-space { display: none; position: relative; width: 100%; float: left; } .mg-target { display: none; background: #222; color: #888; } .mg-target-open { position: absolute; top: 0; left: 0; right: 0; } .mg-indicator { border-bottom: 10px solid #222; border-left: 10px solid transparent; border-right: 10px solid transparent; height: 0; position: absolute; top: 0; width: 0; } .mg-close { display: none; background: url(data:image/gif;base64,R0lGODlhFAAUAJEAAE1NTf///////wAAACH5BAEHAAIALAAAAAAUABQAAAIzBISpK+YMm5Enpodw1HlCfnkKOIqU1VXk55goVb2hi7Y0q95lfG70uurNaqLgTviyyUoFADs=) no-repeat center center; cursor: pointer; height: 30px; padding: 7px; position: absolute; right: 15px; top: 10px; width: 30px; z-index: 1000; &:hover { opacity: .5; } } @media only screen and (max-width: 992px) { a.mg-close{ display:none!important; } .mg-row-open button::after{ content:"X"; font-size: 20px; color:#072244; position:absolute; right:10px; top:10px; } }