Opis testowy<style>

.mgDescClear { clear:both; }
.mgDescSplit { float:left; box-sizing:border-box; padding:15px 0px; }
.mgDescPadding {}
.mgDescLogo {}
.mgDescLabel { font-weight:bold; font-size:1.2em; }
.mgDescContent { font-weight:normal; font-size:1em; line-height:1.4em; }
.mgDescContent.show { text-decoration:underline; font-size:0.8em; }
.mgDescVideo { position: relative; padding-bottom: 56.25%; padding-top: 0px;  height: 0; overflow: hidden; }
.mgDescVideo iframe, .mgDescVideo object, .mgDescVideo embed, .mgDescVideo video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mgDescButton { float:left; background-color:#D9D9D9; color:#000000; font-weight:bold; }
.mgDescButton:hover { background-color:#000000; color:#ffffff; }
.mgDescGalleryPhoto { box-sizing:border-box; }
.mgDescGalleryPhoto .photo { width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:contain; }

@media only screen and (max-width: 768px) {
.mgDescFrame { padding:2vw 2vw; }
.mgDescSplit { width:100%; }
.mgDescContainer { width:100%; }
.mgDescPadding { padding:3vw 0vw; }
.mgDescPaddingNoTop { padding:0vw 0vw 3vw 0vw; }  
.mgDescLogo IMG { width:70%; margin:0 auto; margin-bottom:2vw; }
.mgDescSplitLeft { padding-bottom:0vw; }
.mgDescSplitRight { padding-top:0vw; }
.mgDescNoteSelector { padding:3vw; border:1px solid #000000; }
.mgDescNoteSelector .label, .mgDescNoteSelector SELECT { float:left; width:100%; }
.mgDescNoteSelector SELECT { margin-top:3vw; }
.mgDescNoteImage { float:left; width:100%;}
.mgDescNoteImage IMG { width:60%; margin-left:20%; }
.mgDescNoteFeat { float:left; width:100%; padding-top:3vw; }
.mgDescNoteContent { float:left; width:100%; padding-top:3vw; }
.mgDescPC { display:none; } .mgDescMobile { display:block; }
.mgDescButton { margin-top:3vw; font-size:1.2em; padding:3vw; }
.mgDescGallery { margin:0vw -3vw 0vw -3vw; }
.mgDescGalleryPhoto { float:left; width:50%; height:44vw; padding:3vw; }
.mgDescLine { height:0.4vw; width:100%; margin:0vw 0vw; }
.mgDescLine:first-of-type { display:none; }
.mgDescContent LI { margin-top:2vw; }
}
@media only screen and (min-width: 1200px) {
.mgDescFrame { padding:15px 15px; }
.mgDescContainer { width:100%; max-width:1310px; margin:0 auto; }
.mgDescSplit { width:50%; }
.mgDescPadding { padding:15px 0px; }
.mgDescPaddingNoTop { padding:0px 0px 15px 0px; }   
.mgDescLogo IMG { width:70%; max-width:300px; margin:0 auto; margin-bottom:30px; float:left; } 
.mgDescImgMaxHeight { max-height:650px; width:auto !important; }
.mgDescImgPadTop { margin-top:200px; }
.mgDescSplitLeft { padding:0px; padding-right:15px; }
.mgDescSplitRight { padding:0px; padding-left:15px; }
.mgDescNoteSelector { padding:15px; border:1px solid #000000; }
.mgDescNoteSelector .label, .mgDescNoteSelector SELECT { float:left; width:50%; }
.mgDescNoteImage { float:left; width:170px; margin-right:30px; }
.mgDescNoteImage IMG { width:100%; }
.mgDescNoteFeat { float:left; width:calc(100% - 200px); }
.mgDescNoteContent { float:left; width:100%; padding-top:30px; }
.mgDescPC { display:block; } .mgDescMobile { display:none; }
.mgDescButton { margin-top:30px; font-size:1.2em; padding:15px; }
.mgDescGallery { margin:0px -15px 0px -15px; }
.mgDescGalleryPhoto { float:left; width:25%; height:300px; padding:15px; }
.mgDescLine { height:2px; width:calc(100%); margin:0px 0px; }
.mgDescLine:first-of-type { display:none; }
.mgDescContent LI { margin-top:10px; }
}
</style>