/* common */
#c6_wrap .c_inner { max-width: 1460px; width: 100%; margin:0 auto; position: relative; padding:0 60px;}
#c6_wrap .c_title h2 {font-size: 44px; font-weight: 500; color:#000; letter-spacing: -1.1px; text-transform: uppercase; }
#c6_wrap .c_title h2 span {font-weight: 300; }
#c6_wrap .c_title p {margin-top:25px; font-size: 16px; font-weight: 300; color:#000; letter-spacing: -.4px; line-height: 1.88; }
#c6_wrap .c_btn a {display: flex; align-items: center; justify-content:center; line-height: 1; width: 235px; height: 60px; margin:40px 0 0; line-height: 1;
background-color: #394856; transition: all .3s; font-size: 14px; font-weight: 300; color:#fff; }
#c6_wrap .c_btn a:hover {background-color: #000;}


/*Content CSS*/
#c6_wrap {display: flex; }
#c6_wrap > div {width: 50%; display: flex; padding: 110px 0 140px;}
#c6_wrap > div > div {width: 100%; max-width: 680px;}
#c6_wrap .left {justify-content: flex-end; background-color: #efedeb;}
#c6_wrap .right {background-color: #506171;}
@media screen and (min-width:1461px) {
#c6_wrap .left > div {padding-right: 100px; }
#c6_wrap .right > div { padding-left: 100px;}
}

#c6_wrap .right .c_title h2 {color:#fff;}
#c6_wrap .right .title {display: flex; align-items: flex-end; width: 100%; justify-content: space-between; flex-wrap: wrap;}
#c6_wrap .right .title p {font-size: 14px; font-weight: 300; color:#fff; line-height: 1.88; position: relative; top:-5px; }
#c6_wrap .right .title p i {margin-right: 10px; }
#c6_wrap .right .info {width: 100%; display: flex; margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(255,255,255,.2);}
#c6_wrap .right .info ul {width: 50%; }
#c6_wrap .right .info ul:first-child {border-right: 1px solid rgba(255,255,255,.2); margin-right: 50px; padding-right: 50px ; white-space: nowrap;}
#c6_wrap .right .info li {font-size: 14px; font-weight: 300; color:#fff; letter-spacing: -.35px; line-height: 1.65;}
#c6_wrap .right .info li:nth-child(n+2) {margin-top: 15px; }
#c6_wrap .right .info li i {margin-right: 15px;}





@media screen and (max-width:1460px) {
    #c6_wrap .c_inner {padding: 0 50px;}

    /* content */
    #c6_wrap > div {padding: 100px 0; }
    #c6_wrap > div > div {padding:0 50px; }
    #c6_wrap .left {justify-content: flex-start; }
    @media screen and (min-width: 1025px) {
        #c6_wrap .right .info .info ul {width: 40%; }
        #c6_wrap .right .info .info ul:first-child { width: 60%;}
    }
    #c6_wrap .right .info ul:first-child {margin-right: 20px; padding-right: 20px ;}


}
@media screen and (max-width: 1024px) {
    #c6_wrap .c_inner {padding: 0 30px;}
    #c6_wrap .c_title h2 {font-size: 35px;  }
    #c6_wrap .c_title p { font-size: 15px; margin-top: 15px;}
    #c6_wrap .c_btn a {height: 50px; font-size: 13px;width: 200px; margin: 30px auto 0;}

    /* content */
    #c6_wrap {display: block; text-align: center; }
    #c6_wrap > div {width: 100%; display: block; padding: 50px 0;}
    #c6_wrap > div > div {max-width: 100%; padding:0 30px;}
    #c6_wrap .right .title {display: block;}
    #c6_wrap .right .title p {top:0; font-size: 13px; margin-top: 10px;}
    #c6_wrap .right .info {margin:30px auto 0; padding-top: 30px; text-align: left; max-width: 640px;}
    #c6_wrap .right .info li {font-size: 13px;}

}
@media screen and (max-width: 640px) {
    #c6_wrap .c_inner {padding: 0 20px;}
    #c6_wrap .c_title h2 {font-size: 30px;  }
    #c6_wrap .c_title p { font-size: 14px; margin-top: 10px;}

    /* content */
    #c6_wrap > div {padding: 40px 0;}
    #c6_wrap > div > div {padding:0 20px;}
    #c6_wrap .right .title p i {margin-right: 5px;}
    #c6_wrap .right .info {display: block; text-align: center;}
    #c6_wrap .right .info ul {width: 100%;}
    #c6_wrap .right .info ul:first-child {border:0; margin-right: 0; padding-right: 0; margin-bottom: 10px;}
    #c6_wrap .right .info li:nth-child(n+2) {margin-top: 10px;}
    #c6_wrap .right .info li i {margin-right:8px;}

}