@media(max-width: 2000px){
	.banner-gallery-inside {
		padding: 0 0 0 18%;
	}

	.banner-info-inside {
		padding: 0 6% 0 18%;
	}
}

@media(max-width: 1800px){
	body {
		font-size: 16px;
		line-height: 24px;
	}

	h2{
		font-size: 40px;
		line-height: 40px;
	}

	.banner-title h2 span{
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 0px;
	}

	.banner-title h2{
		font-size: 100px;
		line-height: 100px;
	}

	.logo a {
		font-size: 35px;
		line-height: 35px;
	}

	.logo{
		max-width: 230px;
	}

	.header-part {
		padding: 35px 100px;
	}

	.space-both-side {
		padding: 200px 113px 60px 113px;
	}

	.link-round-next {
		width: 140px;
		height: 140px;
		font-size: 20px;
		line-height: 20px;
	}

	.link-round-next i{
		font-size: 30px;
	}

	.footer-part{
		padding: 0 125px;
	}

	.banner-popup .banner-title{
		margin-top: 28px;
	}

	.banner-popup .banner-popup-title {
		padding-left: 100px;
		padding-right: 100px;
	}

	.banner-gallery-inside {
		padding: 0;
	}

	.banner-info-inside {
		padding: 0 6% 0 8.4%;
	}

	.banner-gallery-row .link-round-next {
		left: 50px;
		top: -100px;
	}
}

@media(max-width: 1600px){
	.banner-gallery-blog strong {
		font-size: 14px;
		line-height: 14px;
		margin-right: 10px;
		vertical-align: top;
	}

	h3{
		font-size: 24px;
		line-height: 32px;	
	}
}

@media(max-width: 1500px){
	.banner-title h2 span{
		font-size: 40px;
		line-height: 40px;
	}

	.banner-title h2{
		font-size: 90px;
		line-height: 90px;
	}

	.banner-gallery-blog a {
    	max-width: 60%;
	}

	.banner-gallery-row.banner-gallery-row-2{
		margin-top: -85px;
	}

	.banner-gallery-blog.text-right.banner-gallery-second {
    	margin-right: 252px;
	}

	.banner-gallery-row.banner-gallery-row-3{
		margin-top: -77px;
	}

	.banner-gallery-blog.text-right.banner-gallery-third a {
    	max-width: 64.5%;
	}

	.banner-gallery-blog.text-right.banner-gallery-first a {
    	max-width: 62.8%;
	}

	.close-pop{
		font-size: 55px;
	}
}

@media(max-width: 1400px){
	h2{
		font-size: 30px;
		line-height: 30px;
	}

	.footer-part{
		padding: 0 50px;
	}

	.space-both-side {
    	padding: 200px 50px 60px 50px;
	}	

	.header-part {
    	padding: 25px 50px;
	}
}

@media(max-width: 1360px){
	.banner-gallery-blog a {
    	max-width: 50%;
	}

	.banner-gallery-row.banner-gallery-row-2{
		margin-top: -69px;
	}

	.banner-gallery-blog.text-right.banner-gallery-second {
    	margin-right: 230px;
	}

	.banner-gallery-row.banner-gallery-row-3 {
    	margin-top: -45px;
	}

	.banner-gallery-blog.text-right.banner-gallery-third a {
    	max-width: 57.5%;
	}

	.banner-gallery-blog.text-right.banner-gallery-first a {
    	max-width: 55.8%;
	}

	.banner-gallery-row .link-round-next {
		left: 90px;
		top: -100px;
	}

	.close-pop{
		font-size: 45px;
	}
}

@media(max-width: 1180px){
	h2{
		font-size: 30px;
		line-height: 30px;
	}

	.footer-part{
		padding: 0 25px;
	}

	.space-both-side {
    	padding: 200px 25px 60px 25px;
	}	

	.header-part {
    	padding: 25px;
	}

	.footer-left li{
		margin-right: 15px;
	}

	.footer-right li a:after {
	    content: "|";
	    margin: 0 2px 0 8px;
	}	

	.banner-gallery-wrap {
	    display: flex;
	    flex-wrap: wrap;
	    margin: 0 -10px;
	}

	.banner-gallery-row {
	    max-width: 50%;
	    flex: 0 0 50%;
	    padding: 0 10px;
	    margin-top: 25px !important;
	}

	.banner-gallery-blog {
	    display: block;
	    white-space: normal;
	    justify-content: right;
	    text-align: left;
	}

	.banner-gallery-blog a{
		max-width: 100% !important;
	}

	.banner-gallery-blog.text-right.banner-gallery-second{
		margin-right: 0px;
	}

	.banner-gallery-row.banner-gallery-row-2 {
    	margin-top: 0;
	}

	.banner-gallery-row.banner-gallery-row-3 {
    	margin-top: 0;
	}

	.banner-gallery-row-3 .banner-gallery-blog span {
    	vertical-align: top;
	}

	.banner-gallery-inside {
    	padding: 0 10px;
	}

	.banner-popup .banner-popup-title {
	    padding-left: 40px;
	    padding-right: 40px;
	}

	.banner-gallery-blog.banner-gallery-second .link-round-next{
		display: none;
	}

	.banner-gallery-row-4{
		display: block;
	}

	.banner-gallery-row-4.banner-gallery-row .link-round-next{
		position: relative;
		top: 0px;
		left: 0px;
	}

	.banner-gallery-row-4 {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.banner-gallery-row-3 .banner-gallery-blog strong {
		vertical-align: top;
	}

	.full-pop .banner-info-wrap {
		padding: 0 25px;
	}

	.full-pop .banner-info-wrap .banner-info-inside {
		padding: 0px 10px;
	}
}

@media(max-width: 1080px){
	.footer-part{
		font-size: 13px;
		line-height: 20px;
	}

	.banner-title h2 span{
		font-size: 30px;
		line-height: 30px;
	}

	.banner-title h2{
		font-size: 65px;
		line-height: 65px;
	}

	.logo a {
		font-size: 30px;
		line-height: 30px;
	}

	.logo {
		max-width: 200px;
	}
}

@media(max-width: 900px){
	.footer-part{
		font-size: 12px;
		line-height: 20px;
	}

	.close-pop{
		font-size: 35px;
	}
}

@media(max-width: 850px){
	.footer-inner{
		display: block;
		text-align: center;
	}

	.footer-left , .footer-right{
		width: 100%;
	}

	.banner-title h2{
		font-size: 60px;
		line-height: 60px;
	}
}

@media(max-width: 767px){
	.banner-part{
		height: auto;
	}

	.footer-part{
		position: relative;
		padding-top: 25px;
		padding-bottom: 25px;
		bottom: 0px;
		top: 0px;
	}

	body {
		font-size: 14px;
		line-height: 22px;
	}

	.banner-right-col.space-both-side {
    	padding-top: 60px;
	}

	.banner-popup {
		height: 100vh;
    	padding: 50px 0px;
		position: fixed;
	}

	h3{
		font-size: 22px;
		line-height: 30px;	
	}

	.banner-info-inside{
		padding: 0 15px;
	}

	.banner-popup .banner-popup-title {
	    padding-left: 20px;
	    padding-right: 20px;
	}
}

@media(max-width: 576px){
	.logo a {
		font-size: 22px;
		line-height: 22px;
	}

	.logo {
		max-width: 145px;
	}

	.full-pop .banner-info-wrap {
		padding: 0 15px;
	}
}

@media(max-width: 365px){
	.banner-title h2{
		font-size: 50px;
		line-height: 50px;
	}

	.banner-title h2 span {
		font-size: 25px;
		line-height: 25px;
	}
}