@media (min-width: 768px) { 
	#nav-icon3{top: 0rem;}
	.navbar-collapse{width: 50%;}
	.footer{padding: 5% 0 1%;}
	.copyright-box{
		padding: 1% 0 0;
		margin-top: 5%;
	}
	.contact-footer,
	.address-footer{margin: 0 auto;}
	.social-footer, .logo-footer{text-align: left;}
	
	.content-box{padding: 5% 0;}
	.content-box.service-ct{padding: 5% 0;}
	.services-box,
	.review-boxvideo {margin: 0;}
	.title-box h1{
		width: 35%;
		font-size: 3rem;
	}
	.title-box::before{
		left: 50%;
		width: 80%;
		transform: translate(-50%,-50%);
	}
	
	.caption-banner h1{font-size: 3rem;}
	#carouselmainSlide .carousel-item{
		height: 667px;
	}
	.detail-textbox{height: 50%;}
	
	.content-otherpage{padding: 5% 0;}
	.shopbox{margin: 0;}
	.category-boxset{
		height: 100%;
		border-right: 1px solid #b4a16e;
		margin-right: 5%;
	}

	.text-detailproducts{
		margin: 0 auto;
		padding: 0 1.5rem;
		border-top: none;
		border-left: 1px solid #b4a16e;
		height: 100%;
	}
	.borderright{border-left: 1px solid #b4a16e;}
	.address-box ul {
		margin-bottom: 0;
		font-size: .85rem;
	}
	.address-box::before {
		height: 70%;
		left: 15px;
	}
	
	.title-shop#onclick {
		padding: 8px 10px;
		right: 12%;
		left: auto;
		transform: none;
		width: auto;
		/*width: 65%;*/
	}
	.text-detailproducts h1{font-size: 1.2rem;}
	.text-detailproducts ul, .text-detailproducts span{font-size: .9rem;}
	.title-servicespage p{padding: 0 5%;}
	.title-servicespage{margin: 0;}
	
	.bannerotherpage{min-height: 350px;}
}
@media (min-width: 992px) { 
	.headbar-main{
		position: fixed;
		background: rgba(0,0,0,0.55);
	}
	/*.full-contentotherpage .headbar-main{
		position: sticky;
		background: #000;
	}*/
	.navbar-brand{margin: 4px auto;}
	.hamburgers-box{justify-content:flex-start;}
	.navbar-expand-lg .navbar-collapse{
		width: 100%;
		justify-content: center;
	}
	.navbar-expand-lg .navbar-nav{
		justify-content: center;
		width: 100%;
		margin: 0;
	}
	.navbar-nav li{
		width: auto;
		margin: auto;
		padding: 0;
		text-align: center;
	}
	.navbar-nav li a{
		padding: 8px 10px;
		overflow: hidden;
		height: 40px;
		font-size: 1.1rem;
	}
	.navbar-nav li a span{
		transition: all 0.5s;
		position: relative;
		top: 0;
	}
	.navbar-nav li a p {
        display: block;
        position: absolute;
        bottom: -100%;
        left: 50%;
        width: 100%;
		transition: all 0.5s;
        transform: translate(-50%, 0);
		opacity: 0;
    }
	.navbar-nav li a:hover span{
		top: -100%;
		opacity: 0;
	}
	.navbar-nav li a:hover p{
		bottom: 8px;
		opacity: 1;
	}
	
	#nav-icon3{display: none;}
	.policy-box ul{
		display: flex ;
		align-items: center;
		justify-content: space-between;
		text-align: left;
	}
	.detail-textbox h1,
	.textcenter-services h1{font-size: 2.3rem;}
	.title-boximg.boximg-contact h1 {
        left: .5rem;
        font-size: 8.5rem;
        width: 1200px;
        top: 4rem;
        letter-spacing: 14px;
    }
	.title-boximg.boximg-contact h2 {
        font-size: 8.5rem;
        width: 1200px;
        left: -35.5rem;
        letter-spacing: 14px;
        bottom: 4.5rem;
    }
	.slim .tagline-header{margin-top: -2.9rem;position: relative;}
	
	#carouselmainSlide .carousel-item{
		height: 100vh;
		background-attachment: fixed !important;
	}
	.title-box::before{width: 65%;}
	.detail-textbox{padding: 1rem 2rem;}
	.review-boxvideo{max-height: 460px;}
	.detail-textbox{height: 43%;}
	.bannerotherpage{
		padding: 15% 0 10%;
		background-position: center bottom 5rem;
	}
	.bannerotherpage.shoppage{padding: 15% 0 10%;}
	
	
	
	.related-box .col-lg-3{width: 20%;}
	.address-box{margin: 0;}
	.subtext-contact{margin: 5rem auto;}
	.address-box .row{align-items: flex-end;}
	
	.content-otherpage.contactpage{padding: 15% 0 0;}
	.title-shop#onclick {
        right: 50%;
        /*width: 50%;*/
        transform: translate(75%, 0);
    }
	.category-boxset{margin-right: 10%;}
	.title-boximg.boximg-contact.title-textwhite h1 {
		font-size: 9rem;
		left: 3rem;
	}
	.title-boximg.boximg-contact.title-textwhite h2{
		font-size: 9rem;
		left: -13rem;
		bottom: 2rem;
	}
	.bannerotherpage{ 
		min-height: inherit;
		background-attachment: fixed !important;
	}
}
@media (min-width: 1200px) { 
	html{font-size: 18px;}
	.title-boximg.boximg-contact h1 {
        left: .5rem;
        font-size: 8rem;
        width: 1200px;
        top: 5rem;
    }
	.title-boximg.boximg-contact h2 {
        font-size: 8rem;
        width: 1200px;
        left: -30.5rem;
        bottom: 5.5rem;
    }
	.title-boximg.boximg-contact:hover h1{left: -36rem;}
	.review-boxvideo{max-height: 490px;}
	.social-footer img{width: 35px;}
	.navbar-nav li a:hover p{bottom: 5px;}
	.address-box ul{font-size: 1rem;}
	.title-shop#onclick {
       /* width: 40%;*/
    }
	.category-boxset{margin-right: 0%;}
}

@media (min-width: 1440px) { 
	html{font-size: 20px;}
    .container{ max-width: 1336px; }
	.title-boximg.boximg-contact h1 {
        left: 0.75rem;
        font-size: 10rem;
        width: 1600px;
        top: 5.5rem;
    }
	.title-boximg.boximg-contact h2 {
        font-size: 10rem;
        width: 1600px;
        left: -38rem;
        bottom: 6rem;
    }
	.review-boxvideo{max-height: 570px;}
	.navbar-nav li a:hover p{bottom: 3px;}
	.title-box h1{width: 30%;}
	.detail-textbox{height: 40%;}
	.navbar-brand{margin-left: -2rem;}
	.textcenter-services{padding: 0 5%;}
	.title-shop#onclick {
        /*width: 45%;*/
        align-items: center;
        display: inline-block;
    }
	.products-box ul{font-size: 15px;}
	.title-servicespage p {
        padding: 0 10%;
    }
	.title-boximg.boximg-contact.title-textwhite h1 {
        left: 8rem;
    }
	.title-boximg.boximg-contact.title-textwhite h2{left: -11rem;}
}

@media (min-width: 1600px) { 
	.navbar-nav li a:hover p{bottom: 2px;}
	.caption-banner h1 {font-size: 4rem;}
	.content-otherpage.contactpage{padding-top: 10%;}
	.title-shop#onclick {
       /* width: 30%;*/
    }
}
@media (min-width: 1800px) {
    .container{ max-width: 1440px; }
	.navbar-nav li a:hover p{bottom: 0px;}
	.detail-textbox{height: 37%;}
	.content-otherpage.contactpage{height: 100vh;position: relative;}
	.address-box{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 1;
		width: 100%;
	}
	.detail-textbox {
        padding: 1rem 4rem 1rem 2rem;
    }
	.bannerotherpage {
        padding: 15% 0 10%;
    }
}
@media (min-width: 2000px) {
	.title-boximg.boximg-contact.title-textwhite h1 {
        left: 7rem;
        font-size: 11rem;
    }
	.title-boximg.boximg-contact.title-textwhite h2 {
        left: -15rem;
        font-size: 11rem;
    }
}