
@media screen and (min-width: 251px) and (max-width: 300px){

	.ycp_sec5_web{
		display: none;
	}
	.ycp_sec5_mobile{
		display: block;
	}
}





@media screen and (min-width: 301px) and (max-width: 350px){

	.ycp_sec5_web{
		display: none;
	}
	.ycp_sec5_mobile{
		display: block;
	}
}





@media screen and (min-width: 300px) and (max-width: 313px){

	.ycp_sec5_web{
		display: none;
	}
	.ycp_sec5_mobile{
		display: block;
	}
}





@media screen and (min-width: 313px) and (max-width: 344px){

	.ycp_sec5_web{
		display: none;
	}
	.ycp_sec5_mobile{
		display: block;
	}
}






@media screen and (min-width: 351px) and (max-width: 400px){

	.ycp_sec5_web{
		display: none;
	}
	.ycp_sec5_mobile{
		display: block;
	}
}





@media screen and (min-width: 401px) and (max-width: 450px){

	.ycp_sec5_web{
		display: none;
	}
	.ycp_sec5_mobile{
		display: block;
	}
}





@media screen and (min-width: 451px) and (max-width: 550px){

	.ycp_sec5_web{
		display: none;
	}
	.ycp_sec5_mobile{
		display: block;
	}
}





@media screen and (min-width: 551px) and (max-width: 650px){

	.ycp_sec5_web{
		display: none;
	}
	.ycp_sec5_mobile{
		display: block;
	}
}





@media screen and (min-width: 651px) and (max-width: 767px){

	.ycp_sec5_web{
		display: none;
	}
	.ycp_sec5_mobile{
		display: block;
	}
}





@media screen and (min-width: 768px) and (max-width: 800px){

	.ycp_sec5_web{
		display: block;
	}
	.ycp_sec5_mobile{
		display: none;
	}
}





@media screen and (min-width: 801px) and (max-width: 900px){

	.ycp_sec5_web{
		display: block;
	}
	.ycp_sec5_mobile{
		display: none;
	}

}





@media screen and (min-width: 901px) and (max-width: 1000px){

	.ycp_sec5_web{
		display: block;
	}
	.ycp_sec5_mobile{
		display: none;
	}
}





@media screen and (min-width: 1001px) and (max-width: 1200px){

	.ycp_sec5_web{
		display: block;
	}
	.ycp_sec5_mobile{
		display: none;
	}
}





@media screen and (min-width: 1201px) and (max-width: 1800px){

	.ycp_sec5_web{
		display: block;
	}
	.ycp_sec5_mobile{
		display: none;
	}

}





@media screen and (min-width: 1801px) and (max-width: 2100px){

	.ycp_sec5_web{
		display: block;
	}
	.ycp_sec5_mobile{
		display: none;
	}

}





@media screen and (min-width: 2101px) and (max-width: 7100px){

	.ycp_sec5_web{
		display: block;
	}
	.ycp_sec5_mobile{
		display: none;
	}
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

.bg-purple{
	background: purple;
}
.bg-orange{
	background: orange;
}

.ycp_sec1_0 form{
    display: contents;
}