@media (max-width:1779px) {
.hero_sec{ padding: 150px 0;}
}

@media (max-width:1579px) {
header .nav_sec .navbar-light .navbar-nav .nav-link{ font-size: 16px;}
.hero_sec{ padding: 100px 0;}
.hero_sec h1{ font-size: 60px;}
.savings_sec { padding-bottom: 100px;}
.furl_card.egift { padding-bottom: 100px;}
.furl_card { padding-bottom: 100px;}
.ampol_table .table tr td { padding: 20px 20px 20px 15px;}
.calcu_table .table tr td { padding: 8px 15px 8px 15px;}
.esg_sec.blog{ padding-bottom: 100px;}
.vision_sec{ padding-bottom: 100px;}

}

@media (max-width:1200px) {
header .nav_sec .navbar-light .navbar-nav .nav-item{ margin: 0 25px;}
.hero_sec h1{ font-size: 50px; margin-bottom: 20px;}
.hero_sec p{ font-size: 18px;}
.login_box{ padding: 30px;}
.api_block .detail{ padding: 20px 20px 60px 20px;}
.api_block .btns{ bottom: 20px; left: 20px;}
.api_block figure img{ margin-left: 20px;}
.savings_sec { padding-bottom: 80px;}
.savings_sec.operation { padding-bottom: 80px;}
.furl_card.egift { padding-bottom: 80px;}
.furl_card{ padding-bottom: 80px;}
.furl_card h2{ font-size: 40px;}
.global_title{ font-size: 40px;}
.furl_card p{ margin-bottom: 30px;}
.furl_card h3{ margin-bottom: 20px;}
.furl_card .card_benefit{ padding: 0 0 5px 0;}
.furl_card .bene_dtl{ margin-bottom: 20px;}
.calculator_sec h3{ margin-bottom: 20px; padding-bottom: 20px;}
.saving_part{ max-width: inherit;}
.calcu_table .table tr th { padding-top: 10px; padding-bottom: 10px;}
.board_block{ padding: 20px;}
.download_box{ padding: 20px; margin-top: 70px;}
.download_box h3{ margin-bottom: 30px;}
.download_item{ gap: 10px;}
.download_item .pdf_name{ font-size: 14px;}
.download_item .detail{ gap: 10px;}
.esg_sec.blog{ padding-bottom: 80px;}
.vision_sec{ padding-bottom: 80px;}

/* 17/04/2024 */
.faq_sec{ padding: 50px 0;}
.gallery_slider{ padding: 20px;}

/* 24-4 */
.contact_sec .global_title{ margin-bottom: 40px;}
.account_block{ padding: 20px;}
.account_block h3{ font-size: 18px;}
.account_block p{ font-size: 14px;}
.account_block .more_link{ width: 50px; min-width: 50px; max-width: 50px; height: 38px;}
.account_sec h2{ margin-bottom: 20px;}
}

/************ Main **************/
@media (max-width: 991px) {
header .nav_sec .navbar-light .navbar-nav .nav-item{ margin: 0 16px;}
header .nav_sec .navbar-light .navbar-nav .nav-link{ font-size: 14px; padding: 15px 0;}
header .top_info{ padding: 10px 0;}
.hero_sec{ padding: 40px 0;}
.hero_sec h1{ font-size: 40px;}
.hero_sec p{ font-size: 14px; line-height: normal; margin-bottom: 20px;}
.login_box h3{ font-size: 24px; margin-bottom: 15px; padding-bottom: 15px;}
.login_box .more_link{ margin-top: 20px;}
.api_sec{ padding: 40px 0 20px 0;}
.savings_sec { padding-bottom: 50px;}
.savings_sec.operation { padding-bottom: 50px;}
.furl_card.egift { padding-bottom: 50px;}
.furl_card{ padding-bottom: 50px;}
.furl_card h2{ font-size: 26px;}
.global_title{ font-size: 26px;}
.furl_card.egift h2 { margin: 0 0 25px; padding: 0 0 17px;}
.saving_part{ padding: 80px 30px 35px;}
.saving_part h4{ font-size: 16px; margin-bottom: 5px;}
.saving_part span{ font-size: 30px;}
.ampol_table .field{ padding: 8px 10px;}
.calcu_table{ margin: 50px 0 0 0;}
.download_item{ gap: 20px;}
.esg_sec{ padding-bottom: 40px;}
.esg_sec p{ font-size: 14px;}
.download_box{ margin-top: 0;}
.furl_card p{ font-size: 14px;}
.api_block p{ font-size: 14px;}
ul.api_list li{ font-size: 14px;}
.esg_sec.blog{ padding-bottom: 50px;}
.board_block p{ font-size: 14px; line-height: normal;}
.vision_sec{ padding-bottom: 50px;}
.vision_block{ padding: 25px;}
.vision_block h3{ margin-bottom: 10px; font-size: 22px;}
.vision_block p{ font-size: 14px;}

/* 17/04/2024 */
.faq_sec{ padding: 40px 0 20px;}
.faq_sec .accordion-button{ font-size: 16px; padding: 10px 30px;}
.faq_sec p{ font-size: 14px;}

.social_sec{ padding: 40px 0;}
.social_block{ padding: 20px 0;}
.social_block h3{ font-size: 16px;}
.social_block p{ font-size: 14px;}
.social_block small{ font-size: 14px;}
.social_block:last-child{ margin-bottom: 30px;}
.gallery_slider figure img{ max-height: 190px;}

/* 24-4 */
.contact_sec{ padding: 40px 0;}
.contact_sec .global_title{ margin-bottom: 30px;}
.contact_block p{ font-size: 14px;}
.join_sec{ padding: 40px 0;}
.account_sec p{ font-size: 14px;}
.account_sec h2{ font-size: 24px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}

.navbar-toggler{ background:none; border:none; position:relative; right:5px; top:0; height: 33px; box-shadow:none !important; padding-right: 0;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:var(--primary); height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}  

header .nav_sec{ padding: 8px 0;}
header .nav_sec .navbar-light .navbar-nav{ padding-top: 15px;}
header .nav_sec .navbar-light .navbar-nav .nav-item{ margin: 0 0 15px 0;}
header .nav_sec .navbar-light .navbar-nav .nav-link{ padding: 0;}
.hero_sec{ text-align: center;}
.hero_sec h1{ font-size: 30px; margin-bottom: 10px;}
.login_box{ text-align: left; margin: 30px auto 0 auto;}
.footer_sec p{ letter-spacing: normal; font-size: 14px;}
.savings_sec { padding-bottom: 20px;}
.savings_sec.operation { padding-bottom: 20px;}
.furl_card h2{ font-size: 24px;}
.global_title{ font-size: 24px; margin-bottom: 15px;}
.furl_card.egift { padding-bottom: 30px;}
.furl_card{ padding: 30px 0;}
.furl_card .card_benefit li{ margin-bottom: 15px;}
.furl_card figure{ margin: 30px 0 0 0; text-align: center;}
.calculator_sec p{ margin-bottom: 15px;}
.calcu_table .table tr:last-child td{ padding: 15px;}
.board_sec{ padding: 30px 0;}
.board_block p{ margin-bottom: 10px;}
.esg_sec{ padding-top: 30px;}
.esg_sec p{ margin-bottom: 15px;}
.esg_sec figure{ margin-bottom: 25px;}
.esg_chart{ margin-bottom: 25px;}
.esg_chart figure{ margin: 0;}
.download_box{ margin-top: 15px;}
.download_box h3 { margin-bottom: 15px;}
.vision_sec{padding: 30px 0;}

/* 17/04/2024 */
.faq_sec{ padding: 30px 0 10px;}
.faq_sec .accordion-button{ padding: 15px 20px;}
.faq_sec .accordion-body{ padding: 0 20px 20px;}
.social_sec{ padding: 30px 0;}
.social_block:last-child { margin-bottom: 0;}
.gallery_slider figure img { max-height: 145px;}

/* 24-4 */
.contact_block{ height: auto; margin-bottom: 20px;}
.account_block{ height: auto; min-height: 100px; margin-bottom: 15px;}
}

/************ iphone **************/
@media (max-width:575px) {
html { -webkit-text-size-adjust:none;}

header .top_info .top_btn{ padding: 10px;}
header .top_info .top_btn strong, header .top_info .top_btn span{ display: none;}
header .top_info .navbar-brand img{ width: 200px;}
.login_box .input-group .form-control{ font-size: 14px;}
.api_block p{ margin-bottom: 15px;}
ul.api_list{ margin-bottom: 15px;}
.inner_banner .bg{ height: 100px;}
.board_block{ display: block; text-align: center;}
.board_block figure{ margin: 0 auto 25px;}
.download_item{ padding: 15px 0;}
.esg_chart .info{ font-size: 10px;}
.download_item .detail{ display: block;}
.download_item .pdf_name{ margin-bottom: 10px;}
.vision_block{ padding: 20px;}

/* 17/04/2024 */
.social_block{ display: block;}
.social_block figure{ margin-bottom: 20px; max-width: 100%; min-width: 100%;}
.gallery_slider figure img{ max-height: 85px;}

/* 24-4 */
.account_block h3{ font-size: 16px;}
}

@media (max-width: 539px) {
.footer_sec{ padding: 14px 0;}   
}