@media (max-width: 991px) {
	header.mobile-menu {
		position: relative !important
	}

	.navbar-collapse {
		background: #000;
		text-align: center;
		margin-left: -45px;
		margin-right: -45px
	}

	.navbar-toggler-icon {
		position: relative;
		border: 1px solid #fff;
		width: 50px;
		height: 40px;
		border-radius: 3px
	}

	.navbar-toggler-icon:after {
		position: absolute;
		content: '\f0c9';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		left: 0;
		top: 0;
		color: #fff;
		font-size: 24px;
		padding: 6px 14px
	}

	.mobile-menu .navbar-toggler-icon:after {
		content: '\f00d';
		padding: 7px 16px
	}

	.navbar-nav li {
		padding: 5px;
		display: inline-block;
		width: 100%;
		min-width: 100%;
		position: relative
	}

	.navbar-nav {
		width: 100%;
		padding: 30px 0
	}

	.affix .navbar-toggler-icon, .main-header .navbar-toggler-icon {
		border: 1px solid #444
	}

	.affix .navbar-toggler-icon:after, .main-header .navbar-toggler-icon:after {
		color: #444
	}

	header.affix a.nav-link, header.main-header a.nav-link {
		color: #fff
	}

	.affix .navbar-nav li a:hover:before, .affix .navbar-nav li a:focus:before, .affix .navbar-nav li a.active:before, .main-header .navbar-nav li a:hover:before, .main-header .navbar-nav li a:focus:before, .main-header .navbar-nav li a.active:before {
		color: #fff;
		text-shadow: 10px 0 #fff, -10px 0 #fff
	}

	.promo-background {
		background-position: center center !important
	}
}

@media (max-width: 575.98px) {
	.navbar.navbar-expand-lg {
		padding: 5px 15px
	}

	.navbar-collapse {
		margin-left: -15px;
		margin-right: -15px
	}

	.logo-light {
		width: auto;
		height: 60px
	}

	.main-btn {
		padding: 5px 10px
	}

	.heading h2 {
		font-size: 32px
	}

	.heading p {
		padding: 0
	}

	.space-equal {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.space-top {
		padding-top: 80px
	}

	.space-bottom {
		padding-bottom: 80px
	}

	.scroll-top {
		right: 10px;
		width: 40px;
		height: 40px;
		bottom: 40px;
		border: 0 none transparent
	}

	.promo-content {
		padding-top: 80px
	}

	.promo-content h1 {
		font-size: 13px;
		line-height: 18px
	}

	.type-line.typing {
		font-size: 24px;
		margin: 10px 0 15px;
		line-height: 28px
	}

	.promo-content .main-btn {
		margin: 5px
	}

	.about-text {
		text-align: center;
		margin-top: 40px
	}

	.about-text h3 {
		font-size: 24px;
		margin-bottom: 15px
	}

	.funfacts-section {
		height: 600px
	}

	.funfacts-list {
		margin-bottom: -30px
	}

	.single-funfacts {
		border: 0 none transparent;
		padding: 0;
		margin-bottom: 30px
	}

	.single-funfacts i {
		font-size: 38px
	}

	.single-funfacts span {
		margin: 10px 0 0;
		font-size: 28px;
		line-height: 35px
	}

	.single-funfacts h2 {
		background: transparent;
		padding: 0
	}

	figure.port-effect p {
		/*display: none*/
	}

	.best-clients img {
		max-width: 200px !important;
		margin: 0 auto
	}

	.video-content h2 {
		font-size: 28px
	}

	.modal-dialog {
		max-width: 100%
	}

	.quote-content:before {
		display: none
	}

	.quote-content {
		position: relative;
		margin: 30px 10px 0
	}

	.get-start-content h2 {
		font-size: 32px
	}

	.contact-form {
		margin-bottom: 30px
	}

	.social li a {
		font-size: 18px;
		padding: 6px;
		width: 40px;
		height: 40px
	}

	.copyright-text span:before {
		display: none
	}

	.copyright-text span {
		padding-left: 0;
		display: block
	}

	.page-banner-content h1 {
		font-size: 24px
	}

	.content-details h2 {
		font-size: 20px;
		line-height: 28px
	}

	.content-list h3 {
		font-size: 18px;
		line-height: 24px
	}

	.post-content h2 {
		font-size: 18px;
		line-height: 26px
	}

	.more-posts .row div {
		margin-bottom: 30px
	}

	.more-posts .row div:last-child {
		margin-bottom: 0
	}

	.share-post {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.post-author img {
		float: none
	}

	.single-navigation div {
		width: 100%
	}

	.single-next {
		float: left;
		text-align: left;
		margin-top: 30px
	}

	.comment-reply-box {
		margin-left: 0
	}

	.sidebar {
		margin-top: 100px
	}

	.item-pagination {
		overflow: hidden
	}

	.pagination li a {
		padding: 10px
	}

	.not-found-content h2 {
		font-size: 84px
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.navbar.navbar-expand-lg {
		padding: 5px 15px
	}

	.navbar-collapse {
		margin-left: -15px;
		margin-right: -15px
	}

	.main-btn {
		padding: 8px 20px
	}

	.heading p {
		padding: 0 20px
	}

	.scroll-top {
		right: 10px;
		width: 40px;
		height: 40px;
		bottom: 40px;
		border: 0 none transparent
	}

	.promo-content {
		padding-top: 80px
	}

	.promo-content h1 {
		font-size: 13px;
		line-height: 18px
	}

	.type-line.typing {
		font-size: 24px;
		margin: 10px 0 15px;
		line-height: 28px
	}

	.about-text {
		text-align: center;
		margin-top: 40px
	}

	.about-text h3 {
		margin-bottom: 15px
	}

	.funfacts-list {
		margin-bottom: -30px
	}

	.single-funfacts {
		border: 0 none transparent;
		padding: 0;
		margin-bottom: 30px
	}

	.single-funfacts span {
		margin: 20px 0 0
	}

	.single-funfacts h2 {
		background: transparent
	}

	.video-content h2 {
		font-size: 34px
	}

	.modal-dialog {
		max-width: 90%
	}

	.quote-content:before {
		display: none
	}

	.quote-content {
		position: relative;
		margin: 30px 10px 0
	}

	.get-start-content h2 {
		font-size: 34px
	}

	.contact-form {
		padding: 30px 15px;
		margin-bottom: 30px
	}

	.social li a {
		font-size: 18px;
		padding: 6px;
		width: 40px;
		height: 40px
	}

	.more-posts .post-content {
		margin-bottom: 30px
	}

	.single-navigation div {
		width: 100%
	}

	.single-next {
		float: left;
		text-align: left;
		margin-top: 30px
	}

	.comment-reply-box {
		margin-left: 0
	}

	.sidebar {
		margin-top: 100px
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.navbar.navbar-expand-lg {
		padding: 5px 30px
	}

	.navbar-collapse {
		margin-left: -30px;
		margin-right: -30px
	}

	.heading p {
		padding: 0 50px
	}

	.promo-content h1 {
		font-size: 22px;
		line-height: 34px
	}

	.type-line.typing {
		font-size: 32px;
		line-height: 48px
	}

	.about-text {
		text-align: center;
		margin-top: 40px
	}

	.funfacts-list {
		margin-bottom: -30px
	}

	.single-funfacts {
		border: 0 none transparent;
		padding: 0;
		margin-bottom: 30px
	}

	.single-funfacts span {
		margin: 20px 0 0
	}

	.single-funfacts h2 {
		background: transparent
	}

	.modal-dialog {
		max-width: 90%
	}

	.contact-form {
		padding: 30px;
		margin-bottom: 30px
	}

	.more-posts .post-content {
		margin-bottom: 30px
	}

	.sidebar {
		margin-top: 100px
	}
}

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

	.modal-dialog {
		max-width: 90%
	}
}
/*
     FILE ARCHIVED ON 17:58:06 Oct 04, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:45:55 Apr 29, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.516
  exclusion.robots: 0.016
  exclusion.robots.policy: 0.008
  esindex: 0.01
  cdx.remote: 6.212
  LoadShardBlock: 151.901 (3)
  PetaboxLoader3.datanode: 406.024 (5)
  PetaboxLoader3.resolve: 119.93 (2)
  load_resource: 616.868
  loaddict: 309.341
*/