@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--primary-color: #056a36;
	--secondary-color: #613a11;
	--header-bg: #ffffff;
	--header-txt: #000000;
	--site-bg: #ffffff;
	--footer-bg: #333333;
	--footer-txt: #ffffff;
}

html {
  scroll-behavior: smooth;
}

header {
	background: var(--header-bg);
	padding: .5rem 0 .4rem 0;
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.43);
	-moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.43);
	box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.43);
}

header p {
	color: var(--header-txt);
}

.roboto-body {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body {
	background: var(--site-bg);
	font-family: "Roboto", serif;
}

h1, h2, h3, h4 {
    font-family: "Roboto", serif;
}

h4 {
	border-radius: 5rem;
	font-size: .9rem;
	color: #fff;
	background: var(--primary-color);
	display: inline-block;
	padding: .05rem .8rem .04rem .8rem;
	margin-bottom: 0;
}

.main-bin {
	max-width: 1300px;
	margin: auto;
}

.logo img {
	max-width: 300px;
	max-height: 122px;
}

.logo {
    margin: auto;
}

.head-info {
	padding: .3rem 0;
}

.head-info p {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.5rem;
	margin-bottom: 0rem;
}

.head-info a {
	display: inline-block;
	padding: .7rem 1.3rem .85rem 1.3rem;
	border: 1px solid var(--header-txt);
	border-radius: 5px;
	font-size: .9rem;
	margin: 0 0 0 .65rem;
	color: var(--header-txt);
	text-decoration: none;
	/*font-weight: 100;*/
}

.head-info h4 {
	margin-bottom: -.5rem;
}

.ha-bin {
	max-width: 330px;
}

.ha-bin i {
	color: var(--primary-color);
	font-size: 1.6rem;
	padding-top: .2rem;
}

.head-contact {
	/*padding: 1.5rem 0 0 0;*/
	margin: auto;
}

.head-contact p {
	font-size: 1.8rem;
	font-weight: 900;
	color: var(--primary-color);
	line-height: 2.5rem;
	margin: 0;
}

.head-contact h4 {
	background: var(--secondary-color);
}

.head-contact a {
    color: var(--primary-color);
	text-decoration: none !important;
}

.side-menu {
	padding: 3.5rem 0 0 0;
}

.menu-option {
	height: 5rem;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);
	border-radius: 5px;
	margin-bottom: 1.2rem;
	overflow: hidden;
	cursor: pointer;
	background: #dddddd;
}

.menu-option p {
	padding: 0 .4rem 0 1rem;
	font-size: 1.1rem;
	line-height: 1.35rem;
	margin: 0;
}

.menu-option span {
	padding: 1.5rem 0 0 0;
	font-weight: 600;
	font-size: 1.2rem;
	color: var(--primary-color);
}

.mo-img {
	background-position: center !important;
	background-size: cover !important;
}

.menu-image {
	padding: 3.5rem 0 0 0;
	width: 90%;
}

.menu-image h1 {
	font-size: 1.8rem;
	line-height: 2.1rem;
	background: #fff; 
	padding: 1rem 1rem .3rem 1.5rem; 
	margin: 0; 
	border-radius: 5px 5px 0 0;
	font-weight: 500;
}

.menu-image p {
	margin: 0; 
	background: #fff; 
	padding: 0 1.5rem .5rem 1.5rem; 
	font-style: italic;
}

.mo-title {
	background: #ddd;
	color: #333;
	margin: auto;
}

.mo-arrow {
	background: #eee;
}

.mo-arrow svg {
	position: relative;
	top: 1.95rem;
	left: .5rem;
	color: #056a36;
}

.mo-active {
	background: #fff;
	color: var(--primary-color) !important;
}

.mo-active p {
	font-weight: 800;
}

.swiper-slide img {
	-webkit-box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.7);
}

.menu-display {
	background-image: url("../img/wood-menu-bg.jpg");
	background-size: contain;
/*	background-attachment: fixed;*/
}

.footer-main {
	background: var(--footer-bg);  
	margin-top: 5rem;
}

.footer-main p {
	margin: 0 0 .3rem 0;
	color: var(--footer-txt);

}

.footer-main h3 {
	font-size: 1.5rem;
	color: var(--footer-txt);
	font-weight: 800;
	width: 90%;
	line-height: 1.92rem;
	margin-top: .3rem;
}

.foot-bin {
	padding: 2.3rem 0 0 0;
}

.h-label {
	line-height: .95rem;
	margin: 0 0 .1rem 0 !important;
	font-weight: 600;
}

.fb-icon {
		background: rgba(0, 0, 0, .05);
}

.fb-icon:hover {
		background: #3B5998;
		transition: .3s ease;
}

.x-icon {
		background: rgba(0, 0, 0, .05);
}

.x-icon:hover {
		background: #000000;
		transition: .3s ease;
}

.ig-icon {
	background: rgba(0, 0, 0, .05);
}

.ig-icon:hover {
		background: #f09433; 
		background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
		background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
		background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
		transition: .3s ease;
}

.tt-icon {
		background: rgba(0, 0, 0, .05);
}

.tt-icon:hover {
		background: #000000;
		transition: .3s ease;
}

.yt-icon {
		background: rgba(0, 0, 0, .05);
}

.yt-icon:hover {
		background: #ff0133;
		transition: .3s ease;
}

/*.carousel-main li {
	margin: auto;
}
*/

/*.swiper-slide-active {
	margin: auto;
}*/

.slideM {
	margin: auto !important;
}

/* client styles start */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.img-upload-bin form {
	width: 130px;
	margin: auto;
}

.img-upload-bin label {
  background-color: #fff;
  color: #333;
  padding: 1.35rem 0.5rem;
  border-radius: 0.3rem;
/*  border: 3px solid rgba(0, 127, 255, 1);*/
  cursor: pointer;
  text-align: center;
  height: 7.5rem;
/*  font-weight: 600;*/
  margin-bottom: .2rem;
}

.img-upload-bin span {
	font-size: .9rem;
	width: 100%;
	overflow: hidden;
}

#uploadLabel {
	transition: .3s ease;
/*	outline: px solid rgba(0, 127, 255, 1);*/
	border: 3px solid rgba(0, 127, 255, 1);
}

.menu-module {
	width: 235px;
	height: auto;
	background: none;
	margin: 0 .2rem .2rem .2rem;
}

.menu-module p {
	padding: 0;
	margin: 0;
}

.menu-grid li {
	display: inline-block;
}

.menu-grid i {
	font-size: 1.2rem;
	padding: .5rem 0;
}

.mm-img p {
	padding: .5rem 1rem;
	margin: 0;
	font-size: 1.25rem;
	font-weight: 600;
}

.mm-img {
	background: url("../img/menu-upload.jpg");
	background-size: cover !important;
	width: 100%;
	height: 237px;
	position: relative;
	border-radius: 10px 10px 0 0;
	border: 1px solid #c5c5c5;
}

.mm-img-overlay {
	background-color: rgba(0, 0, 0, .55);
	color: #fff;
	width: 100%;
	position: absolute;
	bottom: 0;
}

.mm-img-overlay a {
    color: #fff !important;
}

.mm-info {
	height: 1.6rem;
	background: none;
	font-size: 0.925rem;
}

#sortable-list li {
  list-style: none;
}

#sort-result {
  color: brown;
}

.embla {
  overflow: hidden;
}

.embla__container {
  display: flex;
}

.embla__slide {
  flex: 0 0 100%;
  min-width: 0;
}

.client-menu-btn {
	width:100%; 
	display: block; 
	padding: 1.5rem; 
	text-align: center; 
	background: #e8f3ff; 
	border-radius: 5px; 
	margin-bottom: 5px;
	border: 1px solid #d5d5d5;
	cursor: pointer;
	-webkit-user-select: none; 
  	-ms-user-select: none; 
  	user-select: none;
}

.client-menu-add-btn {
	width:100%; 
	display: block; 
	padding: 1.5rem; 
	text-align: center; 
	background: #fff;
	border: 3px dashed #cbcbcb; 
	border-radius: 5px; 
	margin-bottom: 5px;
	font-weight: 600;
	color: #868686 !important;
	cursor: pointer;
	-webkit-user-select: none; 
  	-ms-user-select: none; 
  	user-select: none;
}

.cl-menu-active {
	background: #fff;
	font-weight: 600;
	border: 3px solid #007fff;
	color: #007fff !important;
}

.edit-cl-menu {
	background: #eee;
	border-radius: 3px;
	padding: .5rem 1rem;
	-webkit-user-select: none; 
  	-ms-user-select: none; 
  	user-select: none;
}

.save-cl-menu {
	background: #007fff;
	color: #fff !important;
	border-radius: 3px;
	padding: .5rem 1rem;
	-webkit-user-select: none; 
  	-ms-user-select: none; 
  	user-select: none;
}

.edit-modal h4 { 

}

.upim-modal h3 {
	font-size: 1.2rem;
 	display: block;
 	text-align: center;
 	font-weight: 600;
 	width: 100%;
}

#uploadImg {
	background: #eee;
}

#editOption input {
	background-color: #e8f3ff;
}

.add-option-btn {
	height:100%; 
	width: 40px; 
	background-color: #007fff; 
	color: #fff; 
	font-weight: 600; 
	font-size: 1.2rem;
}

.config-lead {
	background: rgba(255, 255, 255, .7);
	border-radius: 5px 5px 0 0;
	margin-top: 1.5rem;
}

.config-lead h1 {
	font-size: 1.8rem;
	padding: 1rem 1rem .3rem 1.5rem;
	line-height: 2.1rem;
}

.config-lead a {
	padding: .65rem 1.5rem .6rem 1.5rem; 
	border: 1px solid #333; 
	border-radius: 3px; 
	position: relative; 
	top: 23; 
	right: 23; 
	color:#333;
}

.config-lead a:hover {
	background: #fff;
	transition: .3s ease;
}

.menu-uploads-bin {
	min-height: 350px;
}

.config-bin {
	border-bottom: 1px solid #c5c5c5;
	padding: 0 0 .8rem 0;
	margin-bottom: 1.9rem;
}

.config-bin h3 {
	font-size: 1.2rem;
	font-weight: 600;
}

.config-bin h4 {
	background: none;
	color: #333;
	font-size: 1.5rem;
	font-weight: 600;
}

.config-bin input, select {
	background-color: #e8f3ff;
}

.sign-select div {
	display: inline-block;
	padding: 0 .5rem;
	margin: auto;
	text-align: center;
}

.all-configs div:last-child {
	border: none;
}

.custom-color p {
 	display: inline-block;
 	margin: 0;
 	position: relative;
 	bottom: .85rem;
}

.custom-color input {
 	display: inline-block;
 	width: 50px;
 	height: 50px;
 	padding: 0;
 	margin-left: .1rem;
}

/*.custom-color span {
	
}*/

.q-mark {
	background: #626262;
	color: #fff;
	width: 600;
	border-radius: 100px;
	padding: .3rem .58rem;
	position: relative;
 	bottom: .85rem;
}

.custom-color select {
	width: auto;
	margin-left: .5rem;
}

.hour-bin {
	border-radius: 5px;
	padding: .3rem;
	border: 1px solid #c5c5c5 !important;
}

.hour-bin label {
	font-weight: 600;
	padding: 0 0 0 .5rem;
}

.hour-bin input {
	width: 125px; 
	display: inline-block;
	background: #e8f3ff;
}

.closed-hr-bin {
	display: inline-block; 
	vertical-align: top; 
	text-align: center; 
	padding: 0 0 0 .5rem;
}

.closed-hr-bin label {
	font-weight: 300;
	padding: 0;
}

.input-disabled {
	background-color: #e6e6e6 !important;
	cursor: not-allowed;
}

.mbl-client-control {
	position: fixed;
  bottom: 0;
  display: none;
  background: #fff;
  width: 100%;
  text-align: center;
  border-top: 1px solid #c5c5c5;
  z-index: 10;
}

.mbl-client-control i {
	font-size: 1.3rem;
}

.mbl-client-control div {
	border-right: 1px solid #c5c5c5;
	padding: 1rem 1.6rem 1rem 1.6rem;
	cursor: pointer;
}

.mbl-client-control div:last-child {
	border-right: none;
}

.hour-btn {
    position: relative;
    bottom: 7;
}

#mbl-slide {
		width: 50px; 
		height: 50px; 
		border-radius: 100px;
		border: 1px solid #a1a1a1; 
		position: absolute;
		top: 23;
		right: -10;
		background: #fff;
		text-align: center;
		padding-top: 1.1rem;
		transform: rotate(180deg);
		transition: .3s ease;
		display: none;
}

.f-socials {
	padding-left: 1.6rem;
}

.vm-logo {
		border: 1px solid #fff; 
		border-radius: 5px; 
		width: 165px; 
		padding: .4rem; 
		height: 57px; 
		opacity: .4; 
		right: 0;
		position: absolute;
		top: 30;
}

.vm-text-lead {
	margin: 0 !important; 
	font-size: .8rem;
	color: #fff !important;
}

.vm-text-main {
	position: relative; 
	bottom: 13; 
	font-size: 1.3rem !important;
	color: #fff !important;
}

.vm-bin {
	width: 100%; 
	padding-top: 1rem; 
	position: relative;
	height: 5rem;
}

.f-legal {
	text-align: right; 
	font-size: .8rem;
	padding-top: .4rem;
}

.f-legal a {
    text-decoration: underline;
    color: #fff;
    font-weight: 500;
}

.soc-pop {
	min-height: 8.9rem; 
	display: block;
}

.soc-btn {
	border: 1px solid #fff; 
	border-radius: 5px;  
	display: inline-block; 
	text-align: center; 
	margin: 0 5px 5px 0;
	height: 75px;
	width: 75px;
}

.soc-btn a {
	padding: 1.9rem 1.3rem;
	position: relative;
	top: 18;
}

/*.soc-btn img {
	margin: 1.2rem;
}*/

.w-theme {
	position: relative;
	bottom: 33;
}

.w-theme h4 {
		border-radius: 5rem; 
		font-size: .9rem; 
		color: #fff; 
		background: #979797; 
		display: inline-block; 
		padding: .05rem .8rem .04rem .8rem; 
		position: relative; 
		top: -1; 
		font-weight: 200;
}

#signToggle {
		display: inline-block; 
		width: 110px; 
		font-size: .8rem;
		height: 1.5rem; 
		background-color: #fff; 
		margin-left: .7rem;
}

.socials {
		padding-left: 1.3rem;
	}

.mg-bot {
	margin-bottom: .6rem;
}

.mg-bot img {
	margin-right: .5rem;
}

.submit-bin {
	text-align: right;
}

.disabled-color {
	opacity: .6;
}

.notif-banner {
/*  height: 3rem; */
/*	background: #28aa37;*/
	background: #1e9b2d; 
	text-align: center; 
	color: #fff; 
	margin: 0 .3rem .5rem .3rem; 
	display: none;
	padding: .68rem 0;
}

.notif-banner p {
	color: #fff; 
	font-weight: 600; 
	margin: 0;
}

/*#invis-load {
	transition: 5s ease;
	position: absolute;
	left: -100%;
}*/

.padd-bin {
	padding: 1em 1.4em;
}

.ui-tabs .ui-tabs-panel {
	padding: 0 !important;
}

#new-output canvas{
	width: 100%;
}

.reveal {
	top: 25% !important;
	min-height: auto;
	height: auto;
}

.construction {
	background: #fff; 
	text-align: left; 
	width: 430px; 
	padding: 1.7rem; 
	border-radius: 5px; 
	margin: auto;
	line-height: 1.4rem;
	border: 1px solid #c5c5c5;
}

.construction h3 {
	line-height: 2.3rem;
	margin-bottom: .6rem;
	font-weight: 600;
}

.construction	p {
	margin-bottom: .7rem;
	line-height: 1.4rem;
}

.construction	li {
	margin-bottom: .5rem;
	line-height: 1.4rem;
}

.construction	ul {
	margin-bottom: 0;
}

.bar-border {
	border: 2px solid #fff;
	border-radius: 50px;
	height: 12px;
	background: #e9e9e9;
	width: 100%;
	overflow: hidden;
}

.fill-bar {
	background: #007fff;
	height: 100%;
}

.os-stat-bin p {
	margin-bottom: 5px;
}

.os-stat-bin span {
	position: relative;
	bottom: 6;
}

.stat-card {
	padding: 2rem;
	border-radius: 5px;
	border: 1px solid #c9c9c9;
/*	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.55);*/
	background: #fff;
}

.stat-card h3 {
	text-align: center;
	font-size: 1.2rem;
	font-weight: 600;
}

.stat-card th {
	text-align: left;
}

.stat-card td {
	color: #007fff;
}

#sTime {
	position: relative;
	bottom: 1;
}

#sTime select {
	font-weight: 600;
}

#new-users {
/*	background: #007fff;*/
	background: #666;
	border-radius: 100px;
	color: #fff;
	padding: .5rem 1rem;
}

#active-users {
/*	background: #007fff;*/
	background: #666;
	border-radius: 100px;
	color: #fff;
	padding: .5rem 1rem;
}

.ext-bin img {
	padding: 0 2rem 0 0;
}

#loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/loader.gif) 50% 50% no-repeat rgb(0, 0, 0);
	background-size: 50px 50px;
	opacity: .88;
}

.ui-state-highlight {
  background-color: #f0f0f0;
  border: 1px dashed #ccc;
}

#menu-title {
	max-width: 32rem;
}

#ext-up canvas, #log-up canvas {
		margin-bottom: 0.55rem;
}

/* Client Media Queries */

@media screen and (max-width: 1103px) {
	.sign-bin {
		text-align: right;
	}
	.head-info {
		padding-left: 5px;
	}
	.head-info h4 {
		margin: 0 0 .18rem 0;
	}
	.header-info {
		margin: auto;
	}
	.hour-btn {
		display: none !important;
	}
	.ha-bin {
		padding-top: .3rem;
	}

	#menu-options {
		position: absolute;
		z-index: 2;
		background: #fff;
		padding: .9rem .8rem .6rem .8rem;
		margin: 0;
		left: -22%;
		transition: .3s ease;
		border-radius: 5px;
/*		border: 1px solid #c5c5c5;*/
		box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.43);
	}

	.mbl-span {
		width: 100% !important;
		margin: 0 !important;
		padding-left: 5rem;
	}

	.menu-uploads-bin {
		width: 100%;
	}

	#mbl-slide {
		display: block;
	}

	#sortable-list {
		padding-left: 2rem;
	}

	.ui-tabs .ui-tabs-panel {
/*		padding: .5em .7em !important;*/
/*		padding: 0 !important;*/
	}

	.menu-module {
		width: 200px;
	}

	.mm-img {
		height: 200px;
	}

	.mbl-omit {
		display: none;
	}

	.hour-bin {
/*		width: 355px;*/
	}
	.socials {
		margin-top: 1.6rem;
		padding-left: 0;
	}
	.ext-bin {
		padding-left: 1.5rem;
	}
	.soc-pop {
		min-height: auto;
	}
	.vm-bin {
		height: 0;
	}
	.vm-logo {
		bottom: 25;
		top: auto;
	}
	.ext-bin img {
			padding: 0;
	}
	.f-legal p {
	    margin: 0;
	    background: var(--footer-bg);
	}
	.logo {
	    padding: .3rem;
	}
}

@media screen and (max-width: 800px) {
	.ui-tabs-nav {
		display: none;
	}
	.mbl-client-control {
		display: flex;
	}
	/*.config-lead a {
		display: none;
	}*/
	.view-bin {
		display: none;
	}
	.do-bin {
		display: none;
	}
	#menu-options {
		width: 300px;
		left: -29%;
	}
	.mbl-span {
		width: 100% !important;
		margin: 0 !important;
		padding-left: 6rem;
	}
	/*.menu-module {
		width: 200px;
	}

	.mm-img {
		height: 200px;
	}*/

	.edit-del {
		display: block;
		padding: .8rem 0 .2rem 0;
	}

/*	.mbl-omit {
		display: none;
	}*/

	.ha-bin p {
		font-size: 1rem;
		line-height: 1.2rem;
	}

	.h-add {
		padding-left: .3rem;
	}

	footer {
		padding-bottom: 3.5rem;
	}

	.color-i {
		display: block;
		font-size: .9rem;
		line-height: 1.1rem !important;
		position: relative;
		top: 8;
	}

	.color-iv {
		display: block;
		font-size: .9rem;
		line-height: 1.1rem !important;
		position: relative;
		bottom: 5;
	}

	.mbl-img-btn {
		display: block;
		width: 150px;
		text-align: center;
	}

	.hour-bin {
/*		width: 355px;*/
	}

	.menu-image h1 {
		font-size: 1.2rem;
		font-weight: 600;
		line-height: 1.6rem;
	}

	.menu-image p {
		line-height: 1.33rem;
	}

}

@media screen and (max-width: 639px) {
	.head-contact {
		padding: 0 0 0 0;
		text-align: center;
	}
	.head-contact h4 {
		display: inline-block;
		margin-right: .8rem;
		position: relative;
		bottom: 2;
	}
	.head-contact p {
		margin: 0;
		display: inline-block;
	}
	.mbl-span {
		width: 100% !important;
		margin: 0 !important;
		padding-left: 3.5rem;
	}
	#menu-options {
		width: 300px;
		left: -36%;
	}
	.img-upload-bin {
		margin-bottom: 1rem;
	}
	#sortable-list {
		padding-left: 0;
		margin-left: 0 !important;
		text-align: center;
	}
	.config-lead h1 {
			font-size: 1.5rem;
			line-height: 1.8rem;	
	}
	.foot-bin {
		padding: 1rem;
	}
	.f-socials {
		padding: 1rem;
	}
	.vm-bin {
		width: 100%; 
		padding-top: 0rem; 
		position: relative;
		height: 3.2rem;
	}
	.vm-logo {
		right: 0;
		top: 15;
	}
	footer {
		padding-bottom: 3.5rem;
	}
	.f-legal {
		text-align: left;
		/*background: #333;*/
		padding: 0 1rem;
	}
	.w-theme {
		position: static;
	}
	.w-theme h4 {
		display: none;
	}
	#signToggle {
		display: none;
	}
	.t2-logo {
		display: none;
	}
	.submit-bin {
		text-align: center;
	}
	.disabled-color {
		display: none;
	}
	.menu-image {
		padding: 1rem 0 0 0;
	}
	.f-legal {
		padding-top: 1.5rem;
	}
	.side-menu {
		padding: 1.7rem 0 0 0
	}
	.menu-option {
		margin-bottom: .75rem;
	}
	.menu-image h1 {
		padding-left: 1.2rem;
	}
	.menu-image p {
		padding-left: 1.2rem;
	}
	.logo {
	    padding: .3rem;
	}
	.logo img {
	    width: 100%;
	}
	.footer-main {
	    margin-top: 3rem;
	}
	.menu-option p {
	    font-size: 1.3rem;
	}
	.construction {
	    width: auto;
	}
	.construction h3 {
	    font-weight: 600;
	    line-height: 1.6rem;
	}
}

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

	.sign-bin {
		display: none;
	}
	.head-info {
		width: 100% !important;
	}
	.mbl-span {
		width: 100% !important;
		margin: 0 !important;
		padding-left: 2rem;
	}
	.ha-bin p {
		font-size: 1rem;
		line-height: 1.2rem;
	}
	.head-contact p {
		font-size: 1.6rem;
	}
	/*.q-mark {
		display: inline-block !important;
		width: auto;
		padding: .2rem .6rem;
	}*/

	.color-i span {
		display: none;
	}

	.color-iv span {
		display: none;
	}

	.ui-tabs .ui-tabs-panel {
		padding: 1em .7em !important;
	}

	.padd-bin {
		padding: 0;
	}

	.logo img {
		width: 100%;
	}
	/* width check */
	
	.scroll-container {
	    width: 100%;
	    overflow: hidden;
	    white-space: nowrap;
	}
	
	.scroll-text {
	    display: inline-block;
	    padding-left: 100%;
	    animation: scroll 10s linear infinite;
	}
	
	@keyframes scroll {
	    0% { transform: translateX(0%); }
	    100% { transform: translateX(-100%); }
	}

}