section.baner {
    position: relative;
    /*! overflow: hidden; */
    margin-bottom: 35px;
}

section.baner:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

section.baner .swiper-container {
    width: 100%;
    height: 100%;
}

section.baner {

}
section.baner .content {

    height:535px;
    margin-top: 100px;
}







section.baner .content .left {
font-size: 18px;
    float: left;
    width: 50%;
    height: 100%;
}

section.baner .content .left .inner {
    margin: 0;
    position: absolute;
    top: 40%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 50%;
}
section.baner .content .left h1{

    font-size: 70px;
    color: var(--primary);
    font-weight: 600;
    line-height: 62px;
    margin-bottom: 49px;
}


section.baner .content .left .inner{

}

section.baner .content .left .inner .details{

    font-size: 18px;
    line-height: 1.6;
}
section.baner .content .left .inner .details .col{

    display: inline-block;
    width: 49%;
}
section.baner .content .left .inner .details .col a{

}
section.baner .content .left .inner .email{

    margin-top: 25px;
}
section.baner .content .left .inner .email a{

    font-size: 18px;
    color: var(--primary);
    border-bottom: 1px solid var(--primary);
}
section.baner .content .left .inner .sub{

    font-size: 14px;
    margin-top: 50px;
}
section.baner .content .right{
    padding-top:15px;
    float: right;
    width: 50%;
}
/* [L] */
@media all and (max-width: 1249px)  {
	section.baner {

	}

	section.baner:after {

	}

	section.baner .swiper-container {

	}

	section.baner {

	}

	section.baner .content {

	height: unset;
	}

	section.baner .content .left {

	}

	section.baner .content .left .inner {

	}

	section.baner .content .left h1{

	font-size: 52px;
	}

	section.baner .content .left .inner{

	}

	section.baner .content .left .inner .details{

	}

	section.baner .content .left .inner .details .col{

	}

	section.baner .content .left .inner .details .col a{

	}

	section.baner .content .left .inner .email{

	}

	section.baner .content .left .inner .email a{

	}

	section.baner .content .left .inner .sub{

	}

	section.baner .content .right{

	}

}

/* [M] */
@media all and (max-width: 940px) {
	section.baner {

	}

	section.baner:after {

	}

	section.baner .swiper-container {

	}

	section.baner {

	text-align: center;
	margin-bottom: 0;
	}

	section.baner .content {

	margin-top: 17px;
	}

	section.baner .content .left {

	width: 100%;
	float: unset;
	}

	section.baner .content .left .inner {

	}

	section.baner .content .left h1{

	margin-bottom: 35px;
	}

	section.baner .content .left .inner{

	width: 100%;
	margin: 0;
	transform: unset;
	position: relative;
	}

	section.baner .content .left .inner .details{

	}

	section.baner .content .left .inner .details .col{

	width: 100%;
	margin-bottom: 20px;
	}

	section.baner .content .left .inner .details .col a{

	}

	section.baner .content .left .inner .email{

	margin-top: 20px;
	}

	section.baner .content .left .inner .email a{

	}

	section.baner .content .left .inner .sub{

	margin-top: 50px;
	}

	section.baner .content .right{

	width: 100%;
	float: unset;
	display: none;
	}

}

/* [S] */
@media all and (max-width: 520px) {
	section.baner {

	}

	section.baner:after {

	}

	section.baner .swiper-container {

	}

	section.baner {

	}

	section.baner .content {

	}

	section.baner .content .left {

	}

	section.baner .content .left .inner {

	}

	section.baner .content .left h1{

	}

	section.baner .content .left .inner{

	}

	section.baner .content .left .inner .details{

	}

	section.baner .content .left .inner .details .col{

	}

	section.baner .content .left .inner .details .col a{

	}

	section.baner .content .left .inner .email{

	}

	section.baner .content .left .inner .email a{

	}

	section.baner .content .left .inner .sub{

	}

	section.baner .content .right{

	}

}