/*------------------- css for Extra large devices (large desktops, 1200px and up)-------------------------------------*/

@media only screen and (max-width:1200px) {}


/*--------------- -css for Large devices (desktops, 992px and up) --------------------------------*/
@media only screen and (max-width:992px) {

    /*--------------------------- header contents ---------------------------*/

    .header {
        background-position: center;
        /* background-image: linear-gradient(to bottom right, #FF512F, #DD2476); */
        background: url(../Images/home\ garder.jpg) no-repeat;
        background-size: cover;
        background-attachment: fixed;
        height: 100%;
        width: 100%;
    }


    video {
        height: 100%;
        display: none;
    }

    /* responsive phone navbar */

    .navigation .navbar-toggler {
        display: none;
    }

    .navigation .Navigation-list {
        display: none;

    }


    .phone-navigation {

        display: block !important;
    }


    .phone-navigation i {
        font-size: 1rem !important;
        border-radius: 7px !important;
        padding: 4px 10px;
    }


    .phone-navigation a div {
        font-size: 0.8rem;
    }



    .navigation .Navigation-list a {
        color: rgb(12, 12, 12) !important;
        text-decoration: none;
        border-radius: 10px;
        /* background-color: #080808; */
        border: 1px solid rgb(255, 219, 201);
        padding: 7px;
        margin: 10px;
    }

    .navigation .Navigation-list a:hover {
        background: hsl(0, 0%, 100%);
        color: #ff7d2c !important;


    }



    .header-content .contents {
        background: rgba(147, 208, 255, 0.6) !important;
    }



    .header-content .contents h1 {
        font-size: 2rem !important;
    }




    /* foooter start her */
    .footer .foot-logo  {
        height: 100px !important;
        width: 280px !important;

    }
 


    .footer-bottom {
        /*margin-bottom: 3.5rem;*/
    }




    /* <!--======================= All modals start here ======================= --> */


    /* .admin-multiple-form-nav button {
        background: #000;
    } */

    .form-heading {
        font-size: 1.3rem;
    }

    .confirm-check {
        font-size: 1.1rem;
    }


}


/*--------------- -css for Medium devices (tablets, 768px and up) --------------------------------*/

@media only screen and (max-width:768px) {
    /*--------------------------- header contents ---------------------------*/


    .header-content .contents h1 {
        font-size: 1.8rem !important; 

    }

    .header-content .contents p {
        font-size: 1rem !important;

    }

    
    .header-content .contents button {
        font-size: 1rem !important;
        margin-top: 5px !important;
        padding: 4px 7px  !important;

    }



    .About-contents div img {
        margin-bottom: 15px;
    }







  


}


/*--------------- -css for  Small devices (landscape phones, 576px and up) --------------------------------*/
@media only screen and (max-width:576px) {

    /*--------------------------- header contents ---------------------------*/

    .About-contents .right-side h2{
        font-size: 1.6rem !important;
    }
    
    .About-contents .right-side p{
        font-size: 1rem !important;
    }

       
    .About-contents .right-side button{
        font-size: 0.9rem !important;
        padding: 5px  7px   !important;
    }

    
       /* join partner */
       .partner-section .partner-list .card {
        height: 250px !important;
        margin-bottom: 10px;
    }


    /* training-section */
    .training-section .left-side button {
        margin-bottom: 15px;
    }


    
 


}


/*--------------- -css for more Small devices (landscape phones, 450px and up) --------------------------------*/


/* ----------- Header section start here--------------------*/
@media only screen and (max-width:450px) {
  
    .header-content .contents h1 {
        font-size: 1.5rem !important; 

    }

    .header-content .contents p {
        font-size: 0.8rem !important;

    }

    
    .header-content .contents button {
        font-size: 0.8rem !important; 
        padding: 3px 5px  !important;

    }

    .flight-search-btn button {
        padding: 7px 1px !important;
        font-size: 0.886rem !important;
    }

    .first-nav div {
        text-align: center !important;
    }


    .first-nav button {
        padding: 4px 12px !important;
    }

    .second-nav button {
        padding: 5px 7px !important;
    }


}


/*--------------- -css for more Small devices (landscape phones, 395px and up) --------------------------------*/

@media only screen and (max-width:395px) {

    .About-contents .right-side h2{
        font-size: 1.4rem !important;
    }
    
    .About-contents .right-side p{
        font-size: 0.9rem !important;
    }




  .header-content .contents h1 {
        font-size: 1.4rem !important; 

    }

     /* foooter start her */
    .footer .foot-logo  {
        height: 80px !important;
        width: 200px !important;

    }
 
 

}

/*--------------- -css for more Small devices (landscape phones, 280px and up) --------------------------------*/

@media only screen and (max-width:280px) {
    .header-content .contents h1 {
          font-size: 1.4rem !important; 
  
      }
  
      
      .header-content .contents p {
        font-size: 0.78rem !important; 

    }

  
  }