@include mediaScreen($maxWidth,$lg){ /* max 1199 */
	.mainSection .section-area .section-content .section-description {
		padding: 0 16%;
	}
	.vision-content {
		padding: 80px 10%;
	}
}
@include mediaScreen($maxWidth,$md){ /* max 991 */
	.logo {
		& img {
		}
		& p {
			display: none;
		}
	}
}
@include mediaScreen($minWidth,$sm){ /* min 768px */
	.navbar-nav {
		&.menu {
			display: block !important;
			& > li {
				& .sub-menu {
					right: 0;
					top: 100%;
					padding: 0;
					width: 180px;
					display: none;
					list-style: none;
					position: absolute;
					background: #f1f1f1;
					& li {
						& a {
							display: block;
							padding: 8px 12px;
							text-decoration: none;
							@include transition(200ms);
							border-bottom: 1px solid rgba(0,0,0,0.05);
							&:hover {
								background: #DDD;
							}
						}
						&:last-child a {
							border-bottom: none;
						}
					}
				}
				& .subToggle {
					display: none;
				}
				&:hover{
					& .sub-menu {
						display: block !important;
					}
				}
			}
		}
	}
}

@include mediaScreen($maxWidth,$sm){ /* max 767px */
	.hamburger {
		border: 0;
		float: right;
		font: inherit;
		outline: none;
		color: inherit;
		margin: 14px 0;
		cursor: pointer;
		overflow: visible;
		padding: 15px 15px;
		text-transform: none;
		display: inline-block;
		background-color: transparent;
		transition-duration: 0.15s;
		transition-property: opacity, filter, margin;
		transition-timing-function: linear;
		&:hover {
			opacity: 0.7;
		}
	}
	.hamburger-box {
		width: 40px;
		height: 24px;
		display: inline-block;
		position: relative;
		margin-top: 2px;
	}
	.hamburger-inner {
		top: 50%;
		display: block;
		margin-top: -2px;
	}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		width: 40px;
		height: 2px;
		border-radius: 4px;
		position: absolute;
		background-color: $main;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease;
	}
	.hamburger-inner::before, .hamburger-inner::after {
		content: "";
		display: block;
	}
	.hamburger-inner::before {
		top: -10px;
	}
	.hamburger-inner::after {
		bottom: -10px;
	}
	.hamburger--squeeze .hamburger-inner {
		transition-duration: 0.075s;
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	.hamburger--squeeze .hamburger-inner::before {
		transition: top 0.075s 0.12s ease, opacity 0.075s ease;
	}
	.hamburger--squeeze .hamburger-inner::after {
		transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	.hamburger--squeeze.open .hamburger-inner {
		transform: rotate(45deg);
		transition-delay: 0.12s;
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.hamburger--squeeze.open .hamburger-inner::before {
		top: 0;
		opacity: 0;
		transition: top 0.075s ease, opacity 0.075s 0.12s ease;
	}
	.hamburger--squeeze.open .hamburger-inner::after {
		bottom: 0;
		transform: rotate(-90deg);
		transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.navbar-nav.menu {
		clear: both;
		display: none;
		& > li {
			& > a {
				font-weight: 400;
				padding: 10px 15px;
				border-bottom: 1px solid #d0d0d0;
			}
			&:last-child {
				& > a {
					border-bottom: 1px solid transparent;
				}
			}
			&.menu-open {
				& > a {
					border-bottom: 1px solid #d0d0d0;
				}
			}
			&.active > a {
				color: $light;
				border-bottom: 1px solid $light;
			}
			& .subToggle {
				top: 0;
				right: 0;
				width: 40px;
				height: 40px;
				cursor: pointer;
				/* background: #F9F; */
				position: absolute;
				&:before, &:after {
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					width: 16px;
					height: 2px;
					content: '';
					margin: auto;
					background: #333;
					position: absolute;
					@include transition(300ms);
				}
				&:after {
					@include rotate(90deg);
				}

			}
			&.menu-open {
				& .subToggle {
					&:before {
						@include rotate(180deg);
					}
					&:after {
						@include rotate(180deg);
					}
				}
			}
			& .sub-menu {
				padding: 0;
				display: none;
				list-style: none;
				& li {
					display: block;
					& a {
						display: block;
						font-size: 16px;
						padding: 4px 18px;
						text-decoration: none;
						border-bottom: 1px solid #d0d0d0;
						&:hover {
							background: #F9F9F9;
						}
						&:before {
							content: '- ';
						}
					}
				}
			}
		}
	}
	.shrink {
		& .hamburger {
			margin: 5px 0;
		}
		& .navbar-nav.menu {
			& > li {
				& > a {
					padding: 10px 15px;
				}
			}
		}
	}
	.mainSection .section-area .section-content .section-description {
		padding: 0 0px;
	}
	.section-description h1 {
		font-size: 24px;
		line-height: 32px;
	}

	.col-xsm-6 {
		width: 50%;
	}

	footer ul.footer-icons, footer .copyTerms {
		text-align: center;
	}
	footer .copyTerms p {
		font-size: 11px;
		margin-bottom: 6px;
	}
	.page-banner h1 {
		font-size: 24px;
	}
	.management-desc {
		padding: 20px 0;
		& > p {
			font-size: 14px;
		}
	}
	.management-points h3 {
		line-height: 24px;
	}
	.team-item .teamDesc {
		bottom: 0;
		float: left;
		width: 100%;
		position: static;
	}
	.team-item .teamDesc p {
		height: auto;
		overflow: hidden;
	}
	.vision-content {
		padding: 40px 10px;
	}
}
@include mediaScreen($maxWidth,$xs){ /* max 560px */
	.col-xsm-6 {
		width: 100%;
	}
}