@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.container { max-width: calc(100% - 80px); }
	.headerin .logo { width: 170px; }
	.headerin .navi ul li { font-size: 15px; margin-left: 26px; }
	.bannerBottom .innerleft { width: 100%; padding: 10px 30px 10px 57px; }
	.bannerBottom .innerright { width: 100%; padding: 20px 57px 20px 30px; }
	.es-section3 .item.one .ess1 { justify-content: left; }
	.es-section3 .item.one .ess1 .ess12 { width: 100%; padding-left: 80px; font-size: 13px; }
	.es-section3 .innerLeft { float: none; width: 100%; padding: 0 30px 0 80px; }
	.es-section3 .item.two .ess2 .ess22 { width: 100%; padding-right: 80px; font-size: 13px; }
	.es-section3 .innerRight { width: 100%; padding: 0 80px 0 30px; }
	.es-section2 .textureBox { width: 1080px }
	.da-section1 { height: 318px; }
	.da-section1 .daItem .innerleft { width: 100%; float: none; padding: 20px 80px 20px 52px; }
	.da-section1 .daItem .innerright { width: 100%; padding-right: 60px; }
	.da-section1 .polygon { left: -73px; }
	.da-section1 .daItem .innerleft .das1 p { font-size: 13px; line-height: 13px; }
	.da-section1 .daItem .innerleft h4 { font-size: 13px; margin-bottom: 13px; }
	.da-section1 .cocaine { width: 115px; left: -58px; bottom: -16px; }
	.da-section1 .daItem .innerleft .das1 { min-height: 92px; }
	.es-section1 h3, .es-section1 .blocks { padding: 0 70px; }
	.isi-sticky { padding: 20px 0; }
	.isi-content p { margin: 0 0 15px 0; font-size: 13px; }
	.isi-content h2 { font-size: 13px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) { 
	.container { max-width: calc(100% - 80px); }
	.headerin .logo { width: 140px; }
	header .top .right ul li { font-size: 13px; }
	.headerin .navi ul li { font-size: 13px; margin-left: 13px; }
	.bannerBottom .innerleft { width: 100%; padding: 10px 30px 10px 57px; }
	.bannerBottom .innerright { width: 100%; padding: 20px 57px 20px 30px; }
	.home-banner h1 { width: 390px; line-height: 66px; font-size: 80px; }
	.home-banner h1 span { font-size: 48px; }
	.bannerBottom .innerright img { width: 175px; }
	.es-section2 .textureBox { width: 900px; }
	.es-section3 .item.one .ess1 { justify-content: left; }
	.es-section3 .item.one .ess1 .ess12 { width: 100%; padding-left: 80px; font-size: 13px; }
	.es-section3 .innerLeft { float: none; width: 100%; padding: 0 30px 0 80px; }
	.es-section3 .item.two .ess2 .ess22 { width: 100%; padding-right: 80px; font-size: 13px; }
	.es-section3 .innerRight { width: 100%; padding: 0 80px 0 30px; }

	.page-banner, .term-banner { height: 330px; }
	.page-banner h1, .term-banner h1 { font-size: 80px; line-height: 70px; }
	.da-section1 { grid-template-columns: 1fr; }
	.da-section1 .daItem .innerleft { width: 100%; float: none; padding: 20px 180px 20px 52px; }
	.da-section1 .daItem .innerright { width: 100%; padding-right: 60px; }
	.da-section1 .polygon { left: -73px; }
	.da-section1 .daItem .innerleft .das1 p { font-size: 13px; line-height: 13px; }
	.da-section1 .daItem .innerleft h4 { font-size: 13px; margin-bottom: 13px; }
	.da-section1 .cocaine { width: 115px; left: -58px; }
	.da-section1 .daItem .innerleft .das1 { min-height: 92px; }
	.da-section1 .polygon { display: none; }
	.da-section1 .cocaine { width: 115px; left: auto; right: 30px; top: -300px; bottom: auto; }
	.da-section1 .daItem .innerright { padding: 30px 60px 30px 0; }
	.resources-section .item h3 { font-size: 16px; }
	.resources-section .item a { font-size: 15px; }
	.es-section1 h3, .es-section1 .blocks { padding: 0; }
	header .top .right .searchBox { top: -3px; }
	.search-section .resultList li { padding: 20px; }
	.isi-heading h2, .isi-content h2 { font-size: 13px; }
	.isi-content p { margin: 0 0 20px 0; font-size: 13px; }
	.isi-sticky { padding: 10px 0; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container { max-width: calc(100% - 80px); }
	header .top { position: absolute; top: 10px; right: 15px; }
	.headerin .navi { float: none; padding-top: 15px; }
	.headerin .logo { width: 140px; }
	header .top .right ul li { font-size: 12px; }
	.headerin .navi ul li { font-size: 12px; margin-left: 0px; margin-right: 10px; }
	.bannerBottom .innerleft { width: 100%; padding: 10px 30px 10px 57px; }
	.bannerBottom .innerright { width: 100%; padding: 20px 57px 20px 30px; grid-template-columns: auto 140px auto; font-size: 12px; }
	.home-banner h1, .term-banner h1 { width: 390px; line-height: 66px; font-size: 80px; }
	.home-banner h1 span { font-size: 48px; }
	.bannerBottom .innerright img { width: 105px; }
	.isi-content p,.isi-content h2, .isi-content ol li { font-size: 13px; }
	.isi-content ol li { padding-left: 10px; }
	footer .footerlogo { width: 120px; }
	.es-section2 { padding: 40px 0; }
	.es-section2 .textureBox { width: auto; margin: 20px; padding: 40px; }
	.es-section3 { grid-template-columns: 1fr; }
	.es-section3 .item.one .ess1 { justify-content: left; margin-bottom: 0; }
	.es-section3 .item.one .ess1 .ess12 { width: 100%; padding-left: 30px; font-size: 13px; }
	.es-section3 .innerLeft { float: none; width: 100%; padding: 30px; }
	.es-section3 .item.two .ess2 { margin-bottom: 0; }
	.es-section3 .item.two .ess2 .ess22 { width: 100%; padding-right: 80px; font-size: 13px; }
	.es-section3 .innerRight { width: 100%; padding: 30px; }
	.es-section3 .innerLeft .graph { text-align: left; }
	.page-banner { height: 330px; }
	.page-banner h1 { font-size: 80px; line-height: 70px; }
	.term-banner h1 { font-size: 80px; line-height: 70px; width: auto; }
	.da-section1 { grid-template-columns: 1fr; }
	.da-section1 .daItem .innerleft { width: 100%; float: none; padding: 20px 180px 20px 52px; }
	.da-section1 .daItem .innerright { width: 100%; padding-right: 60px; }
	.da-section1 .daItem .innerleft .das1 p { font-size: 13px; line-height: 13px; }
	.da-section1 .daItem .innerleft h4 { font-size: 13px; margin-bottom: 13px; }
	.da-section1 .cocaine { width: 115px; left: -58px; }
	.da-section1 .daItem .innerleft .das1 { min-height: 92px; }
	.da-section1 .polygon { display: none; }
	.da-section1 .cocaine { width: 115px; left: auto; right: 30px; top: -300px; bottom: auto; }
	.da-section1 .daItem .innerright { padding: 30px 60px 30px 0; }
	.resources-section .item h3 { font-size: 16px; width: auto; }
	.resources-section .item a { font-size: 15px; }
	.contactinfo .info { display: block; }
	.contactinfo .info div { margin: 5px 0; }
	.es-section2 .textureBox ul li { font-size: 14px; }
	.es-section1 h3, .es-section1 .blocks { padding: 0; }
	.es-section1 .blocks .b { padding: 0 15px; }
	.isi-heading h2 { font-size: 13px; }
	.isi-content p { margin: 0 0 20px 0; }
	.isi-sticky { padding: 10px 0; }
	header .top .right .searchBox { top: -3px; }
	.search-section .resultList li { padding: 20px; }
	.search-section .resultList { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
	.hamburger { display: block; }
	.headerin .navi ul li.current-menu-item a { color: #62efcb; }
	.headerin .navi { float: none; padding-top: 70px; position: fixed; left: -100%; width: 300px; height: 100vh; top: 0; background-color: #000; z-index: 9; transition: all 0.3s ease-in-out; }
	.headerin .navi.open { left: 0; }
	.headerin .navi ul li { display: block; }
	.headerin .navi ul li a { display: block; padding: 10px 0; color: #fff; }
	header { height: 106px; }
	.headerin .logo { position: absolute; top: -10px; left: 15px; width: 160px; z-index: 1; }
	header .top .right ul li { font-size: 13px; }
	header .top .right { position: relative; top: 10px; }
	.hbmobile { display: block; margin-bottom: 40px; }
	.home-banner { background: none !important; padding-top: 0; }
	.home-banner h1 { width: 100%; font-size: 65px; line-height: 56px;  }
	.home-banner h1 span { font-size: 33px; line-height: 30px; }
	.bannerBottom { display: block; margin-top: 40px; }
	.bannerBottom .innerleft { width: 100%; padding: 20px; }
	.bannerBottom .innerright { width: 100%; display: block; padding: 20px; }
	.bannerBottom .innerright div { display: block; width: 100%; margin: 30px 0; }
	.bannerBottom .innerright .three img { width: 58px; }
	.isi-heading h2 { font-size: 12px; }
	.isi-content p,.isi-content h2, .isi-content ol li { font-size: 11px; }
	.isi-content ol li { padding-left: 10px; }
	footer .footerlogo { width: 120px; margin-right: 20px; }
	footer .copyright { margin-left: 0; }
	footer .footermenu { float: left; }
	footer .footermenu ul li { margin-left: 0; margin-right: 10px; }

	.page-banner, .term-banner { height: auto; padding: 60px 0; }
	.page-banner h1, .term-banner h1 { width: auto; font-size: 40px; line-height: 40px; }
	.es-section2 { padding: 30px 0; }
	.es-section2 .textureBox ul li { font-size: 13px; }
	.es-section2 .textureBox { width: auto; padding: 30px; margin: 20px; }
	.es-section3 { display: block; }

	.es-section3 .item.one .ess1 { justify-content: left; margin-bottom: 0; }
	.es-section3 .item.one .ess1 .ess12 { width: 100%; padding-left: 30px; font-size: 13px; }
	.es-section3 .innerLeft { float: none; width: 100%; padding: 30px; }
	.es-section3 .item.two .ess2 { margin-bottom: 0; }
	.es-section3 .item.two .ess2 .ess22 { width: 100%; padding-right: 80px; font-size: 13px; }
	.es-section3 .innerRight { width: 100%; padding: 30px; }
	.es-section3 .innerLeft .graph { text-align: left; }
	.es-section3 .innerRight .tableBox table th { font-size: 11px; }
	.es-section3 .innerRight .tableBox table td.blue { font-size: 12px; }

	.da-section1 { grid-template-columns: 1fr; }
	.da-section1 .daItem .innerleft { width: 100%; float: none; padding: 20px; }
	.da-section1 .daItem .innerright { width: 100%; padding: 20px 20px 20px 0; }
	.da-section1 .daItem .innerleft .das1 p { font-size: 13px; line-height: 13px; }
	.da-section1 .daItem .innerleft h4 { font-size: 13px; margin-bottom: 13px; }
	.da-section1 .daItem .innerleft .das1 { min-height: 92px; }
	.da-section1 .polygon { display: none; }
	.da-section1 .cocaine { width: 85px; left: 20px; right: auto; top: 0; bottom: auto; position: relative; padding-top: 20px; }
	.da-section1 .daItem .innerright p { padding-left: 20px;  }
	.da-section1 .daItem .innerright h2 { padding: 3px 8px 3px 20px; }
	.da-section1 .daItem .innerleft .das1 img { float: none; margin: 20px 0; }
	.distribution-section table { width: 100%; margin: 30px 0; }
	.distribution-section table th, .distribution-section table td { font-size: 11px; }
	.resources-section { display: block; }
	.resources-section .item h3 { font-size: 16px; width: auto; }
	.resources-section .item a { font-size: 15px; }
	.contactinfo .info { display: block; margin-left: 20px; width: auto; font-size: 13px; }
	.contactinfo .info div { margin: 5px 0; }
	.es-section1 h3 { padding: 0; }
	.es-section1 .blocks { padding: 0; display: block; }
	.es-section1 .blocks .b { padding: 0 15px; border-bottom: 1px solid #28334A; border-right: 0; margin-bottom: 20px; }
	.es-section1 .blocks .b:last-child { border: 0; }
	.isi-content p { margin: 0 0 10px 0; }
	.isi-sticky { padding: 10px 0; }
	header .top .right .searchBox { width: 160px; top: -3px; }
	.search-section .resultList li { padding: 20px; }
	.search-section .resultList { grid-template-columns: 1fr; }

}