@media screen and (max-width:480px){
	.banner-area a.started img{
		width: 80px;
		margin: 0 auto;
		text-align: center;
		position: relative;
		top: -28px;
		left: 0;
		right: 0;
		bottom: 0;
	 }
	 #progressbar li:before {
		width: 27px;
		height: 27px;
		line-height: 23px;
		display: block;
		font-size: 14px;
		color: #827c7c;
		background: #fff;
		border-radius: 50%;
		margin: 0 auto 10px auto;
		padding: 2px;
		border: 2px solid #827c7c;
		font-weight: bold;
		margin-top: 11px;
	}
	#progressbar{
		padding: 0 10px;
	}
	#progressbar li  {
		font-size: 7px;
	}
}
@media screen and (max-width: 767px) {
	.login-main form.login-form {
		padding: 0rem;
	}
	.login-main .main-content {
		padding-top: 33px;
	}
	.login-main .input-group .fa {
		margin-right: 9px;
	}
	.login-main .text-big p {
		font-size: 16px;
		line-height: 2.5rem;
	}
	.login-main .text-big {
		padding: 0 15px;
	}
	.login-nav .brand {
		padding: 0px 0px;
	}
	.login-nav .logo {
		max-width: 35px !important;
	}
	.login-nav .logo-title {
		max-width: 170px;
	}
	.copyright {
		text-align: center;
		position: relative !important;
	}
	footer {
		width: 100%
	}
	.common-btn span {
		font-size: 9px;
	}
	.login-nav .navbar-nav>li>a {
		color: #fff;
		text-align: left;
		padding: 1rem !important;
	}
	.navbar+.main-content {
		padding-top: 155px;
	}
	.common-btn span {
		font-size: 9px;
	}
}

@media screen and (max-width: 1024px) {
	#wrapper .sidebar {
		left: -260px;
	}
	#wrapper .main {
		width: 100%;
	}
	#wrapper .navbar {
		left: 0 !important;
	}
	#wrapper .btn-toggle-fullwidth {
		color: #00AAFF;
	}
	.btn-toggle-minified {
		display: none;
	}
	#login .login-wrap .card-title {
		font-size: 15px;
	}
	.f-12 {
		font-size: 6px;
	}
	.login-social-wrap img {
		width: 73px;
		height: 25px;
		margin: 0.5rem;
		cursor: pointer;
	}
}

@media screen and (max-width:991px) {
	.common-main .navbar-collapse {
		background: #058dd3;
	}
	.common-main .nav-search-box .form-control {
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		background: #fff;
	}
	.common-main .navbar-light .navbar-nav .nav-link{
		color: #fff;
	}
	.common-main .nav-item.active a.nav-link {
		background: #fff !important;
	}
	.common-main .nav-item.active a.nav-link:after {
		content: none
	}
	.common-main .navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}
	#wrapper .main.login-main {
		padding-top: 0;
		width: 100%;
		padding-top: 0;
		width: 100%;
		position: relative;
		margin: 0 auto;
		width: 100%;
	}
	#login .login-wrap {
		padding: 1rem 0.5rem;
	}
	#login .login-wrap .card-body {
		padding: 1rem;
    }
    #wrapper .navbar {
        background: rgba(0,0,0,0.5);
    }
    .navbar-collapse{
        position: absolute;
        top: 66px;
        background: rgb(219, 67, 85);
        width: 100%;
        margin: 0px;
        padding: 0.5rem;
        z-index: 999;
        left: 0px;
        right: 0px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2.5rem;
        border-bottom: 1px solid #c57878;
    }
    .navbar-expand-lg .navbar-nav .nav-link:nth-last-child(n){
        border-bottom: 0;
	}
	/*********17-03-2021***********/
	#progressbar li:after {
		content: '';
		width: 179%;
		left: -25px;
	}
	

}

@media screen and (min-width:991px){
	/********************
 * HOME PAGE
 ********************/
 .nav-search-box {
	position: absolute;
	left: 30%;
}
.nav-search-box .form-inline .input-group {
    width: 27%;
}
.nav-search-box .form-control{
	width: 300px;
}
}

/****************
* Tablet
*****************/
	@media screen and (min-width:480px) and (max-width:991px) {
		.banner-area a.started img {
			top: -70px;
		}
	}