/* ==========================================================
   GLOBAL RESPONSIVE
   Theme : NemuTrip
   Version : Final Production (LOCKED)
========================================================== */

/* ==========================================================
   Large Desktop
========================================================== */

@media (min-width:1400px){

    .container{
        max-width:1320px;
    }

}

/* ==========================================================
   Laptop
========================================================== */

@media (max-width:1199.98px){

    section{
        padding:90px 0;
    }

}

/* ==========================================================
   Tablet Landscape
========================================================== */

@media (max-width:991.98px){

    section{
        padding:80px 0;
    }

    .container{
        max-width:960px;
    }

    .text-lg-start,
    .text-lg-end{
        text-align:center !important;
    }

}

/* ==========================================================
   Tablet
========================================================== */

@media (max-width:767.98px){

    section{
        padding:70px 0;
    }

    h1{
        font-size:38px;
    }

    h2{
        font-size:30px;
    }

    h3{
        font-size:24px;
    }

    .container{
        padding-left:20px;
        padding-right:20px;
    }

    .btn{
        min-height:50px;
    }

}

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

@media (max-width:575.98px){

    section{
        padding:60px 0;
    }

    h1{
        font-size:32px;
    }

    h2{
        font-size:28px;
    }

    h3{
        font-size:22px;
    }

    h4{
        font-size:20px;
    }

    p{
        font-size:15px;
    }

    .container{
        padding-left:16px;
        padding-right:16px;
    }

    .btn{
        width:100%;
    }

}

/* ==========================================================
   Small Mobile
========================================================== */

@media (max-width:374.98px){

    h1{
        font-size:28px;
    }

    h2{
        font-size:24px;
    }

    h3{
        font-size:20px;
    }

    p{
        font-size:14px;
    }

    .container{
        padding-left:14px;
        padding-right:14px;
    }

}

/* ==========================================================
   Motion Accessibility
========================================================== */

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

    *,
    *::before,
    *::after{

        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;

    }

}