@media only screen and (max-width: 568px)
{
/* detail content */
article#k2Container section.left30	{float: none; width: 100%;}	
article#k2Container section ul		{float: none; }

#gkPageTop		{/*border:1px solid #fff;*/overflow:hidden !important;position:relative}
#gkLogo			{position:relative;margin:auto;height:100px}
#gkLogo img		{width:250px;margin-top:15px}

#gkMobileMenu 			{position:relative !important;width:100% !important;float:none;display:inline-block;height:70px;line-height:70px;margin-top:100px;background-color:#000;color:#fff;text-indent:0px;background-position:93% center;text-transform:uppercase;overflow:hidden;padding:0 0 0 10px;border-top:1px solid #fff;font-size:30px }
#gkMobileMenu span		{display:block;margin-left:50px}
#gkMobileMenu select	{cursor:pointer !important;top:0;width:100%;height:70px;border:1px solid red !important}

#gkTopMenu #dj-slideshow1m	{display:none !important}

.program .itemImageBlock	{display:none !important} /* deaktivacia hlavného obrazka v detaile eventu */
article.itemView.novinky .itemBody .itemImageBlock		{height:auto !important;min-height:180px !important;margin-bottom:25px}
article.itemView.novinky .itemBody .itemImageBlock img	{width:80% !important;height:auto}

#gkMobileMenu	{}
#gkLogo			{width:auto}
#gkTopBanner	{height:auto}
.gkFooter		{margin-bottom:0}
nav#gkTopMenu	{border-top:5px solid #fff}
.xcalendar		{min-height:0 !important}

/* Kontakt ------------------------------------- */
div#aiContactSafeForm_contact_info,
div#aiContactSafeForm_contact_form {float: none !important; width: 100% !important}
div.itemContainer {float: none !important; width: 100% !important;}

div.itemsContainerWrap {margin: 0px !important}
article#k2Container div#article_calendar {width:100% !important;height:350px !important;border:1px solid #fff;float:none !important}
article#k2Container div#article_calendar table {width: 320px !important}

.fb-comments										{display:none !important}
/*article.itemView.novinky .itemVideoBlock iframe		{display:none}*/
.hp_news a.moduleCustomLink 						{margin-top:0 !important}

/* banner HP */
.banners_sidebar .banneritem 			{float:none;clear:both;width:100%}
.banners_sidebar .banneritem img 		{width:100%;height:auto !important}
.box.youtube img						{width:100% !important;height:auto !important}
#left									{float: none !important; background: #000; width: 100% !important; margin-bottom: 7px !important}	
#right									{float: none !important; width: 100% !important}
#right .k2ItemsBlock ul li				{padding-top: 0px !important;border:0px solid silver;height:174px;margin-bottom:10px !important;overflow:hidden}
#right .k2ItemsBlock ul li.clearList	{height:0;border:none}
div.wrap_scroll_arrow h2				{text-align:center !important;width:100% !important;display:block !important}
#right h3.header span					{padding:0 !important;display:block;width:100%}	
footer.gkFooter							{max-width: 520px !important}	
footer.gkFooter p, footer.gkFooter p a, 
footer.gkFooter #gkFooterNav ul li a 	{line-height:18px !important}
.box.youtube {margin-top: 11px;margin-left: 0px}
.banners_sidebar	{margin-left:0}

	.fb_iframe_widget {width: 100% !important; overflow: hidden;}
}
@media only screen and (min-width: 568px) and (max-width: 568px)
{
.banners_sidebar .banneritem		{float:left;clear:none;width:50%}
.banners_sidebar .banneritem img	{width:100% !important;height:auto !important}	
}

@media only screen and (min-width: 569px) and (max-width: 1023px)
{
#left		{float: left !important; background: #000; width:50% !important; margin-bottom: 7px !important}	
#right		{float: left !important; width:50% !important}
footer.gkFooter	{max-width: 100% !important}	

/* banner HP */
.banners_sidebar .banneritem:nth-child(1) {}
.banners_sidebar .banneritem img {width:100% !important;height:auto !important}

#gkMobileMenu {width:100px;height:50px;margin: 0px;right:15px;position:absolute;top:20px;background-color:#000;color:#fff;text-indent:0px;padding-left:60px;padding-top:6px !important}
#gkMobileMenu select {cursor:pointer !important;}

.box.youtube {margin-top: 11px;margin-left: 0px}
.banners_sidebar	{margin-left:0}

article.itemView.novinky .itemVideoBlock iframe		{display:none}
article.itemView.novinky .itemBody .itemImageBlock	{margin-bottom:10px !important}

/* detail content */
article#k2Container section.left30	{float: left; width: 50%;}	
article#k2Container section ul		{float: left; padding-right: 25px}
article#k2Container div.itemImageGallery,
article#k2Container div#itemImageGalleryAnchor {float: none !important; background: #000 !important; width: 100% !important}
article#k2Container.program div.itemBody {float: none !important; width: 100% !important}
article#k2Container div#article_calendar {width:100% !important;height:250px !important}

/* Kontakt ------------------------------------- */
div#aiContactSafeForm_contact_info {float: left !important; width: 48% !important}
div#aiContactSafeForm_contact_form {float: right !important; width: 48% !important}
#right h3.header span		{padding:0 !important;display:block;width:100%}	
.box.youtube img			{width:100%;height:auto}
a.youtube		{display:none}
a.youtube_r		{display:block}
#fixed li:hover {margin-left:0}

}

@media only screen and (min-width: 758px) and (max-width: 778px)
{
#right						{height:988px}
#right .box.hp_news.news 	{height:990px}

#fixed	{position:fixed !important;right:0;top:150px;width:42px;display:none !important}
}

@media only screen and (min-width:0px) and (max-width:900px)
{
	#fixed		{position: static; width: auto; clear: both; max-width: 324px; margin: 0 auto; padding: 10px; background: #000;}
	#fixed ul	{display: table; width: 100%;}
	#fixed li	{display: table-cell;}
	#fixed a	{margin: 0 auto;}
	/*#fixed .mobile-apps-button-mobile {display: block;}*/
	.spotify-play-button {display: none;}
}

@media only screen and (max-width: 920px)
{
	div#gkTopBanner {float: none; margin-top: 0 !important; width: 100%;}
	#gkTopBanner .search {float: none; margin: 11px 0 0 !important; text-align: center;}
}

@media only screen and (min-width: 758px) and (max-width: 920px)
{
	div#gkTopBanner {margin-top: 24px !important; margin-right: 180px !important; width: auto;}
}