@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}

/* ============================================================================ */

@media (max-width: 768px) {
    html,
body {
  scroll-padding-top: 80px;
}
    p {
        font-size: 15px;
    }

    nav {
        padding: 10px 1em;
    }

    .menu-toggle {
        width: 2rem;
    }

    .logo img {
        height: 60px;
    }

    .link a {
        font-size: 2.5rem;
    }


    .banner {
        height: auto;
        padding: 96px 0px 0px 0px;
    }

    .salim_d5n {
        align-items: center;
        justify-content: center;
    }

    .salim_d5n .main_image {
        height: 470px;
        margin-top: 40px;
    }

    .scribble_arrow2 {
        bottom: 58%;
        left: 0px;
    }

    .scribble_arrow1 img,
    .scribble_arrow2 img {
        height: 25px;
    }

    .aura {
        top: 100px;
        width: 120px;
        height: 120px;
    }

    .counter_aura {
        bottom: 20px;
        left: 0px;
        width: 100px;
        height: 45px;
    }

    .banner_counter_box {
        left: 40px;
        bottom: 20px;
    }

    .counter_number {
        font-size: 32px;
    }

    .counter_text {
        font-size: 15px;
    }

    .banner_texts h1 {
        font-size: 56px;
    }

    .banner_texts .position {
        font-size: 24px;
    }

    .marquee-content li img {
        height: 30px;

    }

    .about {
        padding: 80px 0;
    }

    .about_image {
        margin-bottom: 2rem;
    }

    .about_image img {
        height: 350px;
        width: 270px;
    }

    .about_counter {
        right: 10px;
        bottom: -20px;
    }

    .about_salim h2 {
        font-size: 40px;
        margin-top: 5rem;
    }

    .about_salim p {
        text-align: justify;
    }

    .marque h3 {
        font-size: 32px;
    }

    .marque img {
        height: 32px;
    }

    .mission {
        padding: 80px 0 100px 0;
    }

    .miss_vis_title {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .mission_vision_content p {
        font-size: 16px;
        text-align: start;
    }

    .mission_image {
        margin-top: 1.5rem;
    }

    .mission_image #mission_image {
        height: 350px;
        width: 270px;
    }

    .quate {
        left: -40px;
    }

    .quate img {
        width: 80px;
        height: 80px;
    }

    .section_title {
        font-size: 36px;
    }

    /* Industries Responsive */
    .industry-subtitle {
        font-size: 15px;
    }


    .industry-icon-wrapper {
        width: 70px;
        height: 70px;
        margin-bottom: 15px;
    }

    .industry-icon {
        font-size: 35px;
    }

    .industry-title {
        font-size: 20px;
    }

    .industry-hover-overlay i {
        font-size: 100px;
    }


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

    .global_presence {
        padding: 80px 0;
    }

    .global_counter {
        right: 75px;
        top: 200px;
    }


    .happy-clients {
        padding: 60px 0;
        background: #F4F4F4;
    }

    .clients_box {
        border-radius: 20px;
        padding: 20px;
    }

    .footer_connect {
        align-items: start;
        flex-direction: column;
    }

    .footer_connect_title {
        font-size: 36px;
        margin-bottom: 1rem;
    }

    .middle-col {
        position: static;
        transform: translateX(0%);
        justify-content: start;
    }

    .last_col {
        justify-content: start;
        margin-top: 0;
    }

    .last_col li {
        text-align: start;
    }

    .primary_button {
        padding: 10px;
        font-size: 14px;
    }

    .primary_button img {
        height: 16px;
    }

}

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

@media (max-width: 575px) {

    /* Industries Small Mobile */
    .industries {
        padding: 60px 0;
    }

    .industry-card {
        margin-bottom: 15px;
    }

    .industry-icon-wrapper {
        width: 60px;
        height: 60px;
        margin-bottom: 12px;
    }

    .industry-icon {
        font-size: 30px;
    }

    .industry-title {
        font-size: 18px;
    }

    .industry-hover-overlay i {
        font-size: 80px;
    }
}


@media only screen and (min-width: 1100px) and (max-width: 1440px) {

    .menu-preview-img {
        width: 70%;
        height: 90%;
    }
}