/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.auth-background {
		background: url('../images/background-login-mob.jpg') center center;
	}
	.banner-intro {
		background: url('../images/banner-mob.jpg') center center;
	}
	.banner-intro-area {
		padding: 0px;
	}
	.banner-intro-text h1 {
		font-size: 30px;
	}
	.h1, h1 {
		font-size: 1.5rem;
	}
	.nav-link {
		padding: 0.5rem 0.5rem;
	}
	.body-menu a {
		width: 100%;
	}
	.text-sm-center {
		text-align: center !important;
	}
	.my-sm {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
	.py-sm {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.footer-lines {
		border-right: 0px;
		border-left: 0px;
	}
	.popup {
        padding: 12px;
    }
    .popup__dialog {
        max-width: 100%;
        max-height: 85vh;
    }
    .popup__image {
        max-width: 100%;
        max-height: 85vh;
    }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.auth-background {
		background: url('../images/background-login-mob.jpg') center center;
	}
	.banner-intro {
		background: url('../images/banner-mob.jpg') center center;
	}
	.banner-intro-area {
		padding: 0px;
	}
	.banner-intro-text h1 {
		font-size: 30px;
	}
	.h1, h1 {
		font-size: 2rem;
	}
	.nav-link {
		padding: 0.5rem 0.8rem;
	}
	.body-menu a {
		width: 100%;
	}
	.text-sm-center {
		text-align: center !important;
	}
	.my-sm {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
	.py-sm {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.footer-lines {
		border-right: 0px;
		border-left: 0px;
	}
	.popup {
        padding: 12px;
    }
    .popup__dialog {
        max-width: 100%;
        max-height: 85vh;
    }
    .popup__image {
        max-width: 100%;
        max-height: 85vh;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.auth-background {
		background: url('../images/background-login-mob.jpg') center center;
	}
	.banner-intro {
		background: url('../images/banner-mob.jpg') center center;
	}
	.text-md-left {
		text-align: left !important;
	}
	.footer-lines {
		border-right: 0px;
		border-left: 0px;
	}
	.popup {
        padding: 12px;
    }
    .popup__dialog {
        max-width: 100%;
        max-height: 85vh;
    }
    .popup__image {
        max-width: 100%;
        max-height: 85vh;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.auth-background {
		background: url('../images/background-login-mob-lg.jpg') center center;
	}
	.banner-intro {
		padding-top: 5px;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){
	.banner-intro {
		padding-top: 5px;
	}
}
@media (min-width: 1280px){
	.banner-intro {
		padding-top: 5px;
	}
}
@media (min-width: 1340px){
	.banner-intro {
		padding-top: 20px;
	}
}
@media (min-width: 1367px){
	.banner-intro {
		padding-top: 20px;
	}
}
@media (min-width: 1440px){
	.banner-intro {
		padding-top: 20px;
	}
}
@media (min-width: 1536px){
	.banner-intro {
		padding-top: 20px;
	}
}
@media (min-width: 1728px){
	.banner-intro {
		padding-top: 50px;
	}
}