/* **********************************
******  CSS MEDIA QUERIES ********* 
************************************/

/* Extra Large Desktops / 4K Monitors */
@media (min-width: 1600px) {

    /* Custom ultra-wide layouts or extra spacing */

}


/* **********************************************************************/
/* **********************************************************************/



/* Large Desktops (Bootstrap XL) */
@media (max-width: 1200px) {

    p {
        font-size: 16px;
    }

    /* GLOBAL */
    .section-title .section-sub-heading {
        font-size: 30px;
    }












    /* MENU TOGGLE */
    .menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
    }



    header .container {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }

    /* NAV */
    #header nav {
        position: fixed;

        top: 90px;
        right: -100%;

        width: 320px;
        height: calc(100vh - 90px);

        background: #fff;

        padding: 40px 25px;

        transition: 0.4s ease;

        overflow-y: auto;

        box-shadow:
            -10px 0 30px rgba(0, 0, 0, 0.08);

        z-index: 1001;
    }

    #header nav.active {
        right: 0;
    }

    #header nav ul {
        flex-direction: column;
        gap: 10px;
    }

    #header nav ul li {
        width: 100%;
    }

    #header nav ul li a {
        width: 100%;

        display: flex;
        align-items: center;
        justify-content: space-between;

        font-size: 18px;

        padding: 14px 0;
    }

    /* DROPDOWN MOBILE */
    header .dropdown-box {
        position: static;

        opacity: 1;
        visibility: visible;

        transform: none;

        display: none;

        margin-top: 10px;

        box-shadow: none;

        border: 1px solid #eee;

        padding: 10px 0 0 15px;

        background: transparent;

        min-width: 100%;
    }

    header .dropdown-menu-custom.active .dropdown-box {
        display: block;
    }

    /* hide desktop hover effect */
    header .dropdown-menu-custom:hover .dropdown-box {
        transform: none;
    }

    header .dropdown-box li a {
        padding: 10px 0;
        font-size: 16px;
    }



    #header .mobile-view {
        display: block;
    }

    /* BUTTON */
    .header-btn {
        display: none;
    }









    /* home page */
    /* ABOUT HOME */
    #about-home .about-center-text h2 {
        font-size: 50px;
    }

    #about-home .about-features div {
        font-size: 16px;
    }







    /* cadempvd-info */
    #cadempvd-info .cadem-card ul li {
        font-size: 16px;
    }

    #cadempvd-info .cadem-card span {
        font-size: 16px;
    }






    /* actcad */
    #actcad .actcad-features div {
        font-size: 16px;
    }







    /* why-us */
    #why-us .why-card h4 {
        font-size: 16px;
    }




    /* *************** */
    /* home page end */
    /* *************** */









    /* *************** */
    /* cadem page */
    /* *************** */
    /* cadem-intro */
    #cadem-intro .cadem-feature-card h4 {
        font-size: 18px;
    }



    /* *************** */
    /* cadem page end*/
    /* *************** */







}


/* **********************************************************************/
/* **********************************************************************/



/* Medium Devices (Bootstrap LG & MD) */
@media (max-width: 992px) {


    /* ABOUT HERO */
    #about-hero .hero-title {
        font-size: 60px;
    }

    #about-hero .hero-floating-img {
        position: relative;
        inset: unset;
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }

    /* ABOUT CTA */
    #about-cta h2 {
        font-size: 42px;
    }

    /* CADEM INTRO */
    #cadem-intro .demo-item {
        flex-direction: column;
        align-items: flex-start;
    }

}


/* **********************************************************************/
/* **********************************************************************/



/* Tablets (Bootstrap SM) */
@media (max-width: 768px) {

    /* global */
    .section-title .section-heading {
        font-size: 16px;
    }

    .section-title .section-sub-heading {
        font-size: 25px;
    }





    /* banner */
    #banner h1 {
        font-size: 40px;
    }


    #about-hero .about-hero-images {
        margin-top: 50px;
    }

    /* main image */
    #about-hero .hero-main-img img {
        border-radius: 22px;
    }

    /* floating image */
    #about-hero .hero-floating-img {
        position: relative;

        bottom: unset;
        left: unset;

        width: 75%;

        margin-top: -40px;
        margin-left: auto;
    }

    #about-hero .hero-floating-img img {
        border-width: 5px;
        border-radius: 18px;
    }

    /* glass card */
    #about-hero .hero-info-card {
        position: relative;

        top: unset;
        right: unset;

        max-width: 100%;

        margin-top: 25px;

        padding: 24px;

        border-radius: 20px;
    }

    /* heading */
    #about-hero .hero-info-card h4 {
        font-size: 22px;
        line-height: 1.3;
        color: black;
    }

    /* paragraph */
    #about-hero .hero-info-card p {
        font-size: 14px;
        line-height: 1.7;
        color: #3e3e3e;
    }

    /* mini tag */
    #about-hero .hero-info-card .mini-tag {
        font-size: 12px;
        padding: 7px 12px;
    }

    #about-hero .hero-info-card .mini-tag i {
        font-size: 14px;
    }




    /* PRODUCTS */
    #products .product-card {
        margin-bottom: 20px;
    }

    /* ABOUT HERO */
    #about-hero .hero-title {
        font-size: 45px;
    }

    #about-stats .stats-card h3 {
        font-size: 42px;
    }

    /* ABOUT CTA */
    #about-cta h2 {
        font-size: 34px;
    }

    /* ACTCAD CAPABILITIES */
    #actcad-capabilities .capability-tabs {
        justify-content: flex-start;
    }

    /* VALUE PROPOSITION */
    #value-proposition .value-item {
        /* flex-direction: column; */
        /* align-items: flex-start; */
        /* gap: 20px; */
    }

    #value-proposition .value-left {
        width: 100%;
    }

    #value-proposition .value-item h4 {
        font-size: 18px;
    }

    #value-proposition .value-item span {
        font-size: 22px;
    }

    /* ACTCAD SOFTWARE INFO */
    #actcad-software-info .software-features {
        grid-template-columns: 1fr;
    }

    #actcad-software-info .software-highlight h4 {
        font-size: 28px;
    }

    /* CADEM INTRO */
    #cadem-intro .intro-box h2 {
        font-size: 38px;
    }

    #cadem-intro .demo-item h4 {
        font-size: 18px;
    }

    #cadem-intro .trial-content h3 {
        font-size: 32px;
    }

    /* WHY PAGE */
    #why-page .why-timeline::before {
        display: none;
    }

    #why-page .why-item {
        flex-direction: column;
        gap: 20px;
    }

    #why-page .why-number {
        width: 80px;
        /* height: 80px; */
        font-size: 24px;
    }

    #why-page .why-content {
        flex-direction: column;
    }










    /* actcad page */
    #value-proposition .value-item {
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    #value-proposition .value-left {
        width: 100%;
    }

    #value-proposition .value-item h4 {
        font-size: 18px;
    }

    #value-proposition .value-item span {
        font-size: 22px;
    }











    /* cta */
    #about-cta h2 {
        font-size: 25px;
    }


    /* footer */
    #footer .copyrights-body {
        flex-direction: column;
        gap: 10px;
    }

}


/* **********************************************************************/
/* **********************************************************************/



/* Small Devices (Bootstrap XS) */
@media (max-width: 576px) {

    /* Reduce padding, font sizes, optimize for touch */

    #header .logo {
        height: 55%;
    }

    #header nav {
        width: 100%;
    }

    #banner h1 {
        font-size: 31px;
    }







    #about-hero .hero-title {
        font-size: 25px;
    }

    #about-home .about-img-stack {
        position: relative;
        height: auto;

        display: flex;
        flex-direction: column;
        gap: 20px;

        margin-top: 40px;
    }

    #about-home .main-img,
    #about-home .secondary-img {
        position: relative;

        width: 100%;
        border-radius: 16px;
    }

    #about-home .main-img {
        top: unset;
        left: unset;
    }

    #about-home .secondary-img {
        bottom: unset;
        right: unset;
        opacity: 1;
    }














    /* actcad-products */
    #actcad-products .actcad-content h4 {
        display: flex;
        flex-direction: column;
        gap: 6px;
        margin: 0;
        line-height: 1.1;
        color: #111;
        font-size: 30px;
        font-weight: 900;
        text-transform: capitalize;
    }






}


/* **********************************************************************/
/* **********************************************************************/



/* Extra Small / Mobile-first (below Bootstrap XS) */

@media (max-width: 400px) {

    /* Tighten UI for small phones (e.g. iPhone SE) */

}