/* ************************************* */
/* ************************************* */
/* ---------------------------------- */
/*    Home page Media queries          */
/* ---------------------------------- */
/* ************************************* */
/* ************************************* */


/* ////////////////////////////////////// */
/* ////////////////////////////////////// */
/* 1000px */

@media (max-width: 62.5em) {

    /* ---------------------------------- */
    /*           Service section          */
    /* ---------------------------------- */

    .hero__heading  {


    }

    .hero__group {
        
    }

    .hero__wrapper {
        justify-self: center;
    }

    .hero__img {
        
        max-width: 36rem;
        max-height: 54rem;
        width: 100%;
        height: auto;
    }


    /* ---------------------------------- */
    /*           Service section          */
    /* ---------------------------------- */

    .feature__group {

        gap: 2rem;

    }


    .feature__1,
    .feature__3 {
        justify-self: center;
    }

    .feature__img {
        width: 100%;
        height: auto;
    }

}



/* ////////////////////////////////////// */
/* ////////////////////////////////////// */
/* 900px */
@media (max-width: 56.25em) {
    /* ------ Cover image Hero -----*/
    .cover__img {
        min-height: 55rem;
          
    }
}


/* ////////////////////////////////////// */
/* ////////////////////////////////////// */
/* 850px */

@media (max-width: 53em) {

    /* ---------- Prices ---------- */
    .price_table {
        grid-template-columns: 1fr;
    }

    .price {
        max-width: 40rem;
    }



}







/* ////////////////////////////////////// */
/* ////////////////////////////////////// */
/* 780px  */

@media (max-width: 49em) {

    /* ---------------------------------- */
    /*              Nav bar               */
    /* ---------------------------------- */

    
    .btn-mobile-nav {
        display: flex;
    }

    .main-nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        background-color: var(--color--secondary);
        position: absolute;

        width: 100vw;
        height: 75vh;
        left: 0;
        top: 0;
        z-index: 1;

        transform: translateY(-100%);
        transition: all 0.25s cubic-bezier(.14,.45,0,.95);

        visibility: hidden;
        opacity: 0;
        pointer-events: none;

        box-shadow: 0 5px 10px rgba(0,0,0,0.2);

    }


    .main-nav__lists {

    flex-direction: column;
    justify-content: center;


    }

    .main-nav__lists li {
        text-align: center;
    }

    .main-nav__lists li:not(:last-child){
        margin: 0 0 3.5rem 0;
    }



    .nav-open .main-nav {
        transform: translateY(0);
        
        visibility: visible;
        opacity: 1;
        pointer-events: auto;

    } 

    /* ---------------------------------- */
    /*       Best phototographer          */
    /* ---------------------------------- */

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

    .photographer__img {
  
        width: 100%;
        height: auto;

    }

    .photographer__lists {
        row-gap: 3rem;
    }

    /* ---------- Feature section  ----------*/

    .about {
        padding-top: 4rem;
    }


}


/* ////////////////////////////////////// */
/* ////////////////////////////////////// */
/* 650px  */

@media (max-width: 40em) {

    /* ||||||||||||||||||| */
    /* Gorden reserve */

   .location__gorden {
       grid-template-columns: 1fr;

   } 

    /* ||||||||||||||||||| */
    /* ACCA */

    .acca__content {
        grid-template-columns: 1fr;
    }


    /* ||||||||||||||||||| */
    /* Wisor Hotel */ 

    .location__wisor--contain {
        grid-template-columns: 1fr;
    }

    /* ||||||||||||||||||| */
    /* Black Rock */ 
    
    .location__blackrock {
        grid-template-columns: 1fr;
    }

    /* ||||||||||||||||||| */
    /* South Bank */ 
    .south-bank {
        grid-template-columns: 1fr;
    }

    /* ------ best photographer -----*/

    .photographer__group {
        grid-template-columns: 1fr;
    }

    .photographer__picture {
        
    }

    /* ------ Cover image Hero -----*/
    .cover__img {
        min-height: 45rem;
          
    }

}



/* ////////////////////////////////////// */
/* ////////////////////////////////////// */
/* 600px */

@media (max-width: 37.5em) {


    /* ---------- Hero Section ----------*/

    .hero__group {

        grid-template-columns: 1fr;
        gap: 2rem;
    }



    /* ---------- Feature section  ----------*/

    .feature__group {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

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

    /* ---------- Feature section  ----------*/
    .about {
        padding-top: 4rem;
    }

    .about__group {
        grid-template-columns: 1fr;
    }

    .about__para {
        width: 80%;
    }

    .about__img {
        justify-self: center;
    }



    /* ---------- Testimonial  ----------*/

    .testimonial__group {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .testimonial__persona {
        max-width: 36.6rem;
    }

}


/* ////////////////////////////////////// */
/* ////////////////////////////////////// */
/* 450px */

@media (max-width: 28em) {

    /* ---------- Testimonial  ----------*/
    .service__content {
        grid-template-columns: 1fr;
    }


    /* ---------- Testimonial  ----------*/
    .photographer__group {
        grid-template-columns: 1fr;
    }


    /* ---------- Gallery   ----------*/
    .gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .img-2 {
        grid-column: span 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .img-6 {
        grid-column: span 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

}



/* ////////////////////////////////////// */
/* ////////////////////////////////////// */
/* 360px */

@media (max-width: 22.5em) {

    /* cover */
    .cover__img {
        min-height: 35rem;
          
    }

    /* ---------- Gallery   ----------*/
    .hero__img {
        
        width: 100%;
        object-position: 55% 40%;
        
    }



}

/* ////////////////////////////////////// */
/* ////////////////////////////////////// */
/* 350px */

@media (max-width: 21em) {
    /* Best wedding location */
    .location__wrapper {
        grid-template-columns: 1fr;
    }

    /*  Parliament house */
    .parliament__wrapper {
        grid-template-columns: 1fr;
    }
    /*  Fitzroy Gardens */
    .fitzroy__wrapper {
        grid-template-columns: 1fr;
    }
    /* Barrack Meseum */
    .barrack__wrapper {
        grid-template-columns: 1fr;
    }

    /* Royal Exhibition Building */
    .ex-building__wrapper {
        grid-template-columns: 1fr;
    }

}