@media(min-width:319px) and (max-width:420px) {
	body {
		background: transparent!important
	}
	.col-md-4.px-0 {
		background: #e7faff
	}
	.col-12.px-0.d-block.d-sm-none.pt-5 {
		background: url(../img/body-bg.jpg);
		background-size: cover
	}
}
@media(min-width:900px) and (max-width:1024px){

    body {
    background-size: 69% 115%!important;
    }
	.col-md-12.mt-5 {
		margin: 0 !important;
	}
	
	img.mx-auto.d-block.vector {
		height: 165px;
		margin: 0px 0;
	}
	img.img-fluid.mx-auto.d-block.mt-5.pt-5 {
		margin: 0px auto !important;
	}
	p.opensans.text-center.my-3 {
    letter-spacing: 0px;
    }
    hr.mt-5 {
        margin: 0px !important;
    }
    .site-logo {
    padding: 0px 40px !important;
    }
    p {
    font-size: 12px;
    }
        input#email, #password {
        padding: 5px 40px;
    }
    img.img-fluid.position-absolue.pass {
        top: 63px !important;
    }
    button.btn.mt-4.w-100.bg-gradiant {
        padding: 2px;
    }
    a.opensans-bold.text-center.my-3.color-black.mx-auto.d-block {
        font-size: 15px;
    }
    img.img-fluid.position-absolue {
    height: 30px !important;
    }
}
@media(min-width:1025px) and (max-width:1280px){
        input#email, #password {
        padding: 5px 40px;
    }
    img.img-fluid.position-absolue.pass {
        top: 63px !important;
    }
    button.btn.mt-4.w-100.bg-gradiant {
        padding: 2px;
    }
    a.opensans-bold.text-center.my-3.color-black.mx-auto.d-block {
        font-size: 15px;
    }
    img.img-fluid.position-absolue {
    height: 30px !important;
    }
}
@media(min-width:1281px) and (max-width:1366px) {
    body {
        background-size: 65% 110%!important;
    }
	.col-md-12.mt-5 {
		margin: 0 !important;
	}
	
	img.mx-auto.d-block.vector {
		height: 165px;
		margin: 0px 0;
	}
	img.img-fluid.mx-auto.d-block.mt-5.pt-5 {
		margin: 0px auto !important;
	}
	p.opensans.text-center.my-3 {
    letter-spacing: 0px;
    }
    hr.mt-5 {
        margin: 0px !important;
    }
    img.img-fluid.position-absolue {
    height: 30px !important;
}
    input#email, #password {
        padding: 5px 40px;
    }
    img.img-fluid.position-absolue.pass {
        top: 63px !important;
    }
    button.btn.mt-4.w-100.bg-gradiant {
        padding: 2px;
    }
    a.opensans-bold.text-center.my-3.color-black.mx-auto.d-block {
        font-size: 15px;
    }
}

@media(min-width:1367px) and (max-width:1440px) {
    body {
    background-size: 69% 111%!important;
    }
	.col-md-8.px-0.d-none.d-sm-block {
		margin: 60px 0
	}
	    input#email, #password {
        padding: 5px 40px;
    }
    img.img-fluid.position-absolue.pass {
        top: 63px !important;
    }
    button.btn.mt-4.w-100.bg-gradiant {
        padding: 2px;
    }
    a.opensans-bold.text-center.my-3.color-black.mx-auto.d-block {
        font-size: 15px;
    }
    img.img-fluid.position-absolue {
    height: 30px !important;
    }
}
@media(min-width:1441px) and (max-width:1600px) {

	body{
	    background-size: 69% 110%!important;
	}
	    input#email, #password {
        padding: 5px 40px;
    }
    img.img-fluid.position-absolue.pass {
        top: 63px !important;
    }
    button.btn.mt-4.w-100.bg-gradiant {
        padding: 2px;
    }
    a.opensans-bold.text-center.my-3.color-black.mx-auto.d-block {
        font-size: 15px;
    }
    img.img-fluid.position-absolue {
    height: 30px !important;
    }
	
}

@media(min-width:421px) and (max-width:768px) {
	body {
		background-size: 66% 100%
	}
	img.mx-auto.d-block.vector {
		height: 250px;
		margin: 120px 0
	}
	.col-md-8.px-0.d-none.d-sm-block {
		margin: 80px 0
	}
	    input#email, #password {
        padding: 5px 40px;
    }
    img.img-fluid.position-absolue.pass {
        top: 63px !important;
    }
    button.btn.mt-4.w-100.bg-gradiant {
        padding: 2px;
    }
    a.opensans-bold.text-center.my-3.color-black.mx-auto.d-block {
        font-size: 15px;
    }
    img.img-fluid.position-absolue {
    height: 30px !important;
    }
}