@media screen and (max-width:1700px) {}

@media screen and (max-width:1600px) {}

@media screen and (max-width:1500px) {
	section.inr_container .container {
		padding-right: 15px;
		padding-left: 15px;
	}

	.asc-logo {
		margin-right: 15px;
	}

	.ft-association p {
		font-size: 16px;
	}

	.ft-association {
		padding-right: 370px;
	}

	nav ul > li.hm-link a {
		height: 50px;
		padding: 17px 20px;
	}

	nav ul > li > a {
		padding: 18px 35px;
	}
}

@media screen and (max-width:1420px) {
	.ft-form-block {
		width: 47%;
	}

	.ft-form-block .form-col-6 {
		width: 48%;
	}

	nav ul > li > a {
		padding: 18px 30px;
	}
}

@media screen and (max-width:1366px) {
	nav ul > li > a {
		padding: 18px 22px;
	}
}

@media screen and (max-width:1280px) {
	.footer-left {
		width: calc(100% - 300px);
	}

	.footer-right-panel {
		width: 300px;
		padding: 40px 20px;
	}

	nav ul > li > a {
		padding: 18px 16px;
	}
}

@media screen and (max-width:1200px) {
	.footer-left {
		width: calc(100% - 320px);
	}

	.ft-association {
		padding-right: 320px;
	}

	.ft-block-link .block-6 {
		width: 100%;
	}

	.ft-form-block,
	.ft-block-link {
		width: 100%;
	}

	.footer-right-panel {
		position: relative;
		right: -15px;
	}

	.ft-title {
		margin-bottom: 30px;
	}

	.ft-links {
		margin-bottom: 10px;
	}

	.footer-left {
		padding-top: 35px;
	}

	.ft-links li {
		width: 25%;
		float: left;
		display: inline-block
	}

	.ft-association {
		padding-right: 0px;
	}

	nav ul > li > a {
		padding: 18px 10px;
	}

	nav ul > li.hm-link a {
		height: 50px;
		padding: 17px 10px;
	}
}

@media screen and (max-width:1110px) {
	.header-wrapper ul.header-links li {
		margin: 30px 20px;
	}

	.header-wrapper ul.header-links li:not(:last-child):before {
		right: -25px;
	}

	.nav-brand {
		width: 230px;
	}

	.nav-right {
		width: calc(100% - 240px)
	}

	.header-links li.social-link a {
		margin: 0 5px 0px 0;
	}

	.ft-links li {
		width: 33%;
	}

	.asc-logo {
		margin-top: -50px;
		margin-left: 0px;
		margin-bottom: 30px;
		width: 120px;
	}

	.ft-form-block {
		margin-bottom: 30px;
	}

	nav ul > li > a {
		letter-spacing: 0.5px;
	}
}

@media screen and (max-width:1024px) {
	.sidemenu.active {
		/*	height: 100%;
	overflow-y: scroll;*/
		z-index: 999;
		visibility: visible;
	}

	.navbar-toggle {
		z-index: 19;
	}

	.nav-brand {
		position: relative
	}

	/*HEADER*/
	html.menuhidden {
		position: fixed;
		overflow-y: hidden
	}

	.mainheader {
		position: relative;
		z-index: initial;
		top: 0;
		width: 100%;
		height: auto;

	}

	.overlay {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999;
		width: 100%;
		height: 100%;
		display: none;
		background-color: rgba(126, 236, 229, 0.8);
		cursor: pointer;
	}

	.togglebtn span {
		position: relative;
		display: inline-block;
		margin-top: 7px;
		vertical-align: top
	}

	.togglebtn span::before {
		top: -5px;
	}

	.togglebtn span::after {
		top: 5px
	}

	.togglebtn span::before,
	.togglebtn span::after {
		content: "";
		position: absolute;
		left: 0;
	}

	.togglebtn span,
	.togglebtn span::before,
	.togglebtn span::after {
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		width: 16px;
		height: 2px;
	}

	.togglebtn {
		position: fixed;
		right: 15px;
		top: 24px;
		display: block;
		text-align: center;
		width: 40px;
		height: 36px;
		border: 0;
		cursor: pointer;
		z-index: 1001;
		padding: 11px 7px;
		background: #000
	}

	.togglebtn.active span::before {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		top: 0;
		background-color: #000
	}

	.togglebtn.active span::after {
		-webkit-transition-delay: 0.09s;
		top: 0;
		-moz-transition-delay: 0.09s;
		-o-transition-delay: 0.09s;
		-ms-transition-delay: 0.09s;
		transition-delay: 0.09s;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		background-color: #000
	}

	.togglebtn.active span {
		background-color: transparent;
	}

	.togglebtn.active {
		right: auto;
		left: 309px;
		top: 0;
		border-radius: 0;
		background: transparent
	}

	.togglebtn.active:before {
		content: none
	}

	.togglebtn span,
	.togglebtn span::before,
	.togglebtn span::after {
		background-color: #fff;
	}

	.menudrop,
	.menu_link .submenu .menudrop {
		display: block;
		top: 0;
		font-size: 20px;
		height: 34px;
		width: 50px;
		border-radius: 0;
		line-height: 30px;
		right: 0;
		position: absolute;
		background: #fff9f900;
		top: 0 !important;
		right: 0 !important;
	}

	.menu_link .submenu .menudrop {
		color: #fff
	}

	.menu_link nav > ul > li > a {
		padding: 12px 20px;
		color: #fff;
		font-size: 15px;
		height: auto
	}

	.menu_link.active {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
	}

	.menu_link {
		float: none;
		padding: 0;
		position: fixed;
		top: 0;
		height: 100%;
		/*	width: 310px;*/
		margin: 0;
		transition: all 0.6s ease;
		-webkit-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;
		overflow-y: auto;
		/*	left: auto;*/
		z-index: 1000;
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		width: auto;
	}

	.menu_link .submenu {
		-webkit-transform: none;
		transform: none;
		display: none;
		visibility: unset;
		opacity: unset;
		;
		width: 100%;
		position: relative;
		padding-bottom: 0;
		left: auto;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		margin: 1px 0;
		background: transparent;
		min-width: inherit;
		border: 0
	}

	.menu_link nav > ul > li {
		display: block;
		text-align: left;
		margin: 0 0 1px;
		width: 100%;
		height: auto
	}

	.menu_link li:hover .submenu {
		display: none;
		-webkit-transform: none;
		transform: none;
		opacity: inherit
	}

	.menudrop.openedmenu::before {
		content: '\f0d8';
	}

	.menu_link nav > ul > li > a::before {
		content: none
	}

	.menu_link ul > li:hover > a > i.fa.fa-caret-down {
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		-moz-transform: none;
		transform: none;
	}

	.menu_link nav > ul > li > a:hover,
	.menu_link nav > ul > li.active > a {
		background: #7beee4;
		color: #000
	}

	#menu,
	.main-menu.menu_link {
		display: none !important;
	}

	.sidemenu.active .menu_link {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		right: 0px;
		height: 100%;
		overflow-x: hidden;
		top: auto;
		overflow-y: auto;
		width: 100%;
	}

	.header-wrapper ul.header-links li:not(:last-child):before {
		right: -15px;
	}

	.header-wrapper ul.header-links li {
		margin: 45px 15px;
	}
}

@media screen and (max-width:992px) {
	.brand_slidercontainer {
		margin: 30px 0 0;
	}

	.header-wrapper ul.header-links li a.btn-enq {
		letter-spacing: 0.5px;
		min-width: auto;
	}

	.header-links li.social-link a:last-child {
		margin: 0;
	}

	.header-wrapper ul.header-links li .btn-call {
		font-size: 16px;
		letter-spacing: 0px;
	}

	.pgtitle {
		font-size: 30px;
		width: 100%;
	}
}

@media screen and (max-width:900px) {

	.sitecontent_left {
		width: 100%;
	}

	.sitecontent_right {
		width: 100%;
	}

	.right_col_cta {
		max-width: 326px;
		width: 100%
	}

	.brandsection {
		padding: 0 !important;
	}

	.enquire_btn {
		padding: 10px 20px;
	}

	.right_col_linkbox ul {
		padding: 30px 20px
	}

	.right_col_linkbox ul li {
		padding-left: 25px;
	}
}

@media screen and (max-width:860px) {
	.pgtitle {
		font-size: 25px;
	}

	.breadcrumb {
		padding-bottom: 15px;
	}

	ul.breadcrumb li {
		padding-bottom: 0;
	}

	.single-post .pgtitle,
	.single-post .breadcrumb li:last-child {
		white-space: inherit !important;
		overflow: inherit !important;
		text-overflow: inherit !important;
		width: 100% !important;
	}

	.single-post .breadcrumb li:last-child {
		width: 100% !important;
	}

	.inr_pg_section {
		padding: 30px 0 !important
	}

	.ft-links li {
		width: 50%;
		margin-bottom: 15px;
	}

	.header-wrapper ul.header-links li a img {
		margin-right: 5px;
	}
}

@media screen and (max-width:767px) {
	.header-wrapper ul.header-links li .btn-call {
		display: none
	}

	.header-wrapper ul.header-links li a img {
		margin-right: 0;
	}

	.hm-heading:after,
	.hm-heading:before {
		content: none
	}

	.footer-left,
	.footer-right-panel {
		width: 100%;
		float: none;
		clear: both
	}

	.ft-links li {
		width: 33%;
	}

	.footer-right-panel .address {
		display: inline-block;
		/* float: left; */
		text-align: center;
		margin-left: 0;
		width: 100%;
	}

	.footer-right-panel .ft-logo {
		display: inline-block;
		/* float: left; */
		margin-bottom: 20px;
		text-align: center;
		width: 100%;
	}

	.footer-right-panel .ft-logo a {
		margin: 0 auto;
		display: block;
		max-width: 90px;
	}

	.footer-right-panel {
		padding: 20px;
		width: 100%;
		float: left;
		text-align: left;
		clear: both;
		margin-bottom: 40px;
	}

	.footer-left {
		margin-bottom: 0;
	}

	.footer-right-panel .call,
	.footer-right-panel .social-link {
		clear: both
	}

	.footer-right-panel .call,
	.footer-right-panel .email-link {
		width: 50%;
		float: left;
		border-top: 1px solid rgba(255, 255, 255, 0.15);
		padding: 15px 0 0 0;
		text-align: center;
	}

	.footer-right-panel .address p {
		margin: 0 0 15px;
		max-width: 100%;
	}

	.footer-right-panel .address p br {
		display: none;
	}

	.footer-right-panel .social-link {
		width: 100%;
		text-align: left;
		border-top: 1px solid rgba(255, 255, 255, 0.15);
		padding: 25px 0 0 0;
		text-align: center;
	}

	.footer-right-panel .address .add-header {
		margin-bottom: 10px;
	}

	.abn-no {
		margin-bottom: 15px;
	}

	.footer-right-panel .call a {
		margin-bottom: 10px;
	}

	.footer-right-panel {
		right: 0px;
	}

	.header-wrapper ul.header-links li a img {
		margin-right: 0;
		vertical-align: middle;
	}

	.header-wrapper ul.header-links li a.hd-call {
		padding: 0;
		display: inline-block;
		width: 30px;
		height: 30px;
		background: #f26532;
		text-align: center;
		line-height: 28px;
		border-radius: 50%;
	}

	.right_col_cta {
		margin: 70px auto 30px;
		display: block;
		float: none;
		padding-top: 20px;
	}

	.right_col_linkbox ul {
		float: none
	}
}


@media screen and (max-width:680px) {
	.footer-right-panel .call a {
		font-size: 20px;
	}

	.header-wrapper ul.header-links li {
		margin: 55px 0px 0 10px;
	}

	.header-wrapper ul.header-links li:not(:last-child):before {
		content: none
	}

	.header-wrapper ul.header-links li:last-child {
		margin-right: 0;
		margin-left: 0;
	}


	.navbar-toggle {
		position: fixed;
		right: 15px;
		top: 15px;
	}

	.sectiontitle {
		font-size: 20px;
		letter-spacing: 0;
	}

	.sidemenu {
		padding: 30px 10px
	}

	.ft-links li a {
		display: inline-block;
		line-height: 22px;
	}
}

@media screen and (max-width:580px) {
	.header-wrapper ul.header-links li a.btn-enq {
		letter-spacing: 0.5px;
		min-width: 150px;
		position: absolute;
		right: 40px;
		top: 0;
		left: auto;
		margin-top: -43px;
	}

	.footer-right-panel .address p {
		margin: 0 0 20px;
		width: 100%;
	}

	.footer-right-panel .call a {
		font-size: 18px;
	}

	.ft-links li {
		width: 50%;
	}

	.ft-form-block .form-col-6 {
		width: 100%;
		float: none;
		clear: both;
	}

	.footer-right-panel .add-header {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.asc-logo {
		margin-top: -32px;
	}

	.ft-association p {
		font-size: 13px;
		line-height: 24px;
		letter-spacing: 1px;
	}

	.qty_guarantee_block {
		padding: 30px !important;
	}

}

@media screen and (max-width:480px) {
	body {
		padding-bottom: 60px;
	}

	.sidemenu.active {
		width: 100%;
	}

	.navbar-toggle {
		top: 50px;
	}

	.hm-content-left p {
		margin-bottom: 20px;
	}

	.nav-right {
		width: 100%;
		position: fixed;
		bottom: 0;
		z-index: 3;
		background: #3e3e3f;
		float: none;
		text-align: center;
		left: 0;
		right: 0;
		border-top: 2px solid #f26532;
	}

	.header-wrapper ul.header-links {
		float: none;
		text-align: center;
		width: 100%;
	}

	.header-wrapper ul.header-links li {
		margin: 10px 5px;
		float: none;
	}

	.header-wrapper ul.header-links li a.btn-enq {
		letter-spacing: 0.5px;
		min-width: 150px;
		position: relative;
		right: inherit;
		top: inherit;
		left: inherit;
		margin-top: 0;
	}

	.header-wrapper ul.header-links li a {
		float: left
	}

	/*	.footer-right-panel .address{width: calc(100% - 115px);}
	.footer-right-panel .ft-logo {width: 100px;}*/
	.footer-right-panel .address label {
		margin-bottom: 10px;
	}

	/*	.footer-right-panel .call{width: 42%;}*/
	.footer-right-panel .email-link {
		width: 55%;
		float: right;
	}

	.footer-right-panel .address p br {
		display: none
	}

	.footer-right-panel .call {
		width: 45%;
	}

	.footer-right-panel .email-link {
		width: 55%;
	}

	.footer-right-panel {
		z-index: auto
	}

	.hm-title {
		font-size: 18px;
	}

	.extra-images {
		width: 47.55% !important;
		margin-right: 4.55% !important;
		margin-bottom: 20px !important
	}

	.extra-images-wrapper .extra-images:nth-child(3n) {
		margin-right: 4.55% !important;
	}

	.extra-images:nth-child(2n) {
		margin-right: 0 !important;
	}

	.qty_guarantee_block p:empty,
	.qty_guarantee_block p:blank {
		padding-top: 0 !important;
	}

	.gallery a:after {
		font-size: 24px;
	}
	.sitecontent_right .right_col_cta p{font-size: 26px;padding: 0 20px}

}

@media(max-width:420px) {
	.nav-brand {
		width: 190px;
	}

	.footer-right-panel .call,
	.footer-right-panel .email-link,
	.footer-right-panel .social-link {
		width: 100%;
		float: none;
		text-align: center
	}

	.ft-links li a {
		letter-spacing: 0.5px;
		text-transform: capitalize;
	}

	.qty_guarantee_block {
		padding: 20px !important;
		max-width: 100% !important;
	}

	.sectiontitle {
		font-size: 18px;
	}
}

@media screen and (max-width:380px) {
	.navbar-toggle {
		top: 45px;
	}

	.footer-right-panel .address p {
		margin: 0 auto 20px;
		width: 100%;
		max-width: 100%;
	}

	.footer-right-panel .address {
		width: 100%;
		text-align: center;
		float: none;
	}

	.footer-right-panel .ft-logo {
		width: 100px;
		float: none;
		margin: 0 auto 20px;
		display: block;
	}

	.asc-logo {
		margin-top: 0;
		float: none;
		margin: 0 auto 15px;
	}

	.footer-right-panel {
		margin-bottom: 30px;
	}

	.ft-association {
		padding-right: 0px;
		text-align: center;
	}

	.ft-association p {
		font-size: 16px;
		text-transform: capitalize;
		line-height: 24px;
		letter-spacing: 1px;
	}

	.right_col_linkbox ul li {
		padding-left: 20px;
	}

	.extra-images-wrapper .extra-images p {
		font-size: 16px;
	}

	.gallery a:after {
		font-size: 20px;
	}
}

@media(max-width:360px) {
	.ft-links li {
		width: 100%;
		margin-bottom: 10px;
	}

	.scrollTop {
		bottom: 80px
	}

	.header-wrapper ul.header-links li {
		margin: 10px 0px 10px 0;
	}

	.header-wrapper ul.header-links li a.hd-call,
	.header-wrapper ul.header-links li a.btn-enq {
		margin-left: 5px;
	}


}

@media(max-width:320px) {}