@media(max-width:1920px) {
    .header .mekan .images {
        width: 450px;
    }
    .header .president .bg{
        width:58%;
    }
    .header .president .president-image{
        width:60%;
    }
    .header .president .texts h1{
        font-size:50pt;
    }
    .header .president .texts{
        left:11%;
    }
}

@media(max-width:1600px) {
    .header .mekan .images {
        width: 300px;
    }

    .header .president .president-image {
        width: 45%;
    }

    .header .president .bg{
        width:40%;
    }

    .header .president .texts{
        left:0%;
    }

    .header .president .texts h1{
        font-size:40pt;
    }

    .services .contents .content {
        width: 22%;
    }

    .promises .contents .content {
        width: 22%;
    }

    .locations .head {
        font-size: 80pt;
    }

    .locations .contents .content-image {
        width: 70%;
    }

    .locations .contents .description {
        position: relative;
    }

    .header.detail-page {
        height: fit-content;
    }

    .header.detail-page .texts h1 {
        font-size: 55pt;
    }

    .header.detail-page .text-right p {
        width: 310px;
    }

    .timeline {
        margin-top: 10rem;
    }

    .timeline .container-fluid {
        max-width: 90%;
    }

    .services-content .container-fluid {
        width: 95%;
    }

    #map {
        height: 65vh !important;
    }

    .contact-content a {
        width: 100%;
    }
}

@media (max-width:1366px) {}

@media (max-width:1200px) {
    .header .president .bg {
        width: 60%;
    }

    .header .president .texts{
        left:8%;
    }

    .header .president .texts h1{
        font-size:40pt
    }

    .services-detail-page .col-lg-6:nth-child(1) div{
        margin-left:0;
    }

    .header .president .president-image {
        width: 55%;
    }

    .corporate .logo {
        width: 50%;
        margin-bottom: 30px;
    }

    .footer .information-content {
        font-size: 18pt;
    }

    .footer .social-media li a {
        width: 40px;
        height: 40px;
    }

    .footer .social-media li a i {
        font-size: 14px;
    }

    .timeline .container-fluid {
        overflow-x: scroll;
    }

    .timeline .contents .content {
        width: 75%;
    }

    .timeline .contents {
        margin-top: 12vh;
    }

    .services-content .contents .content {
        width: 30%;
    }
    .footer .icons {
        height: 500px;
    }

}

@media (max-width:992px) {
    .header .social-media li a {
        width: 40px;
        height: 40px;
    }

    .header .social-media li a i {
        font-size: 16px;
    }

    .header .president .president-image {
        left: auto;
    }

    .corporate {
        margin-top: 7rem;
    }

    .corporate .logo {
        width: 75%;
    }

    .services {
        height: 100%;
        padding-bottom: 5rem;
    }

    .promises {
        height: 100%;
        padding-bottom: 5rem;
    }

    .services .contents .content {
        width: 30%;
    }

    .promises .contents .content {
        width: 30%;
    }

    .locations .contents {
        display: grid;
        align-items: center;
        justify-content: center;
        justify-items: center;
    }

    .locations .contents .content-image {
        width: 100%;
    }

    .locations .contents .description {
        width: 100%;
        margin-top: 3rem;
    }

    .locations .head::after {
        height: 50px;
        margin-top: -30px;
    }

    .locations .cloud {
        left: 2%;
        width: 100px;
    }

    .footer .logo {
        display: flex;
        justify-content: center;
        margin: auto;
        width: 60%;
    }

    .footer .social-media {
        margin-top: 2rem;
    }

    .footer .text-right {
        justify-content: center;
        justify-items: center;
        text-align: center;
        margin-top: 2rem;
    }

    .footer .copyright {
        text-align: center;
    }

    .footer .menu {
        flex-wrap: wrap;
    }

    .header.detail-page {
        padding-top: 0;
    }

    .header.detail-page .navbar {
        background-color: #e95c0c;
    }

    .header .navbar {
        margin-top: 0;
        background-color: #184184;
        padding: 20px 0;
        z-index: 99999;
    }

    .header .navbar .logo {
        width: 200px;
        filter: brightness(0) invert(1);
    }

    .header .navbar .navbar-toggler {
        color: #184184;
        background-color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }

    .header .navbar .navbar-nav .nav-item a {
        border-bottom: 1px solid #fff;
        color: #fff;
        padding-bottom: 10px;
        margin-top: 10px;
    }

    .header .navbar .navbar-nav .nav-item:nth-child(5) a {
        border-color: transparent;
    }

    .header.detail-page .texts {
        margin-top: 30px;
    }

    .header.detail-page .md-none {
        display: none;
    }

    .header.detail-page .text-right {
        justify-content: start;
        justify-items: start;
    }

    .header.detail-page .text-right p {
        text-align: left;
        direction: ltr;
        width: 100%;
    }

    .header.detail-page .president-image {
        width: 70%;
    }

    .header.detail-page .texts {
        margin-top: 0;
        margin-bottom: 5rem;
    }

    .header.detail-page {
        height: 90vh;
    }

    .timeline .contents {
        width: 100%;
        margin-top: 12rem;
    }

    .timeline .contents .content h2 {
        color: #e95c0c;
        font-weight: 700;
    }

    .timeline .contents .content {
        width: fit-content;
        margin-left: 1.5rem;
    }

    .services-content .contents .content {
        width: 47%;
    }

    .services-detail-page .description {
        margin-left: 0;
    }

    .other-services {
        height: 100%;
    }

    .header.contact-page-header {
        height: 60vh;
    }
}

@media (max-width:768px) {
    .header .president .texts h1 {
        font-size: 40pt;
    }
    .header .president .bg{
            width:90%;
    }
    .header .shapes img:nth-child(1) {
        z-index: -1;
    }

    .header .shapes img:nth-child(2) {
        z-index: -1;
    }

    .header .social-media {
        display: none;
    }

    .header .president .president-image {
        width: 75%;
    }

    .header .mekan .images {
        width: 100px;
    }

    .header .president .texts {
        top: -2%;
        left:0;
    }

    .services .container-fluid {
        width: 95%;
        gap: 5px;
    }

    .promises .container-fluid {
        width: 95%;
        gap: 5px;
    }

    .services .contents {
        gap: 6px;
    }

    .promises .contents {
        gap: 6px;
    }

    .promises .contents .content {
        width: 47%;
    }

    .services .contents .content {
        width: 47%;
    }

    .photo-gallery .images img {
        width: 100%;
    }

    .locations .head {
        font-size: 45pt;
    }

    .locations .head::after {
        height: 27px;
        margin-top: -20px;
    }

    .locations .cloud {
        left: 1%;
        top: 20%;
        width: 100px;
    }

    .footer .logo-icon {
        width: 150px;
        top: -5%;
    }

    .footer .shape-bg {
        display: none;
    }

    .header.detail-page .texts h1 {
        font-size: 45pt;
    }

    .header.detail-page .president-image {
        width: 90%;
    }

    .services-content .contents .content {
        width: 100%;
    }

    .services .head h1 {
        font-size: 50pt;
    }

    .promises .head h1 {
        font-size: 50pt;
    }

    .promises .head-icon {
        left: 85%;
    }

    .categories .content .icon {
        border: none;
        background-color: transparent;
    }

    .header.detail-page .icon {
        width: 50px;
    }

    .categories .content{
        height:100%;
    }
    .photo-gallery .col-lg-6 .row a{width: 100%;}
}