/* Smart phone and tablets */

@media (max-width:768px)
{

    .nav img
    {
        height: 60px;
        padding:5px 0
    }    

    .contact-us-form{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        height: 280px;
        margin-right: 20px;
    }

    .educate h1 {
        font-size: 45px;
    }

    .header {
        background: url(../images/bg\ mob.png) no-repeat 100% 100%;
        background-size: cover;
        height: auto;
        padding: 50px 0;
    }   
    
    .header .content {
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        height: 225px;
    }    

    .header h1
    {
        font-size: 39px;
    }

    .header p
    {
        font-size: 25px;
        text-align: center;
    }

    .educate ul li
    {
        width:100%;
        margin-bottom: 10px;
    }    
   
}


/* Small Screen */ 

@media (min-width:768px) and (max-width:1015px)
{

           
}


@media (min-width:768px) and (max-width:991px)
{

    
}

/* Medium Screen */



@media (min-width:992px) and (max-width:1199px)
{


}




/* Large Screen */


@media (max-width:600px)
{


}


@media (max-width:400px)
{


}


@media (max-width: 325px)
{


}


@media (max-width: 576px) { 
    .contact-us-form{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        height: 280px;
        margin-right: 0px;
    }

    .rt-btn{
        right:20px;
    }
    .second-look{
        padding: 0 0 0 0;
        overflow-x: hidden;
    }
    .second-look .col-12 h2{
        margin-bottom: 40px;
    }
    .third-look{
        overflow-x: hidden;
    }
    .third-look-rt-con{
        padding: 50px 0 0 0;
    }
    .forth-look{
        overflow-x: hidden;
        padding: 70px 0 0px 0;
    }
    .forth-lt-con{
        padding: 10px 0 0 0;
    }
    .forth-lt-con .sub-P{
        padding: 0;
    }
    .forth-rt-img{
        width: 500px;
        top: -20px;
    }
    .fifth-rt-con{
        padding: 40px 15px 0;
    }
    .sixth-look .row{
        padding: 0 15px;
    }
    form{
        height: auto!important;
    }
    form input, form textarea, form button{
        width: -webkit-fill-available;
    }
}
