
@media screen and (max-width: 767px) {

	#page_wrapper { position: relative; min-width:0; }
	#ad_banner { position:relative; left:auto; margin:20px 0; top: auto; text-align: center; }


	body { font-size: 16px; }
	h4 { font-size: 16px; }

	.container { width:100%; }
	.row-fluid > div[class*="span"] { width:100% !important; margin-left:0 !important; }

	#desktopVersion { /*position: absolute; left:0; top:-10px; color:#7E7E7E; font-size:12px;*/ }

	#page { margin:0; padding-bottom: 50px; width:100%; box-sizing: border-box; }
	#header { display:none; width:100%; padding:20px 0 0 0; }
	.startpage #header { display:block; }
	.startpage #header div.span9 { display: none; }

	#metanav { display: none; }
	/*
	#metanav { position: relative; right:auto; top:auto; margin:30px 0 15px; text-align: center; }
	#metanav ul { font-size:14px; }
	*/

	#colorbar { /*display:none;*/ width:65%; height: auto; }
	.startpage #colorbar { display:block; }
	#colorbar > div { margin-left:1%; margin-right:1%; width:10.75%; height: 6px; box-sizing: border-box; }
	#colorbar > div:first-child { margin-left:0; }
	#colorbar > div:last-child { margin-right:0; }

	#like { right: 0; }

	.logo { text-align: right; }
	.logo a { display:inline-block; margin-left:0; margin-right:10px; }
	.logo img {width:100px; height:auto; }

	.col_left { float: none; width: 100%; padding:0; }
	.col_center { float: none; width: 100%; padding:0; margin:15px 0 30px; }
	/*.col_right { float: none; width: 100%; padding:0; }*/
	.col_right { /*display:none;*/ width:100%; padding:0; float:none; }
	.col_right .tvsshop_showbasket { display:none; }
	/*.col_right .tvsshop_article_tipp { display:none; }*/
	.color_theme_9 .col_right { display: block; }
	.color_theme_9 .col_right .infobox { display: none; }

	/*.box .tinymce { text-align:center; }*/

	.theme { text-align:left; min-height:50px; }
	.theme a { display:block; color:#fff; font-weight:bold; text-decoration:none !important; clear:both; }
	.theme span { font-size:20px; display:inline-block; vertical-align:middle; margin-left:5px; margin-top:5px; }
	.theme span:after { content:''; display:inline-block; width: 1px; height:45px; background: none; vertical-align:middle; }
	.theme img { width:53px; height:auto; display:inline-block; vertical-align:middle; }

	#submenu li a { font-size:15px; }
	#submenu ul.nav2 li a { padding: 4px 2px 4px 4px; font-size: 15px; }

	/*#breadcrumb { font-size:13px; }*/
	#breadcrumb { display:none; }

	#footer div[class*="span"] { text-align:left !important; }
	#footer p { font-size:13px; }

	#footer .row { border-bottom:1px solid #b2b2b2; margin-left:0; margin-bottom:15px; }
	#footer .row > .span6 { width:50% !important; margin-left:0; }
	#footer .menu { position:relative; top:auto; right:auto; margin-bottom:15px; /*padding-bottom:15px; border-bottom:1px solid #b2b2b2;*/ }
	#footer .menu li { display:block; border:0 none;  }
	#footer .menu a { padding:0; font-size:13px; line-height: 18px; }
	#footer .menu1 { top:auto; }

	#main { margin:15px 0 0; background:none !important; }
	.tinymcewysiwyg table { float:none; margin-left:0 !important; width:100% !important; height:auto !important; }
	.tinymcewysiwyg table img, .news_img img { width:190px !important; height:auto !important; }
	.news_img { float:none; margin-left:0 !important; }

	/*.col_left .theme.news { display:none; }*/
	h1.news { display:none; font-size:60px !important; line-height:72px; }
	p.news { font-size:30px !important; line-height:36px; margin:0 0 15px; font-weight:bold; color:#3F3F3F; }

	#mainmenu ul { width:100%; }
	#mainmenu li { float:none; margin-right:0; }
	#mainmenu li.visible-small { display:block; }
	#mainmenu li a { width:100% !important; box-sizing: border-box; border-bottom:0; vertical-align: middle; padding: 2px 10px; height: 40px; line-height: 34px; background: #999; }
	#mainmenu li.border a { border-top: 1px solid #fff; }
	#mainmenu li:last-child.border a { border-bottom: 1px solid #fff; }
	#mainmenu li img { position: relative; left: auto; top: auto; border-radius: none; margin-right: 10px; vertical-align: middle; width:50px; height:auto; }
	#mainmenu { width: 70%; position: absolute; left: -70%; top: 0; height: 100%; background: #999; margin:0; padding:0; }
	.openNav #mainmenu { box-shadow: 0 0 20px rgba(0,0,0,0.5); }

	.open-panel { display: block; position: relative; /*background:#b2b2b2;*/ padding:20px 10px 0; margin:0; text-align:right; color:#fff; font-size:12px; text-decoration:none; font-weight:bold; }
	.startpage .open-panel { margin:0; display: inline-block; position: absolute; left: 0; top: 10px; }

	.open-panel a { display:inline-block; color:#fff; text-decoration: none; }
	.open-panel a.menu { position: absolute; left:0; top:30px; padding:10px; background: #b2b2b2; height: 16px; }
	.open-panel a.start { position: absolute; left:49px; top:30px; padding:0; height:36px; }
	.open-panel a.logo { position: relative; }
	.open-panel a.logo img { width:100px; height:auto; }

	.startpage .open-panel a.start { display:none; }
	.startpage .open-panel a.menu { display:block; position: relative; left:auto; top:auto; padding:10px; }
	.startpage .open-panel a.logo { display:none; }


	#main .social {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 99;
		width: 100%;
		font-size: 0;
		text-align: center;
	}
	#main .social > span {
		display:inline-block;
		width:20%;
		background: #fff;
		height: 40px;
		border-radius: 0;
	}
	#main .social > span a {
		display: block;
		padding:5px 0;
		height:30px;
	}
	#main .social > span.facebook { background:#4666A9; }
	#main .social > span.twitter { background:#00ACED; }
	#main .social > span.whatsapp { background:#3EBE2B; }
	#main .social > span.message { background:#F18F20; }
	#main .social > span.like { background:#EF5B77; }
	#main .social > span.email { background:#808080; }

	.openNav #page_wrapper { overflow-x:hidden; }

	.openNav #page {
		left: 0;
	    -webkit-transform: translate3d(70%, 0, 0);
	    -moz-transform: translate3d(70%, 0, 0);
	    -ms-transform: translate3d(70%, 0, 0);
	    -o-transform: translate3d(70%, 0, 0);
	    transform: translate3d(70%, 0, 0);
	    -webkit-transition: -webkit-transform 500ms ease;
	    -moz-transition: -moz-transform 500ms ease;
	    -o-transition: -o-transform 500ms ease;
	    transition: transform 500ms ease;
	}
	#page {
	    left: 0;
		/*
	    -webkit-transform: translate3d(0, 0, 0);
	    -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	    -o-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	    */
	    -webkit-transition: -webkit-transform 500ms ease;
	    -moz-transition: -moz-transform 500ms ease;
	    -o-transition: -o-transform 500ms ease;
	    transition: transform 500ms ease;
	}


	#countdown { right: 40px; top: 10px; color: #fff; background: url('../images/uhr_ico_white.png') center left no-repeat; background-size: 24px 30px; }



	.art_subtitle { font-weight:normal; font-size:18px; }

	.mainlist img { width:102px; }
	.sublist img { width:81px; }
	.sublist .more { display:inline; float:right; }

	/*.articlelist img { width:128px; }*/
	.articlelist .left img { margin-right:10px; }
	.articlelist_news p.description  { margin-left:115px; }
	.articlelist_news p.img { margin:0; }
	.articlelist_news .row-fluid { margin:10px 0 0; padding:10px 0 0; border-top:1px solid #989898;  }
	.articlelist_news .row-fluid:first-child { border-top:0 none; }


	h1 { font-size: 20px; line-height:24px; }
	.startpage h1 { font-size: 17px; line-height:21px; }

	.theme { margin:0; }
	.theme .arrow { position:absolute; right:0; top:50%; margin-top:-20px; width:40px; height:40px; background:url('../images/arrow_submenu_resp.png') center center no-repeat; background-size:17px 8px; }
	.theme .arrow.open { -webkit-transform: rotate(180deg); transform: rotate(180deg);  }

	/*
	.startpage .open-subnav { color:#000; border:1px solid #000; font-size:20px; line-height:33px; font-weight:bold; padding:0 10px 0 25px; background:#F1F1F1 url('../images/arrow_submenu_resp_start.png') left center no-repeat; background-size:17px 33px; margin-bottom:-1px; }
	.startpage .open-subnav.open { background-image:url('../images/arrow_submenu_resp_start_open.png'); }
	.startpage .open-subnav:hover { text-decoration: none; }
	*/



	.tvsshop_article_col_left { width: 115px; }
	.tvsshop_article_col_left img { max-width:105px; }
	.tvsshop_article .art_addtocart { float: none; margin-top: 0; }
	.tvsshop_article_col_right { display: inline-block; float: left; width:auto; }

	span.badge_new { display:none; }
	p.badge_new { margin-bottom:0.5em !important; }

	.tvsshop_article_detail_col_left { float:none; width: 100%; }
	.tvsshop_article_detail_col_right { float:none; width: 100%; }

	.tvsshop_article { margin:0; padding:0; }
	.tvsshop_article h2 { font-size:20px; }
	.tvsshop_article h3 { font-size:15px; }
	.tvsshop_article p.more a { font-size:12px; }

	.tvsshop_order .tvsshop_art_table td.art_col_4,
	.tvsshop_order .tvsshop_art_table td.art_col_5 { width:65px; }

	.tvsshop_search input[type=text] { width: 50%; }

	ul.checkout_steps { margin-top:-1em !important; }
	ul.checkout_steps li { display:block; }

	.tvsshop_order .art_col_img { width: 65px; }

	.tvsshop_order div.row-fluid div { text-align:left; }
	.tvsshop_order div:empty { display: none !important; }
	.tvsshop_order div.clear { display: block !important; }

	.articles_sum_count { margin-top:5px; }
	.articles_sum_count a {
		display:inline-block;
		float:right;
		padding:8px 0 0 30px;
		background:url('../images/showbasket.png') left center no-repeat;
		background-size:25px 25px;
		font-weight:normal;
		font-size:15px; line-height:120%; margin:auto;
	}


	img {
		max-width:100%;
		height: auto;
	}




	/* Visible Classes */

	.visible-large,
	.hidden-small { display:none; }

	.visible-small,
	.hidden-large { display:block; }


}
