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.single .content .left .inner {
    top: 38%;
}
section.baner .content .left .inner .bread {

    display: block;
    margin-bottom: 10px;
    color: var(--primary);
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 65px;
}


section.baner .content .left .inner .bread a {
       letter-spacing: 0;
    font-size: 14px;
    display: inline-block;
    color: var(--primary);
    border-bottom: 1px solid var(--primary);
    position: relative;
    top: -1px;
       font-weight: 600;
}

section.baner .content .left h1{

    font-size: 70px;
    color: var(--primary);
    font-weight: 600;
    line-height: 62px;
    margin-bottom: 25px;
}
section.baner .content .left .button {


    margin-top: 26px;
}
section.baner .content .left p{

padding-right: 112px;
}


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 {

	}

	section.baner .content .left {

	float: unset;
	width: 100%;
	height: unset;
	}

	section.baner .content .left .inner {

	top: 30%;
	}

	section.baner.single .content .left .inner {

	}

	section.baner .content .left .inner .bread {

	}

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

	}

	section.baner .content .left h1{

	font-size: 48px;
	}

	section.baner .content .left .button {

	}

	section.baner .content .left p{

	}

	section.baner .content .right{

	}

}

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

	}

	section.baner:after {

	}

	section.baner .swiper-container {

	}

	section.baner {

	padding-top: 25px;
	text-align: center;
	margin-bottom: 0;
	}

	section.baner .content {

	margin: 0;
	padding-bottom: 140px;
	height: unset;
	}

	section.baner .content .left {

	}

	section.baner .content .left .inner {

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

	section.baner.single .content .left .inner {

	}

	section.baner .content .left .inner .bread {

	margin-bottom: 25px;
	}

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

	}

	section.baner .content .left h1{

	line-height: 50px;
	font-size: 30px;
	line-height: 35px;
	}

	section.baner .content .left .button {

	}

	section.baner .content .left p{

	padding: 0;
	font-size: 15px;
	}

	section.baner .content .right{

	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 23px;
	}



	section.baner .content .right:after{
   content: " ";
   display: block;
   height: 0;
   clear: both;
}
	section.baner .content .right .triangleOuter{
  width: 100%;
	display: block;
	}

}

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

	}

	section.baner:after {

	}

	section.baner .swiper-container {

	}

	section.baner {

	}

	section.baner .content {

	padding-bottom: 0;
	}

	section.baner .content .left {

	width: 70%;
	text-align: left;
	}

	section.baner .content .left .inner {

	}

	section.baner.single .content .left .inner {

	}

	section.baner .content .left .inner .bread {

	}

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

	}

	section.baner .content .left h1{

	}

	section.baner .content .left .button {

	}

	section.baner .content .left p{

	font-size: 15px;
	}

	section.baner .content .right{

	position: absolute;
	clear: unset;
	width: 30%;
	top: 72px;
	right: 0;
	}

}