.btn-menu { display: none; }

.submitbutton { min-width: 130px; padding: 5px 25px; background-color:#C58939; color:3000; font-weight:bold; }


@media (max-width: 1024px){
	body { min-width: 320px; }
	* { box-sizing: border-box; }
	img { max-width: 100%; height: auto; vertical-align: middle; }
	li { background-position: left top 3px; }

	/*  Header  */
	.toporangebar { display: flex; justify-content: center; height: auto; padding-right: 25px; padding-left: 25px; }
	.navbarcontainer { width: auto; height: auto; padding-bottom: 5px; padding-left: 75px; }
	.logocontainer { position: relative; max-width: 848px; width: 100%; max-height: 0; padding: 0 25px; margin-top: -45px; margin-bottom: 0; }
	.logocontainer:after { content: ''; display: table; clear: both; line-height: 0; }

	.logo { position: static; max-width: 161px; width: 100%; height: auto; }
	.logo a { display: block; }
	
	.upperareasmall,
	.upperarea { position: static; float: none; margin: 0; }
	

	.upperareasmall { padding: 99px 0 69px 183px; }

	.upperarea { padding: 89px 0 59px 183px; }

	.containertop { padding: 0; }

	/*  Socials  */
	.customerstar { top: 5px; right: 20px; float: none; display: flex; flex-wrap: wrap; width: auto; height: auto; margin-left: 0; }

	/*  Containers  */
	.logocontainer,
	.containertop,
	.container,
	.footer { top: 0; padding: 0 25px; background-position: center; }

	.container,
	.containertop,
	.orangelineslr { max-width: 898px; width: 100%; }

	.container { padding-bottom: 27px; }
	
	.middle { max-width: 795px; width: 100%; margin: 0 auto; padding-left: 0; }

	.leftbox { width: 50%; padding-right: 30px; margin-right: 0; }
	.righttbox { width: 50%; padding: 0 15px 0 30px; }

	.leftboxproducts { width: 48%; margin-right: 0; }
	.righttboxproducts { width: 52%; padding-left: 30px; padding-right: 40px; }

	.leftboxdirections { width: 73%; padding-right: 50px; margin-right: 0; }
	.righttboxdirections { width: 27%; }

	.leftboxcontact { width: 50%; padding: 0 30px; margin-right: 0; }
	
	.leftboxabout { width: 50%; padding: 0 30px; margin-right: 0; }

	.orangelinesrl { max-width: 767px; width: 100%; margin-right: auto; margin-left: auto; }

	/*  Slider  */
	 #slider { width: 100%; }

	/*  Footer  */
	.footer { max-width: 850px; width: 100%; height: auto; padding: 5px 70px; margin-top: -27px; background: #808080; }

	form input,
	form textarea { width: 100%; -webkit-appearance: none; border-left: 1px solid #999; border-top: 1px solid #999; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-radius: 0; }

	form input[type="submit"] { border-color: #ddd; background-color: #c58939; }
	
	
}

@media (max-width: 767px){
	.toporangebar { position: fixed; top: -1px; left: 0; z-index: 18; width: 100%; min-height: 72px; }
	.toporangebar + * { padding-top: 100px !important; }
	body.show-nav-main .toporangebar { min-height: 100vh; }

	/*  Header  */
	.navbarcontainer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 50; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; width: 100%; height: 100vh; padding: 100px 0; background: #ddbc88; opacity: 0; visibility: hidden; overflow-y: auto; transition: opacity .4s, visibility .4s; }
	.navbarcontainer > div { width: 100%; padding: 10px 50px; text-transform: uppercase; }
	.navbarcontainer a { width: auto !important; height: auto !important; background: none !important; font-size: 15px !important; }
	body.show-nav-main .navbarcontainer { opacity: 1; visibility: visible; }

	.btn-menu { position: absolute; top: 25px; right: 15px; z-index: 999; display: block; width: 32px; height: 32px; }
	.btn-menu *,
	.btn-menu *:before,
	.btn-menu *:after { transition: background .4s, margin .4s, transform .4s; }

	.btn-menu span,
	.btn-menu span:before,
	.btn-menu span:after { content: ' '; position: absolute; left: 0; right: 0; top: 50%; margin-top: -1px; height: 2px; background-color: #000; }

	.btn-menu span:before { margin-top: -7px; }
	.btn-menu span:after { margin-top: 5px; }

	body.show-nav-main .btn-menu span { background-color: transparent; }

	body.show-nav-main .btn-menu span:before,
	body.show-nav-main .btn-menu span:after { margin-top: -1px; }

	body.show-nav-main .btn-menu span:before { transform: rotate(45deg); }
	body.show-nav-main .btn-menu span:after { transform: rotate(-45deg); }
	
	.logo { z-index: 15; }

	/*  Socials  */
	.customerstar { position: fixed; top: 30px; right: auto; left: 15px; z-index: 20; }

	/*  Containers  */
	.logocontainer { display: flex; justify-content: center; padding: 10px 0; margin-top: 0; max-height: initial; background: #fff; }

	.leftboxdirections,
	.righttboxdirections,
	.leftboxcontact,
	.righttbox,
	.righttboxproducts,
	.leftboxproducts,
	.leftbox,
	.leftboxabout { float: none; max-width: 400px; width: 100%; padding: 0; margin: 0 auto 20px; }

	.leftboxdirections,
	.righttboxdirections,
	.righttbox,
	.leftboxcontact,
	.leftboxdirections p,
	.righttboxdirections p,
	.leftboxcontact p,
	.righttbox p { text-align: center; }


	.upperareasmall,
	.upperarea { padding: 20px; text-align: center; }

	/*  Slider  */
	#slider img { height: auto !important; }

	/*  Form  */
	form { display: flex; justify-content: center; }
	form tbody td { text-align: center; }

	form input,
	form textarea { width: 100%; }

	/*  Footer  */
	.footer { padding: 15px; z-index: 10; }
	.footer,
	.footer p { text-align: center; }
	

}