.navbar-brand-centered {
        
        display: block;
        text-align: center;
        background-color: #eee;
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
.bg-light {
    background-color: #fff !important;
}
.bg-color{
  background-color: #24a1af !important;
  background:-webkit-linear-gradient(-135deg, #c850c0, #4158d0);
  background:linear-gradient(-135deg, #c850c0, #4158d0);
  min-height:80vh;
}
.card{
    padding: 10px;
    margin-top: 9rem;
}
.img{
    width: 75%;
}
.card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 177px 130px 33px 95px;
}
.form-control {
    padding: 1.575rem 0.75rem !important;
    font-size: 1.2rem !important;
    border-radius: 1.25rem !important;
}
.btn-primary {
    text-transform: uppercase;
    width:100%;
    height: 50px;
    border-radius: 25px;
    background: #57b846;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background-image: url(https://dev.dev.smvmch.ac.in/wp-content/bootstrap/asset/bg-01.jpg);
}
p {
    margin-top: 0;
    margin-bottom: 0rem !important;
}
.fromp-adding{
    padding-left:1.25rem;
    padding-right:1.25rem;
}
@media screen and (min-width:768px){
    .navbar-brand-centered {
        display: block;
        text-align: center;
        background-color: #eee;
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
    .card{
    padding: 10px;
    
}
}

@media only screen and (min-width: 960px) {
        
    }
@media only screen and (min-width: 1440px) {
       
    }
@media only screen and (min-width: 2000px) {
    
    }
@media only screen and (max-device-width: 480px) {
       
    .card{
    padding: 10px;
    margin-top: 1rem;
    }
}
@media only screen and (device-width: 768px) {
      
    }
    /* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      
    }

 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
     
    }