@media (max-width:1600px){
    .b_hero .this--content .this--img {width: 30%;}
}
@media (max-width:1400px){
    input[type=submit],
    input[type=button],
    a.btn,
    a.button,
    .button,
    .btn,
    input[type=reset]
    {font-size: 20px;}
    
    .header__main {padding: 8px 0;}
    .header__logo {width: 180px;}
    .header__nav .main_menu > li > a > span {padding: 0 24px;}
    
    .entry h1, .h1 {font-size: 32px;}
    .entry h2, .h2 {font-size: 28px;}
    .entry h3, .h3 {font-size: 24px;}
    .entry h4, .h4 {font-size: 20px;}
    .entry h5, .h5 {font-size: 18px;}
    .entry h6, .h6 {font-size: 16px;}
    
    .entry p,
    .entry li
    {font-size: 18px;}
    .entry ul,
    .entry ol
    {padding: 0 0 16px;}
    
    .footer__columns p,
    .footer__columns li
    {padding: 0 0 16px;}
    
    .b_hero .this--content .this--img {width: 22%;}
    .b_hero .this--hero h1 {font-size: 32px;}
    .b_hero .this--hero h1 strong {font-size: 40px;}
    .b_hero .this--content p {font-size: 28px;}
    .b_hero .this--content .this--desc {padding: 40px 0;}
    
    .slick-arrow {width: 64px; height: 64px; margin-top: -32px;}
    .slick-arrow svg {width: 64px !important; height: 64px !important;}
    
    .b_notice h2 {font-size: 30px;}
    .b_notice p {font-size: 24px;}
    
    .b_illustration h2 {font-size: 30px;}
    .b_illustration p {font-size: 16px; max-width: 60%; line-height: 1.3;}
    .b_illustration li {font-size: 18px;}
    .b_illustration .icon--check {width: 48px; height: 48px;}
    
    .b_resources h2 {font-size: 34px;}
    .b_resources .this--cta li a {font-size: 20px;}
    
    .b_infographic .this--body h2 {font-size: 28px;}
    .b_infographic .this--header h2 {font-size: 54px;}
    .b_infographic .this--header .header--a {width: 264px;}
    .b_infographic .this--header .main__container::before {left: 264px;}
    .b_infographic .this--header .header--b {font-size: 112px;}
    .b_infographic .this--header .header--c {font-size: 20px;}
    .b_infographic .this--header .header--c::before {right: -44px;}
    
    .b_infographic .this--numbers .this--number-count,
    .b_infographic .this--numbers .this--label
    {font-size: 40px;}
    .b_infographic .this--numbers .this--number-text {font-size: 22px;}
    .b_infographic .this--illustration p {font-size: 26px;}
    .b_infographic .this--illustration li {font-size: 20px;}
    .b_infographic .this--quote p {font-size: 24px;}
    .b_infographic .this--quote .this--author {font-size: 16px;}
    
    .b_contact h2 {font-size: 34px;}
    .b_contact p {font-size: 18px;}
    
    .b_product h1 {font-size: 52px;}
    .b_product h2 {font-size: 34px;}
    .b_product p {font-size: 16px;}

}
@media (max-width:1200px){
    .has--scrolled .header__logo img {width: 140px;}
    /* .header__logo {width: 172px;} */
    .header__nav .main_menu > li > ul {width: 240px; margin-left: -120px}
    .header__nav .main_menu > li > ul > li > a {font-size: 16px; padding: 16px;}
    .header__nav .main_menu > li > a {font-size: 16px;}
    .header__nav .main_menu > li > a > span {padding: 0 16px;}
    
    .entry p,
    .entry li
    {font-size: 16px;}

    .b_hero .this--hero h1 {font-size: 24px; padding: 48px 0 0;}
    .b_hero .this--hero h1 strong {font-size: 32px;}
    .b_hero .this--content p {font-size: 24px;}
    .b_hero .this--hero .main__container {padding: 0 40px;}
    
    .b_illustration::before {content: ''; background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
    /* .b_illustration {background-position: 100px 0px;} */
    .b_illustration h2 {font-size: 26px; padding: 16px 12px;}
    .b_illustration li {font-size: 16px; padding: 0 0 16px;}
    .b_illustration li span.this--icon {width: 32px;}
    .b_illustration .icon--check {width: 32px; height: 32px;}
    .b_illustration .this--content {padding: 48px 0;}
    
    .b_notice {padding: 40px 0;}
    .b_notice h2 {font-size: 28px;}
    .b_notice p {font-size: 20px;}
    
    .b_resources h2 {font-size: 28px;}

    .b_infographic .this--header h2 {font-size: 40px;}
    .b_infographic .this--header .main__container::before {left: 194px;}
    .b_infographic .this--header .header--a {width: 194px;}
    .b_infographic .this--header .header--b {padding: 24px 0 24px 24px; font-size: 90px;}
    .b_infographic .this--header .header--c {font-size: 18px;}
    .b_infographic .this--body p {font-size: 16px;}
    .b_infographic .this--body li {font-size: 16px;}
    .b_infographic .this--body h3 {font-size: 20px;}
    .b_infographic .this--header .header--c::before {right: 0px;}
    .b_infographic .this--numbers .this--number-count,
    .b_infographic .this--numbers .this--label
    {font-size: 36px;}
    .b_infographic .this--numbers .this--number-text {font-size: 20px;}
    .b_infographic .this--quote p {font-size: 22px;}
    
    .b_contact h2 {font-size: 30px;}
    
    .b_product .this--img {width: 50%;}
    .b_product {background-size: cover;}
    .b_product h1 {font-size: 48px;}
    .b_product h2 {font-size: 30px;}
    
}
@media (max-width:1000px){
    /* .header__logo {width: 144px;} */
    .header__main {position: relative; top: 0 !important;}
    .header__mobile {display: block;}
    
    input[type=submit],
    input[type=button],
    a.btn,
    a.button,
    .button,
    .btn,
    input[type=reset]
    {font-size: 16px;}
    
    .header__nav .main_menu > li > a {padding: 16px 0;}
    .header__nav .main_menu > li > em {top: 0; right: 0;}
    .header__nav .main_menu > li > em > a {padding: 24px;}
    .header__nav .main_menu > li > em > a > svg  {top: 20px; left: 20px; width: 24px !important; height: 24px !important;}

    .header__upper {display: none;}

    .header__nav .header__menus {position: absolute; margin-top: -4px; left: 0; width: 100%; background: #fff; display: none; border: 1px solid #ccc; border-bottom: 0; border-top: 4px solid var(--blue2); z-index: 1;}
    .header__nav.on .header__menus {display: block;}
    .header__nav .nav_upper {display: block;}
    .header__nav .main_menu > li {display: block; width: 100%; text-align: center; border-bottom: 1px solid #ccc;}
    .header__nav .main_menu > li > ul,
    .header__nav .main_menu > li:hover > ul
    {position: static; display: none; margin: 0 !important; width: 100% !important; border-top: 0;}
    .header__nav .main_menu > li.on > ul,
    .header__nav .main_menu > li.on:hover > ul
    {display: block;}
    .header__nav .main_menu > li > a > span {border: 0;}
    .header__nav .main_menu > li > ul > li:first-child {border: 0;}
    
    .search--box input[type="search"] {font-size: 16px; padding: 16px 56px 16px 16px;}
    .search--box input[type="search"] {width: calc(100% - 50px);}
    .search--box button[type="submit"] {right: 50px;}
    .search--box button[type="submit"] svg {width: 24px !important; height: 24px !important;}
    .search--box .this--cancel {margin-top: -24px;}
    .search--box .this--cancel a {padding: 12px;}
    .header__search a.this--trigger {padding: 12px; border: 1px solid #ccc; top: -1px; position: relative}
   
    .entry h1, .h1 {font-size: 26px;}
    .entry h2, .h2 {font-size: 22px;}
    .entry h3, .h3 {font-size: 18px;}
    .entry h4, .h4 {font-size: 16px;}
    .entry h5, .h5 {font-size: 14px;}
    .entry h6, .h6 {font-size: 14px;}
    
    .footer__columns {display: block; column-gap: 64px;}
    .footer__columns > div {display: block; width: 100%; padding: 0 0 16px; margin: 0; text-align: center;}
    .footer__main {padding: 16px 0 0;}
    .footer__columns h2 {padding: 16px 0;}
    .footer__credits--wrap {display: block; width: 100%;}
    .footer__credits--wrap > div {display: block; width: 100%; padding: 8px 0; text-align: center;}
    
    .page__header h1 {text-align: center; font-size: 24px;}
    .page__header h2 {text-align: center; font-size: 18px;}
    
    .entry .alignleft,
    .entry .alignright,
    .entry .aligncenter,
    .entry .alignnone
    {display: block; margin: 0 auto 16px; float: none; clear: both;}
    .entry .alignleft img,
    .entry .alignright img,
    .entry .aligncenter img,
    .entry .alignnone img
    {max-width: 100%; width: auto;}
    .wp-caption {width: 100% !important;}
    .gform_fields {width: 100%;}
    .gform_fields > .gfield {padding: 0 0 24px 0}

    .pagination > * {font-size: 16px;}
    
    .b_hero .this--hero::before {content: ''; background: linear-gradient(to right, rgba(40,37,96,1) 50%, rgba(40,37,96,0)); display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
    .b_hero .this--hero h1 {font-size: 16px; padding: 24px 0 0; color: #fff;}
    .b_hero .this--hero h1 strong {color: #fff; font-size: 16px;}
    .b_hero .this--content .this--img {padding: 16px 0;}
    .b_hero .this--content .this--img img {position: static;}
    .b_hero .this--content p {font-size: 18px;}
    
    .slick-arrow {width: 40px; height: 40px;}
    .slick-arrow svg {width: 40px !important; height: 40px !important;}
    
    .b_notice h2 {font-size: 22px;}
    .b_notice p {font-size: 18px;}
    
    .b_illustration {background-position: center;}
    .b_illustration p {max-width: 100%;}
    
    .b_resources h2 {font-size: 24px; text-align: center;}
    .b_resources .this--cta li {display: block; width: 100%; max-width: 300px; margin: 0 auto; padding: 8px 0; text-align: center;}
    .b_resources .this--cta li a {font-size: 18px;}
    
    .b_infographic .this--body h2 {font-size: 24px; text-align: center;}
    .b_infographic .this--header .main__container {margin: 48px auto 0; position: relative;}
    .b_infographic .this--header .main__container > div {display: block; width: 100% !important;}
    .b_infographic .this--header .header--a {padding: 0; text-align: center; position: absolute !important; top: -48px;}
    .b_infographic .this--header .header--b {width: auto; text-align: center; padding: 16px 16px 0;}
    .b_infographic .this--header .header--c {text-align: center; padding: 8px 16px 24px;}
    .b_infographic .this--header .header--c::before {display: none;}
    .b_infographic .this--header .header--c p {max-width: 100%;}
    .b_infographic .this--header .main__container::before {left: 0;}
    .b_infographic .this--numbers li {padding: 16px 40px 16px 16px;}
    .b_infographic .this--numbers .this--number-text {font-size: 18px;}
    .b_infographic .this--numbers .this--number-count,
    .b_infographic .this--numbers .this--label
    {font-size: 30px;}
    .b_infographic .this--illustration .main__container > div {width: 100% !important; display: block;}
    .b_infographic .this--illustration .illustration--b {padding: 16px 0 0;}
    .b_infographic .this--quote p {font-size: 18px;}
    
    .b_infographic .this--numbers .this--number-count,
    .b_infographic .this--numbers .this--label,
    .b_infographic .this--numbers .this--number-text
    {display: block; width: 100%; padding: 4px 0;}
    
    .b_contact h2 {font-size: 24px;}
    .b_contact p {font-size: 16px;}
    
    .b_product {background-position: center right; padding: 16px 0;}
    .b_product h1 {font-size: 32px; padding: 0 0 8px;}
    .b_product h2 {font-size: 24px; padding: 0 0 8px;}
    .b_product .main__container > div {width: 100% !important; display: block;}
    .b_product .this--cta li {display: block; width: 100%; max-width: 300px; margin: 0 auto; padding: 8px 0; text-align: center;}
    .b_product .this--img {padding: 0;}
    .b_product .this--content {background-color: rgba(46,110,153,.9); padding: 32px;}
    
    .floatingmsg {padding: 10px 0;}
    .floatingmsg__container > div.floatingmsg__left {display: none !important;}
    .floatingmsg__container > div.floatingmsg__right {display: block; width: 100%; text-align: center; padding: 0;}
    .floatingmsg__container > div.floatingmsg__right h2,
    .floatingmsg__container > div.floatingmsg__right p
    {display: none;}
    
    .popup__container {top: 5%; left: 50%; width: 90%; padding: 0; margin-left: -45%;}
    .popup__content {padding: 16px;}
    .gform_fields > .gfield {width: 100% !important; padding: 0 0 12px !important;;}
}
@media (max-width:767px){
}
@media (max-width:320px){
}