@media screen and (max-width: 1440px) {
.loader {
	zoom: .7
}

}

/*320,375,414,  ---  480,568,667,736,-----768, 1024*/
@media screen and (max-width: 1366px) {
cloud-large img {
	width: 82%;
}
.product-detailL {
	width: 46%;
}
.product-detailR {
	width: 54%;
}
.nav-footer {
	margin-bottom: 20px;
}
}

@media screen and (max-width: 1280px) {
.cloud-large img {
}
}

@media screen and (max-width:1024px) {
h2 {
	font-size: 20px
}
h2 hr {
	margin: 15px auto
}
input, textarea, button, button.bt2 {
	font-size: 12px!important;
}
.special1 figcaption img {
	margin-top: -4%!important;
}
.grid figure figcaption, .grid figure h2 {
	font-size: 24px;
}
figure.effect-apollo h3 {
	font-size: 14px;
	line-height: 20px;
}
.nav-footer h3 {
	font-size: 13px;
}
.nav-footer li {
	font-size: 13px!important
}
.credit li {
	font-size: 11px;
}
#nav-trigger span {
	margin-left: 5%
}
div#nav-mobile ul li span {
	font-size: 13px
}
}

@media screen and (max-width:768px) {
div#nav-mobile ul {
	height: 60vh;
	overflow: auto
}
body {
	font-size: 13px!important
}
.loader {
	zoom: .4
}
h2 {
	font-size: 20px;
}
.style2 {
	padding: 30px
}
.cover-form {
	width: 80%;
	margin-left: 10%;
}
.special1.grid figure figcaption img {
	max-width: 170px;
}
article section, main section.tamboon, footer, section.sectiontop {
	margin-top: 30px!important;
}
.social img {
	max-width: 45px
}
.block50 li {
	width: 49%;
	padding: 0 10px 0 0;
}
.grid {
	margin-bottom: 11px!important;
}
.block50 li:first-child figure.effect-julia:hover h2 {
	padding: 0em 0;
	margin-top: 0%;
}
figure.effect-julia h2 hr {
	margin: 10px auto;
}
figure.effect-bubba2 p {
	line-height: 12px
}
.about .special2 figure.effect-julia h2 {
	margin-top: 10%!important;
}
.about .wide-1 .special2 figure.effect-julia h2 {
	margin-top: 6%!important;
}
.list-product li {
	width: 50%;
}
}

/*640px-->667px*/
@media screen and (max-width:736px) {.youtube iframe{height: 409px}
.feature-product .owl-next {
	right: -4%;
}
.feature-product .owl-prev {
	left: -4%;
}
div#nav-mobile ul li ol li {
	width: 50%
}
h1, .h1 {
	font-size: 28px
}
#map {
	height: 300px;
}
.text-style p {
	width: 90%;
}
.text-style p {
	font-size: 17px;
}
.block50 li {
	width: 100%;
}
.manufcture .special1, .manufcture .special2 {
	width: 50%;
	float: left;
	clear: inherit
}
.manufcture2 .special1, .manufcture2 .special2 {
	width: 50%!important;
}
.manufcture li.manufcture1 .grid figure figcaption, .manufcture li.manufcture1 .grid figure figcaption > a {
	position: relative
}
.manufcture li.manufcture1 figure.effect-julia h2 {
	color: #414042
}
.manufcture figure.effect-julia h2 hr {
	border-top-color: #414042
}
.manufcture figure.effect-julia figcaption div {
	margin-top: 0
}
.manufcture li.manufcture1 figure.effect-bubba2 p {
	opacity: 1
}
.manufcture li.manufcture1 figure.effect-julia h2 {
	margin-top: 0
}
.manufcture li.manufcture1 figure {
	background-color: #fff
}
figure.effect-bubba2 p {
	line-height: 17px;
}
.manufcture li figure.effect-julia:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.manufcture li.manufcture1 .grid figure figcaption:hover {
	background-color: rgba(255,255,255,0);
}
.manufcture li.manufcture1 figure.effect-julia h2 {
	padding: 0em 0;
	text-shadow: none;
}
.manufcture li.manufcture1 figure.effect-julia figcaption {
	padding: 20px!important;
	margin-top: 70px
}
.manufcture li.manufcture1 figure.effect-bubba2 p {
	-webkit-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
}
.manufcture li.manufcture1 figure.effect-bubba2 figcaption::before {
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
}
.manufcture li.manufcture1 figure.effect-bubba2 figcaption::after {
	border-right: 0px solid #000;
	border-left: 0px solid #000;
}
.manufcture1 figure.effect-julia img {
	width: 50%;
	margin-right: 5%;
	float: left
}
.slideparallax, .slideparallax:before {
	background-position: initial;
	background-size: contain;
	background-repeat: no-repeat;
}
.style2 {
	display: none
}
}
footer {
	margin-top: 0px!important;
}
}

@media screen and (max-width:667px) {
#map {
	height: 300px;
}
}

/*480-->568px*/
@media screen and (max-width:568px) {
h2, .grid figure h2 {
	font-size: 21px;
}
.special1.grid figure figcaption img {
	max-width: 190px;
}
.manufcture li.manufcture1 figure.effect-julia figcaption {
	padding: 40px 0px!important;
	margin-top: 0
}
.manufcture .special1, .manufcture .special2 {
	width: 77%;
}
.manufcture2 {
	text-align: center
}
.list-product li {
	width: 50%;
}
}

@media screen and (max-width:480px) {
.style2 {
	margin-top: 200px;
}
.nav-footer li {
	width: 100%;
	text-align: center;
}
.about .special2 figure.effect-julia h2 {
	margin-top: 0%!important;
}
.about .wide-1 .special2 figure.effect-julia h2 {
	margin-top: 0%!important;
}
}

/*320-->375px*/
@media screen and (max-width:414px) {.youtube iframe{height: 209px; margin-bottom: 20px}
	.style3{padding: 40px 10px}
.style3 {
	padding: 40px 10px
}
.product-detailR {
	margin-top: 20px
}
.sortby .css3-metro-dropdown {
	width: 210px;
}
.product-detailL, .product-detailR {
	width: 100%!important
}
.sortby, .filter {
	width: 100%;
	text-align: center
}
div#nav-mobile ul li ol li {
	width: 100%
}
.cover-form {
	width: 100%;
	margin-left: 0%;
}
.manufcture li.manufcture1 figure.effect-julia figcaption {
	padding: 40px 0px 10px 0!important;
}
.map-location.sectiontop {
	margin: 0!important
}
.credit, .credit li:last-child {
	text-align: center;
	float: none
}
.nav-footer {
	margin-bottom: 0;
}
h1, .h1 {
	font-size: 24px
}
ul.certificate {
	width: 100%
}
ul.certificate {
	padding: 10px 40px
}
.manufcture2 .special1, .manufcture2 .special2 {
	width: 100%!important
}
.grid figure figcaption, .grid figure h2 {
	font-size: 17px;
}
.manufcture .special1, .manufcture .special2 {
	width: 100%;
	float: none;
	clear: inherit
}
.manufcture1 figure.effect-julia img {
	width: 100%;
	margin-right: 0%;
	float: none;
}
.style2 {
	margin-top: 150px;
}
.nav-footer input[type=text] {
	max-width: 177px
}
.subscribe button {
	padding: 6px 10px;
}
.about li, .about li:nth-child(2), .about li:nth-child(3) {
	width: 100%;
}
.about .special2 figure.effect-julia h2 {
	margin-top: 19%!important;
}
.about .wide-1 .special2 figure.effect-julia h2 {
	margin-top: 8%!important;
}
.list-product li {
	width: 100%;
}
}

@media screen and (max-width:375px) {
.nav-footer input[type=text] {
	width: 100%;
}
}