/* lg */
@media (max-width: 1360px) {
	.logo {
		max-width: 250px;
	}
}
/* lg */
@media (max-width: 1200px) {
	.logo {
		max-width: 250px;
	}
}
@media (min-width: 1199px) and (max-width: 1920px) {
	#navbarNavDropdown .dropdown-menu {
		-webkit-animation: fadeInUp 400ms;
		animation: fadeInUp 400ms;
	}
	.team .card {
		margin-bottom: 30px;
		min-height: 800px;
	}
}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.logo {
		max-width: 200px;
	}
	.navbar-nav .nav-link {
		font-size: 13px;
	}
	
	.cameraContents h2 {
		font-size: 26px;
		line-height: 30px;
		margin: 8px auto;
	}
	.cameraContents h3 {
		font-size: 16px;
		margin: 5px auto;
		line-height: 20px;
	}
	.cameraContents p {
		font-size: 14px;
		line-height: 16px;
	}
	.display-5 {
		font-size: 28px;
		font-weight: 700;
		line-height: 1.5;
	}
	#footer {
		font-size: 13px;
	}
	.team .card {
		margin-bottom: 30px;
		min-height: 800px;
	}
}
/******************************************* sm ****************************************************/
@media (max-width: 991px) {
	h1 {
		font-size: 36px;
		line-height: 46px;
	}
	h2 {
		font-size: 34px;
		line-height: 44px;
	}
	.display-5 {
		font-size: 28px;
		font-weight: 700;
		line-height: 1.5;
	}
	.sub_header {
		padding: 60px 0 22px 0;
		max-width: 1400px;
		margin: auto;
		position: relative;
	}
	.navbar-nav li:not(:last-child):after {
		content: '';
		position: relative;
		display: block;
		padding-right: 8px;
		border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	}
	#banner {
		overflow: hidden;
		background-color: #FFF;
		min-height: 250px;
	}
	.camera_caption {
		background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
		top: 15%;
		padding: 15px;
		max-width: 320px;
	}
	.camera_caption2 {
		background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
		top: 15%;
		padding: 15px;
		max-width: 320px;
	}
	.cameraContents h2 {
		font-size: 26px;
		line-height: 30px;
		margin: 8px auto;
	}
	.cameraContents h3 {
		font-size: 18px;
		margin: 5px auto;
		line-height: 20px;
	}
	.cameraContents p {
		font-size: 14px;
		line-height: 16px;
	}
	.section-title:before, .page-banner .section-title:before {
		display: none;
		background-image: none;
		margin-right: 1px;
	}
	.section-title:after, .page-banner .section-title:after {
		display: none;
		background-image: none;
		margin-left: 1px;
	}
	.about-title, .section-title {
		margin-bottom: 0 !important;
	}
	#about {}
	.page-banner .section-title {
		font-size: 40px;
		line-height: 46px;
	}
}
/******************************************** xs *********************************************************/
@media (max-width: 768px) {
	.display-5 {
		font-size: 28px;
		font-weight: 700;
		line-height: 1.5;
	}
	.logo {
		margin: 0;
		max-width: 200px;
	}
	.table td {
		font-size: 16px;
	}
	#banner {
		overflow: hidden;
		background-color: #FFF;
		min-height: 250px;
	}
	.camera_caption {
		background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
		top: 25%;
		left: 10% !important;
		max-width: 320px;
	}
	.camera_caption2 {
		background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
		top: 25%;
		left: 10% !important;
		max-width: 320px;
	}
	.cameraContents h2 {
		font-size: 24px;
		margin: 8px auto;
	}
	.cameraContents h3 {
		font-size: 16px;
		margin: 5px auto;
		line-height: 20px;
	}
	.cameraContents p {
		font-size: 14px;
		line-height: 16px;
	}
	#footer .list-inline.mt-5 {
		margin-top: 15px !important;
	}
	p.lead-xs {
		font-size: 0.9rem;
	}
	.footer-links {
		min-height: 80px;
		padding: 50px 0;
	}
	.footer-rights {
		min-height: 5px;
		padding: 5px 0;
	}
}
/**************************************** XS Portrait **********************************/
@media (max-width: 480px) {
	.display-5 {
		font-size: 28px;
		font-weight: 700;
		line-height: 1.5;
	}
	section {
		padding: 80px 0 !important;
	}
	#header {
		margin-bottom: 0px;
	}
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 22px;
		font-weight: 400;
		line-height: 24px;
	}
	h4 {
		font-size: 20px;
		font-weight: normal;
		text-decoration: none;
		margin-bottom: 22px;
	}
	h5 {
		font-size: 18px;
		font-weight: normal;
		text-decoration: none;
		margin-bottom: 20px;
	}
	h6 {
		font-size: 15px;
		font-weight: normal;
		text-decoration: none;
		line-height: 24px;
		margin-bottom: 18px;
	}
	p {
		font-size: 15px;
		margin-bottom: 20px;
		line-height: 24px;
	}
	.h2 {
		font-size: 22px;
		font-weight: 400;
		line-height: 24px;
	}
	.logo {
		margin: 0;
		max-width: 200px;
	}
	#banner {
		min-height: 100%;
	}
	.camera_caption {
		background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
		top: 25px;
		left: 15px !important;
		max-width: 310px;
	}
	.camera_caption2 {
		background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
		top: 25px;
		left: 15px !important;
		right: auto !important;
		max-width: 320px;
	}
	.cameraContents h2 {
		font-size: 16px;
		margin: 5px auto;
		line-height: 20px;
	}
	.cameraContents h3 {
		font-size: 16px;
		margin: 5px auto;
		line-height: 20px;
	}
	.cameraContents hr {
		margin: 5px auto;
	}
	.cameraContents a {
		font-size: 13px;
		line-height: 15px;
	}	
	.cameraContents p {
		font-size: 13px;
		line-height: 15px;
		margin-bottom: 5px;
	}
	.cameraContents .btn {
		padding: 7px 10px;
		font-size: 13px;
	}
	.camera_prev {
		opacity: 0.3;
	}
	.camera_next {
		opacity: 0.3;
	}
	/*********************** *********Inner Pages Style  ******************************/
	.page-header {
		padding: 0 !important;
		margin: 0;
	}
	.page-banner .section-title {
		font-size: 32px;
		line-height: 36px;
	}
	.page-content {
		padding: 25px;
	}
	#footer .list-inline {
		text-align: center !important;
	}
	#footer .social-media.text-right {
		text-align: center !important;
	}
	.footer-links .text-left, .footer-links .text-right {
		text-align: center !important;
	}
	.footer-links {
		min-height: 80px;
		padding: 50px 0!important;
	}
	.footer-rights {
		min-height: 5px;
		padding: 5px 0!important;
	}
}