/* Responsive Changes */
/* Breakpoint < 480px -------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {
	.carousel .spot img {
		z-index: 9999;
	}
	
	.carousel h1 {
		right: 10%;
		top: 2%;
	}
	.carousel h1 span {
		font-size: 50%;
	}
	
	
	.content_wrapper,
	footer {
		max-width: 100%;
	}
	
		.box {
			margin-right: 0 !important;
			margin-left: 0 !important;
			width: 49%;
			/*float: left;*/
		}

		.box:nth-child(even) {
			margin-left: 1% !important;
		}
		
		.box h2 {
			line-height: 100%;
		}
		.search_panel {
			/*float: left !important;*/
			/*width: 60%;*/
			width: 49%;
		}
		


	#menu_pull {
		position: relative;
		clear: both;
		display: block;
		width: 99.8%;
		height: 28px;
		border: 1px solid #dfe1e1;
		text-align: right;
		font-size: 0pt;
		text-indent: -9999px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	#menu_pull:before {
		content: " ";
		position: absolute;
		right: 10px;
		top: 6px;
		z-index: 999;
		width: 35px;
		height: 3px;
		background: #ee3124;
		box-shadow: 0 0.25em 0 0 #ee3124, 0 0.5em 0 0 #ee3124;
		-moz-box-shadow: 0 0.25em 0 0 #ee3124, 0 0.5em 0 0 #ee3124;
		-webkit-box-shadow: 0 0.25em 0 0 #ee3124, 0 0.5em 0 0 #ee3124;
		font-size: 24px;
		line-height: 100%;
		text-indent: 0;
	}
	
	.lang {
		/*margin: 0.25em 0 !important;*/
	}
	
	.lang li {
		/*line-height: 2em;*/
		/*padding-left: 0 !important;*/
		vertical-align: bottom;
	}
	
	nav {
		margin-top: 0;
		height: auto;
		display: none;
	}
	
	nav ul {
		overflow: hidden;
		width: 100%;
	}
	
	nav li {
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
		float: left;
		position: relative;
		text-align: left;
	}

	nav li + li {
		border-top: 1px solid #dfe1e1;
	}
	
	nav a {
		display: inline-block;
		line-height: 40px !important;
		height: 40px;
		padding: 0 1%;
		width: 98%;
		vertical-align: middle;
	}
	
	.hassub.active_with_sub > a {
		color: #fff;
		width: 100%;
		background: #ee3124 url(../media/images/mobile_submenu_icon.png) no-repeat 97% -28px;
	}
	
	.nav > ul > li:hover,
	nav > ul > li:hover {
		background: none;
	}
	
	.hassub,
	nav > ul > li.hassub:hover {
		background: url(../media/images/mobile_submenu_icon.png) no-repeat 99% 10px;
	}
	
		nav li:hover ul {
			display: none;
		}
		
	.hassub ul {
		position: static;
		padding: 0;
		border-left: 0;
		border-right: 0;
		width: 100%;
		background-color: #f2f2f2;
	}

	.hassub ul li a {
		padding: 10px 1% 10px 20px;
		width: 94%;
		height: auto;
		min-height: 10px;
		line-height: 100% !important;
		background: url(../media/images/sub_menu_arrow.png) no-repeat 10px 42%;
	}
	
	.col_left,
	.col_main {
		width: 99.8%;
		max-width: 100% !important;
		float: left;
		clear: both;
	}
	
	.col_left ul.navbar li {
		/*float: left;*/
		margin-top: 0 !important;
		margin-bottom: 10px;
		margin-left: 20px !important;
	}
	
	footer ul,
	footer span,
	footer > a {
		display: block;
		float: left;
		margin: 5px auto;
		width: 100%;
	}
	
	.col_left .sidebar_quicklinks {
		padding-top: 0;
		background: none;
	}

	.col_left .sidebar_quicklinks a {
		display: none;
	}
	.col_left .sidebar_quicklinks a.ask {
		display: inline-block;
	}
	.col_left .sidebar_quicklinks a.ask:after {
		content: none;
	}
	
	
	.rich_text a {
		float: left;
		clear: both;
	}
	
	.down_content .page_selector {margin: 10px 0 0;width: 100%;text-align: right;}
	
	.down_content .page_selector small {
		right: 10px;
	}

	input {
		width: 47%;
	}

	textarea {
		width: 97%;
	}

	button {
		width: 37%;
		margin-right: 0;
	}	
	
	.down_content .product_info > div {
		float: left;
		width: 100%;
		text-align: center;
	}

	

}
/* Target high resolution displays (retina) ---------------------------------------------------------------------------------------------- */



@media only screen and (max-width: 480px) {
	.tabs_content .product_gall > div {
		width: 89%;
	}
	
	.tabs_content .product_gall li {
		float: left;
		margin: 0 10px 0 0;
		width: 107px;
		height: 78px;
		border: 1px solid #cccccc;
	}

	/*.tabs_content .product_gall li + li {
		margin: 0 10px;
	}*/

	.tabs_content .product_gall img {
		height: 100%;
		border: 0 !important;
	}

/*.box input {
		width: 85%;
	}*/

	.input_wrapper {
		width: 100%;
		overflow: hidden;
		clear: both;
	}

	.spot_img {
		height: 30px;
		width: 30px;
	}

	.carousel .spot .spot_plus{
		top: 5px;
		left: 5px;
		width: 20px;
		height: 20px;
	}
	
	.carousel .slider .spot  {
		background-position: -61px -2px;
		background-size: 325% auto;
		height: 28px;
		width: 28px;
	}
	
	.carousel .slider .spot  img.detail {
		width: 350%;
		z-index: 9999;
	}

	.carousel li.lathe_1 .spot .spot_img,
	.carousel li.lathe_2 .spot .spot_img,
	.carousel li.lathe_3 .spot .spot_img,
	.carousel li.lathe_4 .spot .spot_img {
		top: 0;
		left: 0;
	}

	.carousel li.lathe_1 .spot .detail {
		top: 13px;
		left: 22px;
	}

	.carousel li.lathe_1 .spot + .spot .detail {
		top: 27px;
		left: -36px;
	}

	.carousel li.lathe_1 .spot + .spot + .spot .detail {
		top: -27px;
		left: -95px;
	}

	.carousel li.lathe_1 .spot + .spot + .spot + .spot .detail {
		top: -57px;
		left: -84px;
	}

	.carousel li.lathe_2 .spot .detail {
		top: 26px;
		left: -35px;
	}

	.carousel li.lathe_2 .spot + .spot .detail {
		top: 26px;
		left: -36px;
	}

	.carousel li.lathe_2 .spot + .spot + .spot .detail {
		top: -2px;
		left: -84px;
	}

	.carousel li.lathe_2 .spot + .spot + .spot + .spot .detail {
		top: 19px;
		left: 13px;
	}

	.carousel li.lathe_2 .spot + .spot + .spot + .spot + .spot .detail {
		top: 26px;
		left: -34px;
	}

	.carousel li.lathe_3 .spot .detail {
		top: -89px;
		left: -95px;
	}

	.carousel li.lathe_3 .spot + .spot .detail {
		top: -58px;
		left: -82px;
	}

	.carousel li.lathe_3 .spot + .spot + .spot .detail {
		top: -26px;
		left: -95px;
	}

	.carousel li.lathe_3 .spot + .spot  + .spot + .spot .detail {
		top: -70px;
		left: -83px;
	}

	.carousel li.lathe_4 .spot .detail {
		top: -92px;
		left: -91px;
	}

	.carousel li.lathe_4 .spot + .spot .detail {
		top: -118px;
		left: -34px;
	}

	.carousel li.lathe_4 .spot + .spot + .spot .detail {
		top: -71px;
		left: -83px;
	}

	.carousel li.lathe_4 .spot + .spot + .spot + .spot .detail {
		top: -98px;
		left: 6px;
	}

	.carousel li.lathe_5 .spot .detail {
		top: -88px;
		left: -90px;
	}

	.carousel li.lathe_5 .spot + .spot .detail {
		top: -22px;
		left: -89px;
	}

	.carousel li.lathe_5 .spot + .spot + .spot .detail {
		top: -113px;
		left: 11px;
	}

	.carousel li.lathe_5 .spot + .spot + .spot + .spot .detail {
		top: -3px;
		left: 7px;
	}

	.carousel .spot img.added_spot {
		width: 100%;
	}
	
	.carousel .slider .spot.animate_spot  {
		background-position: -61px -2px;
		background-size: 325% auto;
		height: 28px;
		width: 28px;
	}
	
	.carousel {
		margin-bottom: 1em;
	}
	
	.carousel h1 {
		font-size: 120%;
	}
	
	.carousel h1 span {
		font-size: 55%;
	}
	
	.carousel .right, .carousel .left {
		top: 80%;
		width: 24px;
		height: 38px;
		margin-top: -38px;
		background-size: 350%;
	}
	
	.carousel .right {
		background-position: -28px 0;
	}
	
	
	/*.lang {
		float: right;
		clear: left;
		width: 100%;
	}*/
	
.down_content .product_info > div {
		margin-right: 0 !important;
		margin-left: 0 !important;
		width: 100%;
	}

	input,
	textarea,
	label,
	.sendButton {
		margin-right: 0 !important;
		margin-left: 0 !important;
		width: 97%;
		float: left;
	}

.captcha + img + input {
	float: none;
}

.down_content tr + tr td:first-child {
		padding: 10px;
	}

	.box {
		margin-right: 0 !important;
		margin-left: 0 !important;
		width: 99.7%;
		float: left;
	}

	.sendButton {
		width: 100%;
	}

	textarea {
		width: 93%;
	}

	label.captcha {
		padding: 0;
	}

	.captcha {
		padding: 10px 5px;
		width: auto;
	}

	textarea {
		margin-bottom: 7px;
	}
	
	.captcha + input {
		margin-top: 5px;
		margin-left: 5px;
	}

	.g_map {
		overflow: hidden;
	}

	.box:nth-child(even) {
		margin-left: 0 !important;
	}
	
	.search_panel {
		width: 100%;
	}

	.col_main .tabs_head a.selected:after {
		background-image: none;
	}
	
	.col_main img,
	.history_box img,
	.s_location_box img {
		float: none;
		width: 100%;
	}

	.col_main dt img.flag {
		float: left;
	}

	.history_box h3 {
		margin-top: 15px;
	}
	
	.activity img,
	.person img  {
		width: 50%;
	}
	
	.rich_text .s_location_box img + *,
	.rich_text .s_location_box strong {
		padding: 0 8px;
	}
	
	.tabs_head {
		display: table;
		width: 100%;
	}
	
	.col_main .tabs_head a {
		display: table-cell;
		float: none;
	}
	
	.col_main {
		overflow: hidden;
	}
	
	.section_info_table {
		overflow: auto;
	}
	
	.col_main dt {
		font-size: 18px;
		line-height: 18px;
		min-height: 44px;
		height: 100%;
	}
	.col_main ul.rich_text li img {
		max-height: 100%;
		max-width: 100%;
	}
	
	.col_main ul.rich_text li a {
		margin: 0 8px 8px 8px;
	}
	
	.video,
	.video iframe,
	.media {
		width: 100%;
	}
	
	.col_main ul.rich_text p,
	.col_main ul.rich_text h2,
	.col_main ul.rich_text small
	{
		padding: 8px;
	}

.down_content tr td img {
	display: inline-block;
	width: 110px;
	height: auto;
}

	.competence {
		display: block;
		width: 100%;
		margin: 10px 0;
	}

	img#captcha {
		margin-top: 5px;
	}

	img#captcha + input#CapthcaText {
		margin-top: 5px;
	}

	
	.form_h
    {
        margin-bottom: 10px;
    }

    .how_to_buy input[type="checkbox"]
	{
        margin-top: -2px;
    }

        .how_to_buy input[type="checkbox"] + label
		{
            float: none;
            width: auto;
            margin: 0 0 0 10px !important;
        }

    .how_to_buy .checkboxes input[type="text"]
	{
        margin-top: 0;
        height: 13px;
    }
}








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
