/*style for responsive tablet version*/

.tablet-verse{
	display: none;
}

.tiger-navigation{
	display: none;
}

.tiger-horde{
	display: none;
}

/*burger menu*/
#nav-icon4 {
	width: 45px;
	height: 15px;
	position: relative;
	margin: 0 0 0 auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#nav-icon4 span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: white;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

/* Icon 4 */

#nav-icon4 span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
	top: 18px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
	top: 9px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -9px;
	left: 8px;
}

#nav-icon4.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 23px;
	left: 8px;
}


@media screen and (min-width: 660px) and (max-width: 1024px){
.productSwipers{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.no-tablet,
	.hero-footer-paggin{
		display: none;
	}

	.tablet-verse{
		display: block;
	}

	.hero-detail-detail {
		padding: 40px 14px;
	}

	.hero-content{
		padding: 0;
	}

	.auto-height{
		height: auto !important;
	}

	.dust-black .brand img{
		-webkit-filter: unset;
		        filter: unset;
	}

	.dust-black #nav-icon4 span{
		background: #BDBDBD;
	}

	section.home .sidebar-home{
		left: 0;
	}

	section.home a.brand-company{
		display: none;
	}

	.hero-content-tablet{
		display: block !important;
		padding-top: 185px;
	}

	.list-about li a svg{
		height: 62px;
		width: 146px;
	}

	.list-about li{
		margin-bottom: 40px;
	}

	.footer-home{
		display: none;
	}

/*	-------*/

.tiger-navigation{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 22px 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 992;
}

.tiger-navside{
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.brand{
	width: 33%;
}

.brand img{
	-webkit-filter: invert(1) brightness(1.5);
	        filter: invert(1) brightness(1.5);
	height: 60px;
	-o-object-fit: contain;
	   object-fit: contain;
}

.burger-menu{
	width: 30%;
}

.hero-wrapping{
	padding-top: 2rem;
	height: auto;
}

.col-md-9.hero-content,
.col-md-9.hero-wrapping{
	max-width: 100%;
	-webkit-box-flex: 100%;
	    -ms-flex: 100%;
	        flex: 100%;
}

.detail-manufact{
	width: 100%;
	height: 400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.hero-content{
/*		background-color: #DAEDF2;*/
}

.tiger-horde {
	background-color: white;
	width: 100%;
	height: 78px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.horde-wrapps{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.horder-title-page:after{
	content: '';
	height: 3px;
	width: 18px;
	position: absolute;
	left: 0;
	top: 46%;
	background-color: #2D345E;
}

.horder-title-page h5{
	margin-bottom: 0;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;
	color: #2D345E;
	-webkit-text-stroke: 0.6px;
}

.horde-next-page span{
	text-transform: uppercase;
	font-weight: 16px;
	letter-spacing: 2px;
	color: #B0B0B0;
}

.horde-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	-webkit-column-gap: 10px;
	   -moz-column-gap: 10px;
	        column-gap: 10px;
}

h5.hero-title-wwa.wwa-title{
	margin-bottom: 30px;
}

.menu-sider {
	margin-top: 7rem;

}

.menu-navigation{
	background: white;
	position: fixed;
	z-index: 991;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
}

.menu-navigation .list-menux{
	padding: 0;
	margin: 0;
	margin-top: 8rem;
}

.menu-navigation .list-menux li{
	list-style: none;
	padding: 15px 40px;
	border-bottom: 1px solid #d8d8d8;
	position: relative;
}

.menu-navigation .list-menux li a{
	text-decoration: none;
	font-size: 2.4vw;
	color: #AFAFAF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.menu-navigation .list-menux li a img{
	display: none;
	width: 48px;
}

.menu-navigation .list-menux li.active-menu a{
	color: #4C4A4B;
	font-weight: 800;
}

.menu-navigation .list-menux li.active-menu a img{
	display: block;
}

.menu-navigation .list-menux li.active-menu:after{
	content: '';
	height: 2px;
	width: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #2D345E;
}

.contact-footer{
	padding: 40px;
	bottom: 0;
}

.contact-numb li,
.hero-mail,
.hero-address-footer p{
	font-size: 16px;
}

.showmap{
	font-size: 15px;
}

.copyright-side{
	font-size: 14px;
}

/*	----*/

.changedMenu{
	background: transparent;
}

.changedMenu .brand img{
	-webkit-filter: unset;
	        filter: unset;
}

.changedMenu #nav-icon4 span{
	background: #BDBDBD;
}

/*	-------------*/

.tiger-bg-products{
	background-size: cover !important;
	width: 100%;
	height: 100vh;
	padding: 25px;
	padding-top: 10rem;
	color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.tiger-bg-products .header,
.hero-character-tickgi-tablet-opacity{
	position: relative;
	z-index: 99;
	font-size: 16px;
}

.tiger-bg-products .header h4{
	font-family: 'Helvetica-bold';
	letter-spacing: 2px;
	text-transform: uppercase;
}

.tiger-bg-products .hero-tickgi-vd{
	margin-left: 0;
	font-size: 16px;
	margin-top: 50px;
	display: block;
	width: 102px;
	letter-spacing: 2px;
}

.hero-character-tickgi-tablet-opacity{
	margin-bottom: 5rem;
	opacity: 0;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

.active-char{
	opacity: 1;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

.hero-character-tickgi-tablet-opacity h5{
	font-family: 'Helvetica-bold';
	letter-spacing: 2px;
}

.hero-view-collection{
	font-size: 16px;
	font-family: 'Helvetica-bold';
}

.productSwipers .swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	border: 1px solid white;
	background: none;
	opacity: 1;
}

.productSwipers .swiper-pagination{
	bottom: 27px;
}

.productSwipers .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: white;
}

.hero-ovflow-hide,
.unset-row{
	--bs-gutter-x: unset;
	--bs-gutter-y: unset;
	margin-top: unset;
	margin-right: unset;
	margin-left: unset;
}

.hero-manufact-services{
	max-width: 100%;
	-webkit-box-flex: 100%;
	    -ms-flex: 100%;
	        flex: 100%;
	height: 33.33vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.hero-wrap-mfactur{
	margin-top: unset;
	width: 100%;
}

.hero-wrap-mfactur p{
	font-size: 17px;
	min-height: 65px;
}

.horder-toppers{
	position: absolute;
	z-index: 99;
	top: 110px;
}

.hero-manufact-clients{
	height: 50vh;
	max-width: 100%;
	-webkit-box-flex: 100%;
	    -ms-flex: 100%;
	        flex: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.hero-orclient-front{
	margin: 0;
}

.brandSwiper{
	width: 100%;
}

.hero-brandbrands{
	float: unset;
	margin: 0 auto;
}

.box-roll {
	padding: 20px;
	height: 100vh;
	padding-top: 140px;
}

.hero-roblock{
	width: 100%;
}

.row.ro-scroll{
	height: 100vh;
}

.pan-search{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: white;
	padding: 20px 20px;
}

.hero-news-nes{
	width: 100%;
	height: auto;
	padding: 4rem 20px;
}

.widthfl{
	max-width: 100%;
	-webkit-box-flex: 100%;
	    -ms-flex: 100%;
	        flex: 100%;
}

.tiger-forms{
	padding: 20px;
	padding-top: 7rem;
}

.qditfly{
	margin-top: 2rem;
	padding: 28px 20px !important;
}

.bg-blue{
	background-color: #DAEDF2;
}

/*-----------*/

.col-max {
	max-width: 100%;
	-webkit-box-flex: 100%;
	    -ms-flex: 100%;
	        flex: 100%;
}

img.--heightly{
	height: 50vh;
}

.--pod-medium{
	height: 25vh;
}

.--modeium{
	height: 25vh;
}

.hero-tobrands{
	height: auto;
	padding: 33px 34px;
}

.hero-tobrands p{
	font-size: 19px;
	line-height: 30px;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.more-products{
	font-size: 17px;
	width: 100%;
}

.back-brand a{
	text-decoration: none;
	font-size: 17px;
	color: #606060;
}

.back-brand {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	width: 100%;
	margin-top: 27px;
}

.flex-foot-brand{
	margin-left: 0;
	margin-right: 0;
	padding-left: 20px;
	font-size: 16px;
}

.paggin-our-brand{
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	top: 100px;
	bottom: unset;
	width: 100%;
	background-color: white !important;
}

.hero-menu-active-mobile a{
	font-size: 18px;
}
}

@media screen and (max-width: 1024px) and (max-height: 500px){

	.tiger-navigation.kim-scroll.changedMenu{
		padding: 14px 0 !important;
	}

	.tiger-navigation.kim-scroll.changedMenu .tiger-navside img{
		width: 14vw;
	}

	.tiger-navigation{
		transition: .3s ease-in-out;
	}

	.kim-scroll{
		padding: 1px 0 !important;
		transition: .3s ease-in-out;
	}

	.kim-scroll{
		background-color: rgba(255, 255, 255, 0.66);
	}
	
	.kim-scroll .brand img{
		transition: .3s ease-in-out;
		filter: unset
	}
	
	.kim-scroll.tiger-navigation .tiger-navside img{
		width: 10vw;
	}
	
	.kim-scroll #nav-icon4 span{
		background: #2f3362;
	}

	.brand{
		padding: 0;
	}

	.tiger-navigation{
		padding: 14px 0;
	}

	.tiger-navigation .tiger-navside img{
		width: 14vw;
	}

	.tiger-bg-products{
		height: 650px;
	}

	.detail-manufact{
		height: 336px !important;
	}

	.horder-title-page h5,
	.horde-next-page span,
	.hero-total-result{
		font-size: 1.5vw !important;
	}

	.menu-navigation .list-menux li a{
		font-size: 2vw !important;
	}

	.menu-navigation .list-menux{
		margin-top: 1rem !important;
	}

	.menu-sider{
		overflow-y: auto;
		height: 260px;
	}

	#nav-icon4{
		width: 28px !important;
	}

	#nav-icon4.open span:nth-child(3){
		top: 13px !important;
	}

	#nav-icon4.open span:nth-child(1){
		top: -7px !important;
	}

	.menu-navigation .list-menux li a img {
		width: 37px !important;
	}

	.contact-footer{
		position: relative;
	}

	.hero-view-collection{
		font-size: 1.5vw;
	}

	.productSwipers .swiper-pagination{
		bottom: 4px;
	}

	.productSwipers .swiper-pagination-bullet{
		width: 10px;
    	height: 10px;
	}

	.hero-manufact-services,
	.man-client-space{
		height: 100vh;
	}

	.tiger-horde{
		height: 61px;
	}

	.os-scape{
		height: 95vh !important;
	}

	.hero-wrap-mfactur.hero-orclient-front {
    	margin-top: 8%;
	}

	.hero-obrand{
		height: 600px;
    	overflow-y: auto;
	}

	.hero-brandbrands{
		margin: 203px auto;
	}

	.chng-4 svg {
    	height: 53px !important;
	}

	img.--heightly{
		height: 400px;
	}

	.--pod-medium,
	.--modeium{
    	height: 200px;
	}

	.row.ro-scroll {
    	height: auto;
    	padding-bottom: 5rem;
	}

	.mfill-header{
		height: 41px;
	}

	.mfill-body .form-check{
		font-size: 12px;
	}

	.modal-fitler{
		left: 2%;
		bottom: 60px;
		width: 38%;
		z-index: 999;
	}

	.buttonxb{
		margin-top: 17px;
	}

	.buttonxb button, .buttonxb a{
		font-size: 12px;
		height: 30px;
		width: 73px;
	}

	.mfill-body {
    	padding: 15px 15px;
	}

	section.home .sidebar-home{
		top: 10rem;
	}

	.paggin-our-brand{
		position: absolute;
	}

	.hero-news-nes{
		padding: 0;
	}

	.hero-detail-detail {
    	padding: 40px 25px;
	}

	.head-news{
		margin-top: 2rem;
	}

	.hero-roblock a img{
		height: 166.65px;
	}

	.tiger-navigation .tiger-navside img{
		transition: .3s ease-in-out;
	}

	.hero-ctop{
		overflow-y: unset;
	}

	.box-roll{
		height: auto;
	}

	.hero-content.no-overflow-x{
		overflow-x: unset;
	}

	.menu-sider {
    	margin-top: 6rem;
	}

	.contact-footer{
		margin-top: 1rem;
	}
}

@media screen and (max-width: 1024px) and (max-height: 768px){
	.menu-navigation{
		overflow-y: auto;
	}

	.contact-footer{
		position: relative;
	}

	.hero-manufact-services{
		height: 100vh;
		max-width: 33.33%;
	}

	.hero-manufact-clients{
		height: 100vh;
		max-width: 50%;	
	}

	.kim-scroll.changedMenu{
		padding: 22px 0;
	}

	.kim-scroll.changedMenu .brand img{
		height: 60px;
	}

	.kim-scroll{
		background-color: rgba(255, 255, 255, 0.80);
		padding: 16px 0;
		transition: .3s ease-in-out;
	}

	.kim-scroll .brand img{
		filter: unset;
    	height: 40px;
    	transition: .3s ease-in-out;
	}

	.kim-scroll #nav-icon4 span{
		background-color: #2d345e;
		transition: .3s ease-in-out;
	}

	.menu-navigation .list-menux li a{
		font-size: 2vw;
	}

	.contact-numb li, .hero-mail, .hero-address-footer p{
		font-size: 14px;
	}

	.showmap {
    	font-size: 13px;
	}

	.tiger-horde{
		height: 66px;
	}

	.hero-ctop,
	.row.ro-scroll{
		overflow-y: unset;
	}

	.box-roll,
	.row.ro-scroll{
		height: auto;
	}

	.hero-roblock a img{
		height: 168.65px;
	}

	.list-about {
    	margin-top: 13rem !important;
	}

	.chng-4 svg {
    	height: 4.7vw !important;
	}
}