@media only screen and (max-width: 1799px) {

}

@media only screen and (max-width: 1599px) {
	#main-cntr { padding-top: 219px; }  
	
	.header-bar .logo { margin: 20px auto 0px; width: 300px; }
	.hero_sec .logo { width: 400px; top: 50px; }
	
	.intro-bar { padding: 200px 0px 300px; }
	
	
}  

@media only screen and (max-width: 1299px) {
	#main-cntr { padding-top: 170px; }
	.wrapper { padding: 0px 20px; }
	
	.header-bar { padding: 0px 0px 20px; }
	.top-bar { padding: 15px 0px; }
	.top-bar p { font-size: 17px; }
	.header-bar .logo { margin: 15px auto 0px; width: 250px; }
	.hero_sec .logo { top: 42px; width: 360px; }
	
	.header-bar.show .logo { margin-top: 12px; width: 220px; }
	
	.info-bar { padding: 38px 0px 26px; }
	.info-bar h1, .info-bar h2 { padding-bottom: 15px; }
	.info-bar p { padding-bottom: 24px; font-size: 16px; line-height: 26px; }
	
	.info2-bar p { padding-bottom: 20px; font-size: 16px; line-height: 26px; }
	
	.info2-bar .images { gap: 18px; }
	.info2-bar .images .bottom { padding-top: 14px; gap: 14px; }
	
	.info2-bar .box { padding: 30px 20px; margin-top: 25px; }
	.info2-bar .box p { font-size: 16px; line-height: 26px; }
	.info2-bar .box .copyright { font-size: 12px; line-height: 16px; }
	
	.list-bar { padding: 50px 0px 0px; }
	.list-bar .list { gap: 20px; }
	.list-bar .list .img { width: calc(50% - 10px); }
	.list-bar .list .img .text { padding: 22px 20px 20px; }
	.list-bar .list .img .text p { font-size: 16px; line-height: 24px; }
	
	.intro-bar { padding: 150px 0px 220px; }
	.intro-bar .text { padding: 50px 0px 25px; }
	.intro-bar h2 { padding-bottom: 22px; }
	.intro-bar p { padding-bottom: 20px; font-size: 16px; line-height: 22px; }
	
	.page-footer .info2-bar .logo { margin: 20px auto 25px; width: 320px; }
	
	.page-footer .top-bar { padding: 15px 0px; }
	.page-footer .top-bar p { font-size: 16px; }
	
	.bodywrap { padding-bottom: 460px; }
	.page-footer.v2 { margin-top: -460px; }
}

@media only screen and (max-width: 1023px) {
	#main-cntr { padding-top: 153px; }
	
	.header-bar { padding: 0px 0px 20px; }
	.top-bar { padding: 13px 0px; }
	.top-bar p { font-size: 15px; }
	.header-bar .logo { margin: 15px auto 0px; width: 220px; }
	
	.header-bar.show .top-bar { padding: 12px 0px; }
	.header-bar.show .logo { margin-top: 10px; width: 180px; }
	
	.hero_sec { border-top-width: 15px; }
	.hero_sec .logo { top: 30px; width: 300px; }
	
	.info-bar { padding: 32px 0px 16px; }
	.info-bar h1, .info-bar h2 { padding-bottom: 12px; font-size: 20px; line-height: 30px; letter-spacing: 0px; }
	.info-bar p { padding-bottom: 20px; font-size: 15px; line-height: 22px; }
	.info-bar p br { display: none; }
	
	.info2-bar p { padding-bottom: 20px; font-size: 15px; line-height: 22px; }
	.info2-bar .logo { width: 150px; }
	.info2-bar .images { gap: 12px; }
	.info2-bar .images .bottom { padding-top: 12px; gap: 12px; }
	
	.info2-bar .box { padding: 30px 20px; margin-top: 25px; }
	.info2-bar .box .logo { margin: 0px 0px 15px; width: 200px; }
	.info2-bar .box p { font-size: 15px; line-height: 22px; }
	.info2-bar .box .copyright { font-size: 10px; line-height: 14px; }
	
	.list-bar { padding: 50px 0px 0px; }
	.list-bar .list { gap: 14px; }
	.list-bar .list .img { width: calc(50% - 7px); }
	.list-bar .list .img .text { padding: 20px 15px 18px; }
	.list-bar .list .img .text p { font-size: 14px; line-height: 20px; }
	
	.intro-bar { padding: 120px 0px 180px; }
	.intro-bar .text { padding: 38px 0px 20px; }
	.intro-bar h2 { padding-bottom: 20px; }
	.intro-bar p { padding-bottom: 15px; font-size: 15px; line-height: 22px; }
	.intro-bar p br { display: none; }
	
	.page-footer .info2-bar { padding: 20px 0px 30px; }
	.page-footer .info2-bar .logo { margin: 20px auto 25px; width: 280px; }
	.page-footer .info2-bar p br { display: none; }
	.page-footer .design_by { padding: 20px 0px 3px; }
	
	.page-footer .top-bar { padding: 15px 0px; }
	.page-footer .top-bar p { font-size: 16px; }
	
	.bodywrap { padding-bottom: 422px; }
	.page-footer.v2 { margin-top: -422px; }
}

@media only screen and (max-width: 767px) {
	#main-cntr { padding-top: 137px; }
	
	.header-bar { padding: 0px 0px 20px; }
	.top-bar { padding: 13px 0px; }
	.top-bar p { font-size: 13px; }
	.header-bar .logo { margin: 15px auto 0px; width: 180px; }
	
	.header-bar.show .top-bar { padding: 12px 0px; }
	.header-bar.show .logo { margin-top: 10px; width: 160px; }
	
	.hero_sec { border-top-width: 10px; }
	.hero_sec .logo { top: 20px; width: 180px; }
	
	.info-bar { padding: 32px 0px 16px; }
	.info-bar h1, .info-bar h2 { padding-bottom: 12px; font-size: 18px; line-height: 28px; letter-spacing: 0px; }
	.info-bar p { padding-bottom: 20px; font-size: 14px; line-height: 20px; }
	.info-bar p br { display: none; }
	
	.info2-bar h2 { font-size: 17px; }
	.info2-bar h3 { font-size: 17px; }
	.info2-bar p { padding-bottom: 20px; font-size: 15px; line-height: 22px; }
	.info2-bar p a { padding-bottom: 2px; }
	.info2-bar .logo { width: 150px; }
	.info2-bar .images { gap: 12px; flex-wrap: wrap; }
	.info2-bar .images .left { width: 100%; }
	.info2-bar .images .right { width: 100%; }
	.info2-bar .images .bottom { padding-top: 12px; gap: 12px; }
	
	.info2-bar .box { padding: 30px 20px; margin: 25px -20px 0px; }
	.info2-bar .box .logo { margin: 0px 0px 15px; width: 160px; }
	.info2-bar .box p { font-size: 14px; line-height: 20px; }
	.info2-bar .box .copyright { font-size: 10px; line-height: 14px; }
	
	.list-bar { padding: 35px 0px 0px; }
	.list-bar h2 { padding-bottom: 20px; font-size: 19px; }  
	.list-bar .list { gap: 14px; }
	.list-bar .list .img { width: calc(100% - 0px); }
	.list-bar .list .img .text { padding: 20px 15px 18px; }
	.list-bar .list .img .text p { font-size: 14px; line-height: 20px; }
	
	.intro-bar { padding: 80px 0px 150px; }
	.intro-bar .text { padding: 38px 0px 20px; }
	.intro-bar h2 { padding-bottom: 20px; font-size: 17px; }
	.intro-bar p { padding-bottom: 15px; font-size: 14px; line-height: 20px; }
	.intro-bar p br { display: none; }
	
	.page-footer .info2-bar { padding: 20px 0px 30px; }
	.page-footer .info2-bar .logo { margin: 20px auto 25px; width: 240px; }
	.page-footer .info2-bar p br { display: none; }
	.page-footer .design_by { padding: 20px 0px 3px; }
	.page-footer .info2-bar .social a { width: 42px; height: 42px; }
	.page-footer .info2-bar .social a img { width: 18px; }
	
	.page-footer .top-bar { padding: 15px 0px; }
	.page-footer .top-bar p { font-size: 13px; }
}