@media only screen and (max-width: 991.78px){
    div#navbarSupportedContent {
        background-color: #f2f2f2;
        margin-top: 20px;
        padding-left: 20px;
    }
    header .navbar .container-md{
        width: 100%;
    }
    .get{
        margin-left: 10px;
    }
    .login{
        margin-left: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .mid{
        height: auto;
    }
    .mid3-txt h3{
        margin-top: 20px;
    }
    .mid3-btn{
        margin-top: 30px;
        margin-left: 0px;
    }
    .mid5-card{
        height: auto;
    }
    h6.try{
        padding-left: 40px;
    }
    #fle1{
        flex-flow: column-reverse;
    }
    .card-mid6{
        height: auto;
    }
    .card-mid6-img img{
        margin-top: 40px;
    }
    .mid5 p{
        font-size: 16px;
    }
    .mid6{
        height: auto;
    }
    .mid6 p{
        font-size: 16px;
    }



    #fote {
        margin-top: 10px;
    }

    .foot-ban1{
        height: auto;
        background-size: cover;
    }
    #foter{
        padding-top: 30px;
    }

    .foot2 p{
        text-align: center;
        padding-left: 0PX;
    }
    /* .mid1{
        display: none;
    } */
    .mid2{
        height: auto;
    }
    .rib img {
       
        left: 38px;
    }
    .rib-txt h4{
        left: 51px;
    }
    div#colu {
        display: none;
    }

}


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

    header .navbar-light .navbar-nav .nav-link{
        line-height: 32px;
    }
    .mid{
        height: auto;
        background-size: cover;
    }
    .we {
        margin-top: 20px;
    }
    .mid-btn{
        width: 230px;
    }
    .mid h3{
        font-size: 40px;
    }
    .mid p{
        font-size: 16px;
    }

    .mid3-txt h3{
        margin-top: 40px;
    }
    .mid3-txt h3{
        text-align: center;
    }
    .mid3-txt p{
            text-align: center;
    }
    .mid3 input{
        display: block;
        margin: auto;
    }
    .mid3-btn{
        margin-left:0px;
        margin-top: 30px !important; 
        margin-bottom: 30px !important;
        display: block;
        margin: auto;
    }
    .mid4{
        margin-top: 40px;
    }
    #fle{
        flex-flow: column-reverse;
    }
    .mid4-txt h3{
        text-align: center;
        padding-top: 20px;
    }
    .mid4-txt p{
        text-align: center;
    }
    .mid4-btn{
        margin-top: 0px;
        display: block;
        margin: auto;
    }
    .mid5{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .mid5-card-img img{
        margin-top: 40px;
    }
    .mid5-card h5{
        font-size: 16px;
    }
    .mid5 h3{
        font-size: 40px;
    }
    .mid5 p{
        font-size: 16px;
        padding-bottom: 0px;
    }
    .mid5-btn1{
        width: 180px;
        height: auto;
        padding: 15px 40px;
    }
    .mid5-btn{
        width: 180px;
        height: auto;
        padding: 15px 40px; 
        
    }
    .mid5-card{
        height: auto;
    }
    h6.try{
        padding-left: 40px;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .mid6{
        margin-top: 40px;
        background-size: cover;
        height: auto;
    }
    #fle1{
        flex-flow: column-reverse;
    }
    .mid6 p{
        padding-top: 0px;
    }
    .mid6 h3{
        padding-top: 30px;
        font-size: 40px;
    }
    
    .mid6 p{
        padding-bottom: 30px;
    }
    .card-mid6{
        height: auto;
    }
    .card-mid6-img img{
        height: auto;
        margin-top: 20px;
    }
    .sel-md #sel-d{
        margin-top: 40px;
    }
    .mid7 h3{
        text-align: center;
    }
    .mid7 p{
        text-align: center;
    }
    .mid7-btn{
        display: block;
        margin: auto;
        margin-bottom: 40px !important;
    }
    .mid7 h3{
        font-size: 37px;
    }
    .rib {
        display: none;
    }
    div#colu {
        display: none !important;
    }
    .foot-ban1{
        background-size: cover;
    }
}
@media only screen and (max-width: 991.78px) and (min-width: 768px){

    .mid h3{
        font-size: 53px;
    }
    .mid3-txt h3 {
        font-size: 38px;
    }
    .mid4-txt h3{
        font-size: 38px;
    }
    .mid5 h3{
        font-size: 53px;
    }
    h6.try{
        padding-top: 25px;
        padding-bottom: 10px;
    }
    .mid6 h3{
        font-size: 53px;
    }
    .mid7 h3{
        font-size: 38px;  
    }

}


@media only screen and (max-width: 1199px) and (min-width: 992px){
    .mid2{
        height: auto;
    }
    .rib img{
        left: 60px;
    }
    .rib-txt h4{
        left: 73px;
    }
    .mid3-btn{
        margin-top: 30px;
        margin-left: 0px;
    }
    .mid5-btn{
        width: 148px;
    }
    .mid5-btn1{
        width: 148px; 
    }
    .regis{
        font-size: 28px;
    }
}