.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

/* responsive media */


/*****************  *****************/

@media (min-width: 320px) {
	.container {
		max-width: 320px;
	}
	 



	/*** slider-area ***/
	.btn-area .login-btn {
		display: none;
	}

	.main-slider-area {
		position: relative;
		top: 70px;
	}

	.main-slider-area .slider-content span {
		display: none;
	}

	.main-slider-area .slider-content {
		position: absolute;
		left: 10%;
	}

	.main-slider-area .slider-content h1 {
		color: #000;
		font-weight: 700;
		padding: 0 0 10px 0;
		font-size: 23px;
	}

	.main-slider-area .slider-content .btn {
		background-color: #5f2ded;
		border-radius: 50px;
		padding: 8px 19px;
		color: #fff;
		font-size: 10px;
	}

	

	/*** footer-area ***/
	.footer-area .footer-widgets {
		display: flex;
		flex-wrap: wrap;
	}

	.footer-area .footer-widgets .single-widgets {
		margin-bottom: 50px;
	}
	.footer-area .footer-bottom img{
		width: 50%;
	}

}

/*****************  *****************/

@media (min-width: 576px) {
	.container {
		max-width: 556px;
	}

	

	/***  slider-area ***/
	.main-slider-area .slider-content {
		position: absolute;
		left: 14%;

	}

	.main-slider-area .slider-content span {
		display: block;
	}

	.main-slider-area .slider-content h1 {
		font-weight: 700;
		padding: 10px 0;
		font-size: 30px;
	}

	.main-slider-area .slider-content .btn {
		padding: 8px 19px;
		font-size: 13px;
	}

	
	/*** footer-area ***/
	.footer-area .footer-widgets .single-widgets {
		margin-bottom: 50px;
	}

}

/*****************  *****************/

@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}

	

	/*** slider-area ***/
	.main-slider-area .slider-content {
		position: absolute;
		left: 15%;
	}

	.main-slider-area .slider-content h1 { 
		font-weight: 700;
		padding: 10px 0;
		font-size: 40px;
	}

	.main-slider-area .slider-content .btn { 
		padding: 15px 35px;
		font-size: 16px;
	}

	

	/*** footer-area ***/
	.footer-area .footer-widgets .single-widgets {
		margin-bottom: 50px;
	}

}

/*****************  *****************/

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}

	

	/*** slider-area ***/
	.main-slider-area {
		position: relative;
		top: 0;
	}

	.main-slider-area .slider-content {
		position: absolute;
		left: 4%;
	}

	.main-slider-area .slider-content h1 {
		color: #000;
		font-weight: 600;
		padding: 20px 0;
		font-size: 30px;
	}

	.main-slider-area .slider-content .btn {
		background-color: #5f2ded;
		border-radius: 30px;
		padding: 20px 46px;
		color: #fff;
	}

	.main-slider-area .slider-content .btn:hover {
		background-color: #5f2ded;
		color: #fff;
	}

	
	
	/*** footer-area ***/
	.footer-area .footer-widgets .single-widgets {
		margin-bottom: 0;
	}

	.footer-area .footer-bottom img{
		width: 15%;
	}

}

/*****************  *****************/

@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}

	/*** slider-area ***/
	.main-slider-area .slider-content {
		position: absolute;
		left: 19%;

	}

	.main-slider-area .slider-content h1 {
		color: #000;
		font-weight: 600;
		padding: 10px 0;
		font-size: 35px;
		
	}
}