/*====================================================
RESPONSIVE DESIGN
====================================================*/

/*==============================
Large Screens (1400px+)
===============================*/

@media (min-width:1400px){

.container{
    max-width:1320px;
}

.hero h1{
    font-size:82px;
}

.section-title{
    margin-bottom:90px;
}

}

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

@media (max-width:1200px){

.hero h1{
    font-size:60px;
}

h2{
    font-size:42px;
}

section{
    padding:90px 0;
}

}

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

@media (max-width:992px){

section{
    padding:80px 0;
}

.hero{
    text-align:center;
}

.hero h1{
    font-size:50px;
}

.hero p{
    margin:auto;
}

.hero-buttons{
    justify-content:center;
}

.statistics{
    margin-top:0;
}

.section-title{
    margin-bottom:55px;
}

.countdown-box{
    margin-top:40px;
}

.timeline::before{
    left:35px;
}

.timeline-item,
.timeline-item:nth-child(even){

flex-direction:row;

}

.timeline-day{

width:70px;
height:70px;
font-size:18px;

}

.timeline-content{

margin-left:25px;
margin-right:0;

}

.partner-slider{

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

}

.gallery-grid{

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

}

.newsletter-form{

flex-direction:column;

}

.newsletter-form button{

width:100%;
height:55px;

}

.footer{

text-align:center;

}

.social-icons{

justify-content:center;

}

}

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

@media (max-width:768px){

.hero{

padding-top:120px;
min-height:90vh;

}

.hero h1{

font-size:42px;

}

.hero p{

font-size:18px;

}

.hero-buttons{

flex-direction:column;

align-items:center;

}

.hero-buttons .btn{

width:100%;
max-width:320px;

}

h2{

font-size:36px;

}

.stat-card{

padding:35px 20px;

}

.time-box{

width:95px;
height:95px;

}

.time-box span{

font-size:30px;

}

.destination-card img,
.highlight-card img{

height:320px;

}

.artist-card img{

height:300px;

}

.contact-preview iframe{

height:320px;

}

.newsletter-box{

padding:40px 25px;

}

}

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

@media (max-width:576px){

section{

padding:70px 0;

}

.hero h1{

font-size:34px;

}

.hero p{

font-size:16px;

line-height:1.8;

}

.section-title h2{

font-size:30px;

}

.section-title p{

font-size:16px;

}

.gallery-grid{

grid-template-columns:1fr;

}

.partner-slider{

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

}

.country-grid{

grid-template-columns:1fr 1fr;

}

.timeline-content{

padding:20px;

}

.news-card img{

height:220px;

}

.news-content{

padding:20px;

}

.newsletter-box{

padding:30px 20px;

}

.contact-preview iframe{

height:250px;

}

.footer{

padding:70px 0 20px;

}

.footer h4{

margin-top:25px;

}

.social-icons{

flex-wrap:wrap;

}

}

/*==============================
Very Small Phones
===============================*/

@media (max-width:400px){

.hero h1{

font-size:28px;

}

.hero-buttons .btn{

font-size:15px;
padding:14px 20px;

}

.time-box{

width:80px;
height:80px;

}

.time-box span{

font-size:24px;

}

.timeline-day{

width:60px;
height:60px;
font-size:16px;

}

.partner-slider{

grid-template-columns:1fr;

}

.country-grid{

grid-template-columns:1fr;

}

}