.crb-dropdown { position: fixed; top: 95px; left: 0; width: 100%; height: 100%; background: rgba(29,29,27,.9); padding: 20px; font-size: 0; line-height: 0; z-index: 100000; display: none; }

.crb-dropdown-search { text-align: center; padding-top: 40px; }

.crb-dropdown-column { display: inline-block; vertical-align: top; width: 25%; }
.crb-dropdown-column ul { list-style: none; margin: 0; padding: 0; }
.crb-dropdown-column h5 { margin-top: 0; color: #fff; font-size: 19px; line-height: 1.9; }
.crb-dropdown-column h5 span { border-bottom: 1px solid; padding: 0 20px 10px 0; display: inline-block; vertical-align: top; }
.crb-dropdown-column a { color: #fff; font-size: 19px; line-height: 1.9; }
.crb-dropdown-column a:hover { color: #fff; }

.crb-dropdown-toggle { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 22px; height: 22px; cursor: pointer; }
.crb-dropdown-toggle span { position: absolute; left: 0; top: 1px; width: 22px; height: 2px; background: #fff; transition: all 0.2s linear; }
.crb-dropdown-toggle span + span { top: 9px; }
.crb-dropdown-toggle span + span + span { top: 17px; }

.crb-dropdown-toggle-open span:first-child { transform: rotate(45deg); top: 8px; }
.crb-dropdown-toggle-open span:first-child + span { opacity: 0; left: 100%; }
.crb-dropdown-toggle-open span + span + span { transform: rotate(-45deg); top: 8px; }

@media screen and (max-width: 767px) {
	.crb-dropdown { top: 75px; }
	.crb-dropdown-toggle { transform: none; top: 26px; }
	.crb-dropdown-column h5,
	.crb-dropdown-column a { font-size: 16px; }
}

@media screen and (max-width: 640px) {
	.crb-dropdown-column { width: 50%; margin-bottom: 20px; }
	.crb-dropdown-column a { font-size: 12px; line-height: 16px; }
}