/* CSS Document */

@media only screen and (min-width: 320px) and (max-width: 360px) {
.register-bg-img {
    padding: 10% 0;
}
.register-bg-img h1 {
    font-size: 22px;
}.register-left input {
    margin-top: 4%;
    
}.register .register-form {
    padding: 0px;
	margin:0px;
}
h2.card-title.mt-3.text-center {
    font-size: 24px;
}
.input-group-prepend {
    width: 17%;
}
.control-form {
    width: 83%;
}
select.custom-select {
    width: 22%;
}
input.form-control.mobile-contact {
    width: 74%;
}
.logo_login {
    padding: 20px 0 20px 0;
}
.card.bg-light {
    border-radius: 20px 20px;
}p.privacy-police-n {
    margin-top: 18px;
    display: inline-block;
}
}
@media only screen and (min-width: 361px) and (max-width: 480px) {

.register-bg-img {
    padding: 10% 0;
}
.register-bg-img h1 {
    font-size: 22px;
}.register-left input {
    margin-top: 4%;
    
}.register .register-form {
    padding: 0px;
	margin:0px;
}
h2.card-title.mt-3.text-center {
    font-size: 24px;
}
.input-group-prepend {
    width: 17%;
}
.control-form {
    width: 82%;
}
select.custom-select {
    width: 22%;
}
input.form-control.mobile-contact {
    width: 74%;
}
.logo_login {
    padding: 20px 0 20px 0;
}
.card.bg-light {
    border-radius: 20px 20px;
}
}

@media only screen and (min-width: 481px) and (max-width: 520px) {

.register-bg-img {
    padding: 10% 0;
}
.register-bg-img h1 {
    font-size: 22px;
}.register-left input {
    margin-top: 4%;
    
}.register .register-form {
    padding: 0px;
	margin:0px;
}
h2.card-title.mt-3.text-center {
    font-size: 24px;
}
.input-group-prepend {
    width: 12%;
}
.control-form {
    width: 88%;
}
select.custom-select {
    width: 22%;
}
input.form-control.mobile-contact {
    width: 74%;
}
.logo_login {
    padding: 20px 0 20px 0;
}
.card.bg-light {
    border-radius: 20px 20px;
}

}

@media only screen and (min-width: 521px) and (max-width: 767px) {

.register-bg-img {
    padding: 10% 0;
}
.register-left input {
    margin-top: 3%;
}.card.bg-light {
    border-radius: 20px 20px;
}
.input-group-prepend {
    width: 11%;
}
.control-form {
    width: 89%;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {

.register-bg-img {
    padding: 11% 0;
}.input-group-prepend {
    width: 49px;
    float: left;
}

.input-group-prepend {
    width: 20%;
}
.control-form {
    width: 80%;
}

select.custom-select {
    width: 22%;
}
input.form-control.mobile-contact {
    width: 74%;
}
.register-left input {
    margin-top: 3%;
}
.register-bg-img {
    padding: 5% 0;
}.card.bg-light {
    border-radius: 20px 20px;
}

}

@media only screen and (min-width: 993px) and (max-width: 1024px) {

.logo_login {

    padding: 10px 0 20px 0;

}
.input-group-prepend {
    width: 23%;
}
.control-form {
    width: 77%;
}
select.custom-select {
    width: 26%;
}
input.form-control.mobile-contact {
    width: 70%;
}
.register-bg-img {

    padding: 95% 0;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1100px) {

.logo_login {

    padding: 10px 0 20px 0;

}
.input-group-prepend {
    width: 23%;
}
.control-form {
    width: 77%;
}
select.custom-select {
    width: 26%;
}
input.form-control.mobile-contact {
    width: 70%;
}
.register-bg-img {

    padding: 95% 0;
}
}
@media only screen and (min-width: 1101px) and (max-width: 1200px) {

.logo_login {

    padding: 10px 0 20px 0;

}
.input-group-prepend {
    width: 20%;
}
.control-form {
    width: 80%;
}
select.custom-select {
    width: 26%;
}
input.form-control.mobile-contact {
    width: 70%;
}
.register-bg-img {

    padding: 95% 0;
}
}
@media only screen and (min-width: 1201px) and (max-width: 1300px) {

.logo_login {

    padding: 10px 0 20px 0;

}
.input-group-prepend {
    width: 19%;
}
.control-form {
    width: 81%;
}
select.custom-select {
    width: 26%;
}
input.form-control.mobile-contact {
    width: 70%;
}
.register-bg-img {

    padding: 95% 0;
}
}

@media only screen and (min-width: 1301px) and (max-width: 1400px) {

.logo_login {

    padding: 10px 0 20px 0;

}
.input-group-prepend {
    width: 17%;
}
.control-form {
    width: 83%;
}
select.custom-select {
    width: 26%;
}
input.form-control.mobile-contact {
    width: 70%;
}
.register-bg-img {

    padding: 95% 0;
}
}
