@media only screen and (min-width :440px) {
	.about-ul.mobile {
		display: none;
	}

	.contact-fixed-mobile {
		display: none;
	}
	.banner-mobile{
		display: none;
	}
}

@media only screen and (max-width :440px) {
	.contact-fixed-mobile {
		z-index: 999;
		text-align: center;
		position: fixed;
		bottom: 30%;
		right: 2%;
	}
	.banner{
		display: none;
	}
	.banner-mobile{
		padding-top: 65px;
	}

	.contact-fixed-mobile i {
		background-color: #00529c;
		/* transform: rotate(90deg); */
		display: inline-block;
		width: 40px;
		line-height: 40px;
		border: 1px solid rgb(111 111 111);
		font-size: 22px;
		color: white;
		height: 40px;
		border-radius: 7px;
		box-shadow: 0 2px 4px #5d5d5d;
	}

	.about-ul.mobile .active a {
		background-color: #023894;
		color: white;
	}

	.about-ul ul li {
		flex: 0 0 50%;
	}

	.banner {
		display: none;
	}

	.collapse:not(.show) {
		display: none;
	}

	.home-product {
		padding: 30px 0;
	}
	.home-product .category li{
		margin: 0 5px;
		font-size: 14px;
		text-align: center;
	}
	.home-product .more{
		font-size: 14px;
	}

	.header {
		position: absolute;
		padding: 15px 25px;
	}

	.header.fixed {
		background-color: transparent;
	}

	.header .logo a img:first-child {
		display: none;
	}

	.header .logo a img:last-child {
		display: block;
	}

	.header .logo {
		width: 25%;
	}

	.home-about {
		padding-top: 70px;
	}

	.header .navbar-toggler {
		border: 1px solid black;
	}

	.header .navbar-toggler-icon {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
	}

	.header .navbar-toggler .navbar-icon {
		width: 100%;
		height: 1px;
		background-color: #000000;
		display: inline-block;
	}

	.header .navbar-collapse {
		width: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		justify-content: center;
	}

	.header.fixed a {
		color: white !important;
	}

	.header .navbar-nav .nav-item {
		padding: 7.6px 0;
		text-align: center;
	}

	.header .navbar-nav .nav-item:last-child {
		display: none;
	}

	.home-about {
		padding: 30px 0 0;
	}

	.home-about .col-md-4 {
		margin: 10px 0;
	}

	.home-advantages {
		padding: 20px 0;
	}

	.home-advantages .box .single-advantage h4 {
		font-size: 14px;
	}

	.home-advantages .box .single-advantage .icon {
		width: 40px;
	}

	.home-advantages .box .single-advantage .two p {
		font-size: 10px;
		padding: 0 10px;
	}

	.home-advantages .box .single-advantage {
		flex: 0 0 50%;
	}

	.home-advantages .box .single-advantage:nth-child(3n) {
		flex: 0 0 50%;
	}

	.home-advantages h2 {
		margin-bottom: 10px;
	}

	.home-news .single-news .text{
		padding: 15px;
	}

	.footer .text-right,
	.footer .text-center {
		display: none;
	}

	.footer {
		padding: 30px 0 0;
	}

	.copyright {
		font-size: 14px;
		margin-top: 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.copyright p {
		flex: 0 0 100%;
		float: none;
		padding-top: 10px;
	}

	.copyright p a {
		padding: 0;
		font-size: 14px;
	}

	.footer .footer-contact+h2 {
		margin-top: 20px;
	}

	.footer h2 {
		font-size: 20px;
	}

	.header .navbar-nav .nav-item:hover .dropdown-list {
		display: none;
	}

	.bread-banner {
		display: none;
	}

	.about-ul {
		margin: 70px 0 20px;
	}

	.about-ul ul {
		display: flex;
	}

	.about-ul ul li a {
		width: 99%;
		margin: 3px;
		font-size: 14px;
		display: inline-block;
		padding: 5px;
		border: 1px solid #023894;
	}

	.about-ul ul li a:hover {
		background-color: #023894;
		color: white;
	}

	.about-profile {
		padding: 20px 0;
	}

	.about-title h2 {
		padding-left: 0;
		font-size: 24px;
	}

	.about-title {
		margin-bottom: 15px;
	}

	.about-profile a {
		margin: 10px 0;
	}

	.about-profile p {
		margin: 0;
	}

	.about-services {
		padding: 20px 0;
	}

	.about-application .col-md-4 {
		margin: 5px 0;
	}

	.about-application .text-center {
		margin-top: 5px !important;
	}

	.about-application a {
		margin-top: 10px;
	}

	.about-application {
		padding: 20px 0;
	}

	.about-techonology {
		padding: 20px 0;
	}

	.about-techonology a {
		display: inline-block;
		text-transform: uppercase;
		color: #000;
		padding: 7px 30px;
		border: 1px solid #023894;
		margin-bottom: 10px;
	}

	.video-box .single-video {
		flex: 0 0 100%;
		margin: 5px 0;
	}

	.video-box {
		flex-wrap: wrap;
	}

	.about-video {
		padding: 20px 0;
	}

	.about-video a {
		margin-top: 15px;
	}

	.about-certificate {
		padding: 20px 0;
	}

	.single-certificate {
		flex: 0 0 50%;
		margin: 5px 0;
	}

	.certificate-box {
		flex-wrap: wrap;
	}

	.main-advantages .advantages-box1 .left p {
		line-height: 25px;
	}

	.main-advantages .advantages-box1 .right {
		display: none;
	}

	.main-advantages .advantages-box1 .left {
		flex: 0 0 100%;
	}

	.main-advantages .advantages-box2 {
		border: none;
		margin: 20px 0;
	}

	.main-advantages .advantages-box3 {
		border: none;
		margin: 20px 0;
	}

	.main-advantages .advantages-box3 .left {
		flex: 0 0 80%;
	}

	.main-advantages .advantages-box3 .right {
		flex: 0 0 20%;
	}

	.main-advantages .advantages-box4 {
		display: flex;
		margin: 20px 0;
	}

	.main-advantages .advantages-box4 .bottom {
		flex-direction: column;
		padding: 0;
		justify-content: center;
		flex: 0 0 30%;
	}

	.main-advantages .advantages-box4 .top {
		flex: 0 0 70%;
	}

	.main-advantages .advantages-box4 .left {
		padding: 20px 0 30px;
	}

	.main-advantages .advantages-box4 .left img {
		width: 50px;
	}

	.main-advantages .advantages-box4 .right img:first-child {
		width: 50px;
	}

	.main-advantages .advantages-box4 .left p {
		color: black;
		font-weight: bold;
	}

	.main-advantages .advantages-box5 {
		margin: 20px 0;
	}

	.main-advantages .advantages-box6 h3 {
		text-align: left;
		padding: 10px 0;
	}

	.main-advantages .advantages-box4 p {
		margin: 0;
	}

	.main-advantages .advantages-box5 .left p {
		margin: 0;
		line-height: 25px;
	}

	.main-advantages .advantages-box5 .right {
		display: none;
	}

	.main-advantages .advantages-box5 .left {
		flex: 0 0 100%;
	}

	.main-advantages .advantages-box6 {
		border: none;
		margin: 20px 0;
	}

	.main-advantages .advantages-box7 {
		border: none;
		margin: 20px 0;
	}

	.main-advantages .advantages-box7 h3 {
		padding-bottom: 10px;
	}

	.main-advantages .advantages-box7 p:nth-child(2) {
		margin: 0;
	}

	.main-advantages .advantages-box7 .box-circular {
		width: 350px;
		height: 350px;
	}

	.main-advantages .advantages-box8 h3 {
		padding: 10px 0;
	}

	.main-advantages .advantages-box8 {
		margin-top: 10px;
	}

	.main-advantages .advantages-box8 span {
		margin: 10px 0;
		padding: 5px 10px;
		font-size: 16px;
	}

	.main-advantages .advantages-box8 img {
		width: 100%;
	}

	.main-innovative .tab-content p {
		text-align: left;
	}

	.main-application .application-box {
		padding-bottom: 5px;
	}

	.main-application .application-top p {
		margin-bottom: 0;
		font-size: 14px;
	}

	.main-application .application-bottom {
		padding: 20px 0;
	}

	.main-application .application-top .col-md-4:hover .application-box::before {
		height: 88%;
	}

	.main-application .application-bottom p {
		margin: 0;
		font-size: 14px;
	}

	.main-application .application-bottom .col-md-4:hover .application-box::before {
		height: 87.3%;
	}

	.main-application .application-top {
		padding: 20px 0;
	}

	.main-application {
		padding: 0;
	}

	.main-certificate {
		padding: 20px 0;
		margin: 0;
	}

	.bread-title .text-center {
		display: none;
	}

	.main-certificate .col-md-3 {
		width: 50%;
	}

	.main-about .top,
	.main-about .center {
		display: none;
	}

	.main-about .bottom {
		padding: 20px 0;
		flex-direction: column;
	}

	.main-about .about-top {
		padding: 0;
	}

	.main-about .bottom .left {
		flex: 0 0 100%;
		padding: 20px 0 0 0;
	}

	.main-about .bottom .left img {
		width: 100px;
	}

	.main-about .bottom .right h3 {
		padding: 15px 0 10px 0;
	}

	.main-about .bottom .right {
		padding: 0;
	}

	.main-about .bottom .right ul {
		padding: 0 15px 0;
	}

	.main-contact .contact-top h3 {
		padding: 20px 0 10px;
	}

	.main-contact .contact-bottom h3 {
		padding: 20px 0 10px;
	}

	.main-contact .contact-bottom .contact-box {
		padding: 80px 20 0;
		min-height: 190px;
	}

	.main-contact .contact-bottom .contact-btn .box-bottom {
		flex: 0 0 100%;
	}

	.main-contact .contact-bottom .box-center {
		margin-top: 10px;
		padding: 15px 0 0;
	}

	.main-contact .contact-bottom .contact-btn {
		flex-wrap: wrap;
	}

	.main-contact .contact-bottom .contact-btn {
		padding: 15px 0;
	}

	.main-contact .contact-bottom .contact-btn .box-bottom p {
		margin: 0;
		padding: 10px 0;
	}

	.main-contact {
		padding: 40px 0 20px;
	}

	.main-download {
		padding: 60px 0 20px;
	}

	.main-faq {
		padding: 60px 0 20px;
	}

	.main-faq .faq-box h3 {
		padding: 0 20px 0 0;
		font-size: 18px;
	}

	.main-faq .faq-box span {
		left: -15px;
	}

	.main-faq .faq-box.active p {
		font-size: 14px;
	}

	.main-faq .faq-box.active .faq-title {
		margin-bottom: 10px;
	}

	.main-faq .faq-box {
		padding: 15px 30px;
		margin-bottom: 15px;
	}

	.main-faq .faq-title {
		align-items: center;
	}

	.main-goods .goods-center {
		flex-wrap: wrap;
	}

	.main-goods .goods-center .item {
		flex: 0 0 50%;
	}

	.main-goods .goods-center .goods-box .goods-img {
		border-top: none;
	}

	.main-goods .goods-center .goods-box {
		padding: 10px 15px;
	}

	.main-goods .goods-btn a {
		margin-top: 10px;
	}

	.main-goods .goods-bottom .col-md-4 {
		width: 50%;
		float: left;
	}

	.main-goods {
		margin-bottom: 0;
		padding: 60px 0 20px;
	}

	.main-goods .details-bottom .details-bottom-box {
		padding: 20px;
	}

	.main-goods .details-bottom .details-img p {
		padding: 10px 0;
	}

	.main-goods-details .products-nav>ul li {
		flex: 0 0 100%;
	}

	.main-innovative {
		padding: 0;
	}

	.main-innovative .tab-content #Quality .quality-img .center img {
		padding: 0;
	}

	.main-innovative .tab-content #Quality .quality-img .center {
		padding: 0 4px;
	}

	.main-advantages {
		padding: 0;
	}

	.main-innovative .nav-tabs li {
		width: 100%;
		text-align: center;
		margin: 3px 0;
	}

	.main-innovative .nav-tabs li a {
		display: inline-block;
		width: 100%;
		padding: 10px 0;
	}

	.main-innovative .nav-tabs {
		padding-bottom: 10px;
	}

	.main-innovative .tab-content {
		padding-top: 10px;
	}

	.main-innovative .tab-content h3 {
		font-size: 20px;
		text-transform: capitalize;
		margin-bottom: 10px;
	}

	.main-innovative .tab-content #Technology .Technology-img .right .img-box {
		padding-right: 10px;
		padding-bottom: 18px;
	}

	.main-innovative .tab-content #Technology .Technology-img .right {
		padding-left: 15px;
	}

	.main-innovative .tab-content #Technology .Technology-img {
		padding-top: 10px;
	}

	.main-news .news-box {
		padding: 15px 0;
	}

	.main-news {
		padding: 0 0 20px;
	}

	.main-news .news-box .right {
		display: none;
	}

	.main-news .news-box .left {
		flex: 0 0 40%;
	}

	.main-news .news-box .center {
		flex: 0 0 60%;
	}

	.main-news .news-box .center h3 {
		font-size: 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.main-news .news-box a {
		font-size: 14px;
	}

	.main-news .news-details {
		padding: 20px 5px 5px;
	}

	.main-privacy {
		padding: 60px 0 20px;
	}

	.main-privacy .privacy-box {
		padding: 10px 0;
	}

	.main-privacy p {
		text-transform: capitalize;
	}

	.main-recruitment {
		padding: 60px 0 20px;
	}

	.main-recruitment .recruitment-top .recruitment-box .left {
		flex: 0 0 100%;
		padding: 20px;
	}

	.main-recruitment .recruitment-top .recruitment-box .right {
		flex: 0 0 100%;
		margin: 0;
		padding: 20px;
		margin-top: 5px;
	}

	.main-recruitment .recruitment-top .recruitment-box {
		flex-wrap: wrap;
		padding-top: 20px;
	}

	.main-recruitment .recruitment-top .recruitment-box p {
		font-size: 14px;
	}

	.main-recruitment .recruitment-bottom {
		padding-top: 20px;
	}

	.main-recruitment .recruitment-bottom h3 {
		padding: 0;
		text-align: left;
	}

	.main-recruitment .recruitment-bottom-box p {
		margin: 0;
	}

	.main-service {
		padding: 10px 0 20px;
	}

	.main-service .service-box {
		padding: 0;
	}

	.main-service .service-box ul li {
		font-size: 14px;
		padding-bottom: 10px;
		font-weight: bold;
	}

	.main-service .service-box .box-bottom .service-img:first-child {
		padding-right: 5px;
	}

	.main-service .service-box .box-bottom .service-img:last-child {
		padding-left: 5px;
	}

	.main-service .service-box .box-bottom {
		padding-top: 0;
	}

	.main-video {
		padding: 20px 0;
	}

	.main-fundry .nav-tabs li {
		flex: 0 0 100%;
		margin-bottom: 5px;
	}

	.main-fundry .tab-content {
		padding-top: 0;
	}

	.main-fundry .tab-content h3 {
		margin: 0;
		font-size: 20px;
	}

	.main-application #Process .col-md-3 .application-box::before {
		height: 98.5%;
	}

	.main-application #Process .application-box::before {
		height: 98%;
	}

	.main-fundry .tab-content .process-bottom .row i:nth-child(2) {
		left: 50%;
		top: 16.5%;
		transform: rotate(90deg);
	}

	.main-fundry .tab-content .process-bottom .row i:nth-child(4) {
		left: 50%;
		top: 30%;
		transform: rotate(90deg);
	}

	.main-fundry .tab-content .process-bottom .row i:nth-child(6) {
		left: 50%;
		top: 43.7%;
	}

	.main-fundry .tab-content .process-bottom .row i:nth-child(8) {
		left: 50%;
		top: 57.5%;
		transform: rotate(-90deg);
	}

	.main-fundry .tab-content .process-bottom .row i:nth-child(10) {
		left: 50%;
		top: 71%;
		transform: rotate(-90deg);
	}

	.main-fundry .tab-content .process-bottom .row i:nth-child(12) {
		left: 50%;
		top: 84.7%;
	}

	.main-fundry.workshop {
		padding: 60px 0 20px;
	}

	.mobile.ny {
		margin: 0;
		padding-top: 80px;
	}

	.main-application #Factory .application-box::before {
		height: 98%;
	}

	.main-application #Workshop .col-md-4 .application-box::before {
		height: 98%;
	}
}
