/*
===========================================================
Shrikishan & Company Pvt. Ltd.
Responsive Stylesheet
Version : 1.0.0
===========================================================
*/

/*==========================================================
XXL
==========================================================*/

@media (min-width:1400px){

    .container{
        max-width:1320px;
    }

}

/*==========================================================
XL
==========================================================*/

@media (max-width:1199.98px){

    :root{

        --section-space:80px;

        --header-height:80px;

    }

    .navbar-brand img{

        height:54px;

    }

    .hero{

        min-height:900px;

    }

    .hero-slide{

        min-height:900px;

    }

    .hero-content{

        text-align:center;

        margin:auto;

    }

    .hero-buttons{

        justify-content:center;

    }

    .hero-features{

        justify-content:center;

    }

    .hero-stats{

        position:static;

        transform:none;

        flex-direction:row;

        justify-content:center;

        margin-top:3rem;

        flex-wrap:wrap;

    }

}

/*==========================================================
LG
==========================================================*/

@media (max-width:991.98px){

    :root{

        --section-space:70px;

    }

    section{

        padding:70px 0;

    }

    .top-bar{

        display:none !important;

    }

    .navbar{

        min-height:75px;

    }

    .navbar-brand img{

        height:50px;

    }

    .page-banner{

        min-height:320px;

    }

    .page-banner h1{

        font-size:2.5rem;

    }

    .section-header{

        margin-bottom:2rem;

    }

    .about-image{

        margin-bottom:2rem;

    }

    .about-experience{

        right:15px;

        bottom:15px;

    }

    .cta-section{

        text-align:center;

    }

    footer{

        text-align:center;

    }

}

/*==========================================================
MD
==========================================================*/

@media (max-width:767.98px){

    :root{

        --section-space:60px;

    }

    section{

        padding:60px 0;

    }

    .display-1,
    .display-2,
    .display-3{

        font-size:2.6rem;

    }

    .display-4{

        font-size:2.2rem;

    }

    .hero{

        min-height:760px;

    }

    .hero-slide{

        min-height:760px;

    }

    .hero-title{

        font-size:2.3rem;

    }

    .hero-description{

        font-size:1rem;

    }

    .hero-buttons{

        flex-direction:column;

    }

    .hero-buttons .btn{

        width:100%;

    }

    .hero-feature{

        width:100%;

    }

    .hero-stat{

        width:100%;

    }

    .swiper-button-next,

    .swiper-button-prev{

        display:none;

    }

    .project-image img{

        height:240px;

    }

    .gallery-item img{

        height:240px;

    }

    .machine-card img{

        height:200px;

    }

    .certificate-card img{

        height:250px;

    }

    .map-wrapper iframe{

        height:350px;

    }

}

/*==========================================================
SM
==========================================================*/

@media (max-width:575.98px){

    :root{

        --section-space:50px;

    }

    body{

        font-size:.95rem;

    }

    .container{

        padding-left:18px;

        padding-right:18px;

    }

    .hero{

        min-height:680px;

    }

    .hero-slide{

        min-height:680px;

    }

    .hero-title{

        font-size:2rem;

    }

    .hero-badge{

        font-size:.8rem;

    }

    .hero-description{

        font-size:.95rem;

    }

    .section-title{

        font-size:1.8rem;

    }

    .section-description{

        font-size:.95rem;

    }

    .page-banner{

        min-height:280px;

    }

    .page-banner h1{

        font-size:2rem;

    }

    .about-experience{

        position:relative;

        right:auto;

        bottom:auto;

        margin-top:1.5rem;

        width:100%;

    }

    .info-card,

    .highlight-card,

    .quality-box,

    .project-body,

    .machine-body,

    .certificate-body,

    .contact-card{

        padding:1.5rem;

    }

    .btn{

        width:100%;

    }

    .footer .btn{

        width:42px;

    }

    .back-to-top{

        right:15px;

        bottom:15px;

        width:45px;

        height:45px;

    }

}

/*==========================================================
Landscape Mobile
==========================================================*/

@media (max-height:500px) and (orientation:landscape){

    .hero{

        min-height:600px;

    }

    .hero-slide{

        min-height:600px;

    }

}

/*==========================================================
Reduced Motion
==========================================================*/

@media (prefers-reduced-motion:reduce){

    *{

        animation:none !important;

        transition:none !important;

        scroll-behavior:auto !important;

    }

}