/*====================================================

1200px

====================================================*/

@media (max-width:1200px){

.psContainer{
    width:95%;
}

.psHeaderMain{
    padding:18px 0;
}

.psLogoArea img{
    height:52px;
}

.psNavbar ul{
    gap:28px;
}

.psBookBtn a{
    padding:14px 26px;
    font-size:12px;
}

.psHeroContent{
    max-width:580px;
}

.psHeroContent h1{
    font-size:62px;
}

.psHeroContent h2{
    font-size:40px;
}

.psHeroContent p{
    font-size:16px;
    line-height:30px;
}

.psHeroButtons{
    gap:18px;
}

.psHeroBook{
    padding:16px 34px;
}

.psAboutGrid{
    gap:50px;
}

.psAboutContent h2{
    font-size:48px;
}

.psFeatureGrid{
    grid-template-columns:repeat(2,1fr);
}

.psCategoryGrid{
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.psCategoryImage{
    height:260px;
}

.psCategoryContent{
    padding:25px;
}

.psCategoryContent h3{
    font-size:24px;
}

.psPortfolioGrid{
    gap:18px;
}

.psExperienceGrid{
    gap:60px;
}

.psExperienceLeft h2{
    font-size:54px;
}

.psCounterCard{
    padding:35px;
}

.psCounterCard h3{
    font-size:56px;
}

.psTestimonialGrid{
    gap:25px;
}

.psReviewCard{
    padding:30px;
}

.psContactGrid{
    gap:50px;
}

.psContactContent h2{
    font-size:52px;
}

.psContactForm{
    padding:35px;
}

.psBookingBox{
    width:650px;
}

}



/*====================================================

992px

====================================================*/

@media (max-width:992px){

.psContainer{
    width:92%;
}

.psHeaderMain{
    padding:15px 0;
}

.psNavbar{

display:none;

position:absolute;

left:0;

top:100%;

width:100%;

background:#111;

padding:25px;

}

.psNavbar ul{

display:block;

}

.psNavbar ul li{

margin-bottom:20px;

}

.psNavbar ul li:last-child{

margin-bottom:0;

}

.psBookBtn{

display:none;

}

.psMobileBtn{

display:block;

}

.psHeroSection{

height:auto;

padding-top:180px;

padding-bottom:120px;

}

.psHeroSection .psContainer{

flex-direction:column;

align-items:flex-start;

}

.psHeroContent{

max-width:100%;

}

.psHeroContent h1{

font-size:42px;

}

.psHeroContent h2{

font-size:32px;

}

.psHeroContent p{

max-width:100%;

}

.psHeroSocial{

flex-direction:row;

margin-top:45px;

}

.psAboutGrid{

grid-template-columns:1fr;

}

.psAboutLeft{

margin-bottom:20px;

}

.psAboutContent{

text-align:center;

}

.psFeatureGrid{

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

}

.psCategoryGrid{

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

}

.psPortfolioGrid{

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

grid-auto-rows:240px;

}

.psPortfolioWide{

grid-column:span 2;

}

.psExperienceGrid{

grid-template-columns:1fr;

}

.psExperienceLeft{

text-align:center;

}

.psExperienceRight{

margin-top:20px;

}

.psTestimonialGrid{

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

}

.psContactGrid{

grid-template-columns:1fr;

}

.psContactContent{

text-align:center;

}

.psContactContent ul{

display:inline-block;

text-align:left;

margin-top:20px;

}

.psBookingBox{

width:90%;

padding:35px;

}

.psBookingBox h2{

font-size:34px;

}

.psBookingRow{

flex-direction:column;

gap:18px;

}

}

@media(max-width:991px){

.psNavbar{

display:none;

}

.psBookBtn{

display:none;

}

.psMobileBtn{

display:block;

}

.psNavbar{

display:none;

}

.psBookBtn{

display:none;

}

.psMobileBtn{

display:block;

}



}

@media (max-width:992px){

    .psNavbar{
        display:none !important;
    }

    .psBookBtn{
        display:none;
    }

    .psMobileBtn{
        display:block;
    }

    .psHeroButtons{
        display: inherit;
        text-align: center;
    }

    .psHeroVideo span{
            display: inline-block;
    }

    .psHeroVideo span i{
        line-height: 70px;
    }
    .psHeroVideo{
        display: block;
        margin-top: 30px;
    }
    .psAboutContent h2{
        font-size: 33px;
    }
    .psAboutContent p{
        font-size: 15px;
    }

    .psCategoryContent h3{
        font-size: 22px;
    }

    .psCategoryContent p{
        font-size: 14px;
        line-height: 24px;
    }

    .psCategoryContent h3{
        margin-bottom: 5px;
    }

    .psCategoryContent a{
        font-size: 12px;
    }

    .psCategoryContent{
        padding: 25px 18px;
    }

    .psSectionHeading h2{
        font-size: 42px;
    }

    .psExperienceLeft h2{
        font-size: 42px;
    }

    .psContactContent h2{
        font-size: 42px;
    }

}