@media(min-width: 2200px){
	.logo-container.container { max-width: 1200px; }
}
@media(max-width: 1200px){
	/* ----- Blog page ----- */
	.artical-wrap p { padding-right: 0; } 
	.artical-detail-page .right-artical-info h1 { font-size: 40px; }
	.artical-detail-page .left-article-image { width: 35%; }
	.artical-detail-page .right-artical-info { width: 65%; }

	.artical-wrapper .pagetitle, .artical-section { width: 72%; }
	.blog-right-section { width: 28%; }

	/* ----- /Blog page ----- */
}
@media(max-width: 1024px){
	/* ----- Blog page ----- */
	.show-text-mobile { display: block; }
	.artical-wrapper .pagetitle, .artical-section,
	.blog-right-section,
	.artical-detail-page .left-article-image,
	.artical-detail-page .right-artical-info { width: 100%; }
	.artical-detail-page .left-article-image { width: 40%; }
	.artical-detail-page .right-artical-info { width: 60%; padding-left: 40px; }
	.blog-right-section { position: fixed; bottom: 0; left: 0; z-index: 1000; background-color: #0F1548; border-radius: 10px 10px 0 0; }
	.blog-right-section .step-box { margin: 0; max-width: 100%; border-radius: 0; background-color: transparent; }
	.blog-right-section .step-box h3 { background-color: transparent; display: none; }
	.blog-right-section .step-box h4 { display: none; }
	.blog-right-section .step-box .show-text-mobile h4 { display: block; text-align: center; color: #fff; padding-bottom: 10px; padding-top: 0px; font-size: 18px; font-weight: 500; }
	.blog-right-section .submit-btn input:disabled ,
	.blog-right-section .submit-btn button:disabled {background: #835524 !important; cursor: no-drop; }
	.blog-right-section .right-post-code { padding-top: 0; }
	.article-page { padding-bottom: 170px; }
	.right-post-code { padding: 17px 32px 15px; }
	.artical-wrapper .step-box { margin-left: 0; margin-top: 15px; max-width: 100%; }
	/*.artical-wrap > article:last-child { padding-bottom: 0; border-bottom: none; }*/
	.artical-wrapper { padding-bottom: 18px; }
	.more-post-link,
	.post-navigation { padding-top: 20px; display: block; }
	.more-article { display: none; }

	/* ----- /Blog page ----- */
}
@media(max-width: 991px){
	h1 { font-size: 34px; }
	/* ----- Blog page ----- */
	.artical-section,
	.artical-wrapper .pagetitle,
	.blog-right-section { width: 100%; margin: 0; max-width: 100%; }
	
	.left-article-image { width: 30%; }
	.right-artical-info { width: 70%; }
	.artical-wrap .btn a { font-size: 18px; }
	.artical-wrapper .step-box h3 { padding: 15px; }
	.artical-detail-page .right-artical-info h1 { font-size: 34px; }
	/* ----- /Blog page ----- */
}
@media(max-width: 767px){
	h1 { font-size: 28px; }
	h2 { font-size: 24px; }
	/* ----- Home page ----- */
	.hide-mobile { display: none; }
	.logo-container.container { max-width: 100%; }
	.logo-item { margin-top: 10px; margin-bottom: 10px; }
	.col-6 { width: 100%; }
	.why-company-section .energy-company { padding-left: 0; padding-top: 15px; }
	.why-company-section .energy-company ul { padding-left: 10px; }
	.energy-company li { font-size: 16px; }
	.switch-retailer { padding: 0; }
	.switch-wrap { padding: 25px 15px; max-width: 100%; }
	.why-company-section { padding-bottom: 25px; }
	.switch-wrap .btn a { font-size: 16px; }
	.switch-wrap p { font-size: 16px; }
	.step-section {background: #F4F4F4 !important; }
	.step-box { background-color: transparent; padding: 0; margin: 0 auto; }
	.step-section { padding: 19px 7px; }
	.footer { padding-top: 22px; padding-bottom: 35px; }
	.footer-logo { padding-bottom: 2px; }
	/* ----- /Home page ----- */
	/* ----- Blog page ----- */
	.left-article-image { width: 40%; }
	.right-artical-info { width: 60%; }
	.artical-detail-page .right-artical-info h1 { font-size: 30px; }
	.artical-wrapper.blue-bg > .container { padding-left: 0; padding-right: 0; }
	.artical-wrap { border-radius: 0; padding: 0; }
	.artical-wrap .btn a { width: 100%; text-align: center; }
	.artical-detail-page .left-article-image,
	.left-article-image { width: 118px; height: 120px; position: absolute; top: 0; left: 0; }
	.artical-detail-page .left-article-image { height: auto; }
	.right-artical-info { padding: 0; margin: 0; }
	.artical-wrap.light-gray-bg { background-color: #ffffff; }
	.artical-detail-page .right-artical-info ,
	.articlatitle { padding-left: 133px; padding-top: 5px; min-height: 130px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
	.artical-detail-page .right-artical-info h1 { font-size: 18px; line-height: 1.25; }
	.artical-detail-page .artical-wrap { padding: 10px; }
	.date { margin-top: auto; padding-bottom: 14px; font-size: 14px; }
	.artical-wrap .btn a { font-size: 22px; }
	.artical-wrap article { border-bottom: 25px solid #8fb0f9; border-radius: 0; padding: 10px 15px 10px; margin-bottom: 0; }
	.artical-wrap .btn { margin-top: 0px;padding-left: 8px; padding-right: 8px; }
	.artical-wrapper .right-artical-info { width: 100%; }
	.artical-section article p { padding: 0 8px 15px; }
	.artical-section article p:last-child { padding-bottom: 0; }
	.artical-wrapper .pagetitle h1 { padding: 0; }
	.more-post-link,
	.post-navigation { margin-top: -5px; padding-top: 0; }
	.artical-detail-page article { border: none; padding: 0; }
	.article-ctn-area { padding-top: 0px; }
	.artical-detail-page .article-ctn-area { padding-left: 8px; padding-right: 8px; }
	.artical-detail-page .article-ctn-area p { padding: 10px 0; }
	.more-post-link { padding-top: 15px; margin-top: 0; }
	.artical-detail-page .artical-wrap.light-gray-bg { padding-bottom: 15px; }
	.hide-mobile { display: none; }
	
	/* ----- /Blog page ----- */
}
@media(max-width: 640px){
	/* ----- Home page ----- */
	 .title-section { padding-top: 18px; padding-bottom: 11px; }
	 .title-section h1 { max-width: 266px; margin: 0 auto; }
	/* ----- /Home page ----- */
	 /* ----- Blog page ----- */
	.right-artical-info { width: 100%; margin-top: 0; padding-left: 0; }
	.artical-detail-page .right-artical-info { padding-top: 10px; }
	.artical-detail-page .left-article-image img { width: 100%; }
	.artical-detail-page .artical-wrap { padding: 0px; }
	.artical-detail-page .artical-wrap p { padding-right: 0; }
	.artical-wrapper { padding-top: 8px; }
	.artical-wrapper .pagetitle { padding-bottom: 8px; }
	.artical-wrap > article { padding: 10px; }
	.artical-wrapper h2 { font-size: 18px; padding-right: 15px; line-height: 1.25; }


	/* ----- /Blog page ----- */
}
@media(max-width: 340px){
	.step-box h2 { font-size: 18px; }
}