/*****  769px - 1024px  *****/

html, body {
    overflow-x: hidden;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

.bg-header-size {
	height: 300px !important;
}

.top-line {
	height: 95px;
}

.main-logo {
	/* position: absolute; */
	left: 5%;
	z-index: 10;
}

.main-logo > h1 {
	position: relative;
	left: 0;
	margin: 0;
}

#left-menu {
	/*position: unset;*/
	z-index: 2;
	width: 100%;
	height: 85px;
}

.top-header {
	margin-top: 85px;
}

.navigation {
    display: none;
}

#left-menu div.uclogo_kg {
    width: 200px;
    padding: 5px;
    margin: 0;
}

.pushy div.uclogo_kg {
    width: 181px;
    padding: 10px;
    margin: 0 auto;
}



#left-menu div.logo {
  width: 68px;
}

#left-menu div.kg {
  width: 77px;
}

div.menu-btn {
    display: block;
}

#right-section {
  display: inline-block;
  width: 100%;
  margin-left: 0;
}

.main-menu {
	display: none;
}

.top-menu {
	left: 1vw;
	transform: unset;
	bottom: 0px;
}

.quick-contact {
	right: auto;
	left: 2vw;
	top: 35px;
}

.right-menu {
	position: absolute;
    left: 2vw;
	float: auto;
}

ul.box-news li {
  /* width: 46%; */
}

ul.diskografie li {
  width: 48%;
}

.album > .obal {
  width: 100%;	
	justify-content: center;
	margin-right: 0;
	margin-bottom: 3%;
}

.album > .obal img {
  width: 50%;
}

.album > .info {
	width: 100%;	
}

.lyrics > ul li.song > span {
  padding-left: 40px;
}

.copyright > ul.content li {
	width: 100%;
}

.copyright > ul.content li:nth-of-type(2),
.copyright > ul.content li:nth-of-type(3) {
	justify-content: center;
}

/******************************** SUB CATTEGORY LIST ********************************/

.sub-ctg {
    margin: 0;
}

.sub-ctg li {
	width: 31%;
}

ul.sub-menu {
  position: relative;
  right: auto;
  width: 100%;
  margin: 0 auto 2% auto;
  display: flex;
  flex-wrap: wrap;
}

ul.sub-menu li {
  width: 48%;
  margin: 0 1% 2% 1%; 
}

.s-menu-space {
	width: auto;
}

/******************************** PRODUCT LIST ********************************/

.list-item {
    width: 100%;
    padding: 0;
    margin: 0 0% 0 0%;
    text-align: left;
}

.show-gallery li {
	width: 30.5%;
}

.show-simple li {
	margin: 0% 0 3vh 0;
	width: 100%;
}

.show-simple span.item-img {
    width: 19%;
}

.show-simple span.item-name {
    width: 60%;
}

.show-simple span.item-price {
    /* width: 18%; */
}