/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

    .header__logo img {
        width: 190px;
    }

    .header__navigation ul li a {
        font-size: 16px;
        padding: 30px 15px;
    }

    .statement__container p {
        font-size: 18px;
        line-height: 20px;
    }

    .blog__text h4 a {
        font-size: 18px;
        line-height: 120%;
    }

    .blog__date__tag {
        font-family: var(--open-sans);
        font-size: 16px;
    }

    .blog__image .blog__wrapper {
        border-radius: 15px;
    }

    .about__company {
        width: 48%;
    }

    .about__button {
        width: 48%;
    }



}


/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    .header__logo img {
        width: 170px;
    }

    .header__navigation ul li a {
        font-size: 16px;
        padding: 30px 15px;
    }

    .statement__container p {
        font-size: 18px;
        line-height: 20px;
    }

    .blog__text h4 a {
        font-size: 18px;
        line-height: 120%;
    }

    .blog__date__tag {
        font-family: var(--open-sans);
        font-size: 16px;
    }

    .blog__image .blog__wrapper {
        border-radius: 15px;
    }

    .header__content {
        padding-block: 15px;
    }

    .heading-xl {
        font-size: 30px;
        line-height: 150%;
    }

    #blogTab li button {
        font-size: 14px;
        padding: 6px 10px;
    }

    .heading-xxl {
        font-size: 45px;
        line-height: 150%;
    }

    .heading-lg {
        font-size: 26px;
        line-height: 150%;
    }

    .section__title {
        margin-bottom: 20px;
    }

    .link__slider__card h4 {
        padding: 15px 10px 15px 15px;
    }

    .heading-sm {
        font-size: 18px;
        line-height: 130%;
    }

    .footer__copyright {
        padding-block: 0px;
    }

    .about__company {
        width: 100%;
    }

    .about__button {
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }

}


/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {

    .header__logo img {
        width: 140px;
    }

    .header__navigation ul li a {
        font-size: 16px;
        padding: 30px 15px;
    }

    .statement__container p {
        font-size: 15px;
        line-height: 20px;
    }

    .blog__text h4 a {
        font-size: 18px;
        line-height: 120%;
    }

    .blog__date__tag {
        font-family: var(--open-sans);
        font-size: 16px;
    }

    .blog__image .blog__wrapper {
        border-radius: 15px;
    }

    .header__content {
        padding-block: 15px;
    }

    .heading-xl {
        font-size: 28px;
        line-height: 120%;
    }

    #blogTab li button {
        font-size: 14px;
        padding: 6px 10px;
    }

    .heading-xxl {
        font-size: 40px;
        line-height: 140%;
    }

    .heading-lg {
        font-size: 26px;
        line-height: 150%;
    }

    .section__title {
        margin-bottom: 20px;
        flex-direction: column;
        gap: 20px;
    }

    .link__slider__card h4 {
        padding: 15px 10px 15px 15px;
    }

    .heading-sm {
        font-size: 18px;
        line-height: 130%;
    }

    .footer__copyright {
        padding-block: 0px;
    }

    .header__top__contact {
        display: none;
    }

    .statement__container span {
        font-size: 14px;
    }

    .member__banner__text p,
    .newsletter__text p {
        font-size: 14px;
    }

    .footer__contact {
        margin-bottom: 30px;
    }

    .newsletter__login {
        gap: 15px;
    }

    .newsletter__login .theme__btn {
        margin-left: 0;
    }

    .theme__btn {
        font-size: 15px;
    }

    .brand__flex span {
        font-size: 18px;
    }

    .breadcrumbs__nav ul li a,
    .breadcrumbs__nav ul li {
        font-size: 15px;
    }

    .about__content {
        padding-inline: 0;
    }

    .about__company {
        width: 100%;
    }

    .about__button {
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }

    .about__company__article p {
        font-size: 15px;
        line-height: 150%;
        margin-bottom: 15px;
    }

    .about__button a {
        font-size: 16px;
        padding: 12px 10px 12px 20px;
    }

    .about__button a:hover {
        padding-left: 30px;
    }

    .about__heading .heading-xl {
        margin-bottom: 15px;
    }

    .about__area {
        padding-block: 50px;
    }
}


/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {}