/********* @husain css changes start **************/
.container{
	margin-bottom:20px;
	margin-top:20px;
}
.card-image img{
		width:85%;
}

.navbar-brand{
	padding:0px !important;
}
.ml-auto{
	float:right;
}
/**********@husain css changes end ************/
 
 
 .btn-black {
    background-color:orange;
    color: #fff;
    width: 100%;
    border-bottom: 1px transparent;
    border-left: 1px transparent;
    border-right: 1px transparent;
    margin-bottom: 2%;
 }

body {
    background-color: #f7f7f7;
}

#c2{
    background:gainsboro;
    padding-left:8%;
    padding-right:8%;
}
#accept_terms_and_conditions{
    text-align: center;
}
.intro-text{
    font-size: 1.3em;
}
.wrapper-div {
    width: 100%;
    margin-top: 5%;
}
#custom-card {
/*    width: 85%;*/
    padding:0!important;
    display: grid;
    /*grid-template-columns: 32% auto;*/
    margin-bottom: 10px;
}

.card-image {
    grid-column-start: 1;
}
/*.card-image img{
    width: 100%;
}*/
.card-content {
    /*grid-column-start: 2;*/
    padding: 50px;
}
.card-image-text {
    opacity: 0;
    display: none;
}
@media only screen and (min-width:0px) and (max-width: 767px) {
    #custom-card { 
      width: 100%!important;
    }
	.card-image{
		display:none;
	}
	.ml-auto{
	float:left;
	}
	.create_account_heading{
		font-size:26px;
	}
	.addpad{
		margin-top:15px;
	}
	.register_heading{
			font-size:24px;
	}
	.card-content {
    padding: 20px 20px 0 20px!important;
}
  }
  
@media only screen and (min-width:768px) and (max-width: 991px) {
	.ml-auto{
		float:left;
	}
	.card-image img{
        margin-top:25%;
    }
}
  
@media (max-width: 432px) {
    #custom-card { 
        display: block;
    } 
    .card-image img{
        display: none;
    }
    .card-image-text {
        font-size: 1.3em;
    }
    .wrapper-div {
        margin-top: 12%;
    }
}