/* additional menu */
.mb_add_menu_struct > div {
    display: inline-block;
    vertical-align: top;
    float: left;
    text-align: center;
	min-height: 40px;
	border-left:1px solid #fff;
	/*font-size:8px;*/
	position:relative;
}
.mb_struct_prev 
{
	background-color: #e8e8e8;
}
.mb_add_menu_struct > div:nth-child(1)
{
	border:none;
}

.mb_add_menu_struct .add_small{
	width: 3%;
}

.mb_add_menu_struct .add_small .mb-login-bar[data-position="top"] .login-inner-ctn {
    margin-right: 0px;
}

.mb_main_menu_ctn ul li.mb_add_menu_li
{
	margin: 0px 0px;
    max-width: 150px ;
    max-height: 50px ;
    width: 200px ;
    height: 50px ;
	min-width:120px;
}
.mb_add_menu_li > div
{
	background-color:transparent !important
}

.mb_add_menu_ctn.mb_add_struct_option.mb_add_menu_struct.in_menu > div {
    width: 33%;
}
.mb_add_menu_ctn.mb_add_struct_option.mb_add_menu_struct.in_menu img
, .mb_add_menu_ctn.mb_add_struct_option.mb_add_menu_struct.in_menu svg {
    width: 30px;
}

.mb_add_menu_ctn .add_item[title="button2"] button,
.mb_add_menu_ctn .add_item[title="button"] button{
    border-radius: 13px;
    padding: 10px 10px;
    width: calc(100% - 15px);
	max-width: 120px;
    margin: 0px 15px;
	border:unset;
	max-height: 100%;
}

.mb_add_menu_ctn .add_item[title="button2"] button > div,
.mb_add_menu_ctn .add_item[title="button"] button > div{
	display: none;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: calc(100% - 10px);
}

/* 10 x 60 x 10 x 10 x 10 */
.add_10_60_10_10_10 > div:not(:nth-child(2)),
.mb_struct_prev[data="add_10_60_10_10_10"] > div:not(:nth-child(2)){
    width: 3%;
}

.add_10_60_10_10_10 > div:nth-child(2),
.mb_struct_prev[data="add_10_60_10_10_10"] > div:nth-child(2) {
    width: 87%;
}

/* 10 x 20 */
.add_10_20 > div:not(:nth-child(9)),
.mb_struct_prev[data="add_10_20"] > div:not(:nth-child(9)){
    width: 3%;
}

.add_10_20 > div:nth-child(9),
.mb_struct_prev[data="add_10_20"] > div:nth-child(9) {
    width: 75%;
}

/* 10 x 40 */
.add_10_40 > div:not(:nth-child(7)),
.mb_struct_prev[data="add_10_40"] > div:not(:nth-child(7)) {
    width: 3%;
}

.add_10_40 > div:nth-child(7),
.mb_struct_prev[data="add_10_40"] > div:nth-child(7){
    width: 81%;
}

/* 10 x 25 x 25 */
.add_10_25_25 > div:not(:nth-child(6), :nth-child(7)),
.mb_struct_prev[data="add_10_25_25"] > div:not(:nth-child(6), :nth-child(7)){
    width: 3%;
}


.add_10_25_25 > div:nth-child(6),
.add_10_25_25 > div:nth-child(7),
.mb_struct_prev[data="add_10_25_25"] > div:nth-child(6),
.mb_struct_prev[data="add_10_25_25"] > div:nth-child(7){
    width: 41.5%;
}

/* 10 x 10 x 10 x 60 x 10 */
.add_10_10_10_60_10 > div:not(:nth-child(4)),
.mb_struct_prev[data="add_10_10_10_60_10"] > div:not(:nth-child(4)){
    width: 3%;
}

.add_10_10_10_60_10 > div:nth-child(4),
.mb_struct_prev[data="add_10_10_10_60_10"] > div:nth-child(4) {
    width: 87%;
}

/* 20 x 10 */
.add_20_10 > div:not(:nth-child(1)),
.mb_struct_prev[data="add_20_10"] > div:not(:nth-child(1)){
    width: 3%;
}

.add_20_10 > div:nth-child(1),
.mb_struct_prev[data="add_20_10"] > div:nth-child(1) {
    width: 75%;
}


/* 3 X 3 X 17 X 17 X 35 X 7 X 7 X 3 X 3 */
.add_3_3_17_17_35_7_7_3_3 > div:nth-child(1),
.add_3_3_17_17_35_7_7_3_3 > div:nth-child(2),
.add_3_3_17_17_35_7_7_3_3 > div:nth-child(8),
.add_3_3_17_17_35_7_7_3_3 > div:nth-child(9),

.mb_struct_prev[data="add_3_3_17_17_35_7_7_3_3"] > div:nth-child(1),
.mb_struct_prev[data="add_3_3_17_17_35_7_7_3_3"] > div:nth-child(2),
.mb_struct_prev[data="add_3_3_17_17_35_7_7_3_3"] > div:nth-child(8),
.mb_struct_prev[data="add_3_3_17_17_35_7_7_3_3"] > div:nth-child(9){
	width: 3.5%;
}

.add_3_3_17_17_35_7_7_3_3 > div:nth-child(3),
.add_3_3_17_17_35_7_7_3_3 > div:nth-child(4),

.mb_struct_prev[data="add_3_3_17_17_35_7_7_3_3"] > div:nth-child(3),
.mb_struct_prev[data="add_3_3_17_17_35_7_7_3_3"] > div:nth-child(4){
	width: 17.3%;
}

.add_3_3_17_17_35_7_7_3_3 > div:nth-child(5),
.mb_struct_prev[data="add_3_3_17_17_35_7_7_3_3"] > div:nth-child(5){
	width: 35.6%;
}


.add_3_3_17_17_35_7_7_3_3 > div:nth-child(6),
.add_3_3_17_17_35_7_7_3_3 > div:nth-child(7),
.mb_struct_prev[data="add_3_3_17_17_35_7_7_3_3"] > div:nth-child(6),
.mb_struct_prev[data="add_3_3_17_17_35_7_7_3_3"] > div:nth-child(7){
	width: 7.4%;
}

/** 3 X 16 X 16 X 48 X 7 X 7 */
.add_3_16_16_48_7_7 > div:nth-child(1),
.mb_struct_prev[data="add_3_16_16_48_7_7"] > div:nth-child(1){
	width: 3%
}

.add_3_16_16_48_7_7 > div:nth-child(2),
.add_3_16_16_48_7_7 > div:nth-child(3),
.mb_struct_prev[data="add_3_16_16_48_7_7"] > div:nth-child(2),
.mb_struct_prev[data="add_3_16_16_48_7_7"] > div:nth-child(3){
	width: 16.7%
}

.add_3_16_16_48_7_7 > div:nth-child(4),
.mb_struct_prev[data="add_3_16_16_48_7_7"] > div:nth-child(4){
	width: 48.7%
}


.add_3_16_16_48_7_7 > div:nth-child(5),
.add_3_16_16_48_7_7 > div:nth-child(6),
.mb_struct_prev[data="add_3_16_16_48_7_7"] > div:nth-child(5),
.mb_struct_prev[data="add_3_16_16_48_7_7"] > div:nth-child(6){
	width: 7%
}


/** 10 X 10 X 10 X 54 X 7 X 3 X 3 */
.add_10_10_10_54_7_3_3 > div:nth-child(1),
.add_10_10_10_54_7_3_3 > div:nth-child(2),
.add_10_10_10_54_7_3_3 > div:nth-child(3),

.mb_struct_prev[data="add_10_10_10_54_7_3_3"] > div:nth-child(1),
.mb_struct_prev[data="add_10_10_10_54_7_3_3"] > div:nth-child(2),
.mb_struct_prev[data="add_10_10_10_54_7_3_3"] > div:nth-child(3){
	width: 10%
}

.add_10_10_10_54_7_3_3 > div:nth-child(4),
.mb_struct_prev[data="add_10_10_10_54_7_3_3"] > div:nth-child(4){
	width: 54.6%
}

.add_10_10_10_54_7_3_3 > div:nth-child(5),
.mb_struct_prev[data="add_10_10_10_54_7_3_3"] > div:nth-child(5){
	width: 7.1%
}

.add_10_10_10_54_7_3_3 > div:nth-child(6),
.add_10_10_10_54_7_3_3 > div:nth-child(7),

.mb_struct_prev[data="add_10_10_10_54_7_3_3"] > div:nth-child(6),
.mb_struct_prev[data="add_10_10_10_54_7_3_3"] > div:nth-child(7){
	width: 3.7%
}

/** 16 X 16 X 48 X 7 X 7 X 3 */
.add_16_16_48_7_7_3 > div:nth-child(1),
.add_16_16_48_7_7_3 > div:nth-child(2),
.mb_struct_prev[data="add_16_16_48_7_7_3"] > div:nth-child(1),
.mb_struct_prev[data="add_16_16_48_7_7_3"] > div:nth-child(2){
	width: 16.7%
}


.add_16_16_48_7_7_3 > div:nth-child(3),
.mb_struct_prev[data="add_16_16_48_7_7_3"] > div:nth-child(3){
	width: 48.7%
}


.add_16_16_48_7_7_3 > div:nth-child(4),
.add_16_16_48_7_7_3 > div:nth-child(5),
.mb_struct_prev[data="add_16_16_48_7_7_3"] > div:nth-child(4),
.mb_struct_prev[data="add_16_16_48_7_7_3"] > div:nth-child(5){
	width: 7%
}


.add_16_16_48_7_7_3 > div:nth-child(6),
.mb_struct_prev[data="add_16_16_48_7_7_3"] > div:nth-child(6){
	width: 3%
}


/** 16 X 3 X 3 X 3 X 54 X 7 X 7 X 3 */
.add_16_3_3_3_54_7_7_3 > div:nth-child(1),
.mb_struct_prev[data="add_16_3_3_3_54_7_7_3"] > div:nth-child(1){
	width: 16%
}

.add_16_3_3_3_54_7_7_3 > div:nth-child(2),
.add_16_3_3_3_54_7_7_3 > div:nth-child(3),
.add_16_3_3_3_54_7_7_3 > div:nth-child(4),
.add_16_3_3_3_54_7_7_3 > div:nth-child(8),

.mb_struct_prev[data="add_16_3_3_3_54_7_7_3"] > div:nth-child(2),
.mb_struct_prev[data="add_16_3_3_3_54_7_7_3"] > div:nth-child(3),
.mb_struct_prev[data="add_16_3_3_3_54_7_7_3"] > div:nth-child(4),
.mb_struct_prev[data="add_16_3_3_3_54_7_7_3"] > div:nth-child(8){
	width: 3.6%
}

.add_16_3_3_3_54_7_7_3 > div:nth-child(5),
.mb_struct_prev[data="add_16_3_3_3_54_7_7_3"] > div:nth-child(5){
	width: 54.6%
}

.add_16_3_3_3_54_7_7_3 > div:nth-child(6),
.add_16_3_3_3_54_7_7_3 > div:nth-child(7),

.mb_struct_prev[data="add_16_3_3_3_54_7_7_3"] > div:nth-child(6),
.mb_struct_prev[data="add_16_3_3_3_54_7_7_3"] > div:nth-child(7){
	width: 7.1%
}


/** 16 X 3 X 3 X 3 X 51 X 7 X 7 X 3 X 3*/
.add_16_3_3_3_51_7_7_3_3 > div:nth-child(1),
.mb_struct_prev[data="add_16_3_3_3_51_7_7_3_3"] > div:nth-child(1){
	width: 16%
}


.add_16_3_3_3_51_7_7_3_3 > div:nth-child(2),
.add_16_3_3_3_51_7_7_3_3 > div:nth-child(3),
.add_16_3_3_3_51_7_7_3_3 > div:nth-child(4),
.add_16_3_3_3_51_7_7_3_3 > div:nth-child(8),
.add_16_3_3_3_51_7_7_3_3 > div:nth-child(9),

.mb_struct_prev[data="add_16_3_3_3_51_7_7_3_3"] > div:nth-child(2),
.mb_struct_prev[data="add_16_3_3_3_51_7_7_3_3"] > div:nth-child(3),
.mb_struct_prev[data="add_16_3_3_3_51_7_7_3_3"] > div:nth-child(4),
.mb_struct_prev[data="add_16_3_3_3_51_7_7_3_3"] > div:nth-child(8),
.mb_struct_prev[data="add_16_3_3_3_51_7_7_3_3"] > div:nth-child(9){
	width: 3.5%
}

.add_16_3_3_3_51_7_7_3_3 > div:nth-child(5),
.mb_struct_prev[data="add_16_3_3_3_51_7_7_3_3"] > div:nth-child(5){
	width: 51%
}

.add_16_3_3_3_51_7_7_3_3 > div:nth-child(6),
.add_16_3_3_3_51_7_7_3_3 > div:nth-child(7),
.mb_struct_prev[data="add_16_3_3_3_51_7_7_3_3"] > div:nth-child(6),
.mb_struct_prev[data="add_16_3_3_3_51_7_7_3_3"] > div:nth-child(7){
	width: 7.1%
}


@media screen and (min-width:300px) and (max-width:700px)
{
	.mb_add_menu_struct{
		display: flex;
		align-items: center;
	}
	
	.mb_add_menu_struct .add_item[title="login"]{
		width: 34px;
	} 

	.mb_add_menu_struct >div:has(>.add_item[title="login"]),
	.mb_add_menu_struct >div:has( .add_item[title="button"]),
	.mb_add_menu_struct >div:has( .add_item[title="button2"]){
		width: 34px;
	}
	
	.mb_add_menu_ctn .add_item[title="button2"] button,
	.mb_add_menu_ctn .add_item[title="button"] button{
		margin: auto;
		padding: 2px 2px;
		height: 40px;
		width: 90%;
	}

	.mb_add_menu_ctn .add_item[title="button2"] button > div,
	.mb_add_menu_ctn .add_item[title="button"] button > div{
		display: block;
	}

	.mb_add_menu_ctn .add_item[title="button2"] button > span,
	.mb_add_menu_ctn .add_item[title="button"] button > span{
		display: none;
	}

	.mb_add_menu_li {
		min-height: 10px !important;
		width: 100px !important;
		height: 100%;
	}
	
	/* 10 x 60 x 10 x 10 x 10 */

	.add_10_60_10_10_10 > div:not(:nth-child(2)) {
		width: 8%;
	}

	.add_10_60_10_10_10 > div:nth-child(2) {
		width: 68%;
	}

	/* 10 x 20 */
	.add_10_20 > div:not(:nth-child(9)){
		width: 8%;
	}

	.add_10_20 > div:nth-child(9) {
		width: 36%;
	}

	/* 10 x 40 */
	.add_10_40 > div:not(:nth-child(7)){
		width: 8%;
	}

	.add_10_40 > div:nth-child(7){
		width: 52%;
	}

	/* 10 x 25 x 25 */
	.add_10_25_25 > div:not(:nth-child(6), :nth-child(7)){
		width: 8%;
	}

	.add_10_25_25 > div:nth-child(6),
	.add_10_25_25 > div:nth-child(7)  {
		width: 30%;
	}

	/* 10 x 10 x 10 x 60 x 10 */
	.add_10_10_10_60_10 > div:not(:nth-child(4)){
		width: 8%;
	}

	.add_10_10_10_60_10 > div:nth-child(4) {
		width: 68%;
	}

	/* 20 x 10 */
	.add_20_10 > div:not(:nth-child(1)){
		width: 8%;
	}

	.add_20_10 > div:nth-child(1) {
		width: 36%;
	}

	/* 3 X 3 X 17 X 17 X 35 X 7 X 7 X 3 X 3 */
	.add_3_3_17_17_35_7_7_3_3 {display:flex;}
	.add_3_3_17_17_35_7_7_3_3 > div{
		flex: 1;
		width:auto;
	}

	/** 3 X 16 X 16 X 48 X 7 X 7 */
	.add_3_16_16_48_7_7 {display:flex;}
	.add_3_16_16_48_7_7 > div {
		flex: 1;
		width:auto;
	}

	/** 10 X 10 X 10 X 54 X 7 X 3 X 3 */
	.add_10_10_10_54_7_3_3 {display:flex;}
	.add_10_10_10_54_7_3_3 > div {
		flex: 1;
		width:auto;
	}


	/** 16 X 16 X 48 X 7 X 7 X 3 */
	.add_16_16_48_7_7_3 {display:flex;}
	.add_16_16_48_7_7_3 > div {
		flex: 1;
		width:auto;
	}

	/** 16 X 3 X 3 X 3 X 54 X 7 X 7 X 3 */
	.add_16_3_3_3_54_7_7_3 {display:flex;}
	.add_16_3_3_3_54_7_7_3 > div {
		flex: 1;
		width:auto;
	}
	
	/** 16 X 3 X 3 X 3 X 51 X 7 X 7 X 3 X 3*/
	.add_16_3_3_3_51_7_7_3_3 {display:flex;}
	.add_16_3_3_3_51_7_7_3_3 > div {
		flex: 1;
		width:auto;
	}
}

@media screen and (min-width:700px) and (max-width:1100px)
{
	
	.mb_add_menu_struct{
		display: flex;
		align-items: center;
	}
	
	.mb_add_menu_ctn .add_item[title="button2"] button > div,
	.mb_add_menu_ctn .add_item[title="button"] button > div{
		display: block;
	}

	.mb_add_menu_ctn .add_item[title="button2"] button > span,
	.mb_add_menu_ctn .add_item[title="button"] button > span{
		display: none;
	}
	
	/* 10 x 60 x 10 x 10 x 10 */

	.add_10_60_10_10_10 > div:not(:nth-child(2)){
		width: 5%;
	}

	.add_10_60_10_10_10 > div:nth-child(2) {
		width: 80%;
	}

	/* 10 x 20 */
	
	.add_10_20 > div:not(:nth-child(9)) {
		width: 5%;
	}

	.add_10_20 > div:nth-child(9) {
		width: 60%;
	}

	/* 10 x 40 */
	.add_10_40 > div:not(:nth-child(7) ) {
		width: 5%;
	}

	.add_10_40 > div:nth-child(7){
		width: 70%;
	}

	/* 10 x 25 x 25 */
	.add_10_25_25 > div:not(:nth-child(7), :nth-child(6)){
		width: 5%;
	}

	.add_10_25_25 > div:nth-child(6),
	.add_10_25_25 > div:nth-child(7)  {
		width: 75%;
	}

	/* 10 x 10 x 10 x 60 x 10 */
	.add_10_10_10_60_10 > div:not(:nth-child(4)){
		width: 5%;
	}

	.add_10_10_10_60_10 > div:nth-child(4) {
		width: 80%;
	}

	/* 20 x 10 */
	.add_20_10 > div:not(:nth-child(1)){
		width: 5%;
	}

	.add_20_10 > div:nth-child(1) {
		width: 60%;
	}

	/* 3 X 3 X 17 X 17 X 35 X 7 X 7 X 3 X 3 */
	.add_3_3_17_17_35_7_7_3_3 {display:flex;}
	.add_3_3_17_17_35_7_7_3_3 > div{
		flex: 1;
		width:auto;
	}

	/** 3 X 16 X 16 X 48 X 7 X 7 */
	.add_3_16_16_48_7_7 {display:flex;}
	.add_3_16_16_48_7_7 > div {
		flex: 1;
		width:auto;
	}

	/** 10 X 10 X 10 X 54 X 7 X 3 X 3 */
	.add_10_10_10_54_7_3_3 {display:flex;}
	.add_10_10_10_54_7_3_3 > div {
		flex: 1;
		width:auto;
	}


	/** 16 X 16 X 48 X 7 X 7 X 3 */
	.add_16_16_48_7_7_3 {display:flex;}
	.add_16_16_48_7_7_3 > div{
		flex: 1;
		width:auto;
	}

	/** 16 X 3 X 3 X 3 X 54 X 7 X 7 X 3 */
	.add_16_3_3_3_54_7_7_3 {display:flex;}
	.add_16_3_3_3_54_7_7_3 > div {
		flex: 1;
		width:auto;
	}
	
	/** 16 X 3 X 3 X 3 X 51 X 7 X 7 X 3 X 3*/
	.add_16_3_3_3_51_7_7_3_3 {display:flex;}
	.add_16_3_3_3_51_7_7_3_3 > div{
		flex: 1;
		width:auto;
	}
}