@viewport {
	zoom: 1.0;
	width: device-width;
}

.vc_footer .large-3.columns article {
	height: auto !important;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width:320px) 
and (max-width:770px) {

	/************************************/

	/*! GENERAL */

	/************************************/

	body > header.contain-to-grid a.logo {
		margin-left: 0 !important;
		width: 100% !important;
		min-width: 130px;
		text-align: center;
		padding-left: 85px;
	}

	.esg-filter-wrapper {
		margin-bottom: 20px;
	}

	#wrapper {
		margin-top: 80px !important;
	}

	#sdrn_bar .bar_logo {
		left: 0 !important;
		right: 0 !important;
		top: 8px !important;
		margin: 0 auto !important;
	}

	#sdrn_menu ul li a:hover {
		color: #FFF !important;
	}

	#sdrn_menu ul li a:hover {
		color: #FFF !important;
	}

	body > header.contain-to-grid .inquire {
		width: auto !important;
		margin-right: 10px !important;
	}

	.full-width-small,
	.full-width-small input.medium {
		width: 100% !important;
	}

	div.gridfx-1 div.gridfx-item-content {
		margin-top: 48px !important;
		padding-top: 15px !important;
		height: 100% !important
	}

	div.gridfx-1 a.gridfx-item-close {
		top: 50px !important;
		color: #FFF !important;
		text-indent: -999px !important;
		z-index: 9999;
	}

	div.gridfx-pane h1 {
		padding: 0 15px !important;
		text-align: left !important;
	}

	div.gridfx-1 a.gridfx-nav.gridfx-next,
	div.gridfx-1 a.gridfx-nav.gridfx-prev {
		top: 50% !important;
		z-index: 99999 !important;
		zoom: 0.7;
		opacity: 0.7;
	}

	div.gridfx-1 a.gridfx-nav.gridfx-next:hover,
	div.gridfx-1 a.gridfx-nav.gridfx-prev:hover {
		opacity: 1;
	}

	div.gridfx-1 div.gridfx-pane-right,
	div.gridfx-1 div.gridfx-pane-left {
		width: 100% !important;
	}

	div.gridfx-1 div.gridfx-pane-right {
		margin-top: -75px !important;
	}

	div.gridfx-1 div.gridfx-pane-left-image img {
		padding-bottom: 0 !important;
	}

	div.gridfx-pane-center {
		display: none !important;
	}

	.vc_footer {
		z-index: 99 !important;
	}

	.mapp-layout {
		width: 96% !important;
	}

	/************************************/

	/*! CONTENT */

	/************************************/

	.home #content {
		width: 100% !important;
		margin-top: 20px !important;
	}

	.home #wrapper {
		margin-top: 80px !important;
	}

	#content {
		margin-top: 40px;
	}

	button,
	.button {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	h1 {
		margin-left: 0 !important;
		padding-left: 5px !important;
		padding: 5px;
		font-size: 1rem !important;
	}

	#content article {
		padding: 0 !important;
	}

	.vc_quote_heading {
		font-size: 1.4rem !important;
	}

	#content .entry-content {
		padding: 10px;
	}

	article.page-title {
		padding: 1em !important;
		background: none !important;
		min-height: auto !important;
	}

	article.page-title h1,
	article .entry-content h2 {
		margin: 0 !important;
	}

	.accordion dd > a {
		font-size: 92% !important;
	}

	.page-id-1691 .entry-content table td {
		display: block !important;
		width: 100% !important;
	}

	/************************************/

	/*! SLIDER */

	/************************************/

	#main-slider {
		width: 100% !important;
	}

	/************************************/

	/*! FOOTER */

	/************************************/

	footer .copyright {
		bottom: 0;
		height: 50px;
	}

	.vc_footer {
		position: relative !important;
		width: 99% !important;
		margin-bottom: 13rem !important;
		background: none !important;
	}

	.vc_footer .footer-cta {
		margin: 5px 0 !important;
	}

	.footer-widget div.columns:last-child {
		padding-right: 0 !important;
	}

	.footer-widget article {
		background: rgba(0, 0, 0, 0.8) !important;
	}

	.vc_footer .icon {
		border: none !important;
	}

	footer.full-width {
		background: none !important;
	}

	#at4m-mobile-container {
		display: none !important;
	}

	div#absol {
		top: 25% !important;
	}

	div#absol360 {
		top: 25% !important;
	}

	.360mobile {
		margin-top: 50px;
	}

}

@media only screen 
and (min-width:320px) 
and (max-width:555px) {

	/*
	body > header.contain-to-grid .inquire {
		float: left !important;
		margin-left: 5px !important;
		margin-top: 30px !important;
	}
	*/
	body > header.contain-to-grid .inquire {
		width: 100% !important;
		background: #333;
		margin-right: 0 !important;
		text-align: center;
	}

	body > header.contain-to-grid .inquire a.button,
	.woocommerce-page a.button {
		width: 49% !important;
		margin: 0 !important;
		background: #333 !important;
	}

	body > header.contain-to-grid .inquire a.button:last-child,
	.woocommerce-page a.button:last-child {
		border-left: 1px solid #222 !important;
	}

	div.gridfx-pane div.gridfx-contentbody,
	.mCustomScrollBox,
	.mCSB_container {
		height: 100%;
		overflow-y: visible !important;
		max-height: none !important;
	}

	.mCSB_scrollTools {
		display: none !important;
	}

	#sdrn_menu #sdrn_menu_ul {
		margin-top: 110px !important;
	}

}

@media only screen 
and (min-width:555px) 
and (max-width:1023px) {
	body > header.contain-to-grid .inquire {
		margin-right: 10px !important;
	}

	.vc_footer {
		position: relative !important;
		width: 97% !important;
		margin-bottom: 13rem !important;
		background: none !important;
	}

	.vc_footer .footer-cta {
		margin: 5px 0 !important;
	}

	.footer-widget div.columns:last-child {
		padding-right: 0 !important;
	}

	.footer-widget article {
		background: rgba(0, 0, 0, 0.8) !important;
	}

	.vc_footer .icon {
		border: none !important;
	}

	footer.full-width {
		background: none !important;
	}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width:321px) {

	/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width:320px) {

	/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width:480px) 
and (max-device-width:676px) {
	#at4m-dock {
		display: none !important;
	}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width:768px) 
and (max-device-width:1024px) 
and (orientation:landscape) {

	/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width:768px) 
and (max-device-width:1024px) 
and (orientation:portrait) {

	/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width:1224px) {

	/* Styles */
	#content .entry-content {
		padding: 40px;
	}

	#content .entry-content-landing {
		padding: 10px;
	}

}

/* Large screens ----------- */
@media only screen 
and (min-width:1824px) {

	/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {

	/* Styles */
}