/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 1024px) {
	#mainmenu .open-main-menu {
		display: flex !important;
	}

	.mobile-top-header,
	.contact-mobile {
		display: none;
	}
}

@media only screen and (max-width: 1400px) {
	.section-row {
		padding: 80px 0;
	}

	.section-row.contact-section {
		padding-bottom: 200px;
	}
}

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

	.about-section .img-box .inner-column .image-box .image {
		border-radius: 80px 0 0 0;
	}


	.certification-boxes a img {
		height: 200px;
	}

	.counter-row {
		grid-template-columns: repeat(4, 1fr);
	}

	.hero-style .slide-title h2 {
		/* font-size: 50px; */
	}



	.sidebar {
		max-width: 280px;
	}

	.hero-slider .swiper-button-prev,
	.hero-slider .swiper-button-next {
		display: none !important;
	}

	.contact-section .cols {
		grid-gap: 20px 0;
	}

	.contact-section .cols .col {
		width: 50%;
	}
}

/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	li.has-menu>a:before {
		display: none;
	}

	.mobile-top-header {
		padding: 20px;
		display: flex;
		align-items: center;
		background-color: var(--primary);
		width: 100%;
		justify-content: space-between;
		grid-gap: 20px;
		border-bottom: 1px solid #ddd;

	}

	.mobile-top-header .close-menu {
		width: 25px;
		height: 25px;
		opacity: 1;
	}

	.mobile-top-header .close-menu img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		padding: 5px;
		filter: invert(1) brightness(1000);
		-webkit-filter: invert(1) brightness(1000);
	}

	.contact-mobile {
		display: flex;
		flex-direction: column;
		padding: 20px;
		margin-top: auto;
		width: 100%;
		grid-gap: 5px;
		background: #f7f7f7;
		border-top: 1px solid #ddd;
	}

	.contact-mobile span {
		font-weight: 600;
		color: var(--primary);
	}

	.contact-mobile a {
		color: #999;
		font-size: 14px;
		display: flex;
		align-items: center;
		grid-gap: 8px;
	}

	.contact-mobile a i {
		color: var(--primary);
	}

	.open-main-menu .mobile-logo img {
		/* position: absolute;
		left: 20px;
		top: 28px;
		border: 0;
		background: transparent; */
		filter: invert(1) brightness(1000);
		-webkit-filter: invert(1) brightness(1000);
	}

	.open-main-menu .mobile-logo a {
		/* padding: 0 !important; */
	}

	#mainmenu .open-main-menu>ul>li {
		margin: 0;
	}

	#mainmenu ul .mobile-logo img {
		width: 120px;
		height: 30px;
		object-fit: contain;
		position: static;
		object-position: left center;
		transform: none;
	}

	#mainmenu li a img {
		left: 20px;
	}

	.open-main-menu {
		display: none;
		position: fixed;
		left: 0;
		width: 80%;
		top: 0;
		background: var(--white);
		z-index: 9;
		height: 100%;
		align-items: flex-start;
		flex-direction: column;
	}

	#mainmenu ul:not(.dropdown) {
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		font-size: 14px;
		flex-direction: column;
		width: 100%;
		display: block;
	}

	#mainmenu ul .dropdown {
		position: static;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		display: block;
	}

	#mainmenu .open-main-menu:before {
		content: '';
		position: absolute;
		left: 100%;
		top: 0;
		width: 100%;
		height: 100%;
		background: transparent;
		z-index: -1;
		background: rgba(0, 0, 0, 0.8);
		visibility: hidden;
		opacity: 0;
		backdrop-filter: blur(30px);
		-webkit-backdrop-filter: blur(30px);
		transition: all 350ms ease;
	}

	body.overlay #mainmenu .open-main-menu:before {
		visibility: visible;
		opacity: 1;
	}

	body.overlay .menulines-button,
	body.overlay .contact-us-btn {
		opacity: 0;
		pointer-events: none;
	}

	#mainmenu ul li {
		float: none;
		margin: 0;
		padding: 0;
		border-bottom: solid 1px var(--gray);
		/* background: #f7f7f7; */
		width: 100%;
	}

	#mainmenu ul:not(.dropdown) li:last-child {
		border-bottom: 0;
	}

	#mainmenu ul li.has-menu>a {
		border-bottom: solid 1px var(--gray);
	}

	#mainmenu .dropdown li a {
		border: 0;
	}

	#mainmenu .dropdown li:last-child {
		border: 0;
	}


	#mainmenu ul:not(.dropdown)>li>a,
	#mainmenu ul>li>ul>li {
		padding: 8px 20px 8px 50px !important;
		display: block;
	}

	/* #mainmenu .dropdown li span a {
		color: #555;
	} */

	#mainmenu .dropdown li a img {
		left: 20px;
		top: 21px;
	}

	#mainmenu ul li a:after {
		display: none;
	}

	/* Responsive Menu line icon*/
	#menu {
		display: flex;
		align-items: center;
		width: 35px;
		height: 22px;
		position: relative;
		margin: 0;
		transform: rotate(0deg);
		transition: .5s ease-in-out;
		cursor: pointer;
		z-index: 9;
	}

	.menulines-button span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: var(--primary);
		border-radius: 9px;
		opacity: 1;
		left: 0;
		transform: rotate(0deg);
		transition: .25s ease-in-out;
	}

	.menulines-button span:nth-child(1) {
		top: 0px;
	}

	.menulines-button span:nth-child(2),
	.menulines-button span:nth-child(3) {
		top: 10px;
	}

	.menulines-button span:nth-child(4) {
		top: 20px;
	}

	.menulines-button.open span:nth-child(1) {
		top: 13px;
		width: 0%;
		left: 50%;
	}

	.menulines-button.open span:nth-child(2) {
		transform: rotate(45deg);
	}

	.menulines-button.open span:nth-child(3) {
		transform: rotate(-45deg);
	}

	.menulines-button.open span:nth-child(4) {
		top: 13px;
		width: 0%;
		left: 50%;
	}

	body {
		min-width: 320px;
	}

	/* img {
		max-width: 100%;
		width: auto;
		height: auto;
	} */

	.wrap {
		width: auto;
		padding: 0 20px;
	}

	#logo {
		width: 120px;
	}

	.buttonset .col a {
		margin: 0 5px 8px 0;
	}

	.default-grid.cols4 .col {
		width: 50%;
	}

	.cols2.default-grid.tab-grid .col {
		width: 100%;
	}

	.image-block figure {
		width: 45%;
	}

	.about-row {
		flex-direction: column;
		grid-gap: 30px;
	}

	.about-row>div {
		width: 100%;
		padding: 0;
	}

	.about-section .img-box .inner-column .image-box .image {
		border-radius: 50px 50px 0 0;
	}

	.exp-box {
		right: 20px;
		bottom: -50px;
	}

	.about-section .img-box .inner-column {
		margin-right: 0;
	}

	.image-box figure {
		width: 100%;
	}

	.image-box figure img {
		width: 100%;
		height: 500px;
		object-fit: cover;
	}

	h1,
	h2 {
		font-size: 30px;
	}

	.sec-title-two h2+p {
		margin-top: 20px;
	}

	.jorney-row .journey-year h2 {
		font-size: 40px;
		width: 142px;
	}

	.jorney-row .journey-info-box .journey-img {
		min-width: 142px;
	}

	.jorney-row .journey-info-box .journey-img figure {
		width: 100%;
		padding: 0;
	}

	.card-achive span {
		font-size: 40px;
	}

	.footer-row {
		grid-template-columns: repeat(2, 1fr)
	}

	.inner-banner h2 {
		font-size: 25px;
	}

	.header-row {
		padding: 20px 0;
		transition: padding 350ms ease-in-out;
	}

	#header.sticky .header-row {
		padding: 15px 0;
	}

	.customer-info h4 {
		font-size: 24px;
	}

	.contact-form-field {
		padding: 40px 30px;
	}

	.contact-section .default-grid.cols.cols3 .col {
		flex: 1 0 50%;
		margin-bottom: 20px;
	}

	.contact-section {
		padding-bottom: 160px !important;
	}

	.header-row {
		display: flex;
		align-items: center;
	}

	#mainmenu {
		order: 1;
		margin-left: 20px;
	}

	.button.contact-us-btn {
		margin-left: auto;
		font-size: 0;
		width: 35px;
		height: 35px;
		overflow: hidden;
		padding: 2px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#header.sticky .button.contact-us-btn {
		padding: 2px;
	}

	.button .btn-icon {
		margin: 0;
		font-size: 14px;
	}

	.vision-content {
		padding: 60px 20px 60px 20px;
		min-height: auto;
		justify-content: flex-start;
	}

	.vision-row:nth-child(even) .vision-content {
		padding: 60px 20px 60px 20px;
	}

	.product-list {
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px 20px;
	}

	.custom-tab {
		grid-gap: 20px;
	}

	.tab-boxes {
		grid-gap: 20px;
		grid-template-columns: 1fr 1fr;
	}

	.product-box-style {
		padding: 10px;
	}

	.size-info {
		padding: 10px 0 5px;
		font-size: 16px;
	}

	.banner-content {
		padding-left: 0;
	}
}

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

	.ani-element {
		opacity: 1 !important;
	}

	.ani-element.up {
		transform: none !important;
	}

	.ani-element.down {
		transform: none !important;
	}

	.ani-element.left {
		transform: none !important;
	}

	.ani-element.right {
		transform: none !important;
	}

	/* #header { position:relative; } */


	.default-grid.cols3 .col {
		width: 50%;
	}

	.tab-data:not(.only-tab) .tabnav {
		display: none;
	}

	.tab-container {
		padding: 0;
		border: none;
	}

	.tab-data {
		margin: 0 0 0;
	}

	.tab-container .tabMobiletrigger {
		background: #f3f3f3;
		border: medium none;
		font-size: 16px !important;
		text-transform: none;
		margin: 0 0 20px;
		padding: 20px 54px 20px 20px;
		position: relative;
		cursor: pointer;
		font-weight: 500;
		border-radius: 8px;
		overflow: hidden;
	}

	.tabMobiletrigger:after {
		border-left: 8px solid rgba(0, 0, 0, 0);
		border-right: 8px solid rgba(0, 0, 0, 0);
		border-top: 8px solid #848690;
		content: "";
		margin-top: -3px;
		position: absolute;
		right: 19px;
		top: 50%;
	}

	h2.tabMobiletrigger.rotate {
		background: #f1624b;
		color: #fff;
	}

	.tabMobiletrigger:before {
		background: rgba(0, 0, 0, 0.08);
		content: "";
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 54px;
		z-index: 1;
	}

	.tabcontent {
		padding: 15px 0;
		margin: 0;
	}

	.tabMobiletrigger.rotate:after {
		border-top-color: #fff;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.heading-listblock.cols2 .col,
	.dropcaps-box.cols2 .col {
		width: 100%;
	}


	.section-row {
		padding: 60px 0;
	}

	.about-section .img-box .inner-column .image-box .image {
		border-radius: 20px 20px 0 0;
	}

	.image-box figure img {
		height: 350px;
	}

	.exp-box {
		padding: 20px;
		width: 150px;
		border-radius: 10px;
	}

	.exp-box .title {
		font-size: 30px;
		line-height: normal;
		margin-bottom: 0;
	}

	.exp-box .text {
		font-size: 16px;
	}

	h1,
	h2 {
		font-size: 30px;
	}

	.button {
		font-size: 16px;
		padding: 15px 30px;
	}

	.inner-column .button {
		margin-top: 30px;
	}

	.certification-boxes {
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}

	.counter-row {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.hero-style .slide-title h2 {
		/* font-size: 40px; */
	}

	.banner-content {
		/* padding-left: 20px; */
	}

	.fmenu {
		grid-gap: 5px;
	}

	.contact-form-box {
		grid-template-columns: 1fr;
	}

	.map-box {
		height: 400px;
	}

	.contact-box {
		padding: 20px;
	}

	.contact-form-field {
		padding: 40px 20px 30px;
	}

	.contact-form-section {
		padding-bottom: 50px;
	}

	.contact-section .default-grid.cols.cols3 .col {
		flex: 100%;
		margin-bottom: 20px;
	}

	.vision-row {
		grid-template-columns: 1fr;
	}

	.vision-img {
		min-height: 400px;
	}

	.vision-row:first-child .vision-content {
		order: 1;
	}

	.group-of-company-row {
		grid-gap: 30px 30px;
	}

	.group-of-company-row figure {
		width: 20%;
	}

	.group-of-company-row figure img {
		width: 100%;
	}

	.net-work h6 {
		font-size: 14px;
	}

	.product-inner-box .content-box .title {
		font-size: 20px;
	}

	.sidebar {
		display: none;
	}

	.product-box-style {
		padding: 20px;
	}

	.tab-container .tabMobiletrigger {
		background: #fef2e8;
	}
}

/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {

	body {
		font-size: 14px;
	}

	.default-grid.cols3 .col,
	.default-grid.cols2 .col,
	.default-grid.cols4 .col {
		width: 100%;
	}

	table.res-table tr th {
		display: none;
	}

	table.res-table tr td {
		display: block;
		position: relative;
		padding-left: 50%;
	}

	table.res-table td:before {
		content: attr(data-th) ": ";
		font-weight: bold;
		width: 50%;
		display: block;
		padding-right: 10px;
		position: absolute;
		left: 0;
		top: 0;
		padding: 10px 10px;
	}

	table.res-table {
		border-top: 0;
	}

	.list-block.cols3 .col {
		width: 100%;
	}

	.image-block figure {
		width: 100%;
		float: none;
		padding-right: 0;
	}

	.image-block.right-align figure {
		padding-left: 0;
	}

	.company-logo-box {
		padding: 20px 10px;
	}

	.sec-title {
		margin-bottom: 40px;
	}

	h1,
	h2 {
		font-size: 25px;
	}

	.counter-row {
		grid-template-columns: 1fr 1fr;
	}

	.card-achive>p {
		font-size: 16px;
	}

	.card-achive span {
		font-size: 30px;
	}

	.footer-row {
		grid-template-columns: repeat(1, 1fr)
	}

	.footer-box h6 {
		margin-bottom: 10px;
		font-size: 18px;
		padding-left: 12px;
	}



	.footer-social {
		max-width: 100%;
	}




	.address .contact-footer li:last-child {
		margin-bottom: 0;
	}

	address {
		margin-bottom: 0;
	}

	.address .contact-footer li span i {
		font-size: 16px;
	}

	.footer-social li a {
		font-size: 14px;
		width: 38px;
		height: 38px;
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.footer-social {
		margin-top: 0;
	}

	.bottom-footer {
		padding: 15px 0;
	}

	.bottom-footer p {
		font-size: 14px;
	}

	/* .hero-slider {
		height: 360px;
	} */

	.hero-style .slide-title h2 {
		font-size: 25px;
	}

	.about-row .image-box figure.image {
		height: 360px;
	}

	.contact-box figure img {
		width: 40px;
		height: 40px;
	}

	.contact-box h5 {
		font-size: 18px;
	}

	.contact-form-field .sec-title {
		margin-bottom: 10px;
	}

	.group-of-company-row {
		grid-gap: 30px 30px;
	}

	.group-of-company-row figure {
		width: 28.33%;
	}

	.product-list {
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}

	.tab-boxes {
		grid-template-columns: 1fr;
	}

	.tab-content-box h4 {
		margin-bottom: 20px;
		width: 100%;
		font-weight: 500;
		font-size: 20px;
		display: none;
	}

	.video-responsive {
		padding: 0;
		aspect-ratio: 400/400;
	}

	.product-section .sec-title,
	.arrow-abs .sec-title {
		padding-right: 0;
	}

	.swiper-btn-row {
		position: static;
		margin-top: 20px;
	}

	.fmenu li a,
	address,
	.address .contact-footer li a,
	.address .contact-footer li {
		font-size: 14px;
		line-height: normal;
	}

	.related-product-section .sec-title {
		padding-right: 0;
	}
}

/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {

	.form-inline .form-group label,
	.form-inline .form-group .field-box {
		float: none;
		display: block;
		width: auto;
	}

	.form-inline .form-group label {
		padding: 0 0 5px;
	}

	.form-inline .form-group label.blank {
		display: none;
	}

	.group-of-company-row figure {
		width: 40%;
	}

	.group-of-company-row figure img {
		height: 40px;
	}

	.group-of-company-row {
		/* justify-content: space-between; */
	}

}

/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {



	.jorney-row .journey-info-box .journey-img {
		min-width: 100px;
		padding-top: 20px;
		width: 100px;
	}

	.jorney-row .journey-year h2 {
		width: 100px;
		font-size: 30px;
	}

	.jorney-row .journey-info-box .journey-details h4 {
		font-size: 16px;

	}

	.jorney-row .journey-year:before {
		width: calc(100% - 100px);
		right: 0;
	}

	.jorney-row .journey-year>span {
		right: 0;
		top: -6px;
		width: calc(100% - 100px);
	}

	.jorney-row .journey-info-box .journey-details p {
		font-size: 14px;
	}

	.jorney-row .journey-info-box .journey-details {
		padding: 20px 20px 0;
		max-width: 200px;
		width: auto;
	}

	.jorney-row .journey-info-box .journey-img::before {
		height: 30px;
	}

	.footer-social li a {
		width: 38px;
		height: 38px;
	}

	.footer-social {
		grid-gap: 4px;
	}
}