/*down media query*/
@media (max-width: 575.98px) { 
	.carousel-caption p {
		font-size: .8rem;
	}
	.carousel-caption h1 {
    	font-size: 2rem;
	}
	.btn-custom{
		width: 196px;
		min-height: 48px;
	}
	.carousel-img{
		max-width: 290px;
		margin:auto;
	}
	.carousel-indicators {
		right: 10px;
	}
	.title-area .title{
	    font-size: 1.7rem;
	} 
	.title-area .sub-title{
	    font-size: 13px;
	} 
	.footer .footer-logo {
    max-width: 250px;
    margin: 0 auto;
}
	
}

@media (max-width: 767.98px) { ... }

@media (max-width: 991.98px) { 
	.navbar-light .navbar-nav .nav-link {
		padding: 10px 20px;
		border-bottom: 1px solid rgba(255 ,255 ,255 , 0.2);
		border-radius: 0;
		font-size: 14px;
		text-align: center;
	}
	
	.navbar-collapse{
		background-color: #232323;
		padding: 20px 0;
	}
	.navbar-light .navbar-toggler{
		border: none;
	}
	.navbar-light .navbar-toggler span{
		filter: invert();
		
	}
}

@media (max-width: 1199.98px) { ... }



/*up media query*/
@media (min-width: 576px) { ... }

@media (min-width: 768px) { ... }

@media (min-width: 992px) { ... }

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


/*specild media query*/
@media (max-width: 575.98px) { ... }

@media (min-width: 576px) and (max-width: 767.98px) { ... }

@media (min-width: 768px) and (max-width: 991.98px) { ... }

@media (min-width: 992px) and (max-width: 1199.98px) { ... }

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