/* 

  ##Device = Tablets, Ipads (portrait)

  ##Screen = B/w 768px to 1024px

*/



@media (min-width: 768px) and (max-width: 1024px) {

    /* FRONT PAGE */
    .top-triangle {
        margin-top: 5em;
    }

    /* CYBER SOLUTIONS PAGE */
    .cyber-services {
        padding: 2em;
    }

    button.splide__arrow {
        width: 40px;
        height: 40px;
    }



    .brief-text {

        padding: 3em 2em;

    }



    .brief-img>img {

        height: 100%;

        object-fit: cover;

    }


    .stats .column:not(.stats .column:last-child) {

        border-bottom: none;

    }



    .solutions,

    .services,

    .articles {

        padding: 2em;

    }



    /* ABOUT PAGE */

    .page-hero-section {

        height: 20vh;

    }



    .page-hero-section>img {

        bottom: -2px;

    }

    .who-section,
    .milestones,
    .solution-section,
    .optical-solutions,
    .five-g,
    .wireless-solutions,
    .cloud-environments,
    .cloud-services,
    .hq-section,
    .regional-offices,
    .reach-out,
    .process-audit,
    .process-overview,
    .subsolution-section,
    .support-center,
    .support-center-services,
    .sub-services {
        margin: 6em 1.2em;
    }

    .iot-solutions>div {
        margin: 4em 2em;
    }

    .agriculture-iot-img,
    .smart-city-iot-img {
        background-position-x: center;
    }

    .who-section p,
    .optical-solutions p,
    .five-g p,
    .wireless-solutions p {
        margin: 2em 1em 0 0;
    }



    .triangle-vector {

        position: relative;

        top: -2px;

    }



    .mission,

    .vision,

    .brand-promise {

        height: auto;

    }



    /* PROJECTS PAGE */

    .projects-section {

        margin: 2em;

        column-gap: 2rem;

    }



    /* SINGLE PAGE */

    .single-block,
    .single-course-block {
        margin: 1.2em;
        padding: 0;
    }

    .single-block>.column {
        padding-right: 1em !important;
    }

    .course-contact,
    .back-to-solution {
        padding: 1em;
    }

    p.embed_download {

        top: -3em;

        left: 0;

        right: auto;

    }



    .ead-preview {

        padding-top: 1em;

    }



    .main-popup {

        width: 60%;

        align-items: unset;

        padding-top: 5em;

    }

    /* IOT SOLUTIONS PAGE */
    .left-bloc {
        padding-right: 2em;
    }

    .right-bloc {
        padding-left: 2em;
    }

    /* PROCESS OPTIMIZATION PAGE */
    .more-training-courses {
        grid-template-columns: repeat(2, 1fr);
    }
}



/* 

  ##Device = Low Resolution Tablets, Mobiles (Landscape)

  ##Screen = B/w 320px to 767px

*/

@media (max-width: 767px) {

    /* HEADER */
    .drop {
        margin-top: -10px;
        margin-left: 0;
        margin-bottom: 8px;
    }

    /* HOMEPAGE */
    .first-slide>img,
    .second-slide>img,
    .third-slide>img {
        width: 100%;
    }

    .first-slide>div,
    .second-slide>div,
    .third-slide>div {
        padding: 5em 3em;
    }

    .top-triangle {
        margin-top: -2em;
    }

    .top-custom-shape-divider svg,
    .custom-shape-divider svg {
        height: 70px !important;
        bottom: 5px;
    }

    /* ARTICLES */
    .articles-heading {
        margin: 2em 0 0;
    }

    /* DATA CENTER & CLOUD PAGE */
    button.tablink {
        font-size: 20px;
        border-bottom: none !important;
    }

    .wave-1,
    .wave-2,
    .wave-3 {
        display: none;
    }

    /* INDUSTRIAL CONTROLS PAGE */
    .machine-parts-img,
    .pneumatic-kit-img {
        background-size: cover;
    }

    /* IOT SOLUTIONS PAGE */
    .iot-solutions>div,
    .iot-description,
    .consultancy-supply {
        margin: 2em;
    }

    /* CYBER SOLUTIONS PAGE */

    .installation-automation {
        padding: 2rem !important;
    }

    .in-brief {
        grid-template-columns: 1fr;
        padding: 0;
    }

    .vector>svg {
        position: absolute;
        bottom: 0;
    }

    .cyber-services,
    .solutions,
    .services,
    .articles,
    .partners-section,
    .brief-text,
    .cyber-services,
    .services-offered .columns,
    .equipment-repair,
    .fire-safety-equipment,
    .subscribe-section,
    .footer {
        padding: 2em !important;
    }

    .sol-block {
        width: 100%;
    }

    .serv-block {
        width: 100%;
    }

    .solution-courses {
        grid-template-columns: 1fr;
        margin: 2em 0;
    }

    .trainings-section {
        grid-template-columns: 1fr;
        margin: 0 0 2em;
    }

    .articles .card {
        width: 100%;
    }

    .grid-column {
        flex: 0 0 40%;
    }

    .mail-form {
        flex-wrap: wrap;
        margin: 0;
    }

    .mail-form input[type="email"],
    .mail-form input[type="text"] {
        width: 100%;
        margin: 10px 0;
    }

    /* ABOUT PAGE */

    .page-hero-section {
        height: 25vh;
    }

    .who-section,
    .milestones,
    .solution-section,
    .optical-solutions,
    .five-g,
    .wireless-solutions,
    .cloud-environments,
    .cloud-services,
    .hq-section,
    .regional-offices,
    .reach-out,
    .process-audit,
    .process-overview,
    .subsolution-section,
    .energy-efficiency,
    .energy-audits,
    .support-center,
    .support-center-services,
    .single-block,
    .single-course-block,
    .projects-section {
        margin: 1.2em;
    }

    .who-section p,
    .optical-solutions p,
    .five-g p,
    .wireless-solutions p {

        margin: 2em 0 0 0;

    }



    .triangle-vector {
        position: relative;
        top: -2px;
    }

    .mission,
    .vision,
    .brand-promise {
        height: auto;
    }

    .image-breaks {
        margin-bottom: 0em;
    }

    .page-hero-section .custom-shape-divider-top-1693314166 {
        display: none;
    }

    .custom-shape-divider-top-1693385596 svg,
    .custom-shape-divider-top-1693389449 svg,
    .custom-shape-divider-top-1693314166 svg {
        width: calc(100% + 1.3px);
        height: 55px;
    }


    /* PROJECTS PAGE */

    .project-card img {
        height: 140px;
    }

    .project-desc p {
        display: none;
    }

    .project-desc h4 {
        font-size: 1.1em;
    }

    /* SINGLE PAGE */

    .single-block,
    .single-course-block {
        padding: 0;
    }

    .single-block>.column {
        padding-right: 1em !important;
    }

    .course-contact,
    .back-to-solution {
        padding: 1em;
    }

    p.embed_download {

        top: -3em;

        left: 0;

        right: auto;

    }

    .ead-preview {

        padding-top: 1em;

    }

    .main-popup {
        width: 90%;
    }

    .close-btn {
        top: -30px;
    }

    .training-meta {
        flex-direction: column;
    }


    /* CONTACT PAGE */
    .contacts-title {
        margin: 2em 0;
    }

    .reach-out,
    .extra-courses {
        margin: 2em;
    }

    /* SOLUTIONS PAGE */

    .who-section p,
    .solution-section p,
    .optical-solutions p,
    .five-g p,
    .wireless-solutions p,
    .process-audit p,
    .process-overview p {
        margin: 1em 0;
    }

    .wah-block,
    .electrical-block,
    .fire-safety-block,
    .sub-services {
        margin: 1em;
    }

    .vertical-line {
        display: none;
    }

    .right-bloc {
        padding-left: 1em;
    }

    .left-bloc {
        padding-right: 1em;
    }

    .digital-bloc {
        grid-template-columns: 1fr;
        gap: 1em;
        margin-bottom: 1em;
    }

    .call-help h5 {
        text-align: center;
        margin-bottom: 1em;
    }

    .training-courses,
    .more-training-courses {
        grid-template-columns: 1fr;
        gap: 2em;
    }

    .floating-contact {
        position: fixed;
        bottom: 0;
    }

    /* MANUFACTURING PAGE */
    .overview-details {
        padding-left: 1em;
    }

    ul.audit-list {
        padding: 0 1em;
    }

    /* ENERGY PAGE */
    .performance-evaluations {
        padding: 1.4em;
    }

    /* FLUID POWER PAGE */
    .automation-projects {
        margin-left: 0;
        padding: 2em;
    }
}

/* 

  ##Device = Tablets to Mobile Phones

*/

@media (max-width: 1024px) {
    a.navbar-link {
        width: fit-content;
    }

    .sub-menu {
        left: 0;
    }

    h1 {
        font-size: 2.5rem !important;
    }

    h2 {
        font-size: 2em;
        line-height: 1.2;
    }

    #top-nav * {
        font-size: 14px;
    }

    #top-nav .container {
        padding: 0 5px;
    }

    .navbar-dropdown {
        position: relative;
    }

    .regional-bloc {
        flex-direction: column;
    }

    .mail-form h2 {
        text-align: center;
    }

    /* ARTICLES PAGE */

    .articles-bloc {
        margin: 1.5em;
    }

    /* SOLUTIONS PAGE */
    .training-solutions {
        padding: 1em 1em 3em 0;
    }

    .training-courses,
    .more-training-courses {
        margin: 1em;
        gap: 2em;
    }

    .red-links h5,
    .blue-links h5 {
        font-size: 1em;
    }

    .cyber-security-img {
        background-position-x: 40%;
    }

    .cyber-services,
    .iot-services,
    .contact-iot {
        padding: 4em 2em;
    }

    .iot-trainings>div:first-child {
        padding: 2em;
    }

    .dropdown {
        margin: 1.2em;
    }

    .active-tab {
        border-bottom: none !important;
    }

    .sub-services .columns {
        margin-bottom: 0 !important;
    }

    .sub-services .columns h4 {
        text-align: left !important;
    }


    .sub-services .columns {
        margin-bottom: 0 !important;
    }

    .sub-services .columns h4 {
        text-align: left !important;
    }

    .subscribe-section {
        padding: 1.2em;
    }

    .subscribe-section * {
        text-align: center;
    }
}