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

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

    .partner-content ul {
        margin-top: 3%;
        width: 500px;

    }

    .partner-content ul li {

        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .partner-content ul li:nth-child(2) {
        margin-top: 12% !important;
    }

    .partner-content ul li:nth-child(3) {
        margin-top: 12% !important;
        margin-left: 17% !important;
    }


    .partner-content ul li:nth-child(4) {
        margin-top: 12% !important;
    }

    .partner-content ul li:nth-child(5) {
        margin-top: 12% !important;
    }



}

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


@media only screen and (max-width:1400px)
/*--------------------------- about contents ---------------------------*/

    {

    .partner-content ul {
        margin-top: 5%;
        width: 450px;


    }

    .partner-content ul li {

        margin-left: 10%;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

  
    .partner-content ul li:nth-child(2) {
        margin-top: 9% !important;
    }

    .partner-content ul li:nth-child(3) {
        margin-top: 9% !important;
        margin-left: 15% !important;
    }


    .partner-content ul li:nth-child(4) {
        margin-top: 9% !important;
    }

    .partner-content ul li:nth-child(5) {
        margin-top: 10% !important;
    }
}




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

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

    .partner-content ul {
        margin-top: 3%;
        width: 400px;

    }

    .partner-content ul li {

        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .partner-content ul li:nth-child(2) {
        margin-top: 7% !important;
    }

    .partner-content ul li:nth-child(3) {
        margin-top: 8% !important;
        margin-left: 12% !important;
    }


    .partner-content ul li:nth-child(4) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(5) {
        margin-top: 8% !important;
    }



}


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

    /* ----------- Header section start here--------------------*/


    /* 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;
    }


    /* about */

    .partner-content ul {
        margin-top: 3%;
        width: 450px;
        margin-left: 10% !important;

    }

    .partner-content ul li {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .partner-content ul li:nth-child(1) {
        margin-top: 7% !important;
    }

    .partner-content ul li:nth-child(2) {
        margin-top: 12% !important;
    }

    .partner-content ul li:nth-child(3) {
        margin-top: 15% !important;
    }

    .partner-content ul li:nth-child(4) {
        margin-top: 15% !important;
    }

    .partner-content ul li:nth-child(5) {
        margin-top: 15% !important;
    }

    .partner-content ul li:nth-child(6) {
        margin-top: 14% !important;
    }


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


    .admin-multiple-form-nav li {
        margin-bottom: 0.5rem;
    }

    .form-heading {
        font-size: 1.2rem !important;
    }

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

    .pmjay-img,
    .utipsa-img,
    .sup-dis-img {
        height: 250px !important;
        width: 300px !important;
        object-fit: cover !important;
    }


    .download-section .container {
        background: none;
    }

    .download-section .first-para {
        letter-spacing: 1px !important;
        font-size: 1.5rem !important;
        color: black !important;
    }

    .download-section .sec-para {
        font-size: 1.2rem !important;
        color: black !important;

    }

    .download-section button {
        font-size: 1rem !important;
        padding: 5px 7px !important;
        margin: 5px 7px !important;

    }



    .footer {
        height: 100%;

    }


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



}


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

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

    /*--------------------------- header contents ---------------------------*/
    .header {
        height: 130vh;
    }

    video {
        height: 130vh;
    }


    /* about */

    .partner-content ul {
        margin-left: 0% !important;

    }


    .partner-content ul li:nth-child(1) {
        margin-top: 3% !important;
    }

    .partner-content ul li:nth-child(2) {
        margin-top: 10% !important;
    }

    .partner-content ul li:nth-child(3) {
        margin-top: 9% !important;
    }

    .partner-content ul li:nth-child(4) {
        margin-top: 9% !important;
    }

    .partner-content ul li:nth-child(5) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(6) {
        margin-top: 8% !important;
    }


}


/*--------------- -css for  Small devices (landscape phones, 576px and up) --------------------------------*/
@media only screen and (max-width:576px) {
    .header-content .right-side h1 {
        font-size: 1.8rem !important;

    }

    .header-content .right-side .para {
        font-size: 1rem !important;

    }



    /* modals start here */

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

    .modal-body p {
        font-size: 1rem !important;
    }

    .btn-price-color {

        border-radius: 10px;
        font-size: 0.782rem !important;
        font-weight: bold;
        border: none;

    }

    .form-check-label,
    .form-check-label a {
        font-size: 0.888rem !important;
    }


}



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

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

    /* ----------- Header section start here--------------------*/

    /* about section*/

    .partner-content ul {
        margin-top: 0%;
        width: 350px;
        margin-left: 0% !important;

    }


    .partner-content ul li:nth-child(1) {
        margin-top: 3% !important;
    }

    .partner-content ul li:nth-child(2) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(3) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(4) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(5) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(6) {
        margin-top: 10% !important;
    }

    .partner-content ul li span {

        font-size: 1rem !important;

    }

    .partner-content ul li button {
        padding: 3px 4px !important;
        font-size: 0.9rem !important;

    }





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

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

    .second-nav button {
        /* font-size: 0.899rem !important; */
        padding: 5px 7px !important;
        /* margin: 5px !important; */
    }


    .download-section .first-para {
        letter-spacing: 1px !important;
        font-size: 1.5rem !important;

    }

    .download-section .sec-para {
        font-size: 1.2rem !important;


    }

    .download-section button {
        font-size: 1rem !important;
        padding: 5px 7px !important;

    }

    .download-section img {
        height: 250px !important;
        width: 210px !important;

    }
}


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


@media only screen and (max-width:395px) {
    /* ----------- Header section start here--------------------*/

    .header {
        height: 165vh;
    }

    video {
        height: 165vh;
    }

    .header-content .right-side h1 {
        font-size: 1.3rem !important;

    }

    .header-content .right-side .para {
        font-size: 1rem !important;
        margin-top: 1px !important;

    }

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




    /* about section*/

    .partner-content ul {
        margin-top: 0%;
        width: 340px;
        margin-left: -5% !important;

    }


    .partner-content ul li:nth-child(1) {
        margin-top: 3% !important;
    }

    .partner-content ul li:nth-child(2) {
        margin-top: 9% !important;
    }

    .partner-content ul li:nth-child(3) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(4) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(5) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(6) {
        margin-top: 7% !important;
    }

    .partner-content ul li span {

        font-size: 1rem !important;

    }

    .partner-content ul li button {
        padding: 3px 3px !important;
        font-size: 0.8rem !important;

    }


    /* ------------------------------------------- download section start ----------------------------------------- */


    .download-section .first-para {
        font-size: 1.2rem !important;
        letter-spacing: 0px !important;

    }

    .download-section .sec-para {

        font-size: 0.9rem !important;

    }

    .download-section button {
        font-size: 0.9rem !important;
        padding: 3px 6px !important;

    }

    .download-section img {
        height: 220px !important;
        width: 180px !important;

    }

}




@media only screen and (max-width:375px) {
    /* ----------- Header section start here--------------------*/

    
    /* about section*/

    .partner-content ul {
        margin-top: 0%;
        width: 330px;
        margin-left: -5% !important;

    }


    .partner-content ul li:nth-child(1) {
        margin-top: 3% !important;
    }

    .partner-content ul li:nth-child(2) {
        margin-top: 9% !important;
    }

    .partner-content ul li:nth-child(3) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(4) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(5) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(6) {
        margin-top: 8% !important;
    }

    .partner-content ul li span {

        font-size: 0.9rem !important;

    }

    .partner-content ul li button {
        padding: 2px 2px !important;
        font-size: 0.8rem !important;

    }



}





@media only screen and (max-width:360px) {
    /* ----------- Header section start here--------------------*/

    
    /* about section*/

    .partner-content ul {
        margin-top: 0%;
        width: 330px;
        margin-left: -5% !important;

    }


    .partner-content ul li:nth-child(1) {
        margin-top: 3% !important;
    }

    .partner-content ul li:nth-child(2) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(3) {
        margin-top: 7% !important;
        margin-left: 8% !important;
    }

    .partner-content ul li:nth-child(4) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(5) {
        margin-top: 8% !important;
    }

    .partner-content ul li:nth-child(6) {
        margin-top: 7% !important;
    }
}





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


@media only screen and (max-width:285px) {
    /* ----------- Header section start here--------------------*/

    .header {
        height: 200vh;
    }

    video {
        height: 200vh;
    }

    /* ------------------------------------------- download section start ----------------------------------------- */
    .download-section img {
        height: 160px !important;
        width: 155px !important;
        object-fit: contain;
    }



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

    .admin-multiple-form-nav li {
        margin-bottom: 0.5rem;
    }

    .form-heading {
        font-size: 0.900rem !important;
    }

    .modal-body p {
        font-size: 0.879rem !important;
    }

    /* custome classes made by me */

    .btn-price-color {
        font-size: 0.782rem !important;
        font-weight: bold;
        border: none;

    }

    .form-check-label,
    .form-check-label a {
        font-size: 0.788rem !important;
    }

    .pmjay-img,
    .utipsa-img,
    .sup-dis-img {
        height: 190px !important;
        width: 300px !important;
        object-fit: cover !important;
    }

}