.only-mobile {
	display: none;
}

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

	.only-mobile {
		display: block;
	}


	.only-desktop {
		display: none;
	}

	#top {
		font-size: 0.8rem;
	}

	#header {
		overflow: hidden;
        width: 100%;
        background-image: url(../img/header.jpg?v=2025);
        background-position: 29% -37px;
        background-size: 740px;
        height: 155px;
	}

	#header {
	    background-image: url(../img/header-mobile.jpg?v=2025);
	    background-repeat: no-repeat;
	    background-position: center center;
	}

	#logo a:first-of-type img {
		top: 10px;
	}

	#logo a img {
	    position: absolute;
	    border: none;
	    top: 20px;
        max-width: 100px;
        left: 10px;
	}

	#logo a img.slog {
	    top: 103px;
	    left: 10px;
	}

	#mainnav {
	    display: none;
	}

	#slogan {
		color: #fff;
		text-shadow: 1px 1px #000;
		display:none;
	}

	#wrapper {
		display:flex;
		flex-direction: column;
	}

	#wrapper, .wrapper ,#maincontent, #sidebar {
		width: 100%;
		float:none;
		margin: 0;
		padding: 0;
	}

	#content {
		margin-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		display: flex;
		flex-direction: column;
	}

	#content, .price2 {
		font-size: 1rem;
	}


	#maincontent,
	#sidebar {
		display: flex;
		flex-direction: column;
	}

	.box {
		max-width: 90%;
		background-position: 8px 30px;
		margin-left: -2px;
	}

	.box h2 {
	    background-position: left top;
	    padding: 5px 5px 0 6px;
	}

	#footer .wrapper {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

	#footer .wrapper > div {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	#footer .map {
		width: 100%;
		margin: 15px auto;
		text-align:center;
	}

	/*Mobile MENU*/
	#mobile-menu-toggle {
		display: flex;
        gap: 5px;
        background: orange;
        height: 40px;
        /*position: absolute;
        top: 20px;*/
        right: 15px;
        border-radius: 11px;
        

        top: 50px;
        align-items: center;
        padding: 1px 8px;
        box-shadow: 0px 0px 15px;
        position: fixed;
        z-index: 2;
	}

	#nav-icon3 {
	  width: 30px;
	  height: 22px;
	  position: relative;
	  margin: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	}

	#nav-icon3 span {
	  display: block;
	  position: absolute;
	  height: 4.5px;
	  width: 100%;
	  background: #0d0d0d;
	  border-radius: 9px;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}

	/* Icon 3 */
	#nav-icon3 span:nth-child(1) {
	  top: 0px;
	}

	#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
	  top: 9px;
	}

	#nav-icon3 span:nth-child(4) {
	  top: 18px;
	}

	#nav-icon3.open span:nth-child(1) {
	  top: 9px;
	  width: 0%;
	  left: 50%;
	}

	#nav-icon3.open span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	#nav-icon3.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	#nav-icon3.open span:nth-child(4) {
	  top: 9px;
	  width: 0%;
	  left: 50%;
	}

	#mobile-nav {
		height: 0;
		top:0;
		left:0;
	    position: fixed;
		color: #fff;
		background: #221008;
		width: 100%;
		z-index: 1;
		overflow:hidden;
		-webkit-transition: height .25s ease-in-out;
	    -moz-transition: height .25s ease-in-out;
	    -o-transition: height .25s ease-in-out;
	    transition: height .25s ease-in-out;
	    list-style: none;
	}

	#mobile-nav.open {
		height: 100%;
	}

	#mobile-nav a {
		color: #fff;
		font-size: 2rem;
		background: transparent;
		text-decoration: none;
	}

	#mobile-nav li {
		margin: 1rem;
	}

	#mobile-nav li:first-of-type {
		margin-top: 56px;
	}


}