/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {

.slider-area .hero-cap h2 {
	font-size: 60px;
}

}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

.slider-area .hero-cap h2 {
	font-size: 52px;
}

.slider-area .hero-cap nav {
	padding-left: 75px;
}

.slider-area .hero-cap .breadcrumb a {
	font-size: 16px;
}

}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

.slider-area .hero-cap h2 {
	font-size: 42px;
}

.slider-area .hero-cap nav {
	padding-left: 60px;
	margin: 10px 0;
}

.slider-area .hero-cap nav::before {
	width: 45px;
}

.slider-area .hero-cap .breadcrumb a {
	font-size: 15px;
}

}


/* small mobile :320px. */
@media (max-width: 767px) {

.slider-area .hero-cap h2 {
	font-size: 32px;
	line-height: 1.3;
	word-wrap: break-word;
}

.slider-area .hero-cap nav {
	padding-left: 0;
	margin: 12px 0 0;
}

.slider-area .hero-cap nav::before {
	display: none;
}

.slider-area .hero-cap .breadcrumb {
	flex-wrap: wrap;
}

.slider-area .hero-cap .breadcrumb a {
	font-size: 13px;
}

}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}

.slider-area .hero-cap h2 {
	font-size: 36px;
}

}

/* Extra small mobile :375px and below. */
@media (max-width: 479px) {

.slider-area .hero-cap h2 {
	font-size: 26px;
}

.slider-area .hero-cap .breadcrumb a {
	font-size: 12px;
}

}