/*------------------------------------*\

    RESPONSIVE

\*------------------------------------*/



/* landscape phone and portrait tablet (< 960px) */

@media screen and (max-width: 59.9999em) {



	/* Google */

	.gm-style-iw .iw-content{

		display: none;

	}



	.header .wrapper{

		display: none;

	}

	.logo{

		height: 40px;

		margin-top: 0;

	}

	.category-logos{

		top: 0;

	}

	.header .sub-menu { 

		margin-left: 10px!important 

	}

	.header { 

		position: fixed 

	}

	#header-menu{

		display: none;

	}

	/*.header .wrapper,

	.footer .wrapper, .wrapper {

		width: -moz-calc(100% - 40px);

		width: -webkit-calc(100% - 40px);

		width: calc(100% - 40px);

	}*/

	.header .nav, .rmm-closed .search { 

		display: none 

	}

	.header-menu-wrapper { 

		width: 100% 

	}

	.rmm .search{

		position: absolute;

		top: 105px;

		width: 95%;

		margin: auto;

		left: 0;

		right: 0;

	}

	.rmm button.search-submit {

		background: url(../img/search.png) center / 70% no-repeat #858585;

		height: 26px;

		width: 26px;

		position: absolute;

		right: 2px;

	}

	.rmm input.search-input {

		height: 30px;

		padding: 5px 30px 5px 5px;

		width: 100%;

		box-sizing: border-box;

		font-size: 17px;

		display: block;

		top: 0;

		right: 0;

		background: white;

		border-radius: 0;

		color: #444;

	}

	.rmm a:hover{

		color: white;

	}



	.mm-opened .header,

	.mm-menu,

	.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,

	.mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: none repeat scroll 0% 0% #404041 }

	.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { padding: 0 0 0 10px }

	.mm-list > li > a,

	.mm-list { color: #fff }

	.sitemap,

	.mm-list a.mm-subopen,

	.footer-widgets:before,

	.sub-menu { display: none }

	

	.footer-menu:not(.sitemap),

	.hamburger { display: block }

	.mm-menu {

		width: 100%;

		z-index: 1;

	}

	.category:nth-child(n+1) {

		display: block;

		text-align: center;

		width: 100%;

	}

	.home article,

	section { margin-top: 0 !important }

	.widget_contact {

		width: 32%;

	}

	.widget_contact:first-of-type {

		right: 30%;

	}



	.footer ul{

		position: relative;

	}



	.canvasclass.wrapper{

		margin-top: 90px!important;

	}



	/* CATEGORIES */

	.category-search{

		width: 100%;

	}

	.shop-header .sidebar{

		width: 45%

	}

	.category-info{

		display: block;

		width: 100%;

		padding-top: 45px;

	}

	.category-info.naturestein{

		padding-top: 0;

	}

	.shop-header .category-logos img{

		float: right;

	}

	/* Misc */

	.facebook{

		top: 155px;

	}



	/* Single product */

	.single_left{

		width: 100%;

	}

	.single_right_top{

		  position: absolute;

		  top: 0;

		  left: 0;

		  margin: 0;

		  width: 75%;

	}

	.single_right_top p, .single_right_top h2{

		font-size: 20px;

		line-height: 24px;

		margin: 0;

	}

	.graybutton a{

		margin-top: 15px;

	}

	.single_right_bottom{

		position: relative;

		width: 100%;

		margin-top: 10px;

	}

	.single_right.infobox{

		width: 100%;

		height: auto;

	}

	#close{

		right: -33%;

	}





	/*naturestein */

	.naturestein .productTitle{

		padding-top: 5px;

		line-height: 17px;

	}



	/* Kontakt */

	form .col1, form .col2 { 

		width: 100%;

	}



	.term-description{

		width: 100%;

	}

	.subcategories.checkbox{

		width: 100%;

	}

	.category-search button.search-submit{

		background: url(../img/search.png) center / 70% no-repeat #858585;

		right: 1%;

		height: 26px;

		width: 30px;

		margin-top: 2px;

		margin-bottom: 0px;

	}

	.category-search input.search-input {

		height: 30px;

	}

	.shop-header{

		margin-bottom: 20px;

	}

	.historie section{

		padding-left:10%;

	}



}

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

	.historyclass-details{

		display: block;

	}



	/* Home */

	.main-categories .product_cat:nth-child(2){

		margin: 0;

	}

	.main-categories .product_cat{

		width: 100%;

		margin-bottom: 3%!important;

	}

	.main-categories .product_cat img{

		width: 100%;

	}



	/* Blog */

	.blog{

		text-align: center;

	}

	.blog .image{

		width: 100%;

		margin-bottom: 50px;

	}

	.blog .data{

		width: 100%;

	}

	.data .content{

		text-align: left;

	}



	/* Ausstellung 

	.address{

		width: 100%;

	} */



	/* Fachbereiche */

	.fachbereiche .sidebar{

		width: 100%;

		padding-left: 0;

	}

	.fachbereiche .sidebar .category-logos ul{

		padding-left: 0;

	}

	.fachbereiche section{

		width: 100%;

	}

	.canvasclass .impressum .address{

		margin-top: 30px;

	}

}

/* portrait phone (< 480px) */

@media screen and (max-width: 29.9999em) {



	.header .wrapper { height: 23.438vw }

	.logo { height: 40px }

	.slideshow,.googleMap { 

		margin-top: 75px;

		margin-bottom: -70px;

	}

	.rsDefault .rsArrowIcn, .rsDefault .rsArrowIcn:hover {

		top: 30%;

	}

	.footer { 

		height: 650px;

		padding-top:30px; 

		margin-top: 0px;

	}

	.footer .nav { height: auto }

	.footer-menu:not(.sitemap) > ul,

	.widget_contact {

		display: block;

		height: auto;

		padding: 10px 0;

		position: relative;

		width: 100%;

	}

	.widget_contact:first-of-type { right: 0 }

	h1{

		font-size:19px;

	}

	.footer .wrapper{

		height:auto;

	}

	h1, h2, form p, .footer-widgets h3, .nav > ul > li > a, .member .name, .blog .title, .blog .sub, .blog .sub a{

		font-family: Lato-Regular;

	}

	.woocommerce-page ul.products{

		margin-top: 15px;

		margin-bottom: 0;

	}

	.category-search{

		margin-top: 25px;

	}

	.member, .woocommerce-page ul.products li.product{

		width: 48.3%;

	}

	.member:nth-child(3n+3), .woocommerce-page ul.products li.product:nth-child(3n+2) { 

		margin: auto;

	}

	.member:nth-child(2n+1), .woocommerce-page ul.products li.product:nth-child(2n) { 

		margin-bottom: 2%;

		margin-left: 2%;

	}

	.facebook{

		top: auto;

		bottom: -35px;

	}

	.addresstop {

		min-height: 0;

	}

	.opening h2 {

		margin-top: 10px;

	}

	#single_product{

		margin-top: 25px;

	}



	#recaptcha_image{

		width: 110%!important;

	}

	#recaptcha_challenge_image{

		width: 100%!important;

	}

	#recaptcha_response_field{

		width: 107%!important;

	}

}