@charset "utf-8";

/*>>>>>>>>>>>>>>>>>>>>>>>>>>> Media Querys <<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/****======================= Min-width:1281px and Max-widht:1366px Media Query ======================================**/
@media (min-width:1281px) and (max-width:1366px) {}

/****======================== Min-width:1201px and Max-widht:1280px Media Query ==========================================**/
@media (min-width: 1201px) and (max-width: 1280px) {}

/****========================= Min-width:1024px and Max-widht:1200px Media Query =================================**/
@media (min-width: 1024px) and (max-width: 1200px) {

	.nav-ul li a {
		padding: 20px 15px 20px 15px;
		margin: 0px 0px;
		font-size: 18px;
		text-align: center;
		float: left;
		color: #000;
		text-transform: capitalize;
		font-size: 16px;
		font-weight: 700;
		padding: 30px 10px;
		line-height: 16px;
		margin-bottom: 0px;
	}

	.sigment-grid {
		position: relative;
		width: 21%;
		/* max-width: 300px; */
		text-align: center;
		padding: 30px 15px;
		height: 291px;
		background: #F4FFFF;
		border-radius: 19px;
		margin-right: 16px;
		margin-bottom: 30px;
		margin-left: 16px;
		float: left;
	}

	.principle-heading {
		background: #2C9EC8;
		border-radius: 4px;
		height: 300px;
		text-align: center;
		width: 26%;
		float: left;
		display: inline-block;
	}


	.contactus-home-belt-section .contact-withUs {
		width: 40%;
		/* float: left; */
		display: inline-block;
	}


	.col-lg-3.dropmailon {
		/* float: left; */
		width: 28%;
		display: inline-block;
	}


	.managment-profile-section .profile-card .img-content h3 {
		color: #106D7B;
		font-size: 22px;
		font-weight: 600;
		margin-top: 10px;
	}


	.managment-profile-section .profile-card .img-content .owner-para {
		height: 72px;
		float: left;
	}

	.managment-profile-section .profile-card .img-content h4 {
		color: #000;
		font-size: 16px;
		font-weight: 400;
	}

	.managment-profile-section .profile-card .img-content .owner-para p {
		color: #333;
		font-size: 14px;
		padding-top: 0px;
	}


	.services-single {
		background: var(--bg-color);
		/* box-shadow: 0 0.125rem 0.25rem var(--box-shadow-color-2); */
		margin-bottom: 60px;
		transition: all 0.3s ease-in;
		box-shadow: 0px 1px 1.5px 0px #bbb;
		padding: 10px 20px;
		overflow: auto;
		height: 220px;
	}


	.gallery-grids {
		border: 1px solid #ddd;
		padding: 5px;
		/* margin-right: 30px; */
		margin: 15px 15px;
		width: 21%;
	}

	.dropdown-menu>li>a {
		padding: 4px 20px;
		clear: both;
		font-weight: 400;
		white-space: nowrap;
		width: 100%;
		margin: 0px 0px;
		font-size: 15px;
		color: #fff;
		text-align: left;
		padding: 6px 20px !important;
		text-align: left !important;
		color: #fff !important;
	}

	.dropdown-menu>li>a:focus,
	.dropdown-menu>li>a:hover {
		color: #106D7B !important;
		text-decoration: none;
		background-color: #fff;
	}

	.sigment-textile-section .nav>li>a>img {
		max-width: none;
		max-width: 90px;
		height: 40px;
	}


	.principle-product-section .principle-product-grid .sigment-grid {
		position: relative;
		width: 21%;
		text-align: center;
		background: #FFFFFF;
		border-radius: 3px;
		border: 1px solid #D9D9D9;
		height: 200px;
		padding: 10px 5px 10px 5px;
	}

	.overlay2 {
		position: absolute;
		bottom: 0;
		color: #f1f1f1;
		width: 100%;
		transition: .5s ease;
		opacity: 0;
		color: white;
		font-size: 20px;
		padding: 20px;
		text-align: center;
		height: 100%;
		padding-top: 85px;
		left: 0;
		border-radius: 3px;
		background: rgba(16, 109, 123, 0.87);
	}


}

/****========================== Min-width:768px and Max-widht:1023px Media Query ==============================**/
@media (min-width: 768px) and (max-width: 1023px) {

	.nav-ul li a {
		padding: 20px 15px 20px 15px;
		margin: 0px 0px;
		font-size: 18px;
		text-align: center;
		float: left;
		color: #000;
		text-transform: capitalize;
		font-size: 13px;
		font-weight: 700;
		padding: 30px 5px;
		line-height: 16px;
		margin-bottom: 0px;
	}

	header {
		position: fixed;
		float: left;
		background: #fff;
		width: 100%;
		box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
		padding: 0px 0px;
		z-index: 999;
	}

	.about-section .about-content {
		float: left;
		width: 90%;
	}

	.sigment-grid {
		position: relative;
		width: 28%;
		/* max-width: 300px; */
		text-align: center;
		padding: 42px 21px;
		height: 291px;
		background: #F4FFFF;
		border-radius: 19px;
		margin-right: 16px;
		margin-bottom: 30px;
		margin-left: 16px;
		float: left;
	}

	.ourspeak-section .number-part h2 {
		font-style: normal;
		font-weight: 300;
		font-size: 50px;
		line-height: 87px;
		color: #106D7B;
	}

	.ourspeak-section .number-part h4 {
		font-style: normal;
		font-weight: 700;
		font-size: 17px;
		line-height: 27px;
		color: #000000;
	}

	.ourspeak-section {
		text-align: center;
		background-image: url(../img/counter-bg.png);
		float: left;
		width: 100%;
		padding: 40px 0px 50px 0px;
		border-bottom: 3px solid #106D7B;
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: cover;
		background-position: center;
	}


	.principle-heading {
		background: #2C9EC8;
		border-radius: 4px;
		height: 290px;
		text-align: center;
		width: 28%;
		float: left;
		display: inline-block;
	}

	.principle-heading h1 {
		font-style: normal;
		font-weight: 600;
		font-size: 27px;
		line-height: 42px;
		color: #FFFFFF;
		height: 100%;
		line-height: 270px;
		text-align: left;
		margin: 0px;
	}


	.bbb_viewed_nav_container {
		position: absolute;
		right: 10px;
		bottom: 14px;
	}


	.sigment-grid1 {
		position: relative;
		width: 100%;
		/* max-width: 300px; */
		text-align: center;
		padding: 0px 0px;
		height: 291px;
		background: transparent;
		border-radius: 19px;
		margin-right: 6px;
		margin-bottom: 30px;
		margin-left: 0px;
	}

	.footer-listing-col {
		width: 25%;
		float: left;
		display: inline-block;
		display: inline-block;
	}


	.contactus-home-belt-section .contactus-belt-wrap {
		background: #F4FFFF;
		border: 1px solid #58C5C2;
		box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
		border-radius: 10px;
		float: left;
		width: 100%;
		padding: 15px 20px;
	}

	.contactus-home-belt-section .contact-withUs {
		width: 38%;
		float: left;
		display: inline-block;
	}

	.contactus-home-belt-section .dropmailon {
		float: left;
		width: 30%;
	}

	.managment-profile-section .profile-card .img-content {
		float: left;
		/* display: contents; */
		width: 62%;
		padding-left: 22px;
		padding-right: 20px;
	}

	.managment-profile-section .profile-card .img-content .owner-para p {
		color: #333;
		font-size: 14px;
		padding-top: 0px;
	}


	.managment-profile-section .profile-card .img-content h4 {
		color: #000;
		font-size: 14px;
		font-weight: 400;
	}


	.managment-profile-section .profile-card .img-content h3 {
		color: #106D7B;
		font-size: 19px;
		font-weight: 600;
		margin-top: 13px;
	}


	.modal-dialog {
		width: 100%;
	}

	.dropdown-menu>li>a {
		padding: 4px 20px;
		clear: both;
		font-weight: 400;
		white-space: nowrap;
		width: 100%;
		margin: 0px 0px;
		font-size: 15px;
		color: #fff;
		text-align: left;
		padding: 6px 20px !important;
		text-align: left !important;
		color: #fff !important;
	}

	.dropdown-menu>li>a:focus,
	.dropdown-menu>li>a:hover {
		color: #106D7B !important;
		text-decoration: none;
		background-color: #fff;
	}


	.industries-we-serve-section .sigment-grid {
		position: relative;
		width: 28%;
		/* max-width: 300px; */
		text-align: center;
		padding: 20px 20px;
		height: 291px;
		background: #F4FFFF;
		border-radius: 19px;
		margin-right: 16px;
		margin-bottom: 30px;
		margin-left: 16px;
		border: 1px solid #106d7bba;
	}


	.inner-principle-section .sigment-grid {
		position: relative;
		width: 28%;
		text-align: center;
		background: #FFFFFF;
		border-radius: 3px;
		border: 1px solid #D9D9D9;
		height: 240px;
		padding: 20px 15px 15px 15px;
	}

	.nav-tabs>li>a {
		margin-right: 7px;
		line-height: 1.42857143;
		border: 1px solid transparent;
		border-radius: 7px 7px 0 0;
		padding: 10px 20px;
		border: 1px solid #ddd;
		font-size: 15px;
		font-weight: 600;
		color: #000;
	}

	.principle-product-section .principle-product-grid .sigment-grid {
		position: relative;
		width: 28%;
		text-align: center;
		background: #FFFFFF;
		border-radius: 3px;
		border: 1px solid #D9D9D9;
		height: 220px;
		padding: 10px 5px 10px 5px;
	}


	.sigment-textile-section .nav>li>a>img {
		max-width: none;
		max-width: 58px;
		height: 40px;
	}

	.gallery-grids {
		border: 1px solid #ddd;
		padding: 5px;
		/* margin-right: 30px; */
		margin: 15px 15px;
		width: 28%;
	}


}

/****=========================== Max-widht:767px Media Query ===========================================**/
@media (max-width: 767px) {}

/****=========================== Min-width:320px and Max-widht:479px Media Query ========================================**/
@media (min-width: 425px) and (max-width: 550px) {
	.sigment-grid1 {
		position: relative;
		width: 100%;
		/* max-width: 300px; */
		text-align: center;
		padding: 0px 0px;
		height: 291px;
		background: transparent;
		border-radius: 19px;
		margin-right: 26px;
		margin-bottom: 30px;
		margin-left: 70px !important;
	}

	.overlay1 {
		position: absolute;
		bottom: 0;
		color: #f1f1f1;
		width: 66%;
		transition: .5s ease;
		opacity: 0;
		color: white;
		font-size: 20px;
		padding: 20px;
		text-align: center;
		height: 100%;
		padding-top: 100px;
		left: 0;
		border-radius: 2px;
		background: rgba(16, 109, 123, 0.87);
	}

	.company-profile-section .company-profile-image {
		background: url(../img/company-profile.jpg);
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: cover;
		background-position: center;
		z-index: 0;
		position: relative;
		display: grid;
		align-items: center;
		display: none;
	}

	.company-profile-mobile {
		display: block;
	}

	.company-profile-mobile img {
		width: 100%;
	}

	.company-profile-section .row {
		background: #f6f6f6;
		/* height: auto; */
		display: block;
	}

	.company-profile-section .company-profile-content .semi-content {
		padding: 25px 5px;
	}

	.company-profile-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.margin-b-50 {
		margin-bottom: 20px;
	}

	.managment-profile-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.managment-profile-section .profile-card .img-card {
		float: left;
		width: 100%;
	}

	.managment-profile-section .profile-card .img-content {
		float: left;
		/* display: contents; */
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.managment-profile-section .profile-card .img-content h3 {
		color: #106D7B;
		font-size: 21px;
		font-weight: 600;
	}

	.managment-profile-section .profile-card .img-content h4 {
		color: #000;
		font-size: 16px;
		font-weight: 400;
	}

	.managment-profile-section .profile-card {
		border: 1px solid #ddd;
		float: left;
		padding: 0px 0px 0px 0px;
		width: 100%;
		margin-bottom: 30px;
	}

	.industries-we-serve-section {
		margin: 3% 0% 4% 0%;
		width: 100%;
		padding: 0px 25px;
	}

	.industries-we-serve-section .sigment-grid {
		position: relative;
		width: 100%;
		/* max-width: 300px; */
		text-align: center;
		padding: 42px 21px;
		height: auto;
		background: #F4FFFF;
		border-radius: 19px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
		border: 1px solid #106d7bba;
	}

	.industries-we-serve-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.margin-b-40 {
		margin-bottom: 30px;
	}


	.inner-principle-section {
		margin: 3% 0% 4% 0%;
		padding: 0px 20px;
	}


	.inner-principle-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.inner-principle-section .sigment-grid {
		position: relative;
		width: 100%;
		text-align: center;
		background: #FFFFFF;
		border-radius: 3px;
		border: 1px solid #D9D9D9;
		height: auto;
		padding: 20px 15px 15px 15px;
	}

	.principle-product-section .principle-product-grid {
		padding: 0px 20px;
	}

	.nav-tabs>li {
		float: initial;
		margin-bottom: -1px;
		display: block;
	}

	.principle-product-section .principle-product-grid .sigment-grid {
		position: relative;
		width: 100%;
		text-align: center;
		background: #FFFFFF;
		border-radius: 3px;
		border: 1px solid #D9D9D9;
		height: 240px;
		padding: 10px 5px 10px 5px;
	}

	.product-details-section .right-product-img {
		border: 1px solid #ddd;
		float: left;
		margin-top: 30px;
	}

	.product-details-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		line-height: 25px;
		olor: #106D7B;
		margin-bottom: 20px;
		text-align: center;
	}

	.product-details-section .lef-product-summry h3 {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		/* line-height: 44px; */
		color: #106D7B;
		margin-bottom: 17px;
	}

	.product-details-section .right-product-img {
		border: 1px solid #ddd;
		float: left;
		margin-top: 30px;
	}

	.nav-tabs {
		border-bottom: 1px solid #ddd;
		background: #fff;
		margin: 30px 0px;
		text-align: center;
		padding-bottom: 1px;
	}

	.sigment-textile-section .sigment-textile-top h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #fff;
		margin-bottom: 0px;
		text-align: center;
	}

	.gallery-info {
		padding: 0px 20px;
	}

	.gallery-grids {
		border: 1px solid #ddd;
		padding: 5px;
		/* margin-right: 30px; */
		margin: 15px 0px;
		width: 100%;
	}


	.service-center-section {
		margin-top: 10px;
	}

	.service-center-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.margin-b-60 {
		margin-bottom: 35px;
	}

	.services-single {
		background: var(--bg-color);
		/* box-shadow: 0 0.125rem 0.25rem var(--box-shadow-color-2); */
		margin-bottom: 45px;
		transition: all 0.3s ease-in;
		box-shadow: 0px 1px 1.5px 0px #bbb;
		padding: 10px 12px;
		overflow: auto;
		height: auto;
	}

	.service-icon {
		width: 40%;
		float: left;
		display: block;
	}

	.services-content {
		float: left;
		width: 100%;
		padding: 0px 0px 0px 5px;
	}

	.contact-section {
		margin: 2% 0% 2% 0%;
	}

	.contact-section .contact-1 h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.address-col-4 {
		float: right;
		margin-top: 30px;
	}


}

@media (min-width: 320px) and (max-width: 520px) {

	header {
		position: fixed;
		float: left;
		background: #fff;
		width: 100%;
		box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
		padding: 10px 0px 0px 0px;
		z-index: 999;
	}

	.navbar-default .navbar-brand {
		color: #777;
		padding: 6px 0px;
		width: 40px;

	}

	.navbar-default .navbar-brand img {
		width: 100%;
	}

	.navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-right: 0px;
		margin-top: 8px;
		margin-bottom: 0px;
		background-color: #106d7b;
		background-image: none;
		border: 1px solid #106d7b;
		border-radius: 4px;
	}

	.navbar-default .navbar-collapse {
		border-color: #106d7b;

	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #ffff;
	}

	.navbar-default .navbar-toggle {
		border-color: #106d7b;
	}

	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color: #106d7b;
	}


	.nav-ul li a {
		padding: 20px 15px 20px 15px;
		margin: 0px 0px;
		font-size: 18px;
		text-align: left;
		float: left;
		color: #000;
		text-transform: capitalize;
		font-size: 14px;
		font-weight: 700;
		padding: 10px 0px;
		line-height: 16px;
		margin-bottom: 0px;
		float: left;
	}

	.nav-ul {
		list-style: none;
		margin: 0;
		padding: 8px 0px 8px 0px;
		float: left;
	}

	.nav-ul li {
		display: inline-block;
		float: left;
		width: 100%;
	}

	.menu-bar {
		padding-top: 0px;
	}

	.dropdown-menu>li>a {
		padding: 4px 20px;
		clear: both;
		font-weight: 400;
		white-space: nowrap;
		width: 100%;
		margin: 0px 0px;
		font-size: 14px !important;
		color: #fff !important;
		text-align: left;
		padding: 7px 20px !important;
	}

	.navbar-header {
		background: #fff;
		padding: 0px 0px 20px 0px;
	}


	.banner-section {
		height: auto;
		float: left;
		width: 100%;
		padding-top: 73px;
	}

	.about-section {
		float: left;
		width: 100%;
		padding: 25px 8px;
		/* padding-left: 0%; */
		/* padding-right: 10px; */
	}

	.about-section .about-heading h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin: 0px;
		color: #106D7B;
	}

	.about-section .about-content {
		float: left;
		width: 100%;
		margin-top: 15px;
	}

	.heading-desing-part {
		text-align: center;
		width: 81px;
		margin: 0 auto;
	}

	.heading-desing-part img {
		width: 100%;
	}

	.segment-section .container h1 {
		font-family: 'Nunito';
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		text-align: center;
		color: #FFFFFF;
		margin-bottom: 0px;
	}

	.segment-section {
		float: left;
		width: 100%;
		margin: 0px 0px;
		background: #6AA3AC;
		padding: 10px 10px;
	}

	.sigment-grid {
		position: relative;
		width: 100%;
		/* max-width: 300px; */
		text-align: center;
		padding: 42px 21px;
		height: auto;
		background: #F4FFFF;
		border-radius: 19px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
	}

	.ourspeak-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		color: #106D7B;
	}

	.ourspeak-section {
		text-align: center;
		background-image: url(../img/counter-bg.png);
		float: left;
		width: 100%;
		padding: 20px 0px 30px 0px;
		border-bottom: 3px solid #106D7B;
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: cover;
		background-position: center;
	}

	.number-part {
		margin-bottom: 35px;
	}

	.ourspeak-section .number-part h2 {
		font-style: normal;
		font-weight: 300;
		font-size: 40px;
		line-height: 40px;
		color: #106D7B;
		margin-top: 0px;
	}

	.ourspeak-section .number-part h4 {
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 27px;
		color: #000000;
	}

	.principle-heading {
		background: #2C9EC8;
		border-radius: 4px;
		height: 200px;
		text-align: center;
		width: 100%;
	}

	.principle-heading h1 {
		font-style: normal;
		font-weight: 600;
		font-size: 28px;
		line-height: 42px;
		color: #FFFFFF;
		/* height: 100%; */
		line-height: 200px;
		text-align: center;
		margin: 0px;
	}

	.bbb_viewed_slider_container {
		padding-top: 13px;
		margin-left: -20px;
		margin-top: 14px;
		background: transparent;
	}

	.principle-section {
		float: left;
		width: 100%;
		padding: 80px 0px 35px 0px;
	}

	.footer-contact {
		width: 100%;
	}

	.footer-listing-col hr {
		margin-top: 0px;
		margin-bottom: 5px;
		border: 0;
		border-top: 4px solid #0078CE;
		width: 60px;
		float: left;
		width: 22%;
	}

	.footer-listing-col ul {
		margin-bottom: 15px;
		float: left;
	}

	.footer-listing-col {
		width: 100%;
	}

	.sigment-grid1 {
		position: relative;
		width: 100%;
		/* max-width: 300px; */
		text-align: center;
		padding: 0px 0px;
		height: 291px;
		background: transparent;
		border-radius: 19px;
		margin-right: 16px;
		margin-bottom: 30px;
		margin-left: 18px;
	}

	.company-profile-section .company-profile-image {
		background: url(../img/company-profile.jpg);
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: cover;
		background-position: center;
		z-index: 0;
		position: relative;
		display: grid;
		align-items: center;
		display: none;
	}

	.company-profile-mobile {
		display: block;
	}

	.company-profile-mobile img {
		width: 100%;
	}

	.company-profile-section .row {
		background: #f6f6f6;
		/* height: auto; */
		display: block;
	}

	.company-profile-section .company-profile-content .semi-content {
		padding: 25px 5px;
	}

	.company-profile-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}


	.margin-b-50 {
		margin-bottom: 20px;
	}


	.managment-profile-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.managment-profile-section .profile-card .img-card {
		float: left;
		width: 100%;
	}

	.managment-profile-section .profile-card .img-content {
		float: left;
		/* display: contents; */
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.managment-profile-section .profile-card .img-content h3 {
		color: #106D7B;
		font-size: 21px;
		font-weight: 600;
	}

	.managment-profile-section .profile-card .img-content h4 {
		color: #000;
		font-size: 16px;
		font-weight: 400;
	}

	.managment-profile-section .profile-card {
		border: 1px solid #ddd;
		float: left;
		padding: 0px 0px 0px 0px;
		width: 100%;
		margin-bottom: 30px;
	}

	.industries-we-serve-section {
		margin: 3% 0% 4% 0%;
		width: 100%;
		padding: 0px 25px;
	}

	.industries-we-serve-section .sigment-grid {
		position: relative;
		width: 100%;
		/* max-width: 300px; */
		text-align: center;
		padding: 42px 21px;
		height: auto;
		background: #F4FFFF;
		border-radius: 19px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
		border: 1px solid #106d7bba;
	}

	.industries-we-serve-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.margin-b-40 {
		margin-bottom: 30px;
	}

	.inner-principle-section {
		margin: 3% 0% 4% 0%;
		padding: 0px 20px;
	}


	.inner-principle-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.inner-principle-section .sigment-grid {
		position: relative;
		width: 100%;
		text-align: center;
		background: #FFFFFF;
		border-radius: 3px;
		border: 1px solid #D9D9D9;
		height: auto;
		padding: 20px 15px 15px 15px;
	}


	.principle-product-section .principle-product-grid {
		padding: 0px 20px;
	}

	.nav-tabs>li {
		float: initial;
		margin-bottom: -1px;
		display: block;
	}

	.principle-product-section .principle-product-grid .sigment-grid {
		position: relative;
		width: 100%;
		text-align: center;
		background: #FFFFFF;
		border-radius: 3px;
		border: 1px solid #D9D9D9;
		height: 240px;
		padding: 10px 5px 10px 5px;
	}


	.product-details-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		line-height: 25px;
		olor: #106D7B;
		margin-bottom: 20px;
		text-align: center;
	}


	.product-details-section .lef-product-summry h3 {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		/* line-height: 44px; */
		color: #106D7B;
		margin-bottom: 17px;
	}


	.product-details-section .right-product-img {
		border: 1px solid #ddd;
		float: left;
		margin-top: 30px;
	}


	.nav-tabs {
		border-bottom: 1px solid #ddd;
		background: #fff;
		margin: 30px 0px;
		text-align: center;
		padding-bottom: 1px;
	}

	.sigment-textile-section .sigment-textile-top h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #fff;
		margin-bottom: 0px;
		text-align: center;
	}


	.gallery-info {
		padding: 0px 20px;
	}

	.gallery-grids {
		border: 1px solid #ddd;
		padding: 5px;
		/* margin-right: 30px; */
		margin: 15px 0px;
		width: 100%;
	}


	.service-center-section {
		margin-top: 10px;
	}

	.service-center-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.margin-b-60 {
		margin-bottom: 35px;
	}

	.services-single {
		background: var(--bg-color);
		/* box-shadow: 0 0.125rem 0.25rem var(--box-shadow-color-2); */
		margin-bottom: 45px;
		transition: all 0.3s ease-in;
		box-shadow: 0px 1px 1.5px 0px #bbb;
		padding: 10px 12px;
		overflow: auto;
		height: auto;
	}

	.service-icon {
		width: 40%;
		float: left;
		display: block;
	}

	.services-content {
		float: left;
		width: 100%;
		padding: 0px 0px 0px 5px;
	}


	.contact-section {
		margin: 2% 0% 2% 0%;
	}

	.contact-section .contact-1 h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.address-col-4 {
		float: right;
		margin-top: 30px;
	}


}

@media (min-width: 375px) and (max-width: 424px) {
	.sigment-grid1 {
		position: relative;
		width: 100%;
		/* max-width: 300px; */
		text-align: center;
		padding: 0px 0px;
		height: 291px;
		background: transparent;
		border-radius: 19px;
		margin-right: 16px;
		margin-bottom: 30px;
		margin-left: 46px;
	}

	.overlay1 {
		position: absolute;
		bottom: 0;
		color: #f1f1f1;
		width: 77%;
		transition: .5s ease;
		opacity: 0;
		color: white;
		font-size: 20px;
		padding: 20px;
		text-align: center;
		height: 100%;
		padding-top: 100px;
		left: 0;
		border-radius: 2px;
		background: rgba(16, 109, 123, 0.87);
	}

	.company-profile-section .company-profile-image {
		background: url(../img/company-profile.jpg);
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: cover;
		background-position: center;
		z-index: 0;
		position: relative;
		display: grid;
		align-items: center;
		display: none;
	}

	.company-profile-mobile {
		display: block;
	}

	.company-profile-mobile img {
		width: 100%;
	}

	.company-profile-section .row {
		background: #f6f6f6;
		/* height: auto; */
		display: block;
	}

	.company-profile-section .company-profile-content .semi-content {
		padding: 25px 5px;
	}


	.company-profile-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.margin-b-50 {
		margin-bottom: 20px;
	}

	.managment-profile-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.managment-profile-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.managment-profile-section .profile-card .img-card {
		float: left;
		width: 100%;
	}

	.managment-profile-section .profile-card .img-content {
		float: left;
		/* display: contents; */
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.managment-profile-section .profile-card .img-content h3 {
		color: #106D7B;
		font-size: 21px;
		font-weight: 600;
	}

	.managment-profile-section .profile-card .img-content h4 {
		color: #000;
		font-size: 16px;
		font-weight: 400;
	}

	.managment-profile-section .profile-card {
		border: 1px solid #ddd;
		float: left;
		padding: 0px 0px 0px 0px;
		width: 100%;
		margin-bottom: 30px;
	}


	.industries-we-serve-section {
		margin: 3% 0% 4% 0%;
		width: 100%;
		padding: 0px 25px;
	}

	.industries-we-serve-section .sigment-grid {
		position: relative;
		width: 100%;
		/* max-width: 300px; */
		text-align: center;
		padding: 42px 21px;
		height: auto;
		background: #F4FFFF;
		border-radius: 19px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
		border: 1px solid #106d7bba;
	}

	.industries-we-serve-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.margin-b-40 {
		margin-bottom: 30px;
	}

	.inner-principle-section {
		margin: 3% 0% 4% 0%;
		padding: 0px 20px;
	}


	.inner-principle-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.inner-principle-section .sigment-grid {
		position: relative;
		width: 100%;
		text-align: center;
		background: #FFFFFF;
		border-radius: 3px;
		border: 1px solid #D9D9D9;
		height: auto;
		padding: 20px 15px 15px 15px;
	}


	.principle-product-section .principle-product-grid {
		padding: 0px 20px;
	}

	.nav-tabs>li {
		float: initial;
		margin-bottom: -1px;
		display: block;
	}

	.principle-product-section .principle-product-grid .sigment-grid {
		position: relative;
		width: 100%;
		text-align: center;
		background: #FFFFFF;
		border-radius: 3px;
		border: 1px solid #D9D9D9;
		height: 240px;
		padding: 10px 5px 10px 5px;
	}

	.product-details-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		line-height: 25px;
		olor: #106D7B;
		margin-bottom: 20px;
		text-align: center;
	}

	.product-details-section .lef-product-summry h3 {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		/* line-height: 44px; */
		color: #106D7B;
		margin-bottom: 17px;
	}


	.product-details-section .right-product-img {
		border: 1px solid #ddd;
		float: left;
		margin-top: 30px;
	}

	.nav-tabs {
		border-bottom: 1px solid #ddd;
		background: #fff;
		margin: 30px 0px;
		text-align: center;
		padding-bottom: 1px;
	}

	.sigment-textile-section .sigment-textile-top h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #fff;
		margin-bottom: 0px;
		text-align: center;
	}

	.gallery-info {
		padding: 0px 20px;
	}

	.gallery-grids {
		border: 1px solid #ddd;
		padding: 5px;
		/* margin-right: 30px; */
		margin: 15px 0px;
		width: 100%;
	}


	.service-center-section {
		margin-top: 10px;
	}

	.service-center-section h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}

	.margin-b-60 {
		margin-bottom: 35px;
	}

	.services-single {
		background: var(--bg-color);
		/* box-shadow: 0 0.125rem 0.25rem var(--box-shadow-color-2); */
		margin-bottom: 45px;
		transition: all 0.3s ease-in;
		box-shadow: 0px 1px 1.5px 0px #bbb;
		padding: 10px 12px;
		overflow: auto;
		height: auto;
	}

	.service-icon {
		width: 40%;
		float: left;
		display: block;
	}

	.services-content {
		float: left;
		width: 100%;
		padding: 0px 0px 0px 5px;
	}

	.contact-section {
		margin: 2% 0% 2% 0%;
	}

	.contact-section .contact-1 h1 {
		font-style: normal;
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		color: #106D7B;
		margin-bottom: 0px;
		text-align: center;
	}


	.address-col-4 {
		float: right;
		margin-top: 30px;
	}


}