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

@media(max-width:1200px){

.hero h1{

font-size:58px;

}

.package-grid,
.service-grid,
.blog-grid,
.gallery-grid,
.why-grid{

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

}

.footer-grid{

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

}

}


@media(max-width:992px){

.header{

padding:15px 0;

}

.navbar ul{

display:none;

}

.phone{

display:none;

}

.hero{

padding:0 20px;

}

.hero h1{

font-size:46px;

}

.hero p{

font-size:18px;

}

.about .container,
.contact-wrapper,
.hajj .container{

grid-template-columns:1fr;

}

.about-image{

order:1;

}

.about-content{

order:2;

}

.counter-section .container{

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

}

.package-grid,
.service-grid,
.blog-grid,
.gallery-grid,
.testimonial-wrapper,
.why-grid{

grid-template-columns:1fr;

}

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.footer-logo{

margin:auto auto 25px;

}

}


@media(max-width:768px){

section{

padding:80px 0;

}

.hero{

height:90vh;

}

.hero h1{

font-size:38px;

line-height:1.2;

}

.hero p{

font-size:16px;

}

.section-title h2{

font-size:34px;

}

.buttons{

flex-direction:column;

}

.btn-primary,
.btn-outline{

width:100%;

text-align:center;

}

.counter-section .container{

grid-template-columns:1fr;

}

.about-features{

grid-template-columns:1fr;

}

.package-top h1{

font-size:46px;

}

.gallery-item img{

height:260px;

}

.contact-form{

margin-top:20px;

}

}


@media(max-width:480px){

.hero span{

font-size:12px;

}

.hero h1{

font-size:30px;

}

.section-title h2{

font-size:28px;

}

.package-card{

padding:30px;

}

.service-card{

padding:30px;

}

.testimonial-card{

padding:30px;

}

.blog-content{

padding:25px;

}

.contact-form input,
.contact-form textarea{

font-size:15px;

}

}