@media only screen and (max-width:992px) {

    /* header ----------------------------- */

    .header-sec .hd-left p {
        font: 500 14px / 1.1 var(--jost);
    }

    .header-sec i {
        font-size: 16px;
    }

    .al-header .log-sec img {
        width: 300px;
    }

    .al-header {
        background-color: var(--white);
        padding: 10px 5% 10px 5%;
    }

    /* banner ------------------------------- */

    .main-banner .carousel-caption h5 {
        font: 600 30px / 1 var(--cin);
        text-align: start;
    }

    .main-banner .carousel-caption {
        width: 90%;
    }
    
    .main-banner .carousel-caption p {
        font: 400 18px / 1 var(--jost);
    }

    .main-banner .sl-btn a {
        padding: 8px 20px;
        font: 400 16px / 1 var(--jost);
        border-radius: 0px;
    }

    /* contact ------------------ */

    .al-contact .con-lft h4 {
        font: 700 26px / 1.2 var(--cin);
    }

    .al-contact .al-form h3 {
        font: 700 22px / 1.2 var(--cin);
    }

    .al-contact .con-details {
        bottom: 80px;
    }
    
}


@media only screen and (max-width:768px) {
    /* global ---------------- */

    .spadd1 {
        padding: 40px 5%;
    }

    .spadd7 {
        padding: 50px 5%;
    }

    .hd-ctitle h2 {
        font: 600 24px / 1.2 var(--cin);
    }

    /* header */

    .al-header .log-sec img {
        width: 260px;
    }

    /* abot us */

    .about-us .ab-left img{
        max-width: 400px!important;
        margin: 0 auto;
    }

    /* gallery ---------------------- */

    .al-gallcontainer .gal-item::before {
        top: -600px;
    }

    /* high-lights -------------------- */

    .al-prodte .dte-title h4 {
        font: 500 40px / 1 var(--cin);
    }

    .al-prodte .al-dte .itm-header h3 {
        font: 500 16px / 1 var(--jost);
    }

    /* contact ---------------------- */
    .al-contact .con-details{
         position: relative!important;
         bottom: 0px;
         margin-top: 2rem;
    }

    .al-contact::before {
        height: 500px;
    }

    .al-contact .con-rht{
        margin-top: 2rem;
    }

    .al-contact .al-form {
        padding: 40px 30px;
        margin: 0 0;
    }

    /* footer --------------- */

    .al-footer .foot-logo {
        max-width: 250px;
    }

    .al-contact .al-form {
        max-width: 700px;
    }

    .al-prodte .al-dte .left-dthd{
        gap: 10px;
     }

}


@media only screen and (max-width:562px) {

    .main-banner .carousel-caption h5 {
        font: 600 22px / 1 var(--cin);
        text-align: start;
    }

    .main-banner .carousel-caption p {
        display: none;
    }

    .main-banner .carousel-caption {
        bottom: 15% !important;
    }


    .al-gallcontainer .gal-item {
     border: none;
    }

    .al-prodte .dte-title h4 {
        font: 500 32px / 1 var(--cin);
    }

    .al-prodte .title2 {
        margin-left: 10rem;
    }

    .hd-ctitle h2 {
        font: 600 22px / 1.2 var(--cin);
    }

    .spadd1 {
        padding: 30px 5%;
    }

    .al-contact .con-lft h4 {
        font: 700 22px / 1.2 var(--cin);
    }

    .al-contact .con-details h5 {
        font: 500 18px / 1.2 var(--jost);
    }

    .al-contact .con-details img {
        max-width: 25px;
    }

    .st-btn a {
        font: 400 16px / 1 var(--jost);
    }

    .about-us .ab-left img {
        max-width: 100% !important;
    }
}