.section {
 	padding: 6rem 1.5rem 3rem 1.5rem;
 }

 .navbar {
 	position: fixed;
 	width: 100%;
 	border-bottom: 1px solid $brand-orange;
 	-ms-flex-align: stretch;
 	align-items: stretch;
 	display: -ms-flexbox;
 	display: flex;
 	background-color: #fff !important;
 	height: 50px;

 	&>.div-container {
 		align-items: stretch;
 		display: -ms-flexbox;
 		display: flex;
 		min-height: 3.25rem;
 		width: 100%;
 		padding: 0 20px;

 		.navbar-brand {
 			background-color: #fff;

 			img {
 				height: 18px;
 				width: auto;
 			}
 		}

 	}

 	.navbar-menu,
 	.navbar-start {
 		display: block;
 		padding: 0;
 		box-shadow: none;
 		-ms-flex-positive: 1;
 		flex-grow: 1;
 		-ms-flex-negative: 0;
 		flex-shrink: 0;
 		-ms-flex-align: stretch;
 		align-items: stretch;
 		display: -ms-flexbox;
 		display: flex;
 		background-color: #fff;

 		.navbar-end {
 			-ms-flex-pack: end;
 			justify-content: flex-end;
 			margin-left: auto;
 			-ms-flex-align: stretch;
 			align-items: stretch;
 			display: -ms-flexbox;
 			display: flex;

 			.navbar-item {
 				display: inline-flex;
 				align-items: center;

 				a {
 					&.icon-bell {
 						font-size: 17px;
 						line-height: 27px;
 						text-align: center;
 						color: #999;
 						display: inline-block;
 						border: 1px solid #999;
 						border-radius: 50%;
 						padding: 0;
 						width: 30px;
 						height: 30px;
 						transition: all 0.2s;
 						position: relative;

 						&:hover {
 							color: $brand-orange;
 							border-color: $brand-orange;
 						}
 					}

 					.notification-no {
 						position: absolute;
 						top: -4px;
 						right: -8px;
 						border-radius: 50%;
 						background-color: $brand-orange;
 						padding: 0 5px;
 						color: #fff;
 						font-weight: 700;
 						font-size: 12px;
 						line-height: 16px;
 						transition: all 0.2s;
 					}
 				}

 				.button {
 					border: none;
 					padding: 0;

 					.fa {
 						transition: all 0.2s;
 					}


 				}

 				.is-active {
 					.button .fa {
 						transform: rotate(180deg);
 					}
 				}

 				.dropdown-menu {
 					min-width: 8rem;

 					.dropdown-content {
 						cursor: pointer;
 					}

 					.dropdown-item {
 						&:hover {
 							p {
 								a {
 									color: $brand-orange;
 								}
 							}
 						}

 						p {
 							a {
 								color: #4a4a4a;
 							}
 						}
 					}
 				}

 				img {
 					max-height: 100%;
 					height: 28px;
 					vertical-align: middle;
 				}
 			}
 		}
 	}

 }

 @media screen and (min-width: 1088px) {

 	.navbar,
 	.navbar-brand,
 	.navbar-tabs {
 		min-height: 3.20rem;
 	}
 }

 .navbar-item,
 .navbar-link {
 	line-height: 1.5;
 	padding: 0.5rem 15px;
 }