/*tablet*/
@media only screen and (max-width: 991px) {

	.dropdown.show a.dropdown-toggle:after {
	    content: "-";
	}

	.margin-top-image-header {
	    margin-top: 0px;
	}

	.navbar-collapse {
	    background-color: white;
	    padding: 15px 15px;
	    /*-moz-box-shadow: 0 12px 13px 0 rgb(0.18,0.31,0.62);
	    -webkit-box-shadow: 0 12px 13px 0 rgb(0.18,0.31,0.62);
	    box-shadow: 0 12px 13px 0 rgb(0.18,0.31,0.62);*/
	    z-index: 1038;
	    margin-top: 15px;
	}

	/*.bg-white {
	    background-color: transparent!important;
	}*/

	.navbar-sticky {
	  background: white;
	  box-shadow: 0 1px 10px -2px black;
	  -webkit-box-shadow: 0 1px 10px -2px black;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	  -moz-box-shadow:    0 1px 10px -2px black; 
	}

	.navbar {       
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -ms-flex-align: center;
	    align-items: center;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    position: absolute;
	    width: 100%;
	    z-index: 1030;
	    
	}

	.navbar-toggler {
	    padding: 4px 10px;
	    background-color: transparent;
	    border: 1px solid transparent;
	    border-radius: 0;
	    margin-right: 15px;
	}

	.form-search {
		max-width: 100%;
	}

	.swiper-container-image-sm .swiper-slide span {
		font-size: 12px;
	}


	/* HEADER */
	.section-banner {
		justify-content: center;
	}
	.section-banner .content-banner-text {
		text-align: center;
		padding-top: 30px;
		margin-bottom: 30px;
	}

	/*.section-banner img {
		max-width: 350px;
	}*/

	.center {
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  width: 50%;
	}


	/* PRICELIST */
	.section-pricelist .pricelist-content img {
	    margin-top: -150px;
	    margin-bottom: 20px;
	}
	.section-pricelist .content-pricelist {
		text-align: center;
	}

	.section-pricelist .pricelist-content {
		justify-content: center;
	}

	.section-pricelist .d-flex {
	    display: -webkit-box!important; 
	    display: -ms-flexbox!important;
	    display: contents !important;
	}

	.section-pricelist {
		height: 380px;
	}

	.input-control {
		width: 80%;
		margin-bottom: 5%;
	}

	.product-details {
		margin-top: 100px !important;
	}

	.product-details .product-title h2 {
		font-size: 34px;
	}

	.size-comparison-title h2, .product-same-title h2 {
		margin-bottom: 25px;
	}

	/*PRODUCT LIST*/
	.breadcrumb-inner .product-list-content-md h1 {
		display: inline-block;
	    position: absolute;
	    top: 63%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    color: #fff;
	    font-size: 18vw;
	    font-weight: bold;
	    opacity: 0.1;
	}

	.breadcrumb-inner .product-list-content-md img {
	    position: absolute;
	    top: 63%;
	    left: 50%;
	    transform: translate(-50%, -50%);	    
	    width: 50%;
	}



	/*ABOUT */
	.section-about {
		margin-top: -90px;
	}

	.about-info {
		padding-top: 50px;
	}

	.about-video {
		display: inline-block;
	    position: absolute;
	    top: 80%;
	    left: 50%;
	    transform: translate(-50%, 10%);
	}
	.video-box img {
		width: 100%;
	}

	.logo-label {
		top: -190px;
    	left: 80%;
	}

	.logo-label img {
		width: 100%;
	}

	.section-find {
		/*text-align: center;*/
    	margin-top: 60px !important;
	}

	.navbar-transparent .navbar-nav .nav-link {
		color: #1F4389;
	}

	.navbar-transparent .navbar-nav .nav-link.active {
		color: #1F4389;
	}

	.bg-mobile-white {
		background-color: #fff!important;
	}

	/* PRODUCT DETAILS */
	.product-same-title {
		padding-left: 0px;
		margin-bottom: 40px;
	}
	


	.breadcrumb-bar {
	  /*padding-top: 8%;*/
	}

	.product-grid-area hr {
	    margin: 10px -20px 10px;
	    border: 0;
	    border-top: 1px solid #707070;
	}


	/* PRODUCT LIST */
	.product-list-filter ul {
		list-style: none;
		margin: 0;
		padding: 16px 0 16px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: scroll;
		-ms-overflow-style: none;
		z-index: 888;
		position: relative;
	}

	.product-list-filter ul li {
		font-size: 12px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-right: 8px;
  		color: #000;
  		text-align: center;

  		display: inline-block;
		padding-right: 5px;
		padding-left: 5px;

	}

	.product-list-filter ul li a {
		color: #000 !important;
		outline: none;
	}

	.product-list-filter ul li .active {
		color: #3A6FB6 !important;
		text-decoration: none;
	}

	.dialog-filter-mobile {
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 99999;
	    background: #fff;
	    width: 100%;
	    min-height: 100vh;
	}

	.dialog-filter-mobile .top-dialog-title-filter {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    padding: 0 16px;
	}

	.dialog-filter-mobile .top-dialog-title-filter h4 {
	    margin-bottom: 0;
	    margin-left: 16px;
	    margin-top: 5px;
	    color: #231f20;
	    letter-spacing: 2px;
	    text-transform: uppercase;
	    font-size: 14px;
	    -webkit-box-flex: 1;
	    -ms-flex: 1;
	    flex: 1;
	}

	.dialog-filter-mobile .product-sidebar-container {
		padding: 0 16px;
	}

	.fixed-sticky {
	    position: fixed;
	    top: 62px;
	    left:0;
	    right:0;
	    z-index: 9;
	    background-color: #fff;
	}

	   
}


/*MOBILE*/
@media only screen and (max-width: 767px) and (min-width: 280px) {

	.navbar-collapse {
		padding: 0px;
		margin-top: 0px;
	}

	.dropdown.show a.dropdown-toggle:after {
	    content: "-";
	}
	.navbar-center ul li {
		margin: 5px;
	}

	.btn-contact-mobile {
		font-size: 12px;
	}

	.section-banner {
		height: 600px !important;
	}

	.content-banner-text h1 {
		font-size: 18px;
	}

	.content-banner-text h2 {
		font-size: 18px;
	}

	.input-control:focus {
	  text-align: center;
	}

	.input-control::placeholder { 
	    text-align: center;
	}

	.input-control {
		margin-right: 0px;
	}

	.section-pricelist .pricelist-content img {
	    margin-top: -90px;
	}

	.section-pricelist {
		height: 320px;
	}

	.heading-content-pricelist {
		font-size: 18px;
	}

	.header-title {
		font-size: 24px;
		margin-bottom: 5px;
	}

	.center {
		width: 250px;
	}

	.swiper-pagination-image-sm {
		/*top: 98%;*/
    	/*transform: translate(85px, 10px);*/
    	margin-top: 15px;
    	text-align: center;
	}

	.section-product-content span {
		bottom: 15px;
	    left: 15px;
	    font-size: 14px !important;
	}

	.heading-menu {
		margin-bottom: 15px;
	}

	.slider-header-content h6 {
		font-size: 18px;
	}

	.product-same-title {
		padding-left: 15px;
	}
	.product-same-title h2 {
		font-size: 18px;
	}



	/* PRODUCT DETAILS */
	
	.products-gallery-carousel-1 .owl-thumbs {
	    position: static;
	    margin-top: 10px;
	    left: 0;
	    z-index: 3;
	    text-align: center;
	    right: 0px;
	    max-width: 100%;
	}

	.products-gallery-carousel .owl-thumbs .owl-thumb-item {
	    display: inline-block;
	    margin-bottom: 15px;
	    margin-right: 5px;
	    margin-left: 0px;
	}

	.mobile-one {
		order: 1;
	}
	.mobile-two {
		order: 2;
	}

	.products-gallery-carousel-1 .products-slider {
		padding-right: 0px;
	}

	.swiper-pagination-image-detail {
		/*top: 98%;*/
    	/*transform: translate(85px, 10px);*/
    	margin-top: 15px;
    	margin-bottom: 25px;
    	text-align: center;
	}

	.product-details .product-title h2 {
		font-size: 18px;
	}

	.size-comparison-title h2 {
		font-size: 18px;
	}



	/* PRODUCT LIST */
	.pr-sidebar .widget-title {
		font-size: 16px;
	}
	.pr-sidebar .category-list {
		font-size: 14px;
	}
	.product-grid h6 {
		text-align: center;
		font-size: 12px;
	}
	.breadcrumb-inner .product-list-content-sm h1 {
		display: inline-block;
	    position: absolute;
	    top: 73%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    color: #fff;
	    font-size: 18vw;
	    font-weight: bold;
	    opacity: 0.1;
	}

	.breadcrumb-inner .product-list-content-sm img {
	    position: absolute;
	    top: 53%;
	    left: 50%;
	    transform: translate(-50%, -50%);	    
	    width: 50%;
	}

	.section-product .pr-sidebar {
		margin-bottom: 20px !important;
	}

	.about-info {
		/*text-align: center;*/
    	padding-top: 30px;
    	/*font-size: 12px;*/
	}
	.section-about .about-info h6 {
		font-size: 12px;
	}
	.section-about .about-info h1 {
		font-size: 	16px;
	}
	.section-about .about-info p {
		font-size: 12px;
	}

	.about-video {
	    transform: translate(-100%, 0%);
	}

	.video-box .play-now {
		transform: translate(70%, -50%);
	}

	.video-box a img {
		width: 50%;
	}

	.video-box img {
		width: 150%;
	}

	.section-find {
		margin-top: 50px !important;
		margin-bottom: 0px !important;
	}

	.logo-label {
	    top: -280px;
	    left: 30%;
	}

	.product-header {
		font-size: 18px;
	}


	/* FOOTER */

	.img-footer {
		width: 80%;
	}

	.heading-menu {
		font-size: 14px;
	}

	.footer-desc {
		font-size: 12px;
	}
	.ft-menu-list {
		font-size: 12px;
	}

	/* BTN */
	.btn-wa-fixed {
		right: 15px;
    	bottom: 15px;
	}

	/* PRODUCT CATEGORY */
	.header-product {
	  font-size: 18px;
	  margin-bottom: 25px !important;
	}



}

@media(-webkit-min-device-pixel-ratio: 5), (min-resolution: 144dpi) { 
    /* CSS stuff here */
    .navbar-sticky {
	  background: white;
	  box-shadow: 0 1px 10px -2px black;
	  -webkit-box-shadow: 0 1px 10px -2px black;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	  -moz-box-shadow:    0 1px 10px -2px black; 
	}
}

@media only screen and (max-width: 415px) and (min-width: 280px) {

	.about-video {
	    transform: translate(-100%, 0%);
	}

	.video-box .play-now {
		transform: translate(-20%, -50%);
	}

	.video-box a img {
		width: 50%;
	}

	.video-box img {
		width: 200%;
	}

	.section-find {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

	.section-about {
		padding-bottom: 100px;
		margin-bottom: 70px;
		padding-top: 190px !important;
	}

	.section-find h1 {
		font-size: 14px;
	}

	.product-same-bg {
		height: 190px;
	}

	.header-product-same {
		text-align: center;
    	font-size: 12px;
	}

	.product-same {
	    margin-bottom: 180px;
	}

	.product-same-relative {
		margin-left: 15px;
		margin-right: 15px;
		height: 50px !important;
	}

	.product-details {
	    margin-top: 50px !important;
	}
}


@media only screen and (max-width: 765px) and (min-width: 280px) {
	.breadcrumb-bar {
	  padding-top: 70px;
	  margin-top: 0px !important;
	}


}

@media only screen and (max-width: 768px) {
	.section-banner {
		height: 950px !important;
	}
	.logo-label {
		left: 60% !important;
		width: 40%;
	}

	.mobile-one {
		order: 1;
	}
	.mobile-two {
		order: 2;
	}

	.product-same-relative {
		position: inherit !important;
		height: 65px;
	}
	.product-same-absolute {
		position: inherit !important;
	}

	.product-same {
	    margin-bottom: 220px !important;
	}

	.section-product-content span {
		font-size: 18px;
	}

	.swiper-container-image-lg .swiper-slide span, .swiper-container-image-md .swiper-slide span, .swiper-container-image-sm .swiper-slide span {
		font-size: 18px;
	}


}

@media only screen and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
    .margin-top-image-header {
	    margin-top: 70px;
	}

	.section-banner {
		height: 550px;
	}
	.about-video {
	    display: inline-block;
	    position: absolute;
	    top: 80%;
	    left: 50%;
	    transform: translate(-50%, 10%);
	}

	.section-about {
		padding-top: 240px;
	}
	.video-box img {
	    width: 100%;
	}

	.logo-label {
	    top: -190px;
	    left: 600px;
	}

	.products-gallery-carousel .owl-carousel .owl-item img {
		max-width: 90%;
	}

	.product-same {
	    margin-bottom: 150px;
	}

	.section-product-content span {
		font-size: 18px;
	}

	.swiper-container-image-lg .swiper-slide span, .swiper-container-image-md .swiper-slide span, .swiper-container-image-sm .swiper-slide span {
		font-size: 14px;
	}

	.navbar-nav > li > a.dropdown-toggle:after {
	    content: "+";
	    display: inline-block;
	    margin: 0;
	    padding: 0;
	    border: none;
	    position: absolute;
	    right: 10px;
	    top: 0;
	    font-size: 16px;
	    font-weight: 400;
	}

	.dropdown.show a.dropdown-toggle:after {
	    content: "-";
	}
}

@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  	.margin-top-image-header {
	    margin-top: 70px;
	}

	.section-banner {
		height: 550px;
	}

	.about-video {
	    display: inline-block;
	    position: absolute;
	    top: 80%;
	    left: 50%;
	    transform: translate(-50%, 10%);
	}

	.section-about {
		padding-top: 240px;
	}
	.video-box img {
	    width: 100%;
	}

	.logo-label {
	    top: -190px;
	    left: 600px;
	}

	.products-gallery-carousel .owl-carousel .owl-item img {
		max-width: 90%;
	}

	.product-same {
	    margin-bottom: 150px;
	}

	.section-product-content span {
		font-size: 18px;
	}

	.swiper-container-image-lg .swiper-slide span, .swiper-container-image-md .swiper-slide span, .swiper-container-image-sm .swiper-slide span {
		font-size: 14px;
	}

	.navbar-nav > li > a.dropdown-toggle:after {
	    content: "+";
	    display: inline-block;
	    margin: 0;
	    padding: 0;
	    border: none;
	    position: absolute;
	    right: 10px;
	    top: 0;
	    font-size: 16px;
	    font-weight: 400;
	}

	.dropdown.show a.dropdown-toggle:after {
	    content: "-";
	}
}