#design-color .c-option:after { content: "";height: 0;display: table;clear: both;visibility: hidden; }
.page-wrapper { background: #e5e5e5; }
.demo-wrapper { max-width: 1180px;margin-left: auto;margin-right: auto;padding-left: 20px;padding-right: 20px; }
#demo-content { max-width: 1140px; }
#demo-content-wrapper { position: relative; }
#design-color {}
#design-color ul { padding: 25px 0 15px;margin: 0 auto;list-style: none; }
#design-color li { font-size: 11px;font-weight: 600;cursor: pointer;width: 30px;height: 30px;line-height: 2.7;margin: .35em;float: left;color: #fff;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; }
.mp-menu .grid-five-col, .mp-menu .mb-row { margin-left: 0 !important; }
.mp-menu .grid-five-col > div, .mp-menu .mb-row > div, .mp-menu .sub-row > div, .mp-menu .lg-row > div { width: 100%;padding: 0 3%; }
.mp-menu .grid-five-col > div:not(:first-child), .mp-menu .mb-row > div:not(:first-child), .mp-menu .sub-row > div:not(:first-child), .mp-menu .lg-row > div:not(:first-child) { margin-bottom:8px; }
.mp-menu .mp-menu .mrm-wrapper .category-list { margin-bottom: 10px; }
.mp-menu .w-30, .mp-menu .w-40, .mp-menu .w-50 { width: 100%;margin-right: 0; }
.mrm-wrapper .mp-menu .lg-font { font-size: 16px !important; }
.multi-level-push-menu { margin-bottom: 8px; }
.mrm-wrapper .mp-menu .dark-note-left { width: 100%;margin-right:0; }
.trigger-click>li:hover { background-color: #f2f2f2 !important; }
.menu-creator-pro:not(.trigger-click)>li:hover, .trigger-click>li.is-click-active { background-color: #fff !important; }
#demo-content-smask { position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, 0.9);z-index: 1000;display: none; }
#demo-content-smask .fa-spinner { top: 0;left: 50%;width: 50px;height: 50px;text-align: center;margin-left: -25px;-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;color: #f9b61e;position: absolute;font-size: 30px;}
@media only screen and (min-width: 1200px)  {
	.demo-wrapper { width: 100%; }
}
@media only screen and (min-width: 768px)  {
	#design-menu-changer > div { display: table;width: 600px;margin-bottom: 8px; }
	#design-menu-changer > div > * { display: table-cell;vertical-align: middle; }
	#design-menu-changer label { width: 250px;font-weight: 600;color: #000; }
	#design-menu-changer label { width: 250px;font-weight: 600;color: #000; }
}
