

@media only screen and (max-width: 1700px){
	.main-header .header-lower .outer-box .ui-btn-outer{
		border-right: 0;
		margin-right: 0;
		padding-right: 0;
	}

	/* .header-style-five .info-btn,
	.header-style-two .info-btn,
	.header-style-one .info-btn{
		display: none;
	} */

	.header-style-one .header-lower .logo-box{
		margin-right: 30px;
	}
	
	.main-menu .navigation>li {
		margin-right: 50px;
	}

	/* .project-section .carousel-outer{
		margin-left: -100px;
		margin-right: -100px;
	}

	.features-section-three .carousel-outer{
		max-width: 1200px;
		padding: 0;
		margin: 0 auto;
	}

	.header-style-four .header-lower,
	.header-style-two .header-lower,
	.header-style-two .header-top{
		padding: 0 30px;
	}

	.header-style-five .header-lower{
		padding-right: 30px;
	} */
}

@media only screen and (max-width: 1439px){
	/* .main-header .header-lower .logo-box {
		min-width: 260px;
		margin-right: 20px;
	} */

	/* .header-top {
		margin-left: 220px;
		padding-right: 30px;
	} */


	.main-menu .navigation>li {
		margin-right: 30px;
	}

	
}


@media only screen and (max-width: 1199px){
	.header-top{
		margin-left: 0;
		padding: 0;
	}

	.main-header .main-box{
		align-items: center;
	}

	.main-header .header-lower .logo-box{
		margin-top: 0;
		min-height: auto;
	}

	

	
}


@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
}

@media only screen and (max-width: 1023px){
	.header-top,
	.main-header .main-menu {
		display: none;
	}

	.main-header .logo {
		min-width: auto;
	}

	.main-header .logo img,
	.sticky-header .logo img {
		width: auto;
		max-width: none;
		max-height: 45px;
	}

	.mobile-nav-toggler {
		display: block;
	}



	.main-header .main-box .nav-outer {
		width: auto;
	}

	.main-header .main-box{
		justify-content: space-between;
	}


}

.pt-120{padding-top:70px}


@media only screen and (max-width: 767px){
	.custm_img{order: 2;}
	.custm_desc{padding:20px}
		.client-title .tit-48{line-height: 50px;}
	.abo2{order:2}
.abo1{order:1}
.abo3{order:4}
.abo4{order:3}
.page-title .title{font-size:40px}
.page-title{padding-top: 145px;}
.insec3 .w1480{padding-top:1rem}
.about-top-page.fixed-header{top:65px}
.client-title{margin-bottom:0}
.historysss{width:100%}
.u-image-contain{display:none}
.about-value .value-swiper .tit-16{height:auto; margin-bottom:20px}
.pt-120{padding-top:70px}
.insec3 .w1480 .tit-14{width:100%;line-height: 26px;
  margin: 0;}
  .insec3 .ritab{width:100%; position:relative; display:none}
  .insec3 .ritab .item .tit-24{font-size:16px}
  .process_list .position .item_img, .process_list .position .item_con{width:100%}
  .social-icon{margin-bottom:20px}
  .product-details .product-info .product-details__top{padding-top:20px}
  .app-dtl-otr-prt .col-md-4{margin-bottom:20px}
  .service-card-items{height:auto}
  .footer-widget-items{margin-bottom:30px}
  
.insec3 .w1480 .tit-48{font-size:32px}

	.main-slider .title{
		padding: 7px 20px;
	}

	.main-slider .title:before{
		display: none;
	}
	.process_list .position .item_con{padding:20px}
	
}



@media only screen and (max-width: 599px){
	.hero-content p{line-height: 20px;}
	.insec3 .w1480 .ico{width: 2.3rem;}
	.insec3 .w1480 .tit-48{font-size:25px;line-height: 26px;}
	.hero-5 .banner-outer .hero-content{padding: 90px 30px 80px;}
	.main-header .header-lower .logo-box {
		padding-left: 0;
	}

	
	.main-header .header-lower .logo-box {
		min-width: auto;
		margin-right: 0px;
		max-width: 140px;
	}

	
	.main-header .header-lower .logo-box .logo img {
		max-width: 140px;
	}
}
