@media (max-width: 1500px) {
    .container {
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media (max-width: 1000px) {
    .main-title {
        width: 80%;
    }

    .main-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .main-subtitle {
        font-size: 27px;
        line-height: 29.8px;
    }

    main .container {
        width: 100%;
    }

    .about-item {
        height: 350px;
        width: 305px;
        border-radius: 14px;
    }

    .news-card {
        /* height: 350px; */
        width: 305px;
        border-radius: 0px 10px 10px 10px;
        padding: 9px 9px 14px 9px;
    }

    .news-card-topik p {
        font-size: 11px;
        text-align: center;
    }


    .about-item-text {
        font-size: 15px;
        line-height: 18px;
    }

    .about-scroll {
        width: max-content;
    }

    .about-items {
        overflow-x: scroll;
        margin-bottom: 39px;
    }

    .news-cards {
        overflow-x: scroll;
        padding-top: 27px;
    }

    .news-cards-scroll {
        width: max-content;
        gap: 13px;
    }

    .news-card-image {
        border-radius: 19px;
    }

    .news-card-title {
        font-size: 22px;
    }

    .news-card-text {
        font-size: 15px;
        line-height: 123%;
    }

    .wiba-card {
        width: 100%;
        padding: 19px 16px 16px 16px;
    }

    .wiba-card-num {
        width: 24px;
        height: 24px;
    }

    .wiba-card-num span {
        font-size: 12px;
    }

    .wiba-cards {
        gap: 15px;
        margin-top: 18px;
        flex-wrap: wrap;
    }

    .wiba-card-title {
        font-size: 28px;
    }

    .wiba-card-top {
        margin-bottom: 11px;
    }

    .wiba-card-text {
        font-size: 15px;
    }

    .wiba-card-button__text {
        font-size: 11px;
        padding: 7px 27px;
    }

    .wiba-card-button__arrow {
        width: 26px;
        height: 26px;
    }

    .wiba-card-button__arrow img {
        width: 8px;
    }

    .footer-input {
        width: 100%;
    }

    .footer-title {
        margin-bottom: 5px;
    }

    .foot-inner {
        flex-direction: column;
        gap: 10px;
    }

    .foot-left {
        order: 3;
        padding: 15px 11px;
        border-radius: 11px;
        background-color: #102343;
    }

    .foot-left-img-none {
        display: block;
        width: 25px;
        margin-right: 7px;
    }

    .foot-left-img {
        display: none;
    }

    .foot-left {
        display: flex;
        align-items: center;
        /* justify-content: space-between; */
    }

    .foot-links {
        order: 3;
        margin-right: 0;
        margin-left: auto;
    }

    .foot-center {
        order: 1;
        border-radius: 11px;
    }

    .foot-rigtht {
        order: 2;
        background-color: #102343;
        border-radius: 11px;
        padding: 10px 15px;
    }

    .foot-rigtht h2 {
        font-size: 15px;
    }

    .foot-rigtht p {
        font-size: 13px;
    }

    .foot-sub {
        height: 26px;
    }

    .foot-sub input {
        width: 100%;
        border-radius: 58px;
        padding: 6px 32px;
        font-size: 13px;
        height: 100%;
    }

    .foot-sub button {
        padding: 8px 34px;
        height: 25.6px;
        font-size: 13px;
        height: 100%;
        line-height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .foot-sub img {
        left: 11px;
        width: 11px;
        height: 11px;
    }

    .foot-center-block h2 {
        font-size: 14px;
    }

    .foot-center-block a {
        font-size: 14px;
    }

    .foot-center img {
        height: 182px;
    }

    .foot-links {
        margin-bottom: 0;
    }
}

@media (max-width: 600px) {

    .success-sub {
        top: 20px;
        right: 28px;
    }

    header {
        display: flex;
    }

    main {
        justify-content: end;
        height: calc(100% + 17px);
    }

    .main-subtitle {
        margin-bottom: 17px;
    }

    .marquee {
        top: auto;
        padding: 17px 0px;
    }

    .main-inner {
        margin-bottom: 65px;
    }

    .main-subtitle {
        font-size: 18px;
        line-height: 20.8px;
        width: 71%;
    }

    .city {
        padding: 5px 10px;
        font-size: 13px;
    }

    .trak .content {
        gap: 4px;
    }

    .about {
        border-radius: 18px 18px 0px 0px;
        margin-top: -18px;
        padding: 18px 0px 40px 0px;
    }

    .about-bubble {
        margin-bottom: 6px;
        font-size: 15px;
        padding: 2px 10px;
    }

    .about-title {
        margin-bottom: 15px;
        line-height: 30px;
        font-size: 28px;
    }

    .about-item-wrapper {
        padding: 16px 16px 24px 16px;
    }

    .active-dot,
    .pasive-dot {
        width: 6px;
        height: 6px;
    }

    .about-item-position {
        font-size: 11px;
    }

    .news {
        border-radius: 18px 18px 0px 0px;
        padding: 23px 0px 26px 0px;
    }

    .news-title {
        margin-bottom: 25px;
        font-size: 28px;
    }

    .news-title br {
        display: none;
    }

    .comp {
        padding: 22px;
    }

    .companyes-img {
        display: none;
    }
    
    .companyes-mobile-img {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .galery-title {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .galery-title br {
        display: none;
    }

    .galery-cards {
        margin-bottom: 16px;
    }

    .galery-button-text {
        padding: 11px 34px;
        font-weight: 600;
        font-size: 17px;
    }

    .galery-button-arrow {
        width: 40px;
        height: 40px;
    }

    .galery-button-arrow img {
        width: 11px;
    }

    .awards {
        background-color: var(--white);
        border-radius: 17px 17px 0px 0px;
        padding: 17px 0px 24px 0px;
    }

    .swiper-button-prev, .swiper-button-next {
        width: 27px !important;
        height: 27px !important;
    }

    .awards-top {
        margin-bottom: 14px;
    }

    .awards-item img {
        border-radius: 12px 12px 0px 0px;
    }

    .awards-item {
        border-radius: 12px;
    }

    .awards-item-title {
        font-size: 18px;
        padding: 0px 12px 5px 12px;
    }

    .awards-item-text {
        font-size: 13px;
        padding: 0px 12px 21px 12px;
    }

    .awards-item-dot__active,
    .awards-item-dot__passive {
        width: 4.83px;
        height: 4.83px;
    }

    .footer-form {
        width: 100%;
        border-radius: 14px;
    }

    .footer-title {
        font-size: 26px;
        padding: 13px;
    }

    .footer {
        padding: 30px 20px;
    }

    .footer-inner {
        padding: 0px 13px;
        gap: 8px;
    }

    .footer-input img {
        width: 13px;
        height: 13px;
        left: 11px;
    }

    .footer-input input {
        padding: 14px 14px 14px 31px;
        font-size: 14px;
    }

    .footer-input:last-of-type input {
        padding: 14px;
        font-size: 14px;
    }

    .footer-inner {
        margin-bottom: 17px;
    }

    .footer .galery-button {
        padding-bottom: 19px;
    }

    footer {
        padding: 16px;
        border-radius: 0px;
        margin-top: 0;
    }

    .galery-photo {
        width: 100%;
        object-fit: cover;
    }


    .tablo-inner {
        border-radius: 14px;
        padding: 15px;
        margin-top: 35px;
    }

    #n1 {
        margin-top: 85px;
    }

    .tablo-header {
        padding-bottom: 13px;
        margin-bottom: 13px;
    }

    .tablo-inner-left,
    .tablo-inner-right {
        font-size: 16px;
    }

    .tablo-inner-title {
        font-size: 22px;
        line-height: 123%;
        margin-bottom: 5px;
    }

    .tablo-inner-text {
        font-size: 16px;
        margin-bottom: 9px;
    }

    .tablo-inner-photo__big {
        border-radius: 11px;
        margin-bottom: 11px;
    }

    .tablo-inner-face {
        padding: 3px 5px;
    }

    .tablo-inner-face img {
        width: 12px;
        height: 12px;
    }

    .tablo-inner-face h3 {
        font-size: 11px;
    }

    .tablo-inner-faces {
        gap: 5px 4px;
    }

    .tablo-inner-photo__gradient-wrapper,
    .tablo-inner-photo__gradient {
        border-radius: 11px;
    }

    .tablo-inner-photo__gradient {
        height: 300px;
        margin-bottom: 10px;
    }

    .tablo-inner-photo__gradient-wrapper p {
        font-size: 13px;
        line-height: 125%;
    }

    .tablo-inner-photo__gradient-wrapper {
        padding: 14px;
    }

    .tablo-quote {
        border-top: none;
        flex-direction: column-reverse;
        gap: 10px;
        margin-bottom: 10px;
    }

    .tablo-quote-person {
        width: 100%;
        border-radius: 10px;
    }

    .quote-left {
        width: 100%;
    }

    .quote-left h2 {
        font-size: 14px;
    }

    .quote-block {
        padding: 14px;
        border-radius: 11px;
        font-size: 16px;
    }

    .quote-block img {
        width: 15px;
    }
}