MIN CSS main + script

<style>
.msg.msg-error, .msg.msg-success {background-color: #5f676f; color: #fff !important; border-radius: 7px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);text-align: center;}
.msg.msg-error a, .msg.msg-success a {color: #fff !important;}
.msg .container {max-width:100% !important}
@media (max-width: 992px) {
.messages {
width: calc(100% - 40px);
margin: 20px;
}
}
@media (min-width: 992px) {
.messages {
width: 500px;
left: calc(50% - 250px);
margin:20px;
}
}

.index-content-wrapper, .welcome-wrapper, .homepage-texts-wrapper>div {width:100%; max-width: 100%; padding: 0px; margin: 0px;}
@media (min-width: 992px) {
#content {padding: 0px;}
}
/* body width */

.banners-content.body-banners {display: none;}
body, h1, h2, h3, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p {color: #404040 !important;}
/* Body */

.navigation-buttons > a, .navigation-buttons .dropdown, #header ul li > ul {
border-style: none;
}
#header, .navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="login"],.navigation-buttons a[data-target="navigation"] {background-color:#fff;}

#header ul li > ul {
background-color: rgba(255,255,255,) !important; border-bottom: solid 2px #67b8e2; background-color: #fafafa;
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.09);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.09);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.09);
}
.banners-row {
xmargin-top: -82px;
}
.navigation-in ul li a b, #navigation > .menu-helper > span, #header a {
font-weight: 400;
color: #444;
}
.navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="login"] {display: none;}
.navigation-in>ul>li:hover {background-color: #5f676f;}
.navigation-in>ul>li:hover a b {color: #fff;}

@media (min-width: 992px) {

#header ul, .navigation-in {background-color: transparent;}
.navigation-buttons a[data-target="cart"] {
width: 120px;
height: 50px;
line-height: 44px;
background-color: #5f676f;
color: #fff !important;
border: solid 2px #5f676f;
}
.navigation-buttons a[data-target="cart"]:hover {
background-color: transparent;
color: #5f676f !important;
border: solid 2px #5f676f;
}
}
/* Top menu */

.shp-tabs-wrapper.homepage-tabs-wrapper {display: none;}
/* Main page */

#footer {background-color: #d3dbdc; border-color: #d3dbdc;}
.row.custom-footer.elements-2 > div:nth-child(1), .row.custom-footer.elements-2 > div:nth-child(2) {width:100%;}
.custom-footer.elements-many>div:nth-child(4n+1) {clear:none;}
#footer ul li::before {display: none;}
#footer ul li {text-align:center;}
#footer ul li a {color: #414141;font-size: 16px;}
#footer .banner {margin-bottom: 0px;}
/* Footer */

.p-detail-inner {max-width: 100% !important;}

@media (min-width: 768px) {
.p-detail-inner {padding: 0px 35px;}
}
@media (min-width: 992px) {
.p-detail-inner {padding: 0px 55px;}
}
@media (min-width: 992px) {
.p-detail-inner {padding: 0px 75px;}
.p-data-wrapper {width: 40% !important;}
.p-image-wrapper {width: 60% !important;}
.p-image-wrapper {display: flex; flex-direction: row; flex-wrap: nowrap;}
.p-image {padding: 0px !important;width:75%;}
.p-image-wrapper .row {width: 20%; margin-left: 3%;}
.p-thumbnails {height: 500px;}
.p-thumbnails>div {width: 100%; height: 9999em;}
.p-thumbnails a img {border-color: #ffffff;}
.p-thumbnails-horizontal .p-thumbnail::before {
top: 1px;
width: 10px;
height: 10px;
border-radius: 10px;
left: 2px;
}
thumbnail.highlighted::before, .p-thumbnail:hover::before {background-color: #5f676f;}
.p-thumbnails.p-thumbnails-horizontal {-webkit-mask-image: -webkit-gradient(
linear, center top, center bottom,
color-stop(0.80, rgba(0,0,0,1)),
color-stop(0.85, rgba(0,0,0,1)),
color-stop(0.90, rgba(0,0,0,0)),
color-stop(0.95, rgba(0,0,0,0)),
color-stop(1.00, rgba(0,0,0,0)));}
}
@media (min-width: 1200px) {
.p-detail-inner {padding: 0px 150px;}
}

.p-detail .add-to-cart .quantity, .quantity .increase, .quantity .decrease, .p-detail-inner div {border-style: none;}
.quantity input {border: solid 1px #ddd;}
.p-param-block, .col-sm-12.shp-tabs-row.responsive-nav, .wide .p-image::after {display: none;}

.p-detail-tabs-wrapper {max-width: 100% !important;}
.tab-content {padding: 0px;}
.breadcrumbs.navigation-home-icon-wrapper {display: none;}
/* Product detail */

@media (max-width: 992px) {
.navigation-buttons > a[data-target="cart"] i {
color: #ffffff;
background-color: #505155;
}
}
</style>

<div class="subtitle hide_on_desktop"><h1>MIN PAD</h1><h3>Bezdrátová nabíječka</h3></div>
<script>
$( ".subtitle" ).insertBefore( ".p-image-wrapper" );
</script>