@charset "utf-8";
@media (min-width: 576px){

}
@media (min-width: 768px){
	.navbar.bsnav.bsnav-brand-center .navbar-brand {
		padding-right: 0;
		width: 126px;
		text-align: center;
		height: 100px;
	}
	.header .navbar .bsnav-brand-center-wrapper {
		min-height: 137px;
	}
}
@media (min-width: 992px){
	.header .navbar.nav-seperate-box-st .navbar-collapse > .navbar-nav > li > .nav-link {
		padding: 25px 22px;
	}
	body.about .page-content .bottombox .sopimg {
		display: none;
	}
}
@media (min-width: 1200px){

}

@media (min-width: 1400px){

}
@media (max-width: 1199px) {
	.p1 .list-item,
	.p1 .topbox .list-item,
	.p1 .bottombox .list-item,
	body.about .txt .list-item,
	body.about .txt .topbox .list-item {
		width: 100%;
		margin-bottom: 18px;
		min-height: 100px;
	}
	body.about .list-item .title {
		text-align: left;
	}
	.p1 .list-item .icon, body.about .txt .list-item .icon {
		margin-bottom: 0;
		position: absolute;
		left: -21px;
		top: calc(50% - 90px / 2);
		margin: 0;
	}
	.p1 .list-item, body.about .txt .list-item {
		padding-left: 86px;
	}
}
@media (max-width: 991px) {
	body.about .page-content .sopbox .inner .second {
		margin: 106px 0;
	}
	body.about .page-content .sopbox .inner .sm-circle::before {
		top: -185px;
	}
	body.about .page-content .sopbox .inner .sm-circle::after {
		bottom: -73px;
	}

	body.about .page-content .sopbox .inner .sm-circle::after,
	body.about .page-content .sopbox .inner .sm-circle::before {
		transform: rotate(90deg);
	}
	body.about .page-content .sopbox .inner .sm-circle::before, body.about .page-content .sopbox .inner .sm-circle::after {
		right: auto;
		left: calc(50% - 50px /2);
	}
	body.about .page-content .sopbox .inner .big-circle:before {
		left: calc(50% - 200px / 2);
		top: calc(50% - 200px / 2);
		width: 200px;
		height: 200px;
	}
	body.about .page-content .sopbox .bottombox .inner::after {
		left: 42px;
		width: 100px;
		height: 29px;
		top: 147px;
	}
	body.about .page-content .sopbox .bottombox .inner:before {
		left: 0;
		top: 158px;
		bottom: 80px;
		padding-right: 50px;
		background-size: auto 100%;
	}
	body.about .page-content .sopbox .bottombox .sop .list_item:after {
		right: -72px;
	}
	body.about .page-content .sopbox .bottombox .sop .list_item {
		width: 40%;
	}
	body.about .page-content .sopbox .bottombox .sop {
		align-items: start;
	}
	body.about .page-content .sopbox .bottombox .up.sop .list_item.i1 {
		margin-bottom: 268px;
	}
	body.about .page-content .sopbox  .bottombox .up.sop .list_item.i1:before {
		top: auto;
		bottom: -51px;
	}
	body.about .page-content .bottombox .up.sop .list_item.i2:before {
		color: #333;
		width: auto;
		padding-bottom: 0;
		background-size: 100% auto;
		font-size: 15px;
		writing-mode: vertical-rl;
		display: flex;
		position: absolute;
		left: -121px;
		top: auto;
		bottom: -191px;
		align-items: center;
		justify-content: center;
		padding-right: 20px;
		background: url(../images/sop_arrow3-01.svg) no-repeat bottom right;
		background-size: auto 100%;
		min-height: 130px;
	}
	body.about .page-content .bottombox .inner {
		display: none;
	}
	.p1 .d-flex .leftbox,
	.p1 .d-flex .rightbox,
	body.about .txt .d-flex .leftbox,
	body.about .txt .d-flex .rightbox, .titlebox .desc, .titlebox h3 {
		width: 100%;
	}
	.p1 .d-flex .rightbox, body.about .txt .d-flex .rightbox {
		padding: 30px;
	}
	.titlebox h3 {
		border-right: 0;
	}
	.titlebox {
		margin-bottom: 0;
		text-align: center;
	}
}
@media (max-width: 767px) {

.bsnav-mobile .navbar .navbar-brand, .bsnav-brand-center .navbar-nav:first-child {
    height: auto;
    width: 80px;
    padding: 0;
}

.bsnav-mobile.bsnav-center .navbar {
    justify-content: center;
}
.navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
    background-color: #fff;
}
.footer .footer-info img{
    margin-left: 0 !important;
    margin-bottom: 12px;
}
.wid-float-section ul {
    background: rgba(0, 0, 0, 0.9);
}
.header .navbar .small-btn-box .navbar-toggler:before {
		content: "menu";
		/* position: absolute; */
		display: block;
		font-size: 15px;
		margin-top: 27px;
	}
	
	.bsnav .navbar-toggler {
		height: 43px;
	}
.wid-float-section ul li a:hover, .wid-float-section ul li a:hover .icon {
    color: var(--second-color);
}
.footer .footer-info .left-box{
	order:3;
}
.footer .footer-info .right-box, .footer .footer-info .left-box, .footer .footer-info img {
    margin: 5px 0;
}
body.home .page-content .home-contact-area .container {
    width: 100%;
}
body.home .contact-form {
    width: 100%;
}
body.home .sec01 {
    padding: 46px 0 !important;
}
body.home .page-content .videobox {
    padding: 92px 0 46px 0 !important;
}
}
@media (max-width: 575px) {
body.home .news-sec .slick-arrow.btn-prev {
    left: 0px;
}
body.home .news-sec .slick-arrow.btn-next {
    right: 0px;
}
}