/*Desktop*/

@media (min-width: 1020px) {
	.pr-0{
		padding-right: 0px;
	}
	.m-views{
		display: none;
	}
}

@media only screen and (max-width : 1024px) {
	.dash {
		height: 265px;
	}
}

@media (min-width: 1021px) and (max-width: 1920px) {
    .img-style{
        width:100%;
        height: 426px !important;
    }
    
    .main-carousel{
        height: 426px;
    }
    .dash {
       height: 426px;
    }
}


/*Mobile*/

@media (max-width: 1020px) {

	.login-area {
		width: 100%;
		height: auto;
		position: static;
		left: 0px;
		top: 0px;
		margin-left: 0px;
		margin-top: 0px;
		box-shadow: none;
	}
	.login-area > .l-left {
		float: none;
		width: 100%;
		height: auto;
		background: transparent;
	}
	.l-left > .l-inner {
		display: none;
	}
	.l-logo-a {
		position: static;
		text-align: center;
		width: 100%;
		bottom: 0px;
		padding: 32px;
		margin-top: 40px;
	}
	.login-area > .l-left p {
		color: #1565c0;
		font-size: 22px;
		line-height: 26px
	}
	.login-area>.l-right{
		width: 100%;
		height: auto;
		float: none;
	}
	.l-right h3, .otps h3{
		margin-top: 0px;
	}
	.l-right .form-group{
		margin-top: 30px;
	}

}

@media only screen and (max-device-width: 320px) and (-webkit-max-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}

@media only screen and (min-device-width: 360px) and (max-device-width: 360px) and (-webkit-min-device-pixel-ratio: 3) {}

@media only screen and (min-device-width: 360px) and (max-device-width: 360px) and (-webkit-min-device-pixel-ratio: 1) {}

@media only screen and (min-device-width: 384px) and (max-device-width: 384px) and (-webkit-min-device-pixel-ratio: 1.25) {}

@media (min-width: 1024px) and (max-width: 1024px) {

}

@media (min-width: 1280px) and (max-width: 1280px) {

}

@media (min-width: 1440px) and (max-width: 1440px) {

}

@media (min-width: 1600px) and (max-width: 1600px) {

}

@media (min-width: 1920px) and (max-width: 1920px) {

}