/*** ### ./css/responsive/layout_responsive.css ### ***/

/*** <=920
	::
***/
@media screen and (max-width: 920px)
{
	.content-menu{
		position: absolute;
		z-index: 200;
		width: 100%;
		max-width: 300px;
		display: none;
		background: black;
		/* pozor kopie v detailu - zruseno */
		/* pozor kopie v layout.css */
		}

	.content-menu-hbg, .content-menu-hbg .menu-homepage{
		display: block;
		}

	.menu-sub-icon-0{
		width: 20px;
		background-position: 9px 1px;
		}

	.menu-sub-icon-0-plus{
		background-position: 7px 1px;
		}
}

/*** ### ./css/responsive/menu_responsive.css ### ***/

/*** <=920
	::
***/


@media screen and (min-width: 920.01px)
{
	.content-menu-absolute .menu{
		width: 100%;
		max-width: 295px;
		}

	.content-menu-absolute .menu a, .content-menu-absolute .menu-sub-active li a, .content-menu-absolute .menu-sub-0 .menu-sub-active li a{
		/*color: white;*/
		}

	.content-menu-absolute .menu-sections{
		display: flex;
		}
}



@media screen and (max-width: 920px)
{
	.menu{
		width: 100%;
		max-width: 295px;
		}

	.menu a, .menu-sub-active li a, .menu-sub-0 .menu-sub-active li a{
		/*color: white;*/
		}

	.menu-sections{
		display: flex;
		}
}


/*** ### ./css/responsive/header_responsive.css ### ***/

@media screen and (max-width: 920px)
{
/*
	.header-alogo-cover{
		display: none;
		}

	.header-right-cover{
		width: 100%;
		}
*/
}

/*
	- logo max size -90px
*/

@media screen and (max-width: 650px)
{
	/*
	.header-alogo{

		}

	img.header-alogo-main{
		display: none;
		}

	img.header-alogo-mix{
		display: block;
		}
*/
}


@media screen and (max-width: 319px)
{
	/*
	body{
		background: red;
		}
	*/
}


/*** ### ./css/responsive/header_mini_responsive.css ### ***/

@media screen and (max-width: 750px)
{
	.header-mini-cover{
		display: block;
		}
}


@media screen and (min-width: 530px) and (max-width: 590px)
{
/*	.header-mini-right-cart b{
		font-size: 0.7rem;
		}
*/
/*
	.header-mini-right-cart-top-ks{
		width: 60%;
		}

	.header-mini-right-cart-top-icon{
		width: 40%;
		}

	.header-mini-right-cart-top-icon span{
		width: 16px;
		background-size: 126px 126px;
		background-position: -26px 0px;
		}
*/

	.header-mini-right-cart-empty i{
		display: none;
		}

	.header-mini-right-cart-top-ks i, .header-mini-right-cart b i{
		display: none;
		}

	.header-mini-right-cart-top-ks{
		text-align: center;
		min-width: 20px;
		}
}


@media screen and (min-width: 400px)
{
/*
	.header-mini-top-icon-email{
		display: block;
		}

	.header-mini-right-cover{
		min-width: 100px;
		}
*/
}

@media screen and (max-width: 400px)
{
	.header-mini-top-menu{
		width: auto;
		min-width: 30px;
		}

	.header-mini-top-menu div{
		width: 22px;
		margin: auto auto auto 4px;
		}

	.header-mini-top-curves{
		width: 27px;
		min-width: 27px;
		max-width: 27px;
		}

	.header-mini-top-curves-left{
		width: 20px;
		}

	.header-mini-top-curves-right{
		width: 7px;
		}

	.header-mini-top-curves-right div{
		border-bottom-left-radius: 5px;
		}
}



@media screen and (max-width: 340px)
{
	.header-mini-top-curves{
		width: 22px;
		min-width: 22px;
		max-width: 22px;
		}

	.header-mini-top-curves-left{
		width: 15px;
		border-top-right-radius: 12px;
		}
}



@media screen and (min-width: 530px)
{
	.header-mini-top-icon, .header-mini-top-menu{
		display: none;
		}

	.header-mini-bottom-icon, .header-mini-bottom-menu, .header-mini-search-upcover{
		display: block;
		}

	.header-mini-top-space-left{
		min-width: 150px;
		}
}

@media screen and (max-width: 340px)
{
	.header-mini-right-cart b{
		font-size: 0.7rem;
		}
}


/*** ### ./css/responsive/header_main_responsive.css ### ***/

/*
	- z košíku pryč total a exp.
*/
@media screen and (max-width: 840px)
{
	.header-cart-info{
		display: none;
		}

	.header-cart-in{
		display: block;
		}

	.header-cart-price{
		width: 100%;
		}

	.header-cart-cover{
		width: 121px;
		min-width: 121px;
		}

	.header-cart-empty-big{
		display: none;
		}

	.header-cart-empty-small{
		display: block;
		}
}


@media screen and (max-width: 750px)
{
	.header-cover{
		display: none;
		}
}

/*
@media screen and (max-width: 120px)
{
	.header-main{
		padding-top: 5px;
		}

	.header-main-space-left{
		min-width: 8px;
		max-width: 8px;
		}

	.header-main-space-center{
		min-width: 17px;
		max-width: 17px;
		}

	.header-main-space-right{
		min-width: 10px;
		max-width: 10px;
		}

	.header-main-test-1, .header-main-test-2, .header-main-test-4{
		display: none;
		}

	.header-main-space-left,
	.header-main-space-center,
	.header-main-space-right,
	.header-main-space-right-right,
	.header-top-space-center{
		background: none;
		}

	.header-cart-cover{
		width: 46px;
		min-width: 46px;
		}

	.header-cart{
		background: none;
		}

	.header-cart-in{
		background: none;
		}

	.header-cart-in{
		display: none;
		}

	.header-cart-icon-in{
		margin-top: -4px;
		margin-left: -0px;
		width: 38px;
		height: 38px;
		}

	.header-cart-icon-in span{
		margin-top: 7px;
		margin-left: 4px;
		background-size: 115px 115px;
		background-position: -37px -37px;
		}

	.header-static-cover{
		z-index: 889;
		}
}
*/

/*** ### ./css/responsive/header_sections_responsive.css ### ***/

/*
	- zmenšit písmo sekci
	- jiný dding

*/
/*@media screen and (max-width: 915px)*/
/*@media screen and (max-width: 1020px)*/
@media screen and (max-width: 1040px)
{
	.header-sections a{
		font-size: 0.95rem;
		}

	.header-sections a b{
		padding: 14px 6px 10px;
		}


	.header-section-active-55 a b,
	.header-section-active-12 a b,
	.header-section-active-141 a b,
	.header-section-active-58 a b,
	.header-section-active-431 a b,
	.header-section-active-169 a b,
	.header-section-active-266 a b,
	.header-section-active-177 a b{
		padding-top: 12px;
		padding-bottom: 8px;
		}

/*
	.header-section-active--2 a b{
	.header-section-active-12 a b, .header-section-active-55 a b, .header-section-active-141 a b, .header-section-active-266 a b, .header-section-active-169 a b,
	.header-section-active-177 a b, .header-section-active-431 a b, .header-section-active--2 a b{
		padding-top: 12px;
		padding-bottom: 8px;
		}
*/

	.header-section--5 a b,
	.header-section--6 a b,
	.header-section-505 a b{
		padding: 5px 7px 2px;
		}

	.header-section--5 i,
	.header-section--6 i,
	.header-section-505 i{
		padding: 2px 4px 0;
		}

	.header-section-active--5 a b,
	.header-section-active--6 a b,
	.header-section-active-505 a b{
		padding-top: 4px;
		padding-bottom: 1px;
		}

}


/*
	- menší písmo názvů
	- jiný padding u názvů
	- menší písmo malých textů
*/

/*@media screen and (max-width: 815px)*/
/*@media screen and (max-width: 890px)*/
@media screen and (max-width: 920px)
{
	.header-sections a{
		font-size: 0.9rem;
		}

	.header-sections a b{
		/*padding: 14px 4px 10px;*/
		padding-left: 4px;
		padding-right: 4px;
		}

	.header-section--5 a b,
	.header-section--6 a b,
	.header-section-505 a b{
		padding: 6px 7px 1px;
		}

	.header-section--5 i,
	.header-section--6 i,
	.header-section-505 i{
		font-size: 0.7rem;
		}
}

/*
	- pouze homepage
		- pryč malé texty
		- zobrazit všechny položky z hlavního menu
		- menší písmo názvů
		- zobrazit ikonky, 6 na řádek
		- změna pořadí
		- změna border
	- v případě aktivní sekce
		- jen linka
*/



/*@media screen and (max-width: 725px)*/
/*@media screen and (max-width: 795px)*/
/*@media screen and (max-width: 835px)*/
@media screen and (max-width: 855px)
{
	.header-section--5 i,
	.header-section--6 i,
	.header-section-505 i{
		display: none;
		}

	li.header-section--4,
	li.header-section--5{
		display: list-item;
		}

	.header-sections a{
		font-size: 0.7rem;
		border: none;
		border-right: 1px solid rgb(255,155,62);
		padding-top: 6px;
		}

	.header-sections a b{
		padding: 3px 0 2px;
		}

	.header-sections li{
		width: 16.6%;
		padding: 0;
		}

	.header-section-55{order: 1;}
	.header-section-12{order: 2;}
	.header-section-141{order: 3;}
	.header-section-58{order: 4;}
	.header-section--5{order: 5;}
	.header-section--6{order: 6;}
	.header-section-266{order: 7;}
	.header-section-169{order: 8;}
	.header-section-177{order: 9;}
	.header-section-431{order: 10;}
	.header-section--2{order: 11; display: block;}
	.header-section-505{order: 12;}


	.header-sections span{
		display: block;
		}

	.header-section-55 a,
	.header-section-12 a,
	.header-section-141 a,
	.header-section-58 a,
	.header-section--5 a,
	.header-section-505 a{
		border-bottom: 1px solid rgb(255,155,62);
		}

	.header-section-505 a, .header-section--4 a{
		border-right: none;
		}

	.header-sections-active{
		display: none;
		}

	.header-sections a:hover{
		border-color: rgb(255,155,62);
		}
}



@media screen and (max-width: 465px)
{
	.header-section--6 a{
		font-size: 0.6rem;
		}

}


/*
	- změna 6->4
	- změna pořadi
	- změna border
*/
@media screen and (max-width: 440px)
{
	.header-sections li{
		width: 25%;
		}

	.header-section-55{order: 1;}
	.header-section-12{order: 2;}
	.header-section-141{order: 3;}
	.header-section-58{order: 4;}
	.header-section-266{order: 5;}
	.header-section-169{order: 6;}
	.header-section-177{order: 7;}
	.header-section-431{order: 8;}
	.header-section--2{order: 9;}
	.header-section--5{order: 10;}
	.header-section--6{order: 11;}
	.header-section-505{order: 12;}

	/*
	.header-section--5{order: 10;}
	.header-section--4{order: 11;}
	*/


	.header-sections a{
		font-size: 0.7rem;
		}

	.header-section-266 a, .header-section-169 a, .header-section-177 a, .header-section-431 a{
		border-bottom: 1px solid rgb(255,155,62);
		}

	.header-section--4 a{
		border-right: 1px solid rgb(255,155,62);
		}

	.header-section-505 a{
		border-bottom: none;
		}
}

/*** ### ./css/responsive/header_sections_responsive_sps.css ### ***/

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


}



/*@media screen and (max-width: 795px)*/
@media screen and (max-width: 835px)
{
	.header-sections li{
		width: 20%;
		}

	.header-sections li a{
		border: none;
		}

	li.header-section-587 a, li.header-section-266 a, li.header-section-12 a, li.header-section--5 a, li.header-section-505 a{
		border-bottom: 1px solid rgb(128,174,128);
		/*border-right: 1px solid rgb(128,174,128);		*/
		}

	li.header-section-505 a{
		/*border-bottom: 1px solid rgb(128,174,128);*/
		}

	li.header-section-55 a, li.header-section-141 a, li.header-section-58 a, li.header-section--5 a{
		/*border-right: 1px solid rgb(128,174,128);
		*/
		}

	.header-section-587{order: 1;}
	.header-section-266{order: 2;}
	.header-section-12{order: 3;}
	.header-section--5{order: 4;}
	.header-section-505{order: 5;}
	.header-section-55{order: 6;}
	.header-section-141{order: 7;}
	.header-section-58{order: 8;}
	.header-section--6{order: 9;}
	.header-section--2{order: 10;}


	.header-sections a:hover{
		border-color: forestgreen;
		}
}



@media screen and (max-width: 360px)
{
	.header-sections a{
		font-size: 0.65rem;
		}
/*
	.header-section--2 span{background-position: 0 0; width: 45px; background-size: 66px 66px;}
*/
	.header-sections li{
		width: 19%;
		}

	li.header-section--5, li.header-section-505, li.header-section--6, li.header-section--2{
		width: 21.5%;
		}
}

/*** ### ./css/responsive/footer_responsive.css ### ***/

/*** <=1255
	:: zalomeni textu zcela dole
***/
@media screen and (max-width: 1255px)
{
	.footer-bottom-text{
		text-align: center;
		}

	.footer-bottom-text div{
		display: block;
		text-align: center;
		}
}



/*** <=825
	:: zmenseni textu kontaktu dole
***/
@media screen and (max-width: 825px)
{
	.footer-menu-contact-contact, .footer-menu-contact-contact a{
		font-size: 1.0rem;
		}

}


/*** <=780
	:: moznost zalamovani flexu
	:: sloupce na 50%
	:: zmena poradi sloupcu
	:: mensi padding v seznamu
	:: pozice odrazky
	:: vetsi spodni padding u horních seznamu

***/
@media screen and (max-width: 780px)
{
	.footer-menu{
		flex-wrap: wrap;
		}

	.footer-menu-col{
		width: 50%;
		order: 3;
		}

	.footer-menu-col-customers{
		order: 2;
		}

	.footer-menu-col-contact{
		order: 1;
		}

	.footer-menu li{
		padding-top: 3px;
		padding-bottom: 2px;
		background-position: 3px 8px;
		}

	.footer-menu-contact, .footer-menu-customers{
		padding-bottom: 30px;
		}
/*
	.footer-menu-col-cats .footer-menu-name, .footer-menu-col-bayo .footer-menu-name{
		padding-top: 40px;
		}
*/
}


/*** <=720
	:: zalomeni odkazu, stejne se zalamoval, ale nevhodne
***/
@media screen and (max-width: 720px)
{
	.footer-bottom-text a{
		display: block;
		}

	.footer-bottom-text span{
		display: none;
		}
}


/*** <=470
	:: sloupce na 100%
	:: mezera u nazvu u druheho sloupce
	:: mezera u nazvu u 3 a 4 sloupce zpet
	:: az na kontakt oteviraci sloupce
***/
@media screen and (max-width: 470px)
{
	.footer-menu-col{
		width: 100%;
		}
/*
	.footer-menu-col-cats .footer-menu-name, .footer-menu-col-bayo .footer-menu-name{
		padding-top: 10px;
		}

	.footer-menu-col-customers .footer-menu-name{
		padding-top: 40px;
		}
*/
	.footer-menu-customers, .footer-menu-cats{
		padding-bottom: 10px;
		}

	.footer-menu-col ul{
		display: none;
		}

	.footer-menu-name-opens{
	 	cursor: pointer;
	 	padding-left: 10px;
		}

	.footer-menu-name-opens span{
		display: block;
		}

	.footer-menu-name-opens:hover{
		background: rgb(80,91,105);
		color: white;
		}

	.footer-menu-name-opens:hover span{
		visibility: hidden;
		}

	.footer-menu-active ul{
		display: block;
		}
}


/*** <=370
 	:: mensi odsazeni u plateb aby se vesla sipka
***/
@media screen and (max-width: 370px)
{
	.footer-bottom-payments-mc, .footer-bottom-payments-visa{
		margin-right: 10px;
		}
}

/*** ### ./css/responsive/footer_zbozaky_responsive.css ### ***/


@media screen and (max-width: 780px)
{
	.footer-zbozaky-server{
		max-width: 33.3%;
		}

	.footer-zbozaky-server-3{
		display: none;
		}
}



@media screen and (max-width: 550px)
{
	.footer-zbozaky-server{
		max-width: 50%;
		}

	.footer-zbozaky-server-4{
		display: none;
		}
}



@media screen and (max-width: 420px)
{
	.footer-zbozaky-name{
		width: 77px;
		height: 20px;
		background-size: 100px 100px;
		}

	.footer-zbozaky-name-zbozi-cz{
		background-position: 0 -75px;
		}

	.footer-zbozaky-info span{
		display: none;
		}

	.footer-zbozaky-left-one, .footer-zbozaky-right-one,
	.footer-zbozaky-left-one div, .footer-zbozaky-right-one div,
	.footer-zbozaky-left-two, .footer-zbozaky-right-two,
	.footer-zbozaky-left-two div, .footer-zbozaky-right-two div{
		height: 58px;
		}
}

/*** ### ./css/responsive/section_responsive.css ### ***/

@media screen and (max-width: 1270px)
{
	.homes-text-top{
		padding: 35px 10px 15px 15px;
		}
}



@media screen and (max-width: 920px)
{
	.homes-text-top{
		padding: 15px;
		}

	.homes-text-top h1{
		display: block;
		}

	.homes-items{
		padding-right: 15px;
		}
}



@media screen and (max-width: 650px)
{
	.homes-text-top h1{
		font-size: 1.25rem;
		padding-bottom: 4px;
		}

	.homes-text-top{
		font-size: 0.9rem;
		}
}

/*** ### ./css/responsive/icons_responsive.css ### ***/

@media screen and (max-width: 1200px)
{
	.icons-items-active a.icons-link-seq{
		width: calc(10% - 1px);
		}

	.icons-items-active a.icons-link-seq-10,
	.icons-items-active a.icons-link-seq-20,
	.icons-items-active a.icons-link-seq-30,
	.icons-items-active a.icons-link-seq-40{
		width: 10%;
		}

	.icons-items-active .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-items-active .icons-line-10,
	.icons-items-active .icons-line-20,
	.icons-items-active .icons-line-30,
	.icons-items-active .icons-line-40{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq{
		width: calc(10% - 1px);
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-10,
	.icons-items-active-cover.icons-all-cover .icons-link-seq-11{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-line-10,
	.icons-items-active-cover.icons-all-cover .icons-line-11{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-9{
		width: 10%;
		}


	/*** excepts ***/
	.icons-except-5 .icons-items a.icons-link-seq{
		width: calc(20% - 1px);
		}

	.icons-except-5 .icons-items a.icons-link-seq-5{
		width: 20%;
		}

}



@media screen and (max-width: 1100px)
{
	.icons-sections a.icons-link-seq{
		width: calc(25% - 1px);
		}

	.icons-sections a.icons-link-seq-4,
	.icons-sections a.icons-link-seq-8,
	.icons-sections a.icons-link-seq-12,
	.icons-sections a.icons-link-seq-16,
	.icons-sections a.icons-link-seq-20,
	.icons-sections a.icons-link-seq-24,
	.icons-sections a.icons-link-seq-28,
	.icons-sections a.icons-link-seq-32,
	.icons-sections a.icons-link-seq-36,
	.icons-sections a.icons-link-seq-40,
	.icons-sections a.icons-link-seq-44{
		width: 25%;
		}

	.icons-sections .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-sections .icons-line-4,
	.icons-sections .icons-line-8,
	.icons-sections .icons-line-12,
	.icons-sections .icons-line-16,
	.icons-sections .icons-line-20,
	.icons-sections .icons-line-24,
	.icons-sections .icons-line-28,
	.icons-sections .icons-line-32,
	.icons-sections .icons-line-36,
	.icons-sections .icons-line-40,
	.icons-sections .icons-line-44{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	.icons-items a.icons-link-seq{
		width: calc(14.2857% - 1px);
		}

	.icons-items a.icons-link-seq-7,
	.icons-items a.icons-link-seq-14,
	.icons-items a.icons-link-seq-21,
	.icons-items a.icons-link-seq-28,
	.icons-items a.icons-link-seq-35,
	.icons-items a.icons-link-seq-42{
		width: 14.2857%;
		}

	.icons-items .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-items .icons-line-7,
	.icons-items .icons-line-14,
	.icons-items .icons-line-21,
	.icons-items .icons-line-28,
	.icons-items .icons-line-35,
	.icons-items .icons-line-42{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	/*** excepts ***/
	.icons-except-1 .icons-items a.icons-link-seq,
	.icons-except-2 .icons-items a.icons-link-seq,
	.icons-except-3 .icons-items a.icons-link-seq{
		width: calc(25% - 1px);
		}

	.icons-except-4 .icons-items a.icons-link-seq{
		width: calc(20% - 1px);
		}

	.icons-except-8 .icons-items a.icons-link-seq{
		width: calc(25% - 1px);
		}

	.icons-except-8 .icons-items a.icons-link-seq-4,
	.icons-except-8 .icons-items a.icons-link-seq-8{
		width: 25%;
		}

	.icons-except-8 .icons-items .icons-line-4{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	.icons-except-8 .icons-items .icons-line-6,
	.icons-except-8 .icons-items .icons-line-7{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-except-8.icons-all-cover .icons-items a.icons-link-seq-8{
		display: block;
		}

	/*** all ***/

/*
	.icons-all-cover .icons-items .icons-link-seq-7,
	.icons-all-cover .icons-items .icons-line-7{
		display: none;
		}
*/
	.icons-items-cover.icons-all-cover-8 .icons-link-seq-8{
		display: none;
		}

	.icons-items-cover.icons-all-cover-8 .icons-line-8{
		display: none;
		}


	/*** max ***/

	.icons-all-cover-max .icons-items .icons-link-seq-6{
		width: 14.2587%;
		}

	.icons-all-cover-max .icons-items .icons-link-seq-7,
	.icons-all-cover-max .icons-items .icons-line-7{
		display: none;
		}

/*
	.icons-items-cover.icons-all-cover-7 #icons-link-all,
	.icons-items-cover.icons-all-cover-8 #icons-link-all{
		display: block;
		}
*/
	.icons-items-cover.icons-all-cover-6 .icons-blank-end,
	.icons-items-cover.icons-all-cover-7 .icons-blank-end{
		display: none;
		}
}



@media screen and (max-width: 1060px)
{
	.icons-items-active a.icons-link-seq{
		width: calc(11.111% - 1px);
		}
/*
	.icons-items-active a.icons-link-seq-9,
	.icons-items-active a.icons-link-seq-18,
	.icons-items-active a.icons-link-seq-27,
	.icons-items-active a.icons-link-seq-36,
	.icons-items-active a.icons-link-seq-44{
		width: 11.111%;
		}
*/
	.icons-items-active .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-items-active .icons-line-9,
	.icons-items-active .icons-line-18,
	.icons-items-active .icons-line-27,
	.icons-items-active .icons-line-36,
	.icons-items-active .icons-line-44{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq{
		width: calc(11.111% - 1px);
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-9{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-line-9{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-8{
		width: 11.111%;
		}
}



@media screen and (max-width: 1010px)
{
	.icons-items a.icons-link-seq{
		width: calc(16.6667% - 1px);
		}

	.icons-items a.icons-link-seq-6,
	.icons-items a.icons-link-seq-12,
	.icons-items a.icons-link-seq-18,
	.icons-items a.icons-link-seq-24,
	.icons-items a.icons-link-seq-30,
	.icons-items a.icons-link-seq-36,
	.icons-items a.icons-link-seq-42{
		width: 16.6667%;
		}

	.icons-items .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-items .icons-line-6,
	.icons-items .icons-line-12,
	.icons-items .icons-line-18,
	.icons-items .icons-line-24,
	.icons-items .icons-line-30,
	.icons-items .icons-line-36,
	.icons-items .icons-line-42{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	/*** excepts ***/
	.icons-except-4 .icons-items a.icons-link-seq{
		width: calc(20% - 1px);
		}

	.icons-except-7 .icons-items .icons-line-6{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}


	/*** all ***/

	.icons-all-cover-max .icons-items .icons-link-seq{
		width: calc(16.6667% - 1px);
		}

	.icons-all-cover-max .icons-items .icons-link-seq-5{
		width: 16.6667%;
		}

	.icons-all-cover-max .icons-items .icons-link-seq-6,
	.icons-all-cover-max .icons-items .icons-line-6{
		display: none;
		}


/*
	.icons-all-cover .icons-items .icons-link-seq-6,
	.icons-all-cover .icons-items .icons-line-6{
		display: none;
		}
*/

}


@media screen and (max-width: 920px) and (min-width: 750.1px)
{
	#icons-link-hbg{
		display: block;
		}

	.icons-line-hbg{
		display: block;
		}

	.icons-sections a.icons-link-seq{
		width: calc(25% - 1px);
		}

	.icons-sections a.icons-link-seq-3,
	.icons-sections a.icons-link-seq-7,
	.icons-sections a.icons-link-seq-11,
	.icons-sections a.icons-link-seq-15,
	.icons-sections a.icons-link-seq-19,
	.icons-sections a.icons-link-seq-23,
	.icons-sections a.icons-link-seq-27,
	.icons-sections a.icons-link-seq-31,
	.icons-sections a.icons-link-seq-35,
	.icons-sections a.icons-link-seq-39,
	.icons-sections a.icons-link-seq-43{
		width: 25%;
		}

	.icons-sections .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-sections .icons-line-3,
	.icons-sections .icons-line-7,
	.icons-sections .icons-line-11,
	.icons-sections .icons-line-15,
	.icons-sections .icons-line-19,
	.icons-sections .icons-line-23,
	.icons-sections .icons-line-27,
	.icons-sections .icons-line-31,
	.icons-sections .icons-line-35,
	.icons-sections .icons-line-39,
	.icons-sections .icons-line-43{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}


	.icons-items a.icons-link-seq{
		width: calc(16.6667% - 1px);
		}

	.icons-items a.icons-link-seq-5,
	.icons-items a.icons-link-seq-11,
	.icons-items a.icons-link-seq-17,
	.icons-items a.icons-link-seq-23,
	.icons-items a.icons-link-seq-29,
	.icons-items a.icons-link-seq-35,
	.icons-items a.icons-link-seq-41{
		width: 16.6667%;
		}

	.icons-items .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-items .icons-line-5,
	.icons-items .icons-line-11,
	.icons-items .icons-line-17,
	.icons-items .icons-line-23,
	.icons-items .icons-line-29,
	.icons-items .icons-line-35,
	.icons-items .icons-line-41{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	/*** excepts ***/
	.icons-except-3 .icons-items a.icons-link-seq,
	.icons-except-4 .icons-items a.icons-link-seq{
		width: calc(20% - 1px);
		}

	.icons-except-4 .icons-items a.icons-link-seq-4{
		width: 20%;
		}

	/* excepts 5 */
	.icons-except-5 .icons-items a.icons-link-seq{
		width: calc(16.6667% - 1px);
		}

	.icons-except-5 .icons-items a.icons-link-seq-5{
		width: 16.6667%;
		}

	/* exceps 6 */

	.icons-except-6 .icons-items a.icons-link-seq{
		width: calc(14.2857% - 1px);
		}

	.icons-except-6 .icons-items a.icons-link-seq-6{
		width: 14.2857%;
		}

	.icons-except-6 .icons-items .icons-line-5{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-except-6.icons-all-cover .icons-items .icons-link-seq-5,
	.icons-except-6.icons-all-cover .icons-items .icons-line-5{
		display: block;
		}

	.icons-except-6.icons-all-cover .icons-items .icons-line-6{
		display: none;
		}

	/* excepts 7 */

	.icons-except-7 .icons-items a.icons-link-seq{
		width: calc(12.5% - 1px);
		}

	.icons-except-7 .icons-items a.icons-link-seq-7{
		width: 12.5%;
		}

	.icons-except-7 .icons-items .icons-line-5{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-except-7.icons-all-cover .icons-items .icons-link-seq-5,
	.icons-except-7.icons-all-cover .icons-items .icons-line-5{
		display: block;
		}

	/* excepts 8 */

	.icons-except-8 .icons-items a.icons-link-seq{
		width: calc(20% - 1px);
		}

	.icons-except-8 .icons-items a.icons-link-seq-4{
		width: 20%;
		}

	.icons-except-8 .icons-items .icons-line-5{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-except-8.icons-all-cover .icons-items .icons-link-seq-5,
	.icons-except-8.icons-all-cover .icons-items .icons-line-5{
		display: block;
		}

	.icons-except-8.icons-all-cover .icons-blank-end{
		display: block;
		}


	/*** all ***/

	.icons-all-cover .icons-items .icons-link-seq-5,
	.icons-all-cover .icons-items .icons-line-5{
		display: none;
		}

	.icons-all-cover.icons-all-cover-5 .icons-items .icons-link-seq-5,
	.icons-all-cover.icons-all-cover-5 .icons-items .icons-line-5{
		display: block;
		}

	/*** active ***/

	.icons-items-active a.icons-link-seq{
		width: calc(11.111% - 1px);
		}

	.icons-items-active a.icons-link-seq-8,
	.icons-items-active a.icons-link-seq-17,
	.icons-items-active a.icons-link-seq-26,
	.icons-items-active a.icons-link-seq-35,
	.icons-items-active a.icons-link-seq-43{
		width: 11.111%;
		}

	.icons-items-active .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-items-active .icons-line-8,
	.icons-items-active .icons-line-17,
	.icons-items-active .icons-line-26,
	.icons-items-active .icons-line-35,
	.icons-items-active .icons-line-43{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-8{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-line-8{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-7{
		width: 11.111%;
		}
}



@media screen and (max-width: 920px)
{
	.icons-cover{
		/*padding: 10px 7px;*/
		padding: 0 5px 7px;
		}

	.icons-items-active-cover{
		padding: 0 5px 7px;
		}

	.icons-except-5.icons-all-cover .icons-items .icons-line-5{
		display: none;
		}
}



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

	.icons-except-3 .icons-items a.icons-link-seq,
	.icons-except-4 .icons-items a.icons-link-seq{
		width: calc(25% - 1px);
		}

	.icons-except-3 .icons-items a.icons-link-seq-3,
	.icons-except-4 .icons-items a.icons-link-seq-4{
		width: 25%;
		}
}



@media screen and (max-width: 740px)
{
	.icons-items-active a.icons-link-seq{
		width: calc(12.5% - 1px);
		}

	.icons-items-active a.icons-link-seq-8,
	.icons-items-active a.icons-link-seq-16,
	.icons-items-active a.icons-link-seq-24,
	.icons-items-active a.icons-link-seq-32,
	.icons-items-active a.icons-link-seq-40,
	.icons-items-active a.icons-link-seq-48{
		width: 12.5%;
		}

	.icons-items-active .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-items-active .icons-line-8,
	.icons-items-active .icons-line-16,
	.icons-items-active .icons-line-24,
	.icons-items-active .icons-line-32,
	.icons-items-active .icons-line-40,
	.icons-items-active .icons-line-48{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}


	.icons-items-active-cover.icons-all-cover .icons-link-seq{
		width: calc(12.5% - 1px);
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-8{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-line-8{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-7{
		width: 12.5%;
		}
}



@media screen and (max-width: 700px)
{
	.icons-sections a.icons-link-seq{
		width: calc(33.333% - 1px);
		}

	.icons-sections a.icons-link-seq-3,
	.icons-sections a.icons-link-seq-6,
	.icons-sections a.icons-link-seq-9,
	.icons-sections a.icons-link-seq-12,
	.icons-sections a.icons-link-seq-15,
	.icons-sections a.icons-link-seq-18,
	.icons-sections a.icons-link-seq-21,
	.icons-sections a.icons-link-seq-24,
	.icons-sections a.icons-link-seq-27,
	.icons-sections a.icons-link-seq-30,
	.icons-sections a.icons-link-seq-33,
	.icons-sections a.icons-link-seq-36,
	.icons-sections a.icons-link-seq-39,
	.icons-sections a.icons-link-seq-42,
	.icons-sections a.icons-link-seq-45{
		width: 33.333%;
		}

	.icons-sections .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-sections .icons-line-3,
	.icons-sections .icons-line-6,
	.icons-sections .icons-line-9,
	.icons-sections .icons-line-12,
	.icons-sections .icons-line-15,
	.icons-sections .icons-line-18,
	.icons-sections .icons-line-21,
	.icons-sections .icons-line-24,
	.icons-sections .icons-line-27,
	.icons-sections .icons-line-30,
	.icons-sections .icons-line-33,
	.icons-sections .icons-line-36,
	.icons-sections .icons-line-39,
	.icons-sections .icons-line-42,
	.icons-sections .icons-line-45{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	.icons-items a.icons-link-seq{
		width: calc(20% - 1px);
		}

	.icons-items a.icons-link-seq-5,
	.icons-items a.icons-link-seq-10,
	.icons-items a.icons-link-seq-15,
	.icons-items a.icons-link-seq-20,
	.icons-items a.icons-link-seq-25,
	.icons-items a.icons-link-seq-30,
	.icons-items a.icons-link-seq-35,
	.icons-items a.icons-link-seq-40,
	.icons-items a.icons-link-seq-45{
		width: 20%;
		}

	.icons-items .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-items .icons-line-5,
	.icons-items .icons-line-10,
	.icons-items .icons-line-15,
	.icons-items .icons-line-20,
	.icons-items .icons-line-25,
	.icons-items .icons-line-30,
	.icons-items .icons-line-35,
	.icons-items .icons-line-40,
	.icons-items .icons-line-45{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	/*** excepts ***/

	/* except 1 */

	.icons-except-1 .icons-items a.icons-link-seq{
		width: 33.333%;
		}

	/* except 5 */


	/* except 6 */

	.icons-except-6 .icons-items a.icons-link-seq{
		width: calc(33.333% - 1px);
		}

	.icons-except-6 .icons-items a.icons-link-seq-3,
	.icons-except-6 .icons-items a.icons-link-seq-6,
	.icons-except-6.icons-all-cover .icons-items a.icons-link-seq-2{
		width: 33.333%;
		}


	.icons-except-6 .icons-items .icons-line-4,
	.icons-except-6 .icons-items .icons-line-5{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-except-6 .icons-items .icons-line-3{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	.icons-except-6.icons-all-cover .icons-items .icons-link-seq-3,
	.icons-except-6.icons-all-cover .icons-items .icons-line-3,
	.icons-except-6.icons-all-cover .icons-items .icons-link-seq-4,
	.icons-except-6.icons-all-cover .icons-items .icons-line-4,
	.icons-except-6.icons-all-cover .icons-items .icons-link-seq-5,
	.icons-except-6.icons-all-cover .icons-items .icons-line-5{
		display: none;
		}


	/* excepts 7 */

	.icons-except-7 .icons-items a.icons-link-seq{
		width: calc(25% - 1px);
		}

	.icons-except-7 .icons-items a.icons-link-seq-4,
	.icons-except-7.icons-all-cover .icons-items a.icons-link-seq-3{
		width: 25%;
		}

	.icons-except-7 .icons-items .icons-line-5{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-except-7 .icons-items .icons-line-4{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	.icons-except-7 .icons-items .icons-blank-end{
		display: block;
		}

	.icons-except-7.icons-all-cover .icons-items .icons-link-seq-4,
	.icons-except-7.icons-all-cover .icons-items .icons-line-4{
		display: none;
		}

	/* excepts 8 */

	.icons-except-8 .icons-items .icons-line-5{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-except-8.icons-all-cover .icons-items a.icons-link-seq{
		width: calc(20% - 1px);
		}

	.icons-except-8.icons-all-cover .icons-items a.icons-link-seq-4{
		width: 20%;
		}

	.icons-except-8.icons-all-cover .icons-items .icons-line-5{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-except-8.icons-all-cover .icons-items .icons-line-4{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-except-8.icons-all-cover .icons-items a.icons-link-seq-8{
		display: none;
		}

	/*** all ***/

	.icons-all-cover .icons-items .icons-link-seq-5,
	.icons-all-cover .icons-items .icons-line-5,
	.icons-all-cover .icons-items .icons-link-seq-6,
	.icons-all-cover .icons-items .icons-line-6,
	.icons-all-cover .icons-items .icons-link-seq-7,
	.icons-all-cover .icons-items .icons-line-7{
		display: none;
		}

	.icons-all-cover.icons-all-cover-5 .icons-items .icons-link-seq-5{
	/*.icons-all-cover.icons-all-cover-5 .icons-items .icons-line-5{*/
		display: block;
		}

	/*.icons-items-cover.icons-all-cover-5 #icons-link-all,*/
	.icons-items-cover.icons-all-cover-6 #icons-link-all,
	.icons-items-cover.icons-all-cover-7 #icons-link-all,
	.icons-items-cover.icons-all-cover-8 #icons-link-all{
		display: block;
		}

	.icons-items-cover.icons-all-cover-5 .icons-blank-end,
	.icons-items-cover.icons-all-cover-6 .icons-blank-end,
	.icons-items-cover.icons-all-cover-7 .icons-blank-end{
		display: none;
		}


	/* max */

	.icons-all-cover-max .icons-items .icons-link-seq{
		width: calc(20% - 1px);
		}

	.icons-all-cover-max .icons-items .icons-link-seq-4{
		width: 20%;
		}
}



@media screen and (max-width: 660px)
{
	.icons-items-active a.icons-link-seq{
		width: calc(14.2857% - 1px);
		}

	.icons-items-active a.icons-link-seq-7,
	.icons-items-active a.icons-link-seq-14,
	.icons-items-active a.icons-link-seq-21,
	.icons-items-active a.icons-link-seq-28,
	.icons-items-active a.icons-link-seq-35,
	.icons-items-active a.icons-link-seq-42,
	.icons-items-active a.icons-link-seq-49{
		width: 14.2857%;
		}

	.icons-items-active .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-items-active .icons-line-7,
	.icons-items-active .icons-line-14,
	.icons-items-active .icons-line-21,
	.icons-items-active .icons-line-28,
	.icons-items-active .icons-line-35,
	.icons-items-active .icons-line-42,
	.icons-items-active .icons-line-49{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq{
		width: calc(14.2857% - 1px);
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-6{
		width: 14.2857%;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-7{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-line-7{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover-7  #icons-link-all{
		display: block;
		}
}



@media screen and (max-width: 590px)
{
	.icons-items-active a.icons-link-seq{
		width: calc(16.6667% - 1px);
		}

	.icons-items-active a.icons-link-seq-6,
	.icons-items-active a.icons-link-seq-12,
	.icons-items-active a.icons-link-seq-18,
	.icons-items-active a.icons-link-seq-24,
	.icons-items-active a.icons-link-seq-30,
	.icons-items-active a.icons-link-seq-36,
	.icons-items-active a.icons-link-seq-42,
	.icons-items-active a.icons-link-seq-48{
		width: 16.6667%;
		}

	.icons-items-active .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-items-active .icons-line-6,
	.icons-items-active .icons-line-12,
	.icons-items-active .icons-line-18,
	.icons-items-active .icons-line-24,
	.icons-items-active .icons-line-30,
	.icons-items-active .icons-line-36,
	.icons-items-active .icons-line-42,
	.icons-items-active .icons-line-48{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq{
		width: calc(16.6667% - 1px);
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-6{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-line-6{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-5{
		width: 16.6667%;
		}
}



@media screen and (max-width: 570px)
{
	.icons-items a.icons-link-seq{
		width: calc(25% - 1px);
		}

	.icons-items a.icons-link-seq-4,
	.icons-items a.icons-link-seq-8,
	.icons-items a.icons-link-seq-12,
	.icons-items a.icons-link-seq-16,
	.icons-items a.icons-link-seq-20,
	.icons-items a.icons-link-seq-24,
	.icons-items a.icons-link-seq-28,
	.icons-items a.icons-link-seq-32,
	.icons-items a.icons-link-seq-36,
	.icons-items a.icons-link-seq-40,
	.icons-items a.icons-link-seq-44{
		width: 25%;
		}

	.icons-items .icons-line{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-items .icons-line-4,
	.icons-items .icons-line-8,
	.icons-items .icons-line-12,
	.icons-items .icons-line-16,
	.icons-items .icons-line-20,
	.icons-items .icons-line-24,
	.icons-items .icons-line-28,
	.icons-items .icons-line-32,
	.icons-items .icons-line-36,
	.icons-items .icons-line-40,
	.icons-items .icons-line-44{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	/*** excepts ***/
	/* except 1 */

	.icons-except-1 .icons-items a.icons-link-seq{
		width: 50%;
		}

	.icons-except-2 .icons-items a.icons-link-seq,
	.icons-except-3 .icons-items a.icons-link-seq,
	.icons-except-5 .icons-items a.icons-link-seq{
		width: calc(33.333% - 1px);
		}

	.icons-except-5.icons-all-cover .icons-items a.icons-link-seq{
		width: calc(25% - 1px);
		}

	.icons-except-3 .icons-items a.icons-link-seq-3,
	.icons-except-5 .icons-items a.icons-link-seq-3{
		width: 33.333%;
		}

	.icons-except-5.icons-all-cover .icons-items a.icons-link-seq-3{
		width: 25%;
		}

	.icons-except-3 .icons-items .icons-line-3{
		display: none;
		}

	.icons-except-4 .icons-items a.icons-link-seq{
		display: block;
		}

	.icons-except-5 .icons-items .icons-line-3{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	.icons-except-5.icons-all-cover .icons-items .icons-line-3,
	.icons-except-5 .icons-items .icons-line-4{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	/* except 8 */

	.icons-except-8.icons-all-cover .icons-items a.icons-link-seq{
		width: calc(25% - 1px);
		}

	.icons-except-8.icons-all-cover .icons-items a.icons-link-seq-3{
		width: 25%;
		}

	/*** all ***/

	.icons-all-cover .icons-items .icons-link-seq-4,
	.icons-all-cover .icons-items .icons-line-4{
		display: none;
		}

	.icons-all-cover.icons-all-cover-5 .icons-items .icons-link-seq-5,
	.icons-all-cover.icons-all-cover-5 .icons-items .icons-line-5{
		display: none;
		}

	.icons-items-cover.icons-all-cover-5 #icons-link-all{
		display: block;
		}

	.icons-items-cover.icons-all-cover-3 .icons-blank-end,
	.icons-items-cover.icons-all-cover-4 .icons-blank-end,
	.icons-items-cover.icons-all-cover-5 .icons-blank-end{
		display: none;
		}


	/* max */

	.icons-all-cover-max .icons-items .icons-link-seq{
		width: calc(25% - 1px);
		}

	.icons-all-cover-max .icons-items .icons-link-seq-3{
		width: 25%;
		}

}



@media screen and (max-width: 510px)
{
	.icons-items-active a.icons-link-seq{
		width: calc(20% - 1px);
		}

	.icons-items-active a.icons-link-seq-5,
	.icons-items-active a.icons-link-seq-10,
	.icons-items-active a.icons-link-seq-15,
	.icons-items-active a.icons-link-seq-20,
	.icons-items-active a.icons-link-seq-25,
	.icons-items-active a.icons-link-seq-30,
	.icons-items-active a.icons-link-seq-35,
	.icons-items-active a.icons-link-seq-40,
	.icons-items-active a.icons-link-seq-45{
		width: 20%;
		}

	.icons-items-active .icons-line{
		width: 1px;
		border-right: 1px dotted white;
		}

	.icons-items-active .icons-line-5,
	.icons-items-active .icons-line-10,
	.icons-items-active .icons-line-15,
	.icons-items-active .icons-line-20,
	.icons-items-active .icons-line-25,
	.icons-items-active .icons-line-30,
	.icons-items-active .icons-line-35,
	.icons-items-active .icons-line-40,
	.icons-items-active .icons-line-45{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq{
		width: calc(20% - 1px);
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-5{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-line-5{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-4{
		width: 20%;
		}
}



@media screen and (max-width: 460px)
{
	.icons-sections a span{
		width: 60px;
		height: 60px;
		}

	.icons-items a.icons-link-seq{
		width: calc(33.333% - 1px);
		}

	.icons-items a.icons-link-seq-3,
	.icons-items a.icons-link-seq-6,
	.icons-items a.icons-link-seq-9,
	.icons-items a.icons-link-seq-12,
	.icons-items a.icons-link-seq-15,
	.icons-items a.icons-link-seq-18,
	.icons-items a.icons-link-seq-21,
	.icons-items a.icons-link-seq-24,
	.icons-items a.icons-link-seq-27,
	.icons-items a.icons-link-seq-30,
	.icons-items a.icons-link-seq-33,
	.icons-items a.icons-link-seq-36,
	.icons-items a.icons-link-seq-39,
	.icons-items a.icons-link-seq-42{
		width: 33.333%;
		}

	.icons-items .icons-line{
		width: 1px;
		border-right: 1px dotted white;
		}

	.icons-items .icons-line-3,
	.icons-items .icons-line-6,
	.icons-items .icons-line-9,
	.icons-items .icons-line-12,
	.icons-items .icons-line-15,
	.icons-items .icons-line-18,
	.icons-items .icons-line-21,
	.icons-items .icons-line-24,
	.icons-items .icons-line-27,
	.icons-items .icons-line-30,
	.icons-items .icons-line-33,
	.icons-items .icons-line-36,
	.icons-items .icons-line-39,
	.icons-items .icons-line-42{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	/*** excepts ***/

	/* except 2 */
	.icons-except-2 .icons-items a.icons-link-seq{
		width: calc(50% - 1px);
		}

	.icons-except-2 .icons-items a.icons-link-seq-2{
		width: 50%;
		}

	.icons-except-2 .icons-items .icons-blank-end{
		display: none;
		}

	/* except 4 */

	.icons-except-4 .icons-items .icons-line-3,
	.icons-except-4.icons-all-cover .icons-items .icons-line-3{
		display: block;
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-except-4 .icons-items a.icons-link-seq{
		width: calc(25% - 1px);
		}

	.icons-except-4 .icons-items a.icons-link-seq-4{
		width: 25%;
		}


/*
	.icons-all-cover .icons-items .icons-link-seq-3,
	.icons-all-cover .icons-items .icons-line-3{
		display: none;
		}
*/

	/* excepts 5 */

	.icons-except-5.icons-all-cover .icons-items a.icons-link-seq{
		width: calc(33.333% - 1px);
		}

	.icons-except-5.icons-all-cover .icons-link-all,
	.icons-except-5.icons-all-cover .icons-items a.icons-link-seq-2{
		width: 33.333%;
		}

	/* excepts 7 */

	.icons-except-7 .icons-items a.icons-link-seq{
		width: calc(33.333% - 1px);
		}

	.icons-except-7 .icons-items a.icons-link-seq-3,
	.icons-except-7 .icons-items a.icons-link-seq-6,
	.icons-except-7.icons-all-cover .icons-items a.icons-link-seq-2{
		width: 33.333%;
		}

	.icons-except-7 .icons-items .icons-line-4{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-except-7 .icons-items .icons-line-6{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}


	/* excepts 8 */

	.icons-except-8 .icons-items a.icons-link-seq,
	.icons-except-8.icons-all-cover .icons-items a.icons-link-seq{
		width: calc(33.333% - 1px);
		}

	.icons-except-8 .icons-items a.icons-link-seq-3,
	.icons-except-8 .icons-items a.icons-link-seq-6,
	.icons-except-8.icons-all-cover .icons-items a.icons-link-seq-2{
		width: 33.333%;
		}

	.icons-except-8 .icons-items .icons-line-4{
		width: 1px;
		border: none;
		border-right: 1px dotted white;
		}

	.icons-except-8 .icons-items .icons-line-6{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}


	/* max */

	.icons-all-cover-max .icons-items .icons-link-seq{
		width: calc(33.333% - 1px);
		}

	.icons-all-cover-max .icons-items .icons-link-seq-2{
		width: 33.333%;
		}

	.icons-all-cover .icons-items .icons-link-seq-3,
	.icons-all-cover .icons-items .icons-line-3,
	.icons-all-cover-max .icons-items .icons-link-seq-3,
	.icons-all-cover-max .icons-items .icons-line-3{
		display: none;
		}


}



@media screen and (max-width: 430px)
{
	.icons-items-active a.icons-link-seq{
		width: calc(25% - 1px);
		}

	.icons-items-active a.icons-link-seq-4,
	.icons-items-active a.icons-link-seq-8,
	.icons-items-active a.icons-link-seq-12,
	.icons-items-active a.icons-link-seq-16,
	.icons-items-active a.icons-link-seq-20,
	.icons-items-active a.icons-link-seq-24,
	.icons-items-active a.icons-link-seq-28,
	.icons-items-active a.icons-link-seq-32,
	.icons-items-active a.icons-link-seq-36,
	.icons-items-active a.icons-link-seq-40,
	.icons-items-active a.icons-link-seq-44,
	.icons-items-active a.icons-link-seq-48{
		width: 25%;
		}

	.icons-items-active .icons-line{
		width: 1px;
		border-right: 1px dotted white;
		}

	.icons-items-active .icons-line-4,
	.icons-items-active .icons-line-8,
	.icons-items-active .icons-line-12,
	.icons-items-active .icons-line-16,
	.icons-items-active .icons-line-20,
	.icons-items-active .icons-line-24,
	.icons-items-active .icons-line-28,
	.icons-items-active .icons-line-32,
	.icons-items-active .icons-line-36,
	.icons-items-active .icons-line-40,
	.icons-items-active .icons-line-44,
	.icons-items-active .icons-line-48{
		width: 100%;
		border: none;
		border-top: 1px dotted white;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq{
		width: calc(25% - 1px);
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-4{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-line-4{
		display: none;
		}

	.icons-items-active-cover.icons-all-cover .icons-link-seq-3{
		width: 25%;
		}

	/* except 1 */

	.icons-except-1 .icons-items a.icons-link-seq{
		width: 65%;
		}

}