/*
 * Responsive refinements layered on top of the parent theme's own
 * breakpoints (same max-width steps: 1200 / 991 / 767 / 599 / 499px).
 */

html, body {
	overflow-x: hidden;
	max-width: 100%;
}

@media only screen and (max-width: 1200px) {
	.main-header .header-top {
		padding: 10px 20px;
	}

	.main-header.style-one .header-upper .outer-container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media only screen and (max-width: 991px) {
	.sec-title h2 {
		font-size: 34px;
		line-height: 42px;
	}

	.main-header .header-top .top-left,
	.main-header .header-top .top-right {
		font-size: 13px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-title h2 {
		font-size: 28px;
		line-height: 36px;
	}

	.sec-title {
		margin-bottom: 20px;
		padding-bottom: 16px;
	}

	.theme-btn-one,
	.theme-btn-two {
		font-size: 15px;
		padding: 12px 22px;
	}

	.main-header .header-top .top-left ul li {
		margin-right: 16px;
	}

	.main-footer .footer-top .footer-column:nth-child(2) .links-widget,
	.main-footer .footer-top .footer-column:nth-child(3) .links-widget {
		margin-left: 0;
	}
}

@media only screen and (max-width: 599px) {
	.sec-title h2 {
		font-size: 24px;
		line-height: 32px;
	}

	.main-header .header-top .top-left ul li:nth-child(2) {
		display: none;
	}
}