/*
*
*	Setup
*
*/
html,body,.center,.copyright,.spacer,.image{
	width: 100%;
}
body{
	overflow-x: hidden;
	display:none;
}
a:focus,.button:focus,button:focus{
	outline: none;
}
a:hover{
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6,.product-col .caption p{
	font-family: 'Open Sans', sans-serif;
}
p,span,li,a,input,textarea,select,option,label{
	font-family: 'Open Sans', sans-serif;
}
h1,h2,h3,h4,h5,h6,
p,span,li,a,input,textarea,select,option,label{
	color: #000;
	padding: 0;
	margin: 0;
}
.icon-responsive{
	max-height: 100%;
	width: auto;
}
.img-responsive{
	max-width: 100%;
	height: auto;
}
.wrap-row{
	display: flex;
	flex-wrap: wrap;
}
.relative,.image,h1,h2,h3,h4,h5,h6,.product-col,.product-col img{
	position: relative;
}
.absolute,.product-title h3::after,.product-col .caption,.product-col .caption p{
	position: absolute;
}
.no-padding{
	padding:0;
}
.mobile{
	display: none;
}
.desk{
	display: block;
}
a,img, img.fancybox-image,footer .contact-us .icon .fa-facebook-f:before{
	transition: all 0.35s ease;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	
	-webkit-touch-callout: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}
.image{
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.page-title h1,
.page-title p{
	font-size: 0;
	width: 1px;
	height: 1px;
	display: inline-block;
	position: absolute!important;
	overflow: hidden;
	border: 0!important;
	padding: 0!important;
	margin: 0!important;
	clip: react(1px, 1px, 1px, 1px);
}
.center{
	text-align: center;
}
.align-center{
	align-self: center;
}
h1,h2,h3,h4{
	text-transform: uppercase;
	font-weight: bolder;
}
h2{
    letter-spacing: 4px;
}
h3,.cover-image .page-title h2{
	letter-spacing: 2px;
	font-size: 2.5em;
}
h4{
	font-size: 1.5em;
}
em{
	font-style: normal;
	text-transform: uppercase;
}
img{
	vertical-align: bottom;
}

/*
*
*	Section first_part
*
*/
.first_part{
	min-height: 100vh;
	overflow: hidden;
	display: block;
	width: 100%;
	position: relative;
}
.first_part .owl-carousel.owl-theme{
	position: relative;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
}
.first_part .owl-carousel .item{
	width: 100%;
	position: relative;
}
.first_part .item img{
	height: auto;
    width: 100%;
}
.first_part .overlay {
    height: 100%;
    background-color: #000;
	opacity: 0.6;
    width: 100%;
    position: absolute;
    top: 0;
}
.first_part .caption{
	text-align: center;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	width: 60%;
}
.first_part .caption h2{
	color: #EB6519;
	margin-bottom: .25em;
	font-size: 4em;
}
.first_part .caption em{
    font-size: 1.5em;
    font-weight: 500;
}
.first_part .caption em,.first_part .caption p{
	color: #fefefe;
}
.first_part .caption p{
	font-size:  1.25em;
	padding: 0 3.45em;
}

/*
*
*	Section About Us
*
*/
.about-us{
	padding: 6em 0;
	background: #fefefe;
	position: relative;
	z-index: 1;
}
.about-us .opacity-background{
    position: absolute;
    right: -5%;
    width: 700px;
    z-index: 0;
}
/*clip*/
.item, .image, .clip-outer{
	position: relative;
}
.image{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.image, .overlay, .clip-outer{
	width: 100%;
	height: 100%;
}
.overlay, .clip-inner{
	position: absolute;
}
.clip-outer{
	z-index: 2;
	margin-top: -300px;
	background: #eb6519;
	clip-path: polygon(50% 300px, 100% 0, 100% 100%, 0 100%, 0 0);
}
.clip-inner{
	top: 1em;
	left: 0;
	right: 0;
	bottom: 0;
	background: white;
	clip-path: polygon(50% 300px, 100% 0, 100% 100%, 0 100%, 0 0);
}
/*clip END*/
.about-us .content-info p{
	text-align: center;
	line-height: 2;
}
.about-us .read-more{
    margin-top: 2.5em;
}
.about-us .content-info,.about-us .content-title,.about-us .read-more{
	z-index: 1;
}
.about-us .content-title{
	margin-bottom: 2.5em;
}
.about-us .read-more button {
    border: 1px solid;
    background: rgba(0,0,0,0);
    border-radius: 5px;
    padding: .5em 2em;
    font-size: 1.125em;
	transition: all 0.35s ease;
}
.about-us .read-more button:hover{
	border-color: #eb6519;
	color: #fefefe;
    background-color: #eb6529;
}
/*
*
*	Section Our Product
*
*/
.our-product{
	padding: 6em 0;
	background: #f7f7f7;
	position: relative;
	z-index: 2;
}
.our-product ul.product {
    list-style-type: none;
	display: flex;
	justify-content: space-between;
	padding: 0;
}
.our-product ul.product li{
	width:  calc( 33.33333333% - .3em );
}
.our-product .product .product-image{
	background-color: #fefefe;
	overflow: hidden;
	position: relative;
}
.opacity-background{
    background-color: rgba(0,0,0,0.8);
}
.our-product .product .product-image:hover img {
    transform: scale(1.2);	
	transition-duration: 1.25s;
}
.our-product .product .product-image:hover .opacity-background {
    background: rgba(0,0,0,0.6);
}
.opacity-background {
    background-color: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.5s ease;
    position: absolute;
}
.our-product .read-more,.our-product .product-title{
    margin-top: 2em;
}
.our-product .product-title ,.our-product .content-title{
	margin-bottom: 2.5em;
}
.our-product .product-title p {
    font-size: 1.35em;
    text-align: center;
    font-weight: 700;
}
.our-product .read-more button {
    border: 1px solid;
    background: rgba(0,0,0,0);
    border-radius: 5px;
    padding: .5em 2em;
    font-size: 1.125em;
	transition: all 0.35s ease;
}
.our-product .read-more button:hover{
	border-color: #eb6519;
    color: #fefefe;
    background-color: #eb6529;
}
.element-item {
	width: 100%;
}
/*
*
*	Section Simply The Best
*
*/
.simply-the-best{
	position: relative;
	height: 20em;
    overflow: hidden;
}
.simply-the-best .backgroud-image,.simply-the-best .backgroud-image img{
	width: 100%;
}
.simply-the-best .backgroud-image img{
	transform: translate(0, -30%);
}
.simply-the-best .backgroud-image{
	position: relative;
}
 .simply-the-best .overlay {
    height: 100%;
    width: 100%;
	position: absolute;
    top: 0;
    background-color: #000;
	opacity: 0.7;
}
 .simply-the-best .caption{
    text-align: center;
    position: absolute;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 65%
}

.simply-the-best .caption h3{
	color: #eb6519;
	margin-bottom: 1em;
}
.simply-the-best .caption p{
	color: #dedede;
	font-size: 1.25em;
}
/*
*
*	Section Mission	Vision
*
*/
.mission-vision{
	padding: 6em 0;
}
.mission-vision .upperbox{
	display: flex;
	margin-bottom: .5em;
}
.mission-vision .upperbox .title{
	margin-right: 30px;
}
.mission-vision .upperbox .icon{
	width: 50px;
	height: 50px;
	display: flex;
}
.mission-vision .ms-box {
    box-shadow: 8px 8px 8px -8px rgba(33,37,41,0.7);
	margin-bottom: 1.875em;
}
.mission-vision  .ms-box  .ms-content{
	border-left: 15px solid #eb6519;
	position: relative; 
}
.mission-vision  .ms-box .ms-content .content{
	position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    padding: 0 2.5em;
}
.mission-vision  .ms-box .ms-content .title h4{
	color: #eb6519;	
}
.mission-vision  .ms-box .ms-content .content p{
	text-align: justify;
}
/*
*
*	Section Footer
*
*/
footer{
	background-color: #0f1010;
}
footer .upper_footer{
	padding: 6em 0;
}
footer .flex{
	display: flex;
}
footer h5{
	font-size: 1.125em;
}
footer .logo{
	padding-right: 1em;
}
footer .intro p{
	color: #dedede;
	text-align: justify;
}
footer .contact-us{
	column-count: 2;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	-webkit-column-gap: 3em; /* Chrome, Safari, Opera */
	-moz-column-gap: 3em; /* Firefox */
	column-gap: 3em;
	padding: 0 ;
	margin: 0;
}
footer .contact-us li{
	margin-bottom: 1.5em;
}
footer .contact-us p,
a:not([href]):not([tabindex]),
footer .contact-us a{
	color: #B4b5b5;
}
footer .contact-us .icon :hover .fa-facebook-f:before,
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover{
    color: #eb6519;
} 
footer .contact-us h5{
	font-weight: bold;
	color: #fefefe;
}

footer .contact-us .icon .fab{
	font-size: 1em;
	padding-top: .4em;
    color: #B4b5b5;
}
footer .copyright.center{
	padding: 1em 0;
}
footer .copyright p,
footer .copyright a{
	color: #dedede;
}

footer .copyright a:hover{
	text-decoration: underline;
	text-underline-position: under;
}
.upper-line::before{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #B4b5b5;
}
/*
*
*	Single Page About Us PHP
*
*/
.about-us-page.cover-image{
	height: 30em;
	overflow: hidden;
	position: relative;
	border-bottom: 10px solid #EB6519;
	margin-bottom: 6em;
}
.about-us-page.cover-image .owl-carousel.owl-theme{
	position: relative;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
}
.about-us-page.cover-image .owl-carousel .item img{
	transform: translate(0, -50%);
	width: 100%
}
.about-us-page.cover-image .overlay {
    height: 100%;
    background-color: #000;
	opacity: 0.6;
    width: 100%;
    position: absolute;
    top: 0;
}
.cover-image .page-title{
	text-align: center;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	width: 60%;
}
.cover-image .page-title h2{
	color: #fefefe;
	margin-bottom: .25em;
}
.cover-image .page-title p{
    font-size: 1.125em;
    font-weight: 500;	
	color: #EB6519;
}
/* content*/
section.about-us-page.content {
    margin-bottom: 6em;
}
.about-us-page.content .row{
	margin-bottom: 6em;
}
.about-us-page.content .wwa-conten{
	position: relative;
}
.about-us-page.content .right-content{
	position: absolute;
	top: 50%;
    transform: translate(0%, -50%);
}
.about-us-page.content .right-content em,.about-us-page .content-title em,.timeline-title.center em,.about-us-page.gallery .gallery-title em,.about-us .content-title em,.our-product .content-title em{
	color: #eb6519;
	font-size: 1.125em;
}
.about-us-page.content .right-content h3{
	margin-bottom: 1em;
}
.about-us-page.content .right-content p,.about-us-page.content .description p{
	text-align: justify;
}
.about-us-page.content .horizon-cover-image{
	max-height: 25em;
    width: 100%;
    overflow: hidden;
}
.about-us-page.content .horizon-cover-image img{
	transform: translate(0, -15%);
	width: 100%;
}
.about-us-page .content-title.center{
	margin: 2.5em 0;
}
.about-us-page ul.reason {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    padding: 0;
}
/*why choose us*/
section.about-us-page.advantage {
    padding-bottom: 6em;
    background: #f7f7f7;
}
.about-us-page ul.reason li{
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25);
	border-bottom: 15px solid #eb6519;
	padding: 3em 2em;
	width: calc( 33.33333333% - .5em );
	background-color: #fff;
}
.about-us-page ul.reason li .reason-icon {
    height: 100px;
    width: 100%;
	text-align: center;
	margin-bottom: 1em;
}
.about-us-page ul.reason li .reason-caption {
	text-align: center;
}
.about-us-page ul.reason li .reason-caption h4{
	margin-bottom: 0.5em;
	text-transform: capitalize;
	font-size: 1.65em;
}
/*why choose us END*/
.about-us-page .timeline-title.center{
	margin: 2.5em 0;
}
/*timeline*/
section.about-us-page.timeline{
	padding: 6em 0; 
}
.about-us-page.timeline .timeline-box{
	position:relative;
	margin:50px auto 0;
	padding:40px 0;
	width:1000px;
	box-sizing:border-box;
}
.about-us-page.timeline .timeline-box:before{
	content: '';
	position: absolute;
	left: 50%;
	width: 3px;
	height: 90%;
	background: #eb6519;
}
.about-us-page.timeline .timeline-box ul{
	padding: 0;
	margin: 0;
}
.about-us-page.timeline .timeline-box ul li{
	list-style:none;
	position:relative;
	width:50%;
	padding:1.25em 2.5em;
	box-sizing:border-box;
}
.about-us-page.timeline .timeline-box ul li:nth-child(even){
	float:left;
	text-align:right;
	clear:both;
	padding-right: 7em;
}
.about-us-page.timeline .timeline-box ul li:nth-child(odd){
	float:right;
	text-align:left;
	clear:both;
	padding-left: 7em;
}

.about-us-page.timeline .timeline-box .content{
	padding-bottom:20px;
}
.about-us-page.timeline .timeline-box ul li:nth-child(even):hover:before {
	top: 50%;
	right: -26px;
	border: 3px solid #eb6519;
    background: #eb6519;
    transform: translate(-50%, -50%) scale(1.2); 
}
.about-us-page.timeline .timeline-box ul li:nth-child(even):before{
	content:'';
	position:absolute;
	width: 25px;
	height: 25px;
	top: 50%;
	right: -26px;
	transform: translate(-50%, -50%);
	background:rgba(255,255,255,1);
	border-radius:50%;
	border: 3px solid #eb6519;
	transition: all 0.5s ease;
}
.about-us-page.timeline .timeline-box ul li:nth-child(odd):hover:before {
    top: 50%;
    left: 1px;
	border: 3px solid #eb6519;
    background: #eb6519;
    transform: translate(-50%, -50%) scale(1.2);   
}
.about-us-page.timeline .timeline-box ul li:nth-child(odd):before{
	content:'';
	position: absolute;
	width: 25px;
	height: 25px;
	top: 50%;
	left: 1px;
	transform: translate(-50%, -50%);
	background: rgba(255,255,255,1);
	border-radius: 50%;
	border: 3px solid #eb6519;
	transition: all 0.5s ease;
}
.about-us-page.timeline .timeline-box  ul li span{
	color:#eb6519;
}
.about-us-page.timeline .timeline-box  ul li h5{
	padding: 0;
	margin: 0;
	color: #eb6519;
	font-weight: 600;
}
.about-us-page.timeline .timeline-box  ul li p{
	margin: 5px 0 20px;
	padding: 0;
}
@media(max-width:1000px){
	.timeline-box{
		width: 100%;
	}
}
@media(max-width:767px){
	.about-us-page.timeline .timeline-box{
		width: 100%;
		padding-bottom: 0;
	}
	.about-us-page.timeline .timeline-box:before{
		left: 20px;
		height: 100%;
	}
	.about-us-page.timeline .timeline-box ul li:nth-child(odd),
	.about-us-page.timeline .timeline-box ul li:nth-child(even)
	{
		width: 100%;
		text-align: left;
		padding-left: 50px;
		padding-bottom: 25px;
		padding-top: 0px;
	}
	.about-us-page.timeline .timeline-box ul li:nth-child(odd):before,
	.about-us-page.timeline .timeline-box ul li:nth-child(even):before,
	.about-us-page.timeline .timeline-box ul li:nth-child(odd):hover:before,
	.about-us-page.timeline .timeline-box ul li:nth-child(even):hover:before
	{
		top: 0px;
		width: 10px;
		height: 10px;
		background: #eb6519;
		box-shadow: 0 0 0 3px rgba(235,101,25,0.2);
		transform: translate(-50%, 0%);
		left: 21px;
	}
	.about-us-page.timeline .timeline-box ul li p {
		margin: 5px 0 15px;
	}
}
/*timeline END*/
/*Gallery*/
section.about-us-page.gallery {
    background-color: #f7f7f7;
	padding: 6em 0;
}	
section.about-us-page.gallery .row:first-child{
	margin-bottom: 3em;
}
.gallery-box{
	display: block;
	width: 100%;
}
.gallery-box .gallery-img{
	width: 33.33333333%;
	height: 330px;
}

.gallery-box .gallery-img .gallery-wrapper{
	width: calc( 100% - 10px);
	height: calc( 100% - 10px);
	margin: 0 auto;
	overflow: hidden;
}
.gallery-box .gallery-img .gallery-wrapper a{
	display: block;
	width: 100%;
	height: 100%;
}
.gallery-box .gallery-img img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(.9,.9);
	-ms-transform: translate(-50%,-50%) scale(.9,.9));
	-webkit-transform: translate(-50%,-50%) scale(.9,.9);
	height: auto;
	width: auto;
}
/*Gallery END*/

/*
*
*	Single Page Contact Us PHP
*
*/
.contact-us-page{
	padding: 0 0 6em;
}
.contact-us-page .row:first-child{
	margin-bottom: 6em;
}
.form-control {
    background-color: rgba(225,225,225,.3);
    border: none;
}
.form-group label{
	padding-left: .5em;
    margin-bottom: .3em;
}
button {
    padding: .5em 2em;
    border-radius: 8px;
    background: rgba(0,0,0,0);
    box-shadow: none;
    border: 1px solid #3e3a39;
}
button:hover{
	background: #eb6519;
	color: #fefefe;
	border-color: #fefefe;
}
div#map{
	height: 100%
}
ul.contact-method{
    list-style: none;
    margin: 0;
    padding: 0;
	display: flex;
	justify-content: space-between;
    width: 100%;
	position: relative;
}
ul.contact-method li+li:before{
	content: '';
	position: absolute;
	background-color: #eb6519;
	height: 100%;
	width: 2px;
	display: block;
}
.contact-method .method{
	display: flex;
	padding: 0 4em;
}
.contact-method .method .icon{
	height: auto;
	width: 25px;
}
.contact-method .method .contact-info{
    padding-left: 1rem;
}
.contact-method .method .contact-info p{
	line-height: 2;
}
/*
*
*	Single Page Product PHP
*
*/
section.product-page{
	background-color: #f6f7f7;
}
.product-page.content{
	padding-top: 6em;
}
.product-page.cover-image{
	height: 30em;
	overflow: hidden;
	position: relative;
	border-bottom: 10px solid #EB6519;
	
}
.product-page.cover-image .owl-carousel.owl-theme{
	position: relative;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
}
.product-page.cover-image .owl-carousel .item img{
	transform: translate(0, -50%);
	width: 100%;
}
.product-page.cover-image .overlay {
    height: 100%;
    background-color: #000;
	opacity: 0.6;
    width: 100%;
    position: absolute;
    top: 0;
}
/*section product-page content*/
.product-page .row{
	padding-bottom: 6em;	
}
.offset-md-1.col-md-6.no-padding{
	align-self: center;
}
nav.product-nav-menu{
    width: 100%;
}
.product-nav-menu .nav .nav-item{
	background-color: transparent;
	width: 355px;
	text-align: center;
	border-radius: 0px;
	transition: all 0.35s ease;
}
.product-nav-menu .nav{
	justify-content: space-between;
}
.product-nav-menu .nav .nav-item a{
	border: 1px solid black;
	color: #323232;
	font-size: 1.25em;
	padding: .5em 0;
}
.product-nav-menu .nav .nav-item:hover,
.product-nav-menu .nav .nav-item .nav-link.is-checked,
.product-nav-menu .nav .nav-item a:hover{
	border: 0;
	color: #fefefe;
	background-color: #eb6519;
	border-radius: 20px;
	transition: all 0.5s ease;
}
.product-info h3{
	color: #eb6519;
	font-size: 2.25em;
	margin-bottom: 1em;
	letter-spacing: normal;
}
.product-info p,.product-info li{
	font-size: 1.15em;
	margin-bottom: 1em;
}
/*section product-page gallery*/
.product-page.gallery .gallery-box .gallery-img img {
    left: 0%;
    top: 0%;
    transform: translate(0%,0%) scale(1);
    -ms-transform: translate(0%,0%) scale(1);
    -webkit-transform: translate(0%,0%) scale(1);
}
img.fancybox-image,.gallery-wrapper .image{
	background-color: #fff;
}
.gallery-wrapper .image:hover img {
    transform: translate(-50%,-50%) scale(1.4,1.2);
	transition-duration: 1.5s;
}
.gallery-wrapper .image:hover .opacity-background{
    background-color:rgba(0,0,0,0.6);
}
.product-page.gallery .gallery-box .gallery-img:hover img {
    transform: scale(1.2);
	transition-duration: 2s;
}
/*
*
*
*	Navbar
*
*/
nav.navbar{
	padding-left: 0;
	padding-right: 0;
}
nav.navbar ul.navbar-nav {
    width: 100%;
    justify-content: flex-end;
}
nav.navbar ul.navbar-nav li+li{
	padding-left: 2em;
}
.navbar-light .navbar-nav .nav-link {
    color: #fefefe;
	text-transform: uppercase;
	font-size:1.1875em;
}
.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
	color: #eb6519;
	opacity: 1;
}
.main-navbar.fixed-nav .navbar-light .navbar-nav .active>.nav-link{
	color: #eb6519;
}
.main-navbar.fixed-nav .navbar-light .navbar-nav .nav-item:hover .nav-link,
.navbar-light .navbar-nav .nav-item:hover,.navbar-light .navbar-nav .nav-link:hover{
	color: #eb6519;
	opacity: 1; 
}
#main-navbar.fixed-nav{
	transition: all 0.5s ease;
	background-color: #fefefe;
	z-index: 10;
}
.main-navbar.fixed-nav .navbar-light .navbar-nav .nav-link{
	color: #010101;
}

#main-navbar{
    position: fixed;
    top: 0;
    display: block;
    width: 100%;
    background: transparent;
    z-index: 1;
    
    /*On Scroll animation*/
    -webkit-transition:all 0.3s ease;
    -moz-transition:   all 0.3s ease;
    -ms-transition:    all 0.3s ease;
        transition:        all 0.3s ease;
    
    /* Stop animation flicker*/
    
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);

}
/*
*
*	Media responsive
*
*/
@media screen and (max-width: 350px){
	footer .upper_footer .logo {
		padding: 0em 8em 1em;
	}
	section.mission-vision .ms-box:nth-child(1) .image{
	    height: 250px;
	}
	section.mission-vision .ms-box:nth-child(2) .image{
	    height: 275px;
	}
	section.mission-vision .ms-box:nth-child(3) .image{
	    height: 300px;
	}
	section.about-us-page.gallery .gallery-box .gallery-img {
        width: 42%;
    }
}
@media screen and (max-width: 360px){
	section.product-page.gallery .gallery-box {
		padding: 0 1.45em;
	}
	.product-page.content .product-nav-menu .nav .nav-item {
		width: 300px;
	}
	section.mission-vision .ms-box:last-child .ms-content .content {
        /*margin-top: 8%;*/
    }

}
@media screen and (max-width: 375px){ /*375以下*/
	
	.mobile{
		display: block;
	}
	.desk{
		display: none;
	}
	.first_part .caption h2{
		font-size: 3em;
	}
	h3{
		font-size: 1.85em;
	}
	h4,.product-info h3{
		font-size: 1.15em;
	}
	.first_part .caption em {
		font-size: 1.25em;
	}
	.about-us .content-title em, .timeline-title.center em,.our-product .content-title em,.product-nav-menu .nav .nav-item a{
		font-size: 1em;
	}
	p,.simply-the-best .caption p,.product-info p, .product-info li{
		font-size: 0.875em;
	}
	.our-product .product-title p {
		font-size: 1.25em;
	}
	.simply-the-best .caption h3 {
		color: #eb6519;
		margin-bottom: 1em;
		font-size: 1.5em;
	}
}
@media screen and (min-width: 376px) and (max-width: 480px){ /*411px*/
/*	section.mission-vision .ms-box .ms-content .content {
        transform: translate(0%, -139%);
	}
	section.mission-vision .ms-box:last-child .ms-content .content {
        margin-top: 8%;
    }
*/
}
@media screen and (min-width: 481px) and (max-width: 767px){

}
@media screen and (max-width: 767px){/*for mobile*/

	div#map{
		height: 25em;
	}
    .main-navbar.fixed-nav .navbar-light .navbar-nav .nav-link{
     color: #010101;
    }
    #main-navbar.hide-nav-bar{
        background: #fefefe;
    }
    .first_part .caption h2{
		font-size: 3em;
	}
	h3{
		font-size: 1.85em;
	}
	h4,.product-info h3{
		font-size: 1.15em;
	}
	.first_part .caption em {
		font-size: 1.25em;
	}
	.about-us .content-title em, .timeline-title.center em,.our-product .content-title em,.product-nav-menu .nav .nav-item a{
		font-size: 1em;
	}
	p,.simply-the-best .caption p,.product-info p, .product-info li,a:not([href]):not([tabindex]){
		font-size: 0.875em;
	}
	.our-product .product-title p {
		font-size: 1.25em;
	}
	.simply-the-best .caption h3 {
		color: #eb6519;
		margin-bottom: 1em;
		font-size: 1.5em;
	}
	.first_part .caption p	{
		display: none;
	}
	.first_part .owl-carousel .item,.first_part{
		height: 100%;
		min-height: 100%;
	}
	.first_part .caption {
		top: 50%;
		width: 80%;
	}
	.about-us,.our-product{
		padding: 3em 0;
	}
	.clip-outer,.clip-inner  {
		clip-path: polygon(50% 300px, 100% 300px, 100% 100%, 0% 100%, 0% 300px);
	}
	.about-us .opacity-background {
		width: 115%;
		right: 0;
	}
	.about-us .content-info p {
		line-height: 1.8;
	}
	.our-product ul.product{
		display: block;
		margin: 0;
	}
	.our-product ul.product li{
		width: 100%
	}
	.our-product .read-more, .our-product .product-title{
		margin-top: 1em;
	}
	.our-product .product-title{
		margin-bottom: 1.5em;
	}
	.simply-the-best .caption{
		width: 100%;
		padding: 0 15px;
		top: 50%;
	}
	.simply-the-best .backgroud-image img {
		transform: translate(0, 0%);
	}
	.simply-the-best {
		height: 100%;
	}
	.mission-vision .upperbox .icon {
		width: 30px;
		height: 30px;
		display: flex;
	}
	.mission-vision .ms-box .ms-content{
		border-left: 0;
	}
	.mission-vision .ms-box .ms-content .content {
		position: absolute;
		top: 0%;
		left: 0%;
		transform: translate(0%, -235px);
		padding: 0 1.5em;
		width: 100%;
		z-index: 1;
	}
	.mission-vision .ms-box:last-child .ms-content .content{
	/*	margin-top: 4%;*/
	}
	.mission-vision .ms-box .ms-content .content p{
		color: #010101;
		font-size: 0.85em;
	}
	.col-md-5.no-padding.ms-image{
		position: relative;
	}
	.opacity-md{
        display: block !important;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fefefe;
        opacity: 1;
        -webkit-box-shadow: 0px 1px 10px 0px rgba(1,1,1,0.5);
        -moz-box-shadow: 0px 1px 10px 0px rgba(1,1,1,0.5);
        box-shadow: 0px 1px 10px 0px rgba(1,1,1,0.5);
        z-index: 1;
	}
	.mission-vision{
		padding: 0em;
	}
	.mission-vision .ms-box{
		margin-bottom: 0;
	}
	footer .upper_footer{
		padding: 3em 0;
	}
	footer .flex{
		display: block;
	}
	.upper-line-md{
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background-color: #B4b5b5;
		margin: 2em 1em;
	}
	footer .contact-us {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-webkit-column-gap: 0em;
		-moz-column-gap: 0em;
		column-gap: 0em;
		padding-left: 15px;
	}
	/*About Us single page*/
	.about-us-page.cover-image .owl-carousel .item img,.product-page.cover-image .owl-carousel .item img{
		transform: translate(0, 0%);
	}
	.about-us-page.cover-image .page-title {
		top: 50%;
		width: 100%;
		padding: 0 1em;
	}
	.about-us-page.cover-image,.product-page.cover-image {
		height: 100%;
		overflow: hidden;
		position: relative;
		border-bottom: 10px solid #EB6519;
		margin-bottom: 0em;
	}
	.about-us-page.content .right-content{
		position: relative;
		top: 0%; 
		transform: translate(0%, 0%);
		margin-top: 3em;
	}
	.about-us-page.content .row{
		padding-bottom: 3em;
	}
	section.about-us-page.content,.about-us-page.content .row{
		margin-bottom:0;
	}
	.about-us-page.content .description,.about-us-page.content .right-content,.timeline-caption.center,.contact-form{
		padding: 0 1em;
	}
	.about-us-page.content .horizon-cover-image img{
		transform: translate(0, -0%);
	}
	.mobile-flex{
		display: flex;
	}
	.about-us-page.content .row:nth-child(2){
		background-color: #f7f7f7;
	}
	.about-us-page ul.reason{
		display: block;
	}
	.about-us-page ul.reason li {
		width: 90%;
		margin: 0 5% 5%;
	}
	section.about-us-page.timeline,section.about-us-page.advantage,section.about-us-page.gallery{
		padding: 3em 0;
	}
	.about-us-page .timeline-title.center,.about-us-page .content-title.center, section.about-us-page.gallery .row:first-child{
		margin: 0 0 2.5em 0;
	}
	.about-us-page.timeline .timeline-box,.product-page .row{
		padding: 0;
	}
	.gallery-box .gallery-img {
		height: 200px;
		width: 43%;
	}
	.gallery-box .gallery-img .gallery-wrapper {
		width: calc( 100% - 5px);
		height: calc( 100% - 5px);
	}
	.gallery-box .gallery-img img {
		transform: translate(-50%,-50%) scale(.5);
		-ms-transform: translate(-50%,-50%) scale(.5));
		-webkit-transform: translate(-50%,-50%) scale(.5);
	}
	.gallery-box {
		padding: 0 1.5em;
	}
	ul.contact-method{
		display: block;
	}
	ul.contact-method li+li:before {
		content: '';
		position: absolute;
		background-color: #eb6519;
		height: 2px;
		width: 90%;
		display: block;
		margin: 0 5%;
	}
	.contact-method .method {
		padding: 2em;
	}
	.contact-us-page,.contact-us-page .row:first-child{
		padding: 0 0 1em;
	}
	.contact-us-page .row:first-child{
		margin: 0;
	}
	.product-page.cover-image .page-title{
		width: 90%;
	}
	.product-page.content{
		padding-top: 3em;
	}
	.product-nav-menu .nav .nav-item {
		width: 320px;
	}
	.product-nav-menu .nav li{
		margin-left: auto;
		margin-right: auto;
	}
	.product-nav-menu .nav li+li{
		padding: 5% 0% 0%;
	}
	.product-nav-menu,.wrap-row.element-item .col-lg-5.no-padding,section.product-page.gallery{
		padding-bottom: 3em;
	}
	.wrap-row.element-item .col-lg-5.no-padding{
		order: 2;
	}
	section.product-page.gallery .gallery-box .gallery-img{
		height: 150px;
	}
	.product-info{
		padding: 1.5em 1em;
	}
	footer .logo {
		padding: 0em 10em 1em;
	}
}

}

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

}
@media screen and (min-width: 768px) and (max-width: 991px){/*for mobile or ipad*/
    .main-navbar.fixed-nav .navbar-light .navbar-nav .nav-link{
     color: #010101;
    }
    #main-navbar.hide-nav-bar{
        background: #fefefe;
    }
	.simply-the-best .caption h3 {
		font-size: 2em;
	}
	.simply-the-best .caption p {
		color: #dedede;
		font-size: 1.15em;
	}
	.simply-the-best {
		height: 20em;
	}
	.mission-vision .ms-box .ms-content .info p{
		font-size: 0.825em;
	}
	.mission-vision .upperbox .icon {
		width: 30px;
		height: 30px;
		display: flex;
	}
	.mission-vision .ms-box .ms-content .content {
		position: absolute;
		top: 50%;
		transform: translate(0%, -50%);
		padding: 0 1.5em 0 2em;
	}
	.about-us-page .timeline-title.center{
		margin: 0 0 2.5em;
	}
	section.about-us-page.gallery .row:first-child{
		margin-bottom: 3em;
	}
	.about-us-page.timeline .timeline-box ul li:nth-child(odd) {
		padding-left: 4em;
	}
	.about-us-page.timeline .timeline-box ul li:nth-child(even) {
		padding-right: 4em;
	}
	.about-us-page.content .right-content {
		position: relative;
		top: 0%;
		transform: translate(0%, 0%);
	}
	.about-us-page.content .right-content h3 {
		margin-bottom: 0.5em;
	}
	.about-us-page.content .row{
		margin-bottom: 0em;
	}
	.about-us-page.content .row:nth-child(2){
		padding: 1.75em 0;
	}
	.offset-lg-1.col-lg-5.wwa-conten.no-padding,.product-page.content{
		padding-top: 2em;
	}
	.about-us-page.cover-image {
		margin-bottom: 3em;
	}
	.product-nav-menu .nav {
		justify-content: center;
	}
	.product-nav-menu .nav li+li,.product-nav-menu .nav li{
		padding:2em 1em 0em;
	}
	.product-page .row{
		padding-bottom: 0em;
	}
	.product-nav-menu .nav .nav-item a{
		font-size: 1.25em;
	}
	.product-nav-menu .nav .nav-item {
		width: 325px;
	}
	.product-info {
		padding: 1.5em 1em;
	}
	.product-info p, .product-info li{
	font-size: 1.125em;
	}
	.product-info h3,.product-info p, .product-info li{
		margin-bottom: 0.5em;
	}
	.gallery-box .gallery-img {
		width: 33.33333333%;
		height: 230px;
	}
	
}
@media screen and (max-width: 991px){/*for mobile and ipad*/
	section#main-navbar{
		z-index: 5;
		background-color: #fefefe;
	}
	.first_part,section.cover-image{
	    margin-top: 4.5em;
	}
	#main-navbar.fixed-nav {
        transition: all 0.5s ease;
        position: fixed;
        z-index: 10;
    }
	.navbar-light .navbar-nav .nav-link{
		line-height: 50px !important;
		color: #444;
		font-weight: normal;
	}
	.navbar-light .navbar-nav .nav-link {
		font-size: .875em;
	}
	nav.navbar ul.navbar-nav li+li:before{
		content: '';
		height: 2px;
		width: 100%;
		display: block;
		background-color: #eee;
	}
	nav.navbar ul.navbar-nav li:first-child,nav.navbar ul.navbar-nav li+li{
		padding: 0 2em;
	}
	nav.navbar.navbar-expand-lg.navbar-light{
		display: flex;
		padding: 1em; 
	}
	nav .col-md-4.no-padding{
		width: 75%;
	}
	ul.contact-method{
		display: block;
	}
	ul.contact-method li+li:before {
		content: '';
		position: absolute;
		background-color: #eb6519;
		height: 2px;
		display: block;
	}
	.contact-method .method {
		padding: 2em 1em;
	}
	.contact-us-page,.contact-us-page .row:first-child{
		padding: 0 0 1em;
	}
	.contact-us-page .row:first-child{
		margin-bottom: 0em;
	}
	.product-nav-menu,.wrap-row.element-item .col-lg-5.no-padding,section.product-page.gallery{
		padding-bottom: 3em;
	}
	.wrap-row.element-item .col-lg-5.no-padding{
		order: 2;
	}
}
@media screen and (orientation: portrait){

}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){/*ipad & ipad Pro*/
	.first_part .caption{
		width: 90%
	}
	.first_part {
		min-height: 100%;
	}
	.first_part .owl-carousel .item{
		height: calc( 100% + 150px );
	}

	.clip-outer,.clip-inner{
		clip-path: polygon(50% 300px, 100% 15%, 100% 100%, 0% 100%, 0% 15%);
	}
	.about-us .opacity-background {
		right: 0;
	}
	.our-product,.mission-vision,footer .upper_footer,section.about-us-page.timeline,section.about-us-page.gallery{
		padding: 4em 0;
	}
	.our-product .product-title p {
		font-size: 1.15em;
		text-align: center;
		font-weight: 700;
	}
	.our-product .product-title, .our-product .content-title,.our-product .read-more, .our-product .product-title{
		margin: 1.5em 0;
	}

	.simply-the-best .backgroud-image img,.about-us-page.cover-image .owl-carousel .item img,.product-page.cover-image .owl-carousel .item img {
		transform: translate(0, -10%);
	}
	.simply-the-best .caption {
		width: 85%;
	}



}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2){
	.first_part {
		min-height: 100%;
	}
	.first_part .owl-carousel .item{	
		height: calc( 100% + 150px );
	}
	.product-page.cover-image .owl-carousel .item img{
		transform: translate(0, -25%);
	}
	.simply-the-best .backgroud-image img {
		transform: translate(0, -10%);
	}	
	.product-nav-menu .nav {
		justify-content: center;
	}
	.product-nav-menu .nav li+li, .product-nav-menu .nav li {
		padding: 2em 1em 0em;
	}
	.product-page .row{
		padding-bottom: 3em;
	}
	.product-page.content {
		padding-top: 3em;
	}
}
@media screen and (min-width: 768px) and (max-width: 1020px){

}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){

}
@media screen and (min-width: 768px) and (max-width: 1024px){
	
}
@media screen and (min-width: 1400px) and (max-width: 1600px){
	.first_part .caption h2{
		font-size: 4.5em;
	}
	h3,.cover-image .page-title h2{
		font-size: 2.75em;
	}
	h4{
		font-size: 1.75em;
	}
	.first_part .caption p{
		font-size: 1.5em;
	}
	.first_part .caption em{
		font-size: 1.875em;
	}
	.about-us .content-info p{
		font-size: 1.25em;
	}
	.about-us .opacity-background {
		width: 900px;
	}
}
@media screen and (min-width: 1601px) and (max-width: 1980px){
	.container{
		max-width: 1400px;
	}
	.navbar-light .navbar-nav .nav-link{
		font-size: 1.2em;
	}
	.first_part .caption h2{
		font-size: 6em;
	}
	h3,.product-info h3,.cover-image .page-title h2{
		font-size: 2.5em;
	}
	h4{
		font-size: 2em;
	}
	h5,footer .contact-us h5{
		font-size: 1.4em;
	}
	p，a:not([href]):not([tabindex]){
	    font-size: 1.15em;
	    line-height: 1.8;
	    font-weight: normal;
	}
	footer .contact-us .icon .fab,.about-us .read-more button,.our-product .read-more button{
		font-size: 1.25em;
	}
	footer .copyright.center p{
	    font-size: 1em;
	}
	.about-us .content-info{
		padding: 0 4em;
	}
	.about-us .read-more button,.our-product .read-more button{
		padding: .5em 3em;
	}
	.our-product .product-title p {
		font-size: 1.25em;
	}
	.about-us .opacity-background {
		width: 900px;
	}
	.simply-the-best .caption p,.cover-image .page-title p,.first_part .caption p{
		font-size: 1.5em;
	}
	.about-us .content-info p{
	    font-size: 1.25em;
	}
	.first_part .caption em {
		font-size: 1.75em;
	}
	.about-us-page.content .right-content em,.about-us-page .content-title em,.timeline-title.center em,.about-us-page.gallery .gallery-title em,.about-us .content-title em,.our-product .content-title em{
		font-size: 1.35em;
	}
	.about-us-page.content .horizon-cover-image img {
		transform: translate(0, -25%);
	}
	.about-us-page.content .horizon-cover-image{
		max-height: 30em;
	}
	.about-us-page ul.reason li{
		padding: 3em;
		width: calc( 33.33333333% - 1em );
	}
	.gallery-box .gallery-img img{
		transform: translate(-50%,-50%) scale(1.1,1);
		-ms-transform: translate(-50%,-50%) scale(1.1,1);
		-webkit-transform: translate(-50%,-50%) scale(1.1,1);
	}
	.product-page.gallery .gallery-box .gallery-img img {
		top: -20%;
		transform: translate(0%,0%) scale(0.9);
		-ms-transform: translate(0%,0%) scale(0.9);
		-webkit-transform: translate(0%,0%) scale(0.9);
	}
	footer .intro p{
	    font-size: 1em;
	    line-height: 2;
	    font-weight: normal;
	}

}

/*
*
*	End Media responsive
*
*/