/*==========================================================
    Emirates Online Visa
    Responsive CSS
    Version : 1.0.0
==========================================================*/


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

@media (min-width:1600px){

.container,
.e-con-boxed{

    max-width:1400px;

}

}


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

@media (max-width:1366px){

.container,
.e-con-boxed{

    max-width:1200px;

}

.hero{

    min-height:620px;

}

}


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

@media (max-width:1024px){

:root{

    --eov-section-lg:90px;

}

.container,
.container-wide,
.e-con-boxed{

    padding-inline:20px;

}

.grid-4,
.grid-3{

    grid-template-columns:repeat(2,1fr);

}

.two-column,
.layout-sidebar{

    grid-template-columns:1fr;

}

.hero{

    min-height:auto;

    padding:90px 0;

}

.hero-content{

    max-width:100%;

}

.eov-navbar{

    min-height:74px;

}

.eov-header-cta{

    display:none;

}

.eov-footer-grid{

    grid-template-columns:repeat(2,1fr);

}

.elementor-button,
.eov-btn{

    min-height:52px;

}

}


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

@media (max-width:820px){

h1{

    font-size:44px;

}

h2{

    font-size:36px;

}

h3{

    font-size:30px;

}

.grid-2{

    grid-template-columns:1fr;

}

.section{

    padding:80px 0;

}

}


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

@media (max-width:767px){

:root{

    --eov-section-lg:70px;

}

.container,
.container-wide,
.container-fluid,
.e-con-boxed{

    padding-inline:16px;

}

h1{

    font-size:36px;

    line-height:1.2;

}

h2{

    font-size:30px;

}

h3{

    font-size:26px;

}

h4{

    font-size:22px;

}

h5{

    font-size:20px;

}

h6{

    font-size:18px;

}

p{

    font-size:15px;

}

.grid,
.grid-2,
.grid-3,
.grid-4,
.two-column,
.three-column,
.four-column{

    grid-template-columns:1fr;

}

.row{

    margin-inline:0;

}

.row>*{

    padding-inline:0;

}

.hero{

    padding:70px 0;

    text-align:center;

}

.hero-image{

    margin-top:40px;

    justify-content:center;

}

.section{

    padding:70px 0;

}

.eov-card{

    padding:24px;

}

.eov-card-title{

    font-size:22px;

}

.eov-price{

    font-size:36px;

}

.eov-visa-price{

    font-size:30px;

}

.eov-menu{

    display:none;

}

.eov-mobile-toggle{

    display:flex;

}

.elementor-button,
.eov-btn{

    width:100%;

}

.eov-newsletter form{

    flex-direction:column;

}

.eov-newsletter button{

    width:100%;

}

.eov-footer-grid{

    grid-template-columns:1fr;

}

.eov-footer-bottom-inner{

    flex-direction:column;

    text-align:center;

    gap:20px;

}

.eov-social{

    justify-content:center;

}

img{

    max-width:100%;

}

}


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

@media (max-width:480px){

.container,
.container-wide,
.e-con-boxed{

    padding-inline:14px;

}

.hero{

    padding:60px 0;

}

.section{

    padding:60px 0;

}

.eov-card{

    padding:20px;

}

.elementor-button,
.eov-btn{

    min-height:50px;

    padding:14px 24px;

    font-size:15px;

}

input,
select,
textarea{

    min-height:50px;

}

}


/*==========================================================
    Landscape Phones
==========================================================*/

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

.hero{

    min-height:auto;

    padding:60px 0;

}

}


/*==========================================================
    Print
==========================================================*/

@media print{

.eov-header,
.eov-footer,
.eov-newsletter,
.eov-social,
.elementor-location-header,
.elementor-location-footer{

    display:none!important;

}

body{

    background:#fff;

    color:#000;

}

a{

    color:#000;

    text-decoration:none;

}

}