/* @media only screen and (max-width: 1750px) {

    header {

        padding: 25px 0;

        margin-bottom: 30px;

    }

    .content-left h1 {

        font-size: 44px;

        line-height: 56px;

    }

    ul.content-right li .list-title {

        font-size: 20px;

        margin-bottom: 10px;

    }

    ul.content-right li .list-content {        

        font-size: 18px;

        margin-bottom: 12px;

    }

    .content-left {

        margin-top: 20px;

    }

} */

/* @media only screen and (min-width: 1500px) {

    header a.logo {

        width: 120px;

    }

    header a.logo svg{

        width: 120px;

        height: auto;

    }

    .container {

        width: 1500px;

        margin: 0 auto;

    }

    header ul li a {

        padding: 10px 22px;

        font-size: 18px;

    }

    .content-left {

        margin-top: 10px;

        width: calc(100% - 200px);

    }

    ul.content-right {

        width: 422px;

        padding-right: 40px;

    }

    

} */



/* @media only screen and (max-width: 1580px) {

    ul.content-right li .list-content {        

        font-size: 16px;

        margin-bottom: 12px;

    }

    .content-left {

        margin-top: 20px;

    }

    ul.content-right li::before {

        bottom: 6px;

    }

    ul.content-right {

        width: 350px;

        padding-right: 80px;

    }

    .content-left {

        width: calc(100% - 350px);

    }

    ul.content-right li {

        padding-bottom: 18px;

        margin-bottom: 22px;

    }

    header ul li a {

        padding: 8px 18px;

        font-size: 12px;

    }

} */



@media only screen and (max-width: 1440px) {

    .container {

        width: 100%;

        padding: 0 8%;

    }

    .content-left h1 {

        font-size: 48px;

        line-height: 68px;

    }

    .content-left img {

        width: 97%;

        margin-left: -11%;

    }

    .content-left {

        width: calc(100% - 315px);

    }

    ul.content-right {

        width: 315px;

        padding-right: 0;

    }

    ul.content-right li{

        padding-right: 0;

    }

    ul.content-right li .list-content {

        font-size: 18px;

        margin-bottom: 4px;

        line-height: 24px;

    }    

    ul.content-right li .list-title {

        font-size: 18px;

        margin-bottom: 6px;

    }

    ul.content-right li {

        padding-bottom: 28px;

        margin-bottom: 28px;

    }

    /*header{

        margin-bottom: 40px;

    }*/

}

@media only screen and (max-width: 1400px) {

.pattern {

    bottom: -5%;

}

ul.content-right li .list-title {

    font-size: 18px;

    margin-bottom: 10px;

}

ul.content-right li .list-content {

    font-size: 16px;

    margin-bottom: 4px;

    line-height: 24px;

}

ul.content-right li {

    padding-right: 0;

}

ul.content-right li {

    padding-bottom: 18px;

    margin-bottom: 18px;

}

header{

    padding: 20px 0;

}

}

@media only screen and (max-width: 1200px) {
    .content-left h1 {
        font-size: 42px;
        line-height: 60px;
    }
}

@media only screen and (min-width: 1025px) {

    .hide-desk{

        display: none;

    }

    .mob-pattern{

        display: none;

    }

}

@media only screen and (max-width: 1024px) {

    body {

        overflow-x: hidden;

        overflow-y: auto;

    }

    .hide-desk{

        display: block;

    }

    .hide-mob{

        display: none;

    }

    .main-content {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .content-left {

        width: 100%;

        margin-top: 0;

        margin-bottom: 40px;

    }

    ul.content-right {

        width: 100%;

        padding-right: 0;

        padding: 0 4%;

    }

    .pattern{

        display: none;

    }

    header ul li {

        margin-right: 0;

    }

    .container {

        padding: 0;

    }

    .content-left img {

        width: 100%;

        margin-left: 0;

        margin: 0 auto;

    }

    .content-left h1 span {

        display: inline;

    }

    .mob-pattern{

        display: block;

        position: absolute;

        left: 0;

        bottom: 0;

        width: 100%;

    }

    header {

        padding: 16px 3%;

    }

    .content-left h1 {

        padding-left: 2%;

    }

    ul.content-right li .list-content {

        font-size: 14px;

    }    

    .content-left h1 {

        padding: 0 6%;

        font-size: 32px;

        line-height: 44px;

    }

    header ul li a {

        padding: 12px 24px;

        font-size: 14px;

    }

    .logo svg{

        width: 73px;

        height: auto;

    }   

    ul.content-right li .list-title {

        font-size: 16px;

        margin-bottom: 12px;

    }

    ul.content-right li {

        padding-bottom: 20px;

        margin-bottom: 20px;

    }

}