/*======================================
EIVOX MOBILE CSS
Version: 1.0
======================================*/


/*======================================
LARGE DESKTOP
======================================*/

@media (min-width:1400px){

    .container{

        max-width:1320px;

        margin:auto;

    }

}


/*======================================
DESKTOP
======================================*/

@media (max-width:1200px){

    .container{

        padding-inline:25px;

    }

}


/*======================================
TABLET
======================================*/

@media (max-width:991px){

    .container{

        padding-inline:20px;

    }

    .section{

        padding:60px 0;

    }

    h1{

        font-size:2.6rem;

    }

    h2{

        font-size:2rem;

    }

    h3{

        font-size:1.5rem;

    }

    .hide-tablet{

        display:none !important;

    }

    .text-center-tablet{

        text-align:center;

    }

}


/*======================================
MOBILE
======================================*/

@media (max-width:767px){

    html{

        font-size:15px;

    }

    body{

        overflow-x:hidden;

    }

    .container{

        width:100%;

        padding-inline:16px;

    }

    .section{

        padding:50px 0;

    }

    h1{

        font-size:2rem;

    }

    h2{

        font-size:1.7rem;

    }

    h3{

        font-size:1.3rem;

    }

    h4{

        font-size:1.15rem;

    }

    p{

        font-size:.95rem;

    }

    .text-center-mobile{

        text-align:center;

    }

    .hide-mobile{

        display:none !important;

    }

    .show-mobile{

        display:block !important;

    }

    .flex-mobile{

        display:flex;

        flex-direction:column;

        gap:20px;

    }

    .grid-mobile{

        display:grid;

        grid-template-columns:1fr;

        gap:20px;

    }

    .w-mobile{

        width:100% !important;

    }

    .btn{

        width:100%;

        justify-content:center;

    }

    img{

        max-width:100%;

        height:auto;

    }

}


/*======================================
SMALL MOBILE
======================================*/

@media (max-width:480px){

    html{

        font-size:14px;

    }

    .container{

        padding-inline:14px;

    }

    .section{

        padding:40px 0;

    }

    h1{

        font-size:1.8rem;

    }

    h2{

        font-size:1.5rem;

    }

    h3{

        font-size:1.2rem;

    }

    .hide-small{

        display:none !important;

    }

}


/*======================================
LANDSCAPE PHONE
======================================*/

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

    .hero{

        min-height:auto;

        padding:60px 0;

    }

    .page-loader{

        zoom:.8;

    }

}


/*======================================
TOUCH DEVICES
======================================*/

@media (hover:none){

    .hover-lift:hover,

    .hover-scale:hover,

    .hover-rotate:hover,

    .card-hover:hover{

        transform:none;

    }

}


/*======================================
HIGH RESOLUTION
======================================*/

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi){

    img{

        image-rendering:auto;

    }

}


/*======================================
PRINT
======================================*/

@media print{

    .no-print{

        display:none !important;

    }

    body{

        background:#fff;

        color:#000;

    }

}