/*================================================ OET Banner Area CSS =================================================*/

.oet-banner-area {
	z-index: 1;
	padding-top: 50px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.oet-banner-area .container-fluid {
	position: relative;
	max-width: 1400px;
}

.oet-banner-content {
	position: relative;
	top: -80px;
}

.oet-banner-content h1 {
	font-size: 55px;
	margin-bottom: 18px;
}

.oet-banner-content p {
	max-width: 600px;
}

.oet-banner-content .oet-default-btn {
	margin-top: 8px;
}

.oet-banner-image {
	margin-left: -115px;
}

/* Max width 767px */
@media only screen and (max-width: 767px) {
    .oet-banner-area {
		padding-top: 60px;
	}
	.oet-banner-area .container-fluid {
		max-width: 100%;
	}
	.oet-banner-content {
		top: 0;
		text-align: center;
	}
	.oet-banner-content h1 {
		font-size: 28px;
		margin-bottom: 15px;
	}
	.oet-banner-content p {
		max-width: 100%;
	}
	.oet-banner-content .oet-default-btn {
		margin-top: 5px;
	}
}

/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .oet-banner-area {
		padding-top: 80px;
	}
	.oet-banner-content {
		top: 0;
		text-align: center;
		margin-bottom: 40px;
	}
	.oet-banner-content h1 {
		font-size: 40px;
		margin-bottom: 15px;
	}
	.oet-banner-content p {
		margin-left: auto;
		margin-right: auto;
	}
	.oet-banner-content .oet-default-btn {
		margin-top: 5px;
	}
}

/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .oet-banner-area {
		padding-top: 100px;
	}
	.oet-banner-area .container-fluid {
		max-width: 960px;
	}
	.oet-banner-content {
		top: 0;
		margin-bottom: 30px;
		text-align: center;
	}
	.oet-banner-content p {
		margin-left: auto;
		margin-right: auto;
	}
	.oet-banner-image {
		text-align: center;
		margin-left: 0;
	}
}

/* Min width 1200px to Max width 1355px */
@media only screen and (min-width: 1200px) and (max-width: 1355px) {
    .oet-banner-area .container-fluid {
		max-width: 1140px;
	}
	.oet-banner-image {
		margin-left: 0;
	}
	.oet-banner-content {
		top: 0;
	}
	.oet-banner-content h1 {
		font-size: 45px;
	}
	.oet-banner-content p {
		max-width: 100%;
	}
}

/* Min width 1550px */
@media only screen and (min-width: 1550px) {
    .oet-banner-area .container-fluid {
		max-width: 1700px;
	}
	.oet-banner-content p {
		font-size: 16px;
	}
	.oet-banner-image {
		margin-left: -230px;
	}
}