/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/


/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {

	/* The following are used on inner pages. Please edit carefully. */

	.inner {
		width: 100%;
	}

	#content-sidebar,
	#content-full {
		width: 100%;
	}

	.outer {
		width: 100%;
		min-width: 100%;
	}

	#content-sidebar #content {
		width: 100%;
	}

	.header-burger-menu {
		display: block !important;
	}

	header.main-header {
		top: 0;
		display: flex;
		align-items: center;
		height: 75px;
		padding: 10px 15px !important;
		background: #fff;
	}

	div#main-wrapper main {
		padding-top: 75px;
	}

	.header-inner {
		width: 100%;
	}

	nav.header-nav,
	.header-link {
		display: none;
	}

	.header-logo a,
	.b-menu-logo a {
		max-width: 95px;
	}

	.header-inner {
		/*flex-direction: column;*/
	}

	.hp-banner-content {
		margin-top: 0;
		padding: 50px 15px 30px;
		text-align: center;
		width: 100%;
		max-width: 600px;
	}

	.hp-banner-content-text {
		width: 100%;
	}

	.hp-banner-content-area {
		position: relative;
	}

	.hp-banner-title {
		font-size: 30px;
		line-height: 1;
	}

	.hp-banner-text {
		max-width: 100%;
	}

	.hp-banner-text p {
		font-size: 18px;
		line-height: 1.4;
	}

	.hp-banner-links {
		max-width: 300px;
		margin: 0 auto
	}

	.hp-banner-links a {
		font-size: 20px;
		width: 100%;
		height: 70px;
		margin-bottom: 15px;
	}

	.hp-banner-content-img {
		width: 100%;
	}

	.hp-banner-content-img img {
		margin: 0 auto;
		max-width: 300px;
	}

	.hp-banner-holder canvas {
		display: none;
	}

	section.welcome-area {
		padding: 50px 0;
	}

	.wc-holder {
		width: 100%;
		padding: 0 15px;
	}

	.wc-inner {
		flex-direction: column-reverse;
	}

	.wc-photo {
		width: 100%;
	}

	.wc-photo-inner {
		max-width: 400px;
		margin: 0 auto 30px;
	}

	.wc-content {
		width: 100%;
		text-align: center;
	}

	.wc-content-inner {
		max-width: 500px;
		margin: 0 auto;
	}

	.wc-title {
		font-size: 35px;
		line-height: 1;
	}

	.wc-text p {
		font-size: 20px;
		line-height: 1.5;
	}

	section.hp-logos-area {
		padding: 60px 0 30px;
	}

	.hp-logo-holder {
		width: 100%;
		padding: 0 15px;
	}

	.hp-logo-title {
		font-size: 35px;
		line-height: 1;
		margin-bottom: 40px;
	}

	.hp-logo-feed span {
		width: calc(100% / 2);
	}

	section.why-work-with-us-area {
		padding: 50px 0;
	}

	.wwwu-list-inner {
		width: 100%;
		padding: 0 15px;
		flex-direction: column !important;
	}

	.wwwu-photos {
		width: 100%;
		position: relative;
	}

	.wwwu-photos .wwwu-main {
		width: 100%;
	}

	.wwwu-photos {
		width: 100%;
		max-width: 350px;
		margin: 0 auto;
	}

	.wwwu-thumb {
		bottom: -30px !important;
		right: -30px !important;
		width: 45% !important;
		top: auto !important;
		left: auto !important;
	}

	.wwwu-content {
		width: 100%;
		text-align: center;
	}

	.wwwu-content-inner {
		max-width: 500px;
		margin: 60px auto 0;
	}

	.wwwu-label {
		font-size: 30px;
		line-height: 1;
		margin-bottom: 30px;
	}

	.wwwu-label span {
		font-size: 15px;
		margin-bottom: 12px;
	}

	.wwwu-text {
		max-width: 100%;
	}

	.wwwu-content-inner {
		margin: 60px auto 0 !important;
		max-width: 500px !important;
	}

	.wwwu-text p {
		font-size: 20px;
		line-height: 1.5;
	}

	.wwwu-list {
		margin-bottom: 30px;
	}

	section.cta-area {
		padding: 0 15px;
	}

	.cta-holder {
		width: 100%;
		padding: 60px 0px;
	}

	.cta-title {
		font-size: 35px;
		line-height: 1;
	}

	section.latest-work-area {
		padding: 50px 0;
	}

	.lw-title {
		font-size: 35px;
		line-height: 1;
		margin-bottom: 50px;
	}

	footer.main-footer {
		padding: 50px 0 0;
	}

	.ftr-top {
		padding-bottom: 30px;
		flex-direction: column;
	}

	.ftr-details {
		width: 100%;
		text-align: center;
	}

	.ftr-logo a {
		max-width: 95px;
		margin: 0 auto;
	}

	.ftr-smi {
		justify-content: center;
		margin: 30px auto 0;
	}

	.ftr-smi a {
		font-size: 30px;
		padding: 5px;
	}

	.ftr-navs {
		width: 100%;
		margin-top: 30px;
	}

	ul.footernav>li {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	ul.footernav>li>a {
		font-size: 18px;
	}

	ul.footernav>li .sub-menu a {
		font-size: 16px;
	}

	ul.footernav>li>.sub-menu {
		margin-top: 15px;
	}

	.ftr-bottom {
		padding: 30px 0;
		flex-direction: column-reverse;
	}

	.footer-copyright,
	.footer-copyright a,
	.ftr-links a {
		font-size: 16px;
	}

	.ftr-links {
		width: 100%;
		max-width: 450px;
		margin-bottom: 25px;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.fsBody.fsEmbed .fsForm select,
	.fsBody.fsEmbed .fsForm textarea,
	.fsBody.fsEmbed .fsRowBody input[type=email],
	.fsBody.fsEmbed .fsRowBody input[type=number],
	.fsBody.fsEmbed .fsRowBody input[type=tel],
	.fsBody.fsEmbed .fsRowBody input[type=text] {
		font-size: 14px !important;
		padding: 0 10px !important;
	}

	.fsBody.fsEmbed .fsForm textarea {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.site-banner-popup {
		max-width: 500px;
	}

	.site-banner-popup-close {
		font-size: 20px;
	}

	.site-banner-popup-title {
		font-size: 30px;
	}

	.site-banner-popup-form .fsBody .fsLabel,
	.site-banner-popup-form .fsBody label {
		font-size: 16px;
	}

	.site-banner-popup-form .fsForm select,
	.site-banner-popup-form .fsForm textarea,
	.site-banner-popup-form .fsRowBody input[type=email],
	.site-banner-popup-form .fsRowBody input[type=number],
	.site-banner-popup-form .fsRowBody input[type=tel],
	.site-banner-popup-form .fsRowBody input[type=text] {
		font-size: 18px !important;
	}

	.site-banner-popup-form .fsForm textarea {
		min-height: 100px !important;
	}

	.site-banner-popup-form .fsSubmit input.fsSubmitButton {
		font-size: 20px !important;
		width: auto !important;
		height: inherit !important;
		padding: 15px 30px;
	}

	.site-banner-popup {
		padding: 20px;
	}
}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
	.ip-banner .container {
		width: 100%;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {
	.wwwu-thumb {
		bottom: -15px !important;
		right: -10px !important;
	}

	.hp-logo-feed span {
		width: 100%;
		margin-bottom: 30px;
		padding: 0;
	}

	.ftr-links {
		flex-direction: column;
		text-align: center;
	}

	.ftr-links a {
		padding: 5px;
	}

	.cta-404-link a {
		font-size: 15px;
	}
}