.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;

	}

	 

	/*** navbar ***/

	.navbar-nav>li>a {

		border: none;

		display: block;

		position: relative;

		transition: all 0.4s ease;

		text-transform: capitalize;

		font-size: 16px;

		border-bottom: 1px solid #e5e5e5;

		font-weight: 400;

		border-radius: 0;

		line-height: 35px;

		padding: 5px 0;

	}



	.navbar-nav>li>a:hover {

		color: #5f2ded;



	}



	.logo-and-icon { 

		bordnew-area 1px solid #e5e5e5; 
about-area
	}


about-area
	/*** area-container ***/

	.btn-area .login-btn {

		display: none;

	}



	.main-area-container {

		position: relative;

		top: 70px;

	}



	.main-area-container .slider-content span {

		display: none;

	}



	.main-area-container .slider-content {

		position: absolute;

		left: 10%;

	}



	.main-area-container .slider-content h1 {

		color: #000;

		font-weight: 700;

		padding: 0 0 10px 0;

		font-size: 23px;

	}



	.main-area-container .slider-content .btn {

		background-color: #5f2ded;

		border-radius: 50px;

		padding: 8px 19px;

		color: #fff;

		font-size: 10px;

	}



	/***  service-area ***/

	.service-area {

		display: none;

	}



	/*** conunter-area ***/

	.conunter-area .counter-text {

		padding-bottom: 30px;

	}



	/*** about-area ***/

	.about-area {

		text-align: center;

	}



	.about-area .ab-desc {

		margin: 50px 0 0 0;

	}



	/*** pricing-area ***/

	.pricing-area {

		text-align: center;

	}



	.pricing-area .pricing-table {

		display: inline-block;

		margin-bottom: 30px;

	}



	.pricing-area .pricing-table ul li {

		text-align: center;

	}



	.pricing-area .pricing-table ul li ::after {

		display: none;

	}



	/*** app-area ***/

	.app-area {

		text-align: center;

	}



	.app-area .app-thumb {

		display: inline-block;

	}



	.app-area .app-description {

		margin: 60px 0;

		textnew-areanter;
about-area
	}



	.app-area .app-thumb {

		justify-content: center;

	}



	.app-area .app-thumb .play-store {

		margin: 0 0 20px 0;

	}



	/*** testimonial-area ***/

	.testimonial-area .testimonial-section {

		display: block;

		text-align: center;

	}



	.testimonial-area .testimonial-user img {

		width: 80%;

		display: inline;

	}



	.testimonial-area .testimonial-content img {

		width: 50px;

		display: inline;

	}



	.testimonial-area .testimonial-content {

		padding: 100px 0 0 0;

	}



	/*** contact-area ***/

	.contact-area .contact-description {

		padding: 10px 0;

	}



	.contact-area .contact-description h2 {

		margin-bottom: 10px;

		font-size: 12px;

	}



	.contact-area .contact-description .btn {

		padding: 7px 28px;

		font-size: 11px;

	}



	/*** common-footer ***/

	.common-footer .footer-widgets {

		display: flex;

		flex-wrap: wrap;

	}



	.common-footer .footer-widgets .single-widgets {

		margin-bottom: 50px;

	}

	.common-footer .footer-bottom img{

		width: 50%;

	}



}



/*****************  *****************/
about-area
about-area

@media (min-width: 576px) {

	.container {

		max-width: 556px;

	}



	/*** navbar-area ***/

	.navbar-nav>li>a {

		border: none;

		display: block;

		position: relative;

		transition: all 0.4s ease;

		text-transform: capitalize;

		font-size: 16px;

		border-bottom: 1px solid #e5e5e5;

		font-weight: 400;

		border-radius: 0;

		line-height: 35px;

		padding: 5px 0;

	}



	.navbar-nav>li>a:hover {

		color: #5f2ded;

	}



	/***  area-container ***/

	.main-area-container .slider-content {

		position: absolute;

		left: 14%;



	}



	.main-area-container .slider-content span {

		display: block;

	}



	.main-area-container .slider-content h1 {

		font-weight: 700;

		padding: 10px 0;

		font-size: 30px;

	}



	.main-area-container .slider-content .btn {

		padding: 8px 19px;

		font-size: 13px;

	}



	/*** service-area ***/

	.service-area {

		display: block;

	}



	.service-area .service-description {

		padding: 30px 0;

	}



	.service-area .service-description h2 {

		font-size: 25px;

		margin: 20px 0;

	}



	.service-description .form-area form input {

		width: 300px;

		height: 50px;

	}



	.service-description .form-area form .btn {

		padding: 12px 30px;

	}



	/*** about-area ***/

	.about-area .ab-desc {

		margin: 50px 0 0 0;

	}



	/*** pricing-area ***/

	.pricing-area .pricing-table {

		display: inline-block;

		margin-bottom: 30px;

	}



	/*** app-area ***/

	.app-area .app-thumb {

		display: inline-block;

	}



	.app-area .app-description {

		margin: 60px 0;

		text-align: center;

	}



	.app-area .app-thumb .play-store {

		margin: 0 0 20px 0;

	}



	/*** testimonial-area ***/

	.testimonial-area .testimonial-user img {

		width: auto;

		display: inline;

	}



	.testnew-areaea .testimonial-content img {
about-area
		width: 50px;

		display: inline;
about-area
	}



	 



	/*** contact-area ***/

	.contact-area .contact-description {

		padding: 24px 0;

	}



	.contact-area .contact-description h2 {

		margin-bottom: 20px;

		font-size: 20px;

	}



	.contact-area .contact-description .btn {

		font-size: 16px;

		padding: 10px 35px;

	}



	/*** common-footer ***/

	.common-footer .footer-widgets .single-widgets {

		margin-bottom: 50px;

	}



}



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



@media (min-width: 768px) {

	.container {

		max-width: 720px;

	}



	/*** navbar-area ***/

	.navbar-nav>li>a {

		border: none;

		display: block;

		position: relative;

		transition: all 0.4s ease;

		text-transform: capitalize;

		font-size: 16px;

		border-bottom: 1px solid #e5e5e5;

		font-weight: 400;

		border-radius: 0;

		line-height: 35px;

		padding: 5px 0;

	}



	.navbar-nav>li>a:hover {

		color: #5f2ded;



	}



	/*** area-container ***/

	.main-area-container .slider-content {

		position: absolute;

		left: 15%;

	}



	.main-area-container .slider-content h1 { 

		font-weight: 700;

		padding: 30px 0;

		font-size: 50px;

	}



	.main-area-container .slider-content .btn { 

		padding: 15px 35px;

		font-size: 16px;

	}



	/*** service-area ***/

	.service-area .service-description {

		padding: 66px 0;

	}



	.service-area .service-description h2 {

		font-size: 30px;

		margin: 30px 0;

	}



	.service-description .form-area form input {

		width: 350px;

		height: 50px;

	}



	.service-description .form-area form .btn {

		padding: 12px 30px;

	}

 

	/*** about-area ***/

	.about-area .ab-desc {

		margin: 50px 0 0 0;

	}



	/*** pricing-area ***/

	.pricing-area .pricing-table {

		display: inline-block;

		margin-bottom: 30px;

	}



	.pricing-area .pricing-table ul li {

		text-align: left;

	}



	.pricing-area .pricing-table ul li ::after {

		display: block;

	}



	/*** app-area ***/

	.app-area .app-description {

		margin: 60px 0;

		text-align: center;

	}



	.app-area .app-thumb {

		display: flex;

	}



	.app-area .app-thumb .play-store {

		margin-right: 20px;

	}



	/*** testimonial-area ***/

	.testimonial-area .testimonial-user img {

		width: auto;

		display: inline;

	}



	.testimonial-area .testimonial-content img {

		width: 50px;

		display: inline;

	}



	 

	/*** contact-area ***/

	.contact-area .contact-description {

		padding: 15px 0;

	}



	.contact-area .contact-description h2 {

		margin-bottom: 20px;

		font-size: 40px;

	}



	.contact-area .contact-description .btn {

		font-size: 16px;

		padding: 20px 46px;



	}



	/*** common-footer ***/

	.common-footer .footer-widgets .single-widgets {

		margin-bottom: 50px;

	}



}



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



@media (min-width: 992px) {

	.container {

		max-width: 960px;

	}



	/*** navbar-area ***/

	.navbar {

		flex-direction: row;

		flex-wrap: wrap;

		align-items: center;

		position: relative;

	}



	.navbar-toggler {

		display: none;

	}



	.logo-and-icon {

		flex: 0 0 100px;

		border-bottom: none;

		padding: 0;

	}



	.navbar-collapse {

		display: block !important;

		overflow-y: hidden;

		flex: 1 0 auto;

		background-color: transparent;

		padding: 0;

		width: auto;

	}



	.navbar-nav {

		display: flex;

		align-items: center;

		justify-content: center;

		flex-direction: row;

	}



	.navbar-nav>li>a {

		border-bottom: none;

		margin: 0 0.4rem;

		padding: 25px 20px;

		font-size: 16px;

		text-transform: capitalize;

		font-weight: 500;

		letter-spacing: 0.2px;

	}



	.navbar-nav>li>a:hover {

		color: #5f2ded;

		border: none;

	}



	.sub-menu {

		position: absolute;

		width: 265px;

		top: 100%;

		background: #1a1a1a;

	}



	.navbar-nav>li:hover .sub-menu {

		display: grid !important;

		padding: 25px;

	}



	.navbar-nav>li {

		border-bottom: 2px solid transparent;

		transition: 0.4s ease;

	}



	.sub-menu-item {

		padding-left: 0;

	}



	.btn-area .login-btn {

		display: block;

	}



	/*** area-container ***/

	.main-area-container {

		position: relative;

		top: 0;

	}



	.main-area-container .slider-content {

		position: absolute;

		left: 4%;

	}



	.main-area-container .slider-content h1 {

		color: #000;

		font-weight: 700;

		padding: 20px 0;

		font-size: 50px;

	}



	.main-area-container .slider-content .btn {

		background-color: #5f2ded;

		border-radius: 50px;

		padding: 20px 46px;

		color: #fff;

	}



	.main-area-container .slider-content .btn:hover {

		background-color: #5f2ded;

		color: #fff;

	}



	/*** service-area ***/

	.service-area .service-description {

		padding: 100px 0;

	}



	.service-area .service-description h2 {

		font-size: 55px;

		margin: 30px 0 60px 0;

	}



	.service-description .form-area form input {

		width: 520px;

		height: 67px;

	}



	.service-description .form-area form .btn {

		padding: 20px 46px;

	}



	/*** conunter-area ***/

	.conunter-area .counter-text {

		padding: 0;

	}



	/*** about-area ***/

	.about-area {

		text-align: left;

	}



	.about-area .ab-desc {

		margin: 50px 0 0 30px;

	}



	/***  pricing-area ***/

	.pricing-area {

		margin-bottom: 150px;

	}



	.pricing-area .pricing-table {

		display: block;

		margin: 0;

	}



	/*** app-area ***/

	.app-area {

		text-align: center;

	}



	/*** testimonial-area ***/

	.testimonial-area .testimonial-section {

		display: flex;

		text-align: left;

	}



	.testimonial-area .testimonial-user img {

		width: auto;

	}



	.testimonial-area .testimonial-content {

		padding: 100px;

	}





	.testimonial-area .testimonial-content img {

		width: 50px;

	}



	/*** contact-area ***/

	.contact-area .contact-description {

		padding: 65px 0;

	}



	.contact-area .contact-description h2 {

		margin-bottom: 20px;

		font-size: 55px;

	}



	/*** common-footer ***/

	.common-footer .footer-widgets .single-widgets {

		margin-bottom: 0;

	}



	.common-footer .footer-bottom img{

		width: 15%;

	}



}



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



@media (min-width: 1200px) {

	.container {

		max-width: 1200px;

	}



	/*** area-container ***/

	.main-area-container .slider-content {

		position: absolute;

		left: 19%;



	}



	.main-area-container .slider-content h1 {

		color: #000;

		font-weight: 700;

		padding: 50px 0;

		font-size: 73px;

	}

}

.other_div{
	opacity: 0;
	z-index: -1;
	background: #000;
	height: 0;
}