@media (max-width: 991px) {

	/* Safari fix for branch.io */
	html.ios body.modal-open {
		position: static !important;
	}

	.outer-wrap {
		position: relative;
		right: 0;
	}

	.outer-wrap {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.fixed-top {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.outer-wrap.active,
	.outer-wrap.active .fixed-top {
		right: 34%;
	}

	/* static positioning requires additional mods */
	.outer-wrap.active .fixed-top {
		left: -34%;
	}

	#branch-banner-iframe {

		right: 0 !important;
		left: 0 !important;
		-webkit-transition: all 0.3s ease-in-out !important;
		-moz-transition: all 0.3s ease-in-out !important;
		transition: all 0.3s ease-in-out !important;
		z-index: 1039 !important;
	}

	#branch-banner-iframe.active {
		right: 34% !important;
		left: -34% !important;
	}

}

@media (max-width: 767px) {

	/* Safari fix for branch.io */
	html.ios body.modal-open {
		position: static !important;
	}

	.outer-wrap {
		padding-top: 42px;
	}
	.outer-wrap {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.fixed-top {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.outer-wrap.active,
	.outer-wrap.active .fixed-top {
		right: 85%;
	}

	.outer-wrap.active .fixed-top {
		left: -85%;
	}

	body {
		-webkit-transition: all 0.3s ease-in-out !important;
		-moz-transition: all 0.3s ease-in-out !important;
		transition: all 0.3s ease-in-out !important;
	}

	#branch-banner-iframe {

		right: 0 !important;
		left: 0 !important;
		-webkit-transition: all 0.3s ease-in-out !important;
		-moz-transition: all 0.3s ease-in-out !important;
		transition: all 0.3s ease-in-out !important;
		z-index: 1039 !important;
	}

	#branch-banner-iframe.active {
		right: 85% !important;
		left: -85% !important;
	}
}
