@media all and (max-width: 1399px) {
h2 {
font-size: 33px;
}

p {
font-size: 15px;
}

.inphog-all-card h4 {
margin: 0 0 18px 0;
font-size: 21px;
}

.inphog-all-title p {
font-size: 16px;
}
.annual-report-card .nav-link {
font-size: 21px;
}
.inphog-all-card h5 { 
font-size: 16px;
}
.min-h-72 {
min-height: 58px; 
}

.owl-nav button.owl-prev {
left: -39px;
right: auto;
}

.owl-nav button.owl-next {
right: -39px;
}

.navbar-area .container-fluid {
padding: 0 45px;
}

.navbar-brand {
top: 24px;
}

.navbar-brand img {
width: 180px;
}

.navbar-area .menu-section {
padding-left: 200px;
}

.menu > ul > li > a {
padding: 0 16px;
}

.carousel-inner .carousel-item .carousel-caption h1 {
font-size: 42px;
}

.counter-section h2 span {
font-size: 48px;
}

.carousel-inner .carousel-item .carousel-caption p.lead {
font-size: 16px;
}

.is-sticky .navbar-brand {
top: 24px;
}

.slider-section .slider-image .slider-img-2 {
bottom: 15px;
right: 15px;
max-width: 250px;
height: 200px;
}

.slider-btn {
right: 45%;
}

.mission-section {
margin: 0;
}

.counter-box .counter-detail .count {
font-size: 42px;
}

.inphog-team-card .inphog-team-content {
padding: 15px 8px;
border-radius: 10px;
min-height: 145px;
}

.inphog-team-card .inphog-team-content p {
font-size: 14px;
}

.inphog-team-card .inphog-team-content p small {
font-size: 13px;
}

.inphog-team-card .inphog-team-thumb {
height: 200px;
width: 200px;
}

.inphog-team-card::before {
top: 100px;
}

.timeline-section-img-radius img {
height: 220px;
}

.timeline-label {
font-size: 27px;
}
}

@media all and (max-width: 1199px) {
h2 {
font-size: 30px;
margin: 0 0 24px 0;
}

h3 {
font-size: 24px;
}

p {
font-size: 15px;
}

.inphog-all-title {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 5px;
padding: 10px 20px;
border-radius: 15px;
}

.min-h-72 {
min-height: 60px; 
}
.contact-detail-wrape { 
gap: 15px;
}

.menu > ul > li > a {
padding: 0 10px;
font-size: 14px;
}

.inner-slider-content h1 {
font-size: 33px;
}

.hero-content h2 {
font-size: 30px;
}

.btn-custom {
height: 45px;
padding: 0 20px;
}

.navbar-area .navbar-wrapper .right-side .right-side-item .btn-custom {
height: 45px;
padding: 0 15px;
font-size: 14px;
}

.navbar-area .navbar-wrapper .right-side .right-side-item .btn-custom img {
width: 16px;
}

.home-testimonial-section .testimonial-card {
padding: 0 30px;
}

.testimonial-author span {
font-size: 15px;
}

.btn-custom img {
width: 20px;
}

footer p.lead {
font-size: 16px;
}

.carousel-inner .carousel-item .carousel-caption h1 {
font-size: 36px;
}

.slider-section .slider-image .slider-img-2 {
max-width: 180px;
height: 120px;
}

.slider-btn {
right: 42%;
}

.slider-section {
padding: 60px 0;
}

.mission-section {
padding: 60px 0;
}

.mission-section .mission-detail h3 {
margin: 20px 0 10px 0;
}

.hero-content {
padding: 60px 0;
}

.counter-section {
padding: 60px 0;
}

.counter-box {
padding: 24px 10px;
}

.counter-box .counter-detail h5 {
font-size: 15px;
}

.counter-box .counter-detail p {
font-size: 13px;
}

.counter-box .counter-detail .count {
font-size: 36px;
}

.brand-section {
padding: 0 0 60px 0;
}

.taskforce-card h3 {
margin: 0 0 15px 0;
font-size: 18px;
}

.taskforce-card {
padding: 15px;
}

.testimonial-card .testimonial-card-text p {
font-size: 14px;
max-height: 205px;
height: 205px;
overflow: hidden;
}

.home-testimonial-section {
padding: 60px 0 0 0;
}

.taskforce-list li a {
font-size: 14px;
}

.footer-list li a {
font-size: 14px;
}

.inphog-team-section {
padding: 60px 0;
}

footer p {
font-size: 14px;
-webkit-line-clamp: 6;
}

footer .footer-logo {
width: 180px;
margin: 0 0 24px 0;
}

footer p i {
font-size: 18px;
}

.inner-slider-content p.lead {
font-size: 16px;
}

.is-sticky .navbar-brand img {
width: 130px;
}

.inphog-quote-wrapper {
padding: 45px 0 60px 0;
}

.about-section {
padding: 60px 0 60px 0;
}

.company-timeline-inphog {
padding: 60px 0;
}

.mision-section {
padding: 60px 0;
}

.annual-report-section {
padding: 45px 0 60px 0;
}

.annual-report-card .nav-link {
font-size: 16px;
}

.annual-box-card-body h3 {
font-size: 16px;
}

figure.effect-oscar h4 {
padding: 0 10px 0 15px;
height: 45px;
font-size: 15px;
}

figure.effect-oscar h4 i {
height: 30px;
width: 30px;
font-size: 16px;
}

.inphog-quote-text {
font-size: 16px;
}

.timeline-label {
font-size: 24px;
}

.menu > ul > li .menu-subs { 
margin-top: 24px;
right: 0;
}
}

/* ============ mobile view ============ */
@media all and (max-width: 991px) {
p {
font-size: 15px;
}

.lead {
font-size: 15px;
}

h2 {
font-size: 27px;
margin: 0 0 24px 0;
}

.mb-80 {
margin-bottom: 50px;
}

.menu > ul > li .menu-subs {
margin-top: 0;
right: 0;
}

.container {
max-width: 96%;
}

.inphog-all-title p {
font-size: 14px;
}

.navbar-area .menu-section {
padding-left: 0;
}

.navbar-area.is-sticky .menu > ul > li .menu-subs {
margin-top: 0;
}

.owl-nav button.owl-prev {
left: -15px;
}

.testimonial-author strong {
font-size: 21px;
margin: 15px 0 5px 0;
}

footer h4 {
font-size: 24px;
margin: 0 0 15px 0;
}

.owl-nav button.owl-next {
right: -15px;
}

.navbar-area .container-fluid {
padding: 0 15px;
max-width: 720px;
}

.top-header .social-media li {
margin: 0 0 0 5px;
}

.navbar-brand img {
width: 160px;
}

.navbar-brand {
top: 12px;
}

.carousel-inner .carousel-item .carousel-caption h1 {
font-size: 36px;
margin: 0;
}

.mission-section .lead {
font-size: 16px;
}

.counter-section h2 {
font-size: 24px;
}

.counter-section h2 span {
font-size: 42px;
}

.slider-section .slider-image {
margin: 0 0 24px 0;
}

.slider-section .slider-image img {
width: 100%;
height: 420px;
object-fit: cover;
margin: 0 0 24px 0;
}

.slider-section .slider-image .slider-img-2 {
max-width: 300px;
height: 180px;
bottom: 39px;
}

.slider-btn {
right: 47%;
}

.slider-section .slider-content {
padding-left: 0;
}

.slider-section .slider-content p {
text-align: justify;
}

.counter-box {
padding: 24px 15px;
}

.counter-box .counter-detail h5 {
font-size: 14px;
}

.counter-box .counter-detail .count {
font-size: 30px;
}

.counter-box .counter-detail .plus {
font-size: 32px;
}

.chart-container {
margin: 15px 0 0 0;
padding: 15px;
}

.testimonial-card .testimonial-card-text p {
font-size: 14px;
max-height: unset;
height: auto;
overflow: hidden;
}

.home-testimonial-section h2 {
text-align: center;
}

#home-testimonial .owl-dots {
text-align: center;
}

.taskforce-card {
padding: 24px;
margin: 24px 0 0 0;
}

.taskforce-card h3 {
margin: 0 0 15px 0;
font-size: 24px;
}

.inner-slider {
padding: 30px 0 60px 0;
}

.inner-slider::after {
height: 35px;
}

footer .accordion-flush .accordion-item .accordion-button {
background-color: transparent;
color: var(--white-color);
font-size: 16px;
padding: 10px 0;
border-bottom: 1px solid #ffffff12;
}

footer .accordion-flush .accordion-item .accordion-button::after {
color: var(--white-color);
}

footer h4 {
font-size: 21px;
margin: 0 0 15px 0;
}

footer .accordion-flush .accordion-item .accordion-button:not(.collapsed) {
color: var(--golden-color);
background-color: transparent;
}

footer .accordion-flush .accordion-body {
padding: 15px 0 0 10px;
background-color: transparent;
}

footer .accordion-flush .accordion-item .accordion-header {
margin-bottom: 0;
border-bottom: none;
}

.inphog-quote-wrapper::before {
display: none
}

.inphog-quote-box {
max-width: 100%;
}

.timeline-section-left-side {
max-width: 200px;
min-width: 200px;
}

.mision-section .mission-card-detail {
padding: 24px 15px;
}

.inner-slider-content h1 {
font-size: 27px;
}

.hero-content h2 {
font-size: 24px;
}

#pills-tab {
justify-content: start;
}
}
/* ============ mobile view .end// ============ */

@media all and (max-width: 767px) {
h1 {
font-size: 33px;
}

h2 {
font-size: 24px;
margin: 0 0 20px 0;
}

p {
font-size: 15px;
}

.inphog-all-card { 
padding: 20px 15px;
}

.inner-slider-content h1 {
font-size: 24px;
}
.inphog-all-card h4 {
margin: 0 0 15px 0;
font-size: 18px;
}
.timeline-section-img-radius img {
height: 280px;
max-width: 320px;
}

.navbar-brand img {
width: 160px;
}

.navbar-area .container-fluid {
padding: 0 15px;
max-width: 540px;
}

.carousel-inner .carousel-item .carousel-caption h1 {
font-size: 27px;
margin: 0; 
}

.carousel-inner .carousel-item .carousel-caption .btn-custom {
margin: 30px 0 0 0;
height: 48px;
font-size: 16px;
}

.btn-custom img {
width: 16px;
}

.navbar-area .navbar-wrapper .right-side .right-side-item .btn-custom {
height: 45px;
padding: 0 15px;
font-size: 16px;
}

.navbar-brand img {
width: 180px;
}

.about-section .abt-content {
text-align: justify;
}

.timeline-step .timeline-step-header .timeline-step-header-detail h2 {
font-size: 30px;
}

.counter-box .counter-detail p {
font-size: 15px;
}

.carousel-inner .carousel-item .carousel-caption p.lead {
font-size: 15px;
margin: 0;
}

.is-sticky .navbar-brand img {
width: 150px;
}

.btn-custom {
margin: 15px 0 0 0;
}

.slider-section .slider-image img {
height: 320px;
}

.slider-section .slider-image .slider-img-2 {
max-width: 200px;
height: 120px;
bottom: 39px;
}

.carousel-indicators [data-bs-target] {
width: 10px;
height: 10px;
border: 0;
border-top: none;
border-bottom: none;
opacity: .5;
border-radius: 100%;
background-color: var(--black-color);
}

.carousel-indicators .active {
opacity: 1;
background-color: var(--golden-color);
}

.inphog-team-card .inphog-team-thumb {
height: 170px;
width: 170px;
}

.inphog-team-card::before {
top: 65px;
}

.inphog-team-card .inphog-team-content p {
font-size: 13px;
}

.inphog-team-card .inphog-team-content p small {
font-size: 12px;
}

.inphog-team-card .inphog-team-content {
min-height: 140px;
}

.timeline-section-left-side {
max-width: 100%;
min-width: 100%;
}

.timeline-section {
padding: 15px;
}
.inphog-all-title {
grid-template-columns: repeat(1, 1fr);
padding: 10px 20px;
}
.container {
max-width: 100%;
}
.accordion .accordion-item { 
padding: 0 15px;
margin: 0 0 15px 0; 
}
.mision-section .mission-card-detail h4 {
font-size: 18px;
}
.mision-section .mission-card-detail h3 {
font-size: 21px;
}
}

@media all and (max-width: 575px) {
:root {
--border-radius10: 8px;
}
.counter-section {
padding: 35px 0;
}
.inphog-card-44 { 
padding: 20px 10px;
}
.inphog-all-title {
grid-template-columns: repeat(1, 1fr);
padding: 10px;
}
.carousel-inner .carousel-item .carousel-caption h1 {
font-size: 24px; 
color: var(--white);
}

.navbar-brand {
position: static;
padding: 0;
}

.navbar-brand img {
width: 120px;
}

.inphog-quote-box {
padding: 45px 15px 24px 15px;
border-radius: var(--border-radius10);
border-width: 8px;
}

.inphog-quote-text {
font-size: 15px;
}

.timeline-section-img-radius img {
height: 245px;
max-width: 100%;
}

.navbar-area .navbar-wrapper .right-side .right-side-item .btn-custom-icon {
display: none;
}

.navbar-area .navbar-wrapper .right-side .right-side-item .btn-custom {
height: 42px;
padding: 0 15px;
font-size: 15px;
}

.is-sticky .navbar-brand img {
width: 100px;
}

.owl-nav button.owl-prev {
left: 0;
}

.owl-nav button.owl-next {
right: 0;
}

.navbar-area .navbar-wrapper .right-side .right-side-item .btn-custom img {
width: 20px;
}

footer p.lead {
font-size: 16px;
}

.mission-section .lead {
font-size: 15px;
}

.inner-slider {
padding: 24px 0 45px 0;
}

.inner-slider::after {
height: 20px;
bottom: 15px;
}

.about-section .abt-content p.lead {
font-size: 15px;
}

.about-section .abt-content {
text-align: justify;
}

.top-header {
display: block;
padding: 5px 0;
}

.top-header p {
margin: 0;
border-right: none;
padding-right: 0;
}

.top-header p a {
color: #ffffff;
border-right: none;
padding: 0 10px 0 0;
font-size: 21px;
}

.top-header .social-media li a {
font-size: 18px;
}

.top-header .social-media li {
margin: 0 0 0 10px;
}

.carousel-inner .carousel-item img {
width: 100%;
object-fit: cover;
object-position: right;
}

.carousel-inner .carousel-item .carousel-caption .btn-custom {
width: 100%;
text-align: center;
justify-content: center;
}

.carousel-inner .carousel-item .carousel-caption {
text-align: center;
justify-content: end;
padding: 0 0 24px 0;
background: #FFF8DE !important;
background: linear-gradient(360deg, rgba(10, 30, 56, 0.57) 0%, rgba(255, 255, 255, 0) 100%) !important;
}

.carousel-inner .carousel-item .carousel-caption .btn-custom img {
width: 20px !important;
object-fit: contain !important;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
display: none;
}

.carousel-indicators {
bottom: -10px;
}

.counter-section h2 span {
font-size: 30px;
}

.taskforce-card h3 {
margin: 0 0 24px 0;
font-size: 21px;
}

.bootom-footer {
margin: 15px 0 0 0;
padding: 15px 0 0 0;
}

.home-testimonial-section p {
font-size: 14px;
}

.home-testimonial-section .testimonial-card {
padding: 0;
}

.inphog-image-card {
max-height: 420px;
}

.inphog-image-card img {
max-height: 420px;
}

.annual-report-section {
padding: 30px 0 50px 0;
margin: 20px 0 0 0;
}

.timeline-layout {
grid-template-columns: 36px 1fr;
gap: 0px;
width: calc(100% - 0px);
}

.inphog-quote-wrapper {
padding: 15px 0 24px 0;
}

.mision-section .mission-card-detail h3 {
font-size: 15px;
}
.mision-section .mission-card-detail h4 {
font-size: 16px;
}
}