/* =Responsive Structure
----------------------------------------------- */
/* All Tablet Portrait size smaller than standard 1079 (devices and browsers) */
@media only screen and (max-width: 1078px) {
	.container,
	.narrow-layout .wrapper {
		width: 708px;
	}
	.narrow-layout .container {
		width: 668px;
	}
	.clearfix-third,
	.clearfix-fourth {
		clear: none;
	}
	.clearfix-half,
	.clearfix-third-team {
		clear: both;
	}
	#site-title a img {
		max-width: 708px;
	}
	.slogan,
	.widget_promotional_bar .promotional-text,
	.page-title {
		font-size: 27px;
	}
	.featured-text .featured-title {
		font-size: 23px;
	}
	.slogan span,
	.featured-text,
	.widget_promotional_bar .promotional-text span {
		font-size: 15px;
	}
	#primary,
	#secondary {
		float: none;
		width: 100%;
	}
	.no-sidebar-template #content {
		margin: 0 ;
		width: 100%;
	}
	/* Column */
	.column {
		margin-left: -2.99%;
	}
	.one-half,
	.one-third,
	.one-fourth {
		margin: 0 0 0 2.90%;
	}
	.one-third,
	.one-fourth {
		width: 30.43%;
	}	
	.widget_service .one-third,
	.widget_service .one-fourth,
	.widget_recent_work .one-fourth {
		width: 47.02%;
	}
	.widget_testimonial .column {
		margin-left: 0;
	}
	.widget_testimonial .one-half {
		margin: 0;
		width: 100%;
	}
	/* Custom Gallery Page */
	.custom-gallery #main .column {
		margin-left: -20px;
	}
	.custom-gallery #main .one-half,
	.custom-gallery #main .one-third,
	.custom-gallery #main .one-fourth {
		margin-left: 20px;
	}
	.custom-gallery #main .one-half {
		width: 344px;
	}
	.custom-gallery #main .one-third,
	.custom-gallery #main .one-fourth {
		width: 222px;
	}
	.narrow-layout .custom-gallery #main .one-half {
		width: 324px;
	}
	.narrow-layout .custom-gallery #main .one-third,
	.narrow-layout .custom-gallery #main .one-fourth {
		width: 209px;
	}
	#colophon .widget-area {
		margin-left: 0;
	}
	#colophon .one-third {
		width: 100%;
		float: none;
		margin: 0;
	}
}

/* All Mobile Portrait size smaller than 768 (devices and browsers) */
@media only screen and (max-width: 767px) {
	hr {
		margin-bottom: 30px;
	}
	.container,
	.narrow-layout .wrapper {
		width: 300px;
	}
	.narrow-layout .container {
		width: 280px;
	}
	#content h1,
	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6 {
		padding-bottom: 10px;
	}
	.narrow-layout #colophon {
		margin-bottom: 10px;
	}
	#branding .info-bar {
		display: none;
	}
	.hgroup-wrap {
		padding: 5px 0 15px;
	}
	#site-logo {
		max-width: 265px;
		margin-top: 10px;
	}
	#site-title a img {
		max-width: 265px;
	}
	.hgroup-right {
		padding-right: 0;
		min-width: inherit;
	}
	.social-profiles,
	.search-toggle {
		display: none;
	}

	/* Responsive Navigation */
	.menu-toggle {
		display: block;
		background-color: rgba(0, 0, 0, 0);
		font-size: 0;
		border: 0 none;
		padding: 0;
		color: #666;
		width: 24px;
		height: 21px;
		float: right;
		margin-top: 17px;
		cursor: pointer;
	}
	.menu-toggle:before {
		display: block;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 28px;
		line-height: 0;
		font-family: 'FontAwesome';
		vertical-align: top;
		content: '\f0c9';
	}
	.nav-menu {
		display: none;
	}
	.toggled-on .nav-menu {
		display: block;
	}
	#access li {
		position: inherit;
		width: 100%;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	#access a {
		padding: 10px 0 10px 10px;
	}
	/* Dropdown */
	#access ul li ul,
	#access ul li:hover ul ul,
	#access ul ul li:hover ul ul,
	#access ul ul ul li:hover ul ul,
	#access ul ul ul ul li:hover ul ul {
		display: block;
		background-color: inherit;
	}
	#access ul li ul {
		position: inherit;
		top: 0;
		width: inherit;
	}
	#access ul li ul li a,
	#access ul li.current-menu-item ul li a,
	#access ul li ul li.current-menu-item a,
	#access ul li.current_page_ancestor ul li a,
	#access ul li.current-menu-ancestor ul li a,
	#access ul li.current_page_item ul li a {
		padding: 10px 0 10px 20px;
	}
	#access ul li ul li ul {
		left: 0;
	}
	#access ul li ul li ul li a {
		padding-left: 30px;
	}
	.featured-text {
		width: 100%;
		top: auto;
		left: 0;
		right: 0;
		bottom: 0;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		padding: 15px 15px 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.featured-text .featured-title {
		font-size: 17px;
	}
	.featured-text .featured-title a {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.featured-text .featured-content,
	.featured-text .call-to-action {
		display: none;
	}
	.slider-cycle.slider-cycle-overlay .slides figure:before {
		top: 60%;
		left: 0;
		right: 0;
		bottom: 0;
		background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
	}

	.slogan {
		font-size: 21px;
		padding: 15px 0;
	}
	.featured-slider {
		padding-top: 15px;
	}
	.page-title-wrap {
		padding: 10px 0;
	}
	#main {
		padding-top: 50px;
	}
	/* Column */
	.column {
		margin-left: 0;
	}
	.one-half,
	.one-third,
	.one-fourth,
	.widget_service .one-half,
	.widget_service .one-fourth {
		margin: 0;
		padding-bottom: 20px;
		width: 100%;
	}
	/* Custom Gallery Page */
	.custom-gallery #main .column {
		margin-left: 0;
	}
	.custom-gallery #main .one-half,
	.custom-gallery #main .one-third,
	.custom-gallery #main .one-fourth {
		margin: 0;
		padding-bottom: 20px;
		width: 300px;
	}
	.narrow-layout .custom-gallery #main .one-half,
	.narrow-layout .custom-gallery #main .one-third,
	.narrow-layout .custom-gallery #main .one-fourth {
		width: 280px;
	}
	#content .post {
		padding-bottom: 40px;
	}
	#content .sticky {
		padding: 10px 10px 0;
		margin-bottom: 40px;
	}
	footer.entry-meta .tag-links {
		float: none;
		width: 100%;
	}
	#wp_page_numbers,
	.wp-pagenavi,
	#content ul.default-wp-page,
	.pagination {
		margin-bottom: 40px;
	}
	#wp_page_numbers ul li.page_info,
	.wp-pagenavi .pages {
		display: none;
	}
	.widget {
		margin-bottom: 40px;
	}
	.widget_custom-tagcloud {
		margin-bottom: 32px;
	}
	.widget_article {
		margin-bottom: 20px;
	}
	.widget_service,
	.widget_recent_work,
	.widget_testimonial {
		margin-bottom: 0;
		padding: 40px 0 10px;
	}
	.widget_promotional_bar {
		margin-bottom: 0;
	}
	.widget_promotional_bar .promotional_bar_content {
		padding: 30px 0;
	}
	.widget_promotional_bar .promotional-text {
		font-size: 21px;
	}
	.widget_promotional_bar .promotional-text span {
		padding-top: 5px;
	}
	.widget_service .one-third,
	.widget_recent_work .one-fourth {
		margin: 0;
		width: 100%;
	}
	.widget_recent_work {
		padding-bottom: 5px;
	}
	.widget_testimonial .one-half {
		padding-bottom: 30px;
	}
	.widget_testimonial .testimonial-image {
		float: none;
		margin: 0 auto 10px;
	}
	.widget_testimonial .testimonial-content {
		text-align: center;
	}
	.widget_ourclients {
		margin-bottom: 0;
	}
	.widget_ourclients ul li {
		max-width: 120px;
	}
	.widget_our_team {
		margin-bottom: 5px;
	}
	.clearfix-third-team {
		clear: none;
	}
	.clearfix-half-team {
		clear: both;
	}
	#colophon .widget-area {
		padding-top: 40px;
	}
	#colophon .widget {
		margin-bottom: 30px;
	}
	#colophon .widget_article {
		margin-bottom: 10px;
	}
	#colophon .info-bar {
		padding: 30px 0 0;
	}
	#colophon .info-bar .info ul li {
		width: 100%;
		margin: 0;
	}
	#site-generator .social-profiles,
	#site-generator .copyright {
		float: none;
		width: 100%;
		display: block;
	}
	#site-generator .social-profiles ul {
		text-align: center;
		float: none;
	}
	#site-generator .social-profiles ul li {
		display: inline-block;
		float: none;
	}
	#site-generator .copyright {
		padding-top: 10px;
		text-align: center;
	}
	/* Gutenberg Support */
	.wp-block-columns.has-background {
		padding-left: 20px;
		padding-right: 20px;
	}
	.wp-block-media-text.is-stacked-on-mobile:not(.has-background) .wp-block-media-text__content {
		margin-top: 15px;
	}
	.wp-block-media-text:not(.has-background).is-stacked-on-mobile .wp-block-media-text__content {
		padding-right: 0;
		padding-left: 0;
	}
	.wp-block-media-text.has-background .wp-block-media-text__content {
		padding: 15px;
	}
	.wp-block-media-text.is-stacked-on-mobile {
		display: block;
	}
	.has-large-font-size {
		font-size: 1.5em;
	}
	.has-huge-font-size {
		font-size: 1.9em;
	}
}

/* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 768 and larger than 480 (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container,
	.narrow-layout .wrapper {
		width: 460px;
	}
	.narrow-layout .container {
		width: 440px;
	}
	.narrow-layout #colophon {
		margin-bottom: 20px;
	}
	#site-logo,
	#site-title a img {
		max-width: 400px;
	}
	#content .sticky {
		padding: 15px 15px 0;
	}
	/* Column */
	.column {
		margin-left: -3.57%;
	}
	.one-half,
	.one-third,
	.one-fourth {
		margin: 0 0 0 3.44%;
		width: 46.56%;
	}
	.widget_service .column,
	.widget_recent_work .column {
		margin-left: 0;
	}
	/* Custom Gallery Page */
	.custom-gallery #main .column {
		margin-left: -20px;
	}
	.custom-gallery #main .one-half,
	.custom-gallery #main .one-third,
	.custom-gallery #main .one-fourth {
		margin-left: 20px;
		width: 220px;
	}
	.narrow-layout .custom-gallery #main .column {
		margin-left: -10px;
	}
	.narrow-layout .custom-gallery #main .one-half,
	.narrow-layout .custom-gallery #main .one-third,
	.narrow-layout .custom-gallery #main .one-fourth {
		margin-left: 10px;
		width: 215px;
	}
}
@media (max-width: 479px) {
	/* Gutenberg Support */
	.wp-block-pullquote {
		padding-left: 15px;
		padding-right: 15px;
	}
	.wp-block-pullquote.alignleft,
	.wp-block-pullquote.alignright,
	.wp-block-embed.alignleft,
	.wp-block-embed.alignright,
	.wp-block-button.alignleft,
	.wp-block-button.alignright,
	.wp-block-table.alignleft,
	.wp-block-table.alignright,
	.wp-block-audio.alignleft,
	.wp-block-audio.alignright,
	.wp-block-file.alignleft,
	.wp-block-file.alignright,
	.wp-block-cover.alignleft,
	.wp-block-cover.alignright,
	#content .wp-block-gallery.alignleft,
	#content .wp-block-gallery.alignright,
	.wp-block-image figure.alignleft,
	.wp-block-image figure.alignright {
		margin-right: 0;
		margin-left: 0;
		float: none;
	}
	.wp-block-pullquote.alignleft,
	.wp-block-pullquote.alignright,
	.wp-block-embed.alignleft,
	.wp-block-embed.alignright,
	.wp-block-audio.alignleft,
	.wp-block-audio.alignright,
	.wp-block-file.alignleft,
	.wp-block-file.alignright,
	.wp-block-cover.alignleft,
	.wp-block-cover.alignright,
	.wp-block-image figure.alignleft,
	.wp-block-image figure.alignright,
	.wp-block-table.alignleft, 
	.wp-block-table.alignright,
	.wp-block-button.alignleft,
	.wp-block-button.alignright {
		max-width: 100%;
		text-align: center;
	}
	#content .wp-block-gallery.alignleft,
	#content .wp-block-gallery.alignright,
	.wp-block-cover.alignleft,
	.wp-block-cover.alignright {
		display: -ms-flexbox;
		display: flex;
		max-width: 100%;
		text-align: center;
	}
	.wp-block-audio audio {
		min-width: 290px;
	}
	.wp-block-media-text,
	.wp-block-preformatted,
	.wp-block-pullquote,
	.wp-block-pullquote.alignleft,
	.wp-block-pullquote.alignright,
	.wp-block-embed,
	.wp-block-embed.alignleft,
	.wp-block-embed.alignright,
	.wp-block-audio,
	.wp-block-audio.alignleft,
	.wp-block-audio.alignright,
	.wp-block-file,
	.wp-block-file.alignleft,
	.wp-block-file.alignright,
	.wp-block-cover,
	.wp-block-cover.alignleft,
	.wp-block-cover.alignright,
	.wp-block-image,
	figure.wp-block-image,
	.wp-block-table,
	.wp-block-table.alignleft, 
	.wp-block-table.alignright,
	.wp-block-button, 
	.wp-block-button.alignleft,
	.wp-block-button.alignright,
	.wp-block-calendar.alignleft,
	.wp-block-calendar.alignright,
	.wp-block-search.alignleft,
	.wp-block-search.alignright {
		margin-bottom: 20px;
	}
	.wp-block-image figure.alignleft,
	.wp-block-image figure.alignright {
		margin-bottom: 0;
	}
	.wp-block-quote.is-large,
	.wp-block-quote.is-style-large,
	blockquote.wp-block-quote,
	#content .wp-block-gallery,
	#content .wp-block-gallery.alignleft,
	#content .wp-block-gallery.alignright {
		margin-bottom: 5px;
	}
	.has-medium-font-size, 
	.wp-block-quote.is-large p, 
	.wp-block-quote.is-style-large p, 
	.wp-block-pullquote p, 
	.wp-block-pullquote.is-style-solid-color blockquote p {
		font-size: 1.1em;
	}
	.has-large-font-size {
		font-size: 1.3em;
	}
	.has-huge-font-size {
		font-size: 1.7em;
	}
}

/* All Mobile size smaller than standard 320 (devices and browsers) */
@media only screen and (max-width: 319px) {
	.container,
	.narrow-layout .wrapper,
	.narrow-layout .container {
		width: 95%;
	}
	.custom-gallery #main .one-half,
	.custom-gallery #main .one-third,
	.custom-gallery #main .one-fourth,
	.narrow-layout .custom-gallery #main .one-half,
	.narrow-layout .custom-gallery #main .one-third,
	.narrow-layout .custom-gallery #main .one-fourth {
		width: 100%;
	}
}