@charset "utf-8";

:root {
	--section-bg-light: #f5f5f5;
	--section-bg-dark: #333333;
	--white: #ffffff;
	--black: #333333;
	--primary: #2e3192;
	--secondary: #666666;
	--tertiary: #56c5d0;
	--font: 'Poppins', sans-serif;
}

@media only screen and (max-width: 1600px) {
	.about-img-2 {
		top: -150px;
	}
}

@media only screen and (max-width: 1400px) {
	.about-img-2 {
		top: -100px;
	}
}

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

@media only screen and (max-width: 1050px) {
	.main-slider {
		width: 100%;
		height: 668px;
	}

	.main-slider {
		width: 100%;
		height: 350px;
	}

	#header .header-nav-main nav>ul>li>a {
		font-size: 15px;
		padding: 0.5rem 0.8rem;
	}

	.main-slider-content {
		width: 100% !important;
		text-align: center;
	}

	.main-slider-content h2 {
		font-size: 45px;
		font-weight: 800;
		line-height: 60px;
		text-align: center;
	}

	.main-slider-content h4 {
		display: block;
		text-align: center;
		font-size: 28px;
		line-height: 40px;
	}

	.main-banner .swiper-horizontal>.swiper-pagination-bullets,
	.main-banner .swiper-pagination-bullets.swiper-pagination-horizontal,
	.main-banner .swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 20px;
	}

	.home-icon {
		display: none !important;
	}

	#header .header-nav-main nav>ul>li:last-child {
		display: none;
	}

	.product-detail .form-check-inline {
		width: 100%;
		padding-left: 0;
	}

	.technical-detail .product-detail-color-div .color-tile-div p{
		font-size: 12px !important;
	}

	.color-tile{
		padding: 0
	}

	.reach-registered{
		font-size: 10px;
		left: 0px;
		bottom: 5px;
		width: auto;
	}
	.reach-registered img{
		margin-right: 2px;
	}
	.about-img-2 {
		top: -100px;
	}
	.col-lg-1{
		width: 0px;
	}

	.blog-img{
		width: 100%;
		max-height: 140px;
		border-top-right-radius: 75px;
	}
	.certi-img {
		max-width: 200px;
	}
	.management-img{
		width: 100%;
		border-top-right-radius: 75px;
	}
}

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

	.order0  {order: 0;}
	.order1  {order: 1;}
	.order2  {order: 2;}
	.order3  {order: 3;}
	.order4  {order: 4;}
	
	.technical-detail .nav-tabs .nav-link {
		margin-bottom: calc(-3 * var(--bs-nav-tabs-border-width));
		padding: 15px 20px;
	  }

	.text-center-sm {
		text-align: left !important;
	}
	.copyright {
		position: relative;
		margin-top: 15px;
	}

	.footer-logo-center-sm {
		text-align: left;
	}

	.section {
		width: 100%;
		padding: 30px 0;
	}

	.main-slider {
		width: 100%;
		height: 350px;
	}

	.main-slider-content {
		width: 100% !important;
	}

	.main-slider-content h2 {
		font-size: 28px;
		font-weight: 800;
		line-height: 40px;
		text-align: center;
	}

	.main-slider-content h4 {
		display: block;
		text-align: center;
		font-size: 20px;
		line-height: 26px;
	}

	.main-banner .swiper-horizontal>.swiper-pagination-bullets,
	.main-banner .swiper-pagination-bullets.swiper-pagination-horizontal,
	.main-banner .swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 20px;
	}

	.about-main-text {
		padding-right: 0px !important;
		font-size: 36px;
		line-height: 40px;
		font-weight: 500;
		position: relative;
		top: 0;
		transform: none;
	}

	.about-img-2 {
		width: 100%;
		/*height: 255px;*/
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		/*border-top-right-radius: 200px;*/
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 25px;
		padding: 0 0px !important;
	}

	.section-title {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 5px;
	}

	.reach-btn {
		position: relative;
		margin-bottom: 35px;
		text-align: center;

	}

	.cart-info {
		background-color: var(--primary);
		min-width: 17px;
		width: auto;
		padding: 0 3px;
		height: 17px;
		position: absolute;
		right: -5px;
		top: -5px;
		border-radius: 50%;
	}

	.cart-qty {
		font-size: 13px;
		text-align: center;
		color: #fff;
		line-height: 17px;
	}

	.order-first {
		order: 0 !important;
	}

	.order-0 {
		order: 0 !important;
	}

	.order-1 {
		order: 0 !important;
	}

	.category-main-img {
		background-size: 100% 250px;
		padding: 120px 60px 60px 60px;
	}

	.page-title {
		font-size: 36px;
	}

	.category-detail {
		width: 100%;
		padding: 15px;
		background-color: #f1f1f1;
		margin-bottom: 20px;
	}

	.btn-primary {
		font-size: 16px;
	}

	.contact-link {
		padding-bottom: 40px;
	}

	.contact-link .container {
		display: flex;
		text-align: left;
	}

	.contact-link h4 {
		font-size: 20px;
		line-height: 28px;
		margin: 5px auto;
	}

	.contact-link img {
		width: 67px;
		height: 67px;
		margin: 0 auto;
	}

	.contact-link .btn {
		margin-top: 13px;
		height: 45px;
		line-height: 45px;
		padding: 0 25px;
	}

	.contact-title {
		font-size: 30px;
		font-weight: 500;
		color: var(--black);
		margin-bottom: 20px;
		text-align: center;
	}
	
	.contact-sub-text {
		color: #666;
		text-align: center;
		font-size: 18px;
		line-height: 24px;
		font-weight: 400;
	}

	.product-detail {
		padding: 20px;
	}

	.product-detail .form-check-inline {
		width: 100%;
		padding-left: 0;
	}

	.product-detail .form-check-input {
		width: 25px;
		height: 25px;
		margin-top: 0px;
		margin-right: 10px;
		margin-left: 0px;
	}

	.sub-category-main-img{
		background-size: 100% 250px;
		padding: 20px;
	}

	.sub-category-detail{
		margin-top: 150px;	
	}

	.inquiry-page-div .prod-name-div h4{
		font-size: 18px;
	}
	.inquiry-page-div .product-detail-color-div{
		margin-right: 15px;
	}

	.home-blog h4{
		font-size: 20px;
		height: 50px !important;
	}

	.news-event h4{
		font-size: 20px;
		height: 50px !important;
	}

	.reach-registered{
		font-size: 11px;
		left: 5px;
	}
	.reach-registered img{
		margin-right: 2px;
	}

	.breadcrumb-div{
		display: none;
	}

	.filter-div {
		padding: 0;
		margin-top: 25px;
	}
	
	.filter-div .title {
		color: #333;
		font-weight: 500;
		font-size: 20px;
	}
	
	.filter-div .title-icon {
		position: relative;
		top: 0px;
		left: 0px
	}

	.filter-div .accordion-body{
		padding-left:15px ;
	}

	.blog-img{
		width: 100%;
		max-height: 175px;
		border-top-right-radius: 75px;
	}

	.page-head h1{
		font-size: 34px;	
	}

	.page-head{
		padding: 30px 0;
	}

	.page-head p{
		margin: 0 !important;
	}

	.about-page-img{
		position: relative;
		top : 0px;
		width: 60%;
		margin: 15px auto 30px auto;
		display: block;
		border-top-right-radius: 100px;
	}

	.vision-mission{
		width: 100%;
		position: relative;
		padding-left: 0px;
		margin-bottom: 30px;
	}
	
	.vision-mission img{
		position: relative;
		left: 0;
		margin: 15px auto;
		display: block;
		width: 100px;
	}

	.vision-mission h3{
		font-size: 30px;
		text-align: center
	}
	.certi-img {
		max-width: 250px;
	}
	.management-img{
		width: 40%;
		border-top-right-radius: 100px;
		display: block;
		margin: 0 auto 20px auto;
	}
	.management-name, .designation{
		text-align: center;
	}

	.sustainability-img{
		width: 60%;
		display: block;
		margin: 20px auto;
		border-radius: 100px;
	}

	.triangle-tab {
		display: none !important;
	}

	.facility-tab-div{
		margin-top: 20px;
	}

	.quality-slider{
		position: relative;
		top: 0px;
	}
	.packaging-sub-title{
		text-align: center;
	}
}

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

	.order0  {order: 0 !important;}
	.order1  {order: 1 !important;}
	.order2  {order: 2 !important;}
	.order3  {order: 3 !important;}
	.order4  {order: 4 !important;}

	.text-center-sm {
		text-align: center !important;
	}

	.section {
		width: 100%;
		padding: 30px 0;
	}

	.copyright {
		position: relative;
		margin-top: 15px;
	}

	.copyright h4,
	.footer-menu-title {
		font-size: 18px;
	}

	.footer-menu ul li a {
		font-size: 15px;
		line-height: 32px;
	}

	.footer-logo-center-sm {
		text-align: center;
	}

	.main-slider {
		width: 100%;
		height: 315px;
	}

	.main-slider-content {
		width: 100% !important;
	}

	.main-slider-content h2 {
		font-size: 28px;
		font-weight: 800;
		line-height: 40px;
		text-align: center;
	}

	.main-slider-content h4 {
		display: none;
	}

	.main-banner .swiper-horizontal>.swiper-pagination-bullets,
	.main-banner .swiper-pagination-bullets.swiper-pagination-horizontal,
	.main-banner .swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 20px;
	}

	.about-main-text {
		padding-right: 0px !important;
		font-size: 24px;
		line-height: 36px;
		font-weight: 500;
		position: relative;
		top: 0;
		transform: none;
		height: auto;
		color: var(--black) !important;
	}

	.about-img-2 {
		width: 100%;
		height: 255px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		/*border-top-right-radius: 200px;*/
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 25px;
		padding: 0 15px;
	}

	.about-sub {
		font-size: 18px;
		line-height: 24px;
		color: var(--black);
	}

	p {
		font-size: 15px;
		text-align: left;

		font-weight: 400;
		line-height: 24px;
	}

	.section-title {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 5px;
	}

	.reach-btn {
		position: relative;
		margin-bottom: 35px;
		text-align: center;

	}

	.trust-list h4 {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 10px;
	}

	.trust-list ul li {
		padding-left: 25px;
		font-size: 15px;
		line-height: 24px;
	}

	.explore-pigment {
		position: relative !important;
		width: 100%;
		height: auto;
		right: 0;
		top: 0;
		transform: none;
	}

	.order-first {
		order: -1 !important;
	}

	.order-0 {
		order: 0 !important;
	}

	.order-1 {
		order: 1 !important;
	}

	.item.active .item-content {
		padding: 0px 20px !important;
	}

	.cart-info {
		background-color: var(--primary);
		min-width: 17px;
		width: auto;
		padding: 0 3px;
		height: 17px;
		position: absolute;
		right: -5px;
		top: -5px;
		border-radius: 50%;
	}

	.cart-qty {
		font-size: 13px;
		text-align: center;
		color: #fff;
		line-height: 17px;
	}

	.category-main-img {
		background-size: 100% 170px;
		padding: 100px 15px 60px 15px;
	}

	.category-detail h4 {
		color: var(--black);
		font-size: 20px;
		margin-bottom: 20px;
	}

	.category-detail p {
		text-align: left;
		font-size: 15px;
		line-height: 24px;
		color: var(--secondary);
	}

	.category-detail {
		width: 100%;
		padding: 15px;
		background-color: #f1f1f1;
		margin-bottom: 20px;
	}

	.page-title {
		font-size: 30px;
	}

	.featured-product-title {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.contact-link {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.contact-link .container {
		display: block;
		text-align: center;
	}

	.contact-link h4 {
		font-size: 16px;
		line-height: 26px;
		margin: 15px auto;
	}

	.contact-link img {
		width: 67px;
		height: 67px;
		margin: 0 auto;
	}

	.contact-link .btn {
		height: 45px;
		line-height: 45px;
		padding: 0 25px;
	}

	.product-detail {
		padding: 20px;
	}

	.product-detail p {
		font-size: 16px;
	}

	.product-detail .form-check-inline {
		width: 100%;
		padding-left: 0;
	}

	.product-detail .form-check-input {
		width: 25px;
		height: 25px;
		margin-top: 0px;
		margin-right: 10px;
		margin-left: 0px;
	}

	.product-table .w-50 {
		width: 100% !important;
	}

	.color-tile-div p {
		font-size: 12px !important;
	}

	.product-detail-color-div .color-tile-div {
		min-height: 100px
	}

	.product-detail-color-div .color-tile-div .color-tile {
		width: 100%;
		height: 125px;
	}

	.technical-detail .nav-tabs .nav-link {
		margin-bottom: calc(-3 * var(--bs-nav-tabs-border-width));
		padding: 15px 40px;
		width: 100%;
	}

	
	.sub-category-main-img{
		background-size: 0;
		padding: 0px;
	}

	.sub-category-detail{
		margin-top: 0px;
		padding: 40px 0px 0px 0px;
	}

	.sub-category-detail h1{
		font-size: 24px;
		margin-bottom: 20px;
	}

	.technical-detail h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.main-blog-img{
		border-top-right-radius: 100px;
	}

	.home-blog h4{
		font-size: 20px;
		height: 50px !important;
	}

	.news-event h4{
		font-size: 20px;
		height: 50px !important;
	}


	.inquiry-page-div{
		width: 100%;
		border: 2px solid #e5e5e5;
		height: auto;
		background-color: #fff;
		padding: 10px;
		position: relative;
		border-radius: 10px;
		margin-top: 10px;
		display: block;
		
	}

	.inquiry-page-div .product-detail-color-div{
		height: 100px;
		padding: 0;
		border: 0px;
		width: 200px;
		/* margin: 0 auto; */
	}
	
	.inquiry-page-div .product-detail-color-div .color-tile-div{
		min-height: 100% !important;
		padding: 0;
		border: 0px;
	}
	
	.inquiry-page-div .product-detail-color-div .color-tile-div .color-tile{
		height: 100%;
		width: 100px;
		border: 0px;
		margin-right: 2px;
	}
	
	.inquiry-page-div .prod-name-div{
		position: relative;
		top :0;
		left : 0;
		transform: translateY(0%);
		height: auto;
		width: auto;
	}
	
	.inquiry-page-div .prod-name-div h4{
		font-size: 20px;
		margin-bottom: 10px;
		color: var(--black);
		font-weight: 500;
		margin-top: 10px;
		/* text-align: center; */
	}
	
	.prod-name-div .label{
		color: var(--tertiary) !important;
		font-weight: 500;

	}
	
	.prod-name-div .form-check-input{
		width: 25px;
		height: 25px;
		margin-top: 0px;
		margin-right: 10px;
		margin-left: 0px;
		background-color: #f1f1f1;
	}
	
	.prod-name-div .form-check-input:checked{
		background-color: var(--primary);
		border-color: var(--primary);
	}

	.inquiry-title {
		font-size: 28px;
	}
	
	.inquiry-del{
		height: auto;
		position: absolute;
		border: none;
		background: none;
		right: 10px;
		text-align: right;
		color: var(--black);
		font-weight: 500;
		top : 5px;
		font-size: 20px;
	}
	.inquiry-del span{
		display: none;
	}

	.thank-you h1{
		font-size: 30px;
		color: var(--black);
		font-weight: 500;
		margin-bottom: 25px;
	}

	.thank-you p{
		font-size: 14px;
	}

	.reach-registered{
		font-size: 11px;
		left: 0px;
	}
	.reach-registered img{
		margin-right: 2px;
		width: 13px;
	}	

	.pd-row div{
		padding: 0;
		line-height: 30px;
		margin: 0;
	}

	.trust-img-div {
		background-color: var(--white);
		background-color: #fff;
		border: 2px solid #dbdbdb;
		width: 100% !important;
		height: 80px;
		position: relative;
		padding: 5px;
	}
	
	.trust-img {
		max-width: 140px;
		max-height: 70px !important;
		width: auto !important;
		vertical-align: middle !important;
		margin: auto !important;
		top: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		position: absolute !important;
	}

	.breadcrumb-div{
		display: none;
	}

	.filter-div {
		padding: 0;
		margin-top: 25px;
	}

	.filter-div .accordion-body{
		padding-left:15px ;
	}
	
	.filter-div .title {
		font-size: 18px;
	}
	
	.filter-div .title-icon {
		position: relative;
		top: 0px;
		left: 0px;
		width: 22px;
	}

	.fix-inq-btn{
		display: block;
	}

	p.large{
		font-size: 18px;
		line-height: 28px;
	}

	.page-head h1{
		font-size: 28px;	
		line-height: 36px;
	}

	.page-head{
		padding: 30px 0;
	}

	.page-head p{
		margin: 0 !important;
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
	}

	.about-page-img{
		position: relative;
		top : 0px;
		width: 100%;
		border-top-right-radius: 100px;
	}

	.vision-mission{
		width: 100%;
		position: relative;
		padding-left: 0px;
		margin-bottom: 30px;
	}
	
	.vision-mission img{
		position: relative;
		left: 0;
		margin: 15px auto;
		display: block;
		width: 100px;
	}

	.vision-mission h3{
		font-size: 30px;
		text-align: center
	}

	.main-blog .blog-big-title{
		font-size: 26px;
		line-height: 36px;
	}

	.blog-img{
		width: 100%;
		max-height: 75px;
		border-top-right-radius: 25px;
	}
	
	.blog-link{
		position: relative;
		left : 0;
		top : 0%;
		transform: none;
		padding-left: 0px;
	}
	
	.blog-link h4{
		color: var(--secondary);
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0px !important;
		font-weight: 600;
	}
	
	.blog-link .blog-big-date{
		color: var(--secondary);
		margin: 10px 0;
	}

	.blog-detail-title{
		color: #333;
		font-size: 30px;
		margin: 25px 0;
	}
	.blog-share{
		margin: 15px 0 ;
	}

	.blog-detail-sub-text{
		font-size: 20px;
		line-height: 28px;
	}
	.management-img{
		width: 75%;
		margin: 20px auto;
		display: block;
	}

	.management-name, .designation{
		text-align: center;
	}

	.sustainability-img{
		width: 100%;
		border-top-left-radius: 100px;
		margin-bottom: 30px;
	}

	ul.tabs-facility {
		display: none;
	}
	.tabs-facility {
		display: none;
	}
	.tab_drawer_heading {
		background-color: var(--tertiary);
		color: #fff;
		margin: 2px 0;
		padding: 10px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-family: var(--font-roboto);
		font-size: 16px;
	}
	.d_active {
		background-color: var(--primary);
		color: #fff;
	}

	.facility-tab-div{
		width: 100%;
		display: block;
		margin: 10px 0;
	}

	.career-list .accordion-button {
		font-size: 20px;
		line-height: 60px;
	}

	.tab_content {
		padding: 2px 0;
		display: none;
	}

	p.career{
		line-height: 25px;
		font-size: 16px;
		margin-bottom: 10px !important;
		
	}

	.tab-content {
		padding: 05px;
	}

	.country-flag{
		width: 50%;
		padding: 5px;
	}

	.blog-detail-img {
		border-top-right-radius: 100px;
	}

	.contact-detail {
		width: 100%;
		padding: 0px 0px 0px 40px;
		margin-bottom: 30px;
	}

	.contact-detail i {
		font-size: 26px;
	}

	.product-detail h1 {
		font-size: 24px;
	}

	.quality-page-img{
		border-top-right-radius: 100px;
	}

	.quality-slider{
		position: relative;
		top: 0px;
	}

	.page-head {
		min-height: auto;
	}

	.btn-application{
		font-size: 15px;
	}

	.packaging-sub-title{
		text-align: center;
	}
}

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

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

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

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

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