* {box-sizing: border-box;padding: 0;margin: 0; }

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a{text-decoration:none;}
a:active,
a:hover,
a:focus{
  outline: 0 !important;
}
abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

ul{margin:0px;padding:0px;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {font-size: 100%;}

a {text-decoration: none;}

img {max-width: 100%;display: block;}

.clear:after{content: "";display: block;clear: both;}

input, textarea,select,button{padding: 0;}
input:focus, input:active,select:focus, select:active, textarea:focus, textarea:active, button:focus, button:active{outline: 0;}


@font-face {
  font-family: 'GT America';
  src: url("https://info.checkmarx.com/hubfs/Fonts/GT-America-Standard-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*@font-face {
  font-family: 'GT America';
  src: url("https://info.checkmarx.com/hubfs/Fonts/GT-America-Standard-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'GT America';
  src: url("https://https://info.checkmarx.com/hubfs/Fonts/GT-America-Standard-Regular-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; 
}

@font-face {
  font-family: 'GT America';
  src: url("https://info.checkmarx.com/hubfs/Fonts/GT-America-Standard-Bold-Italic.woff") format("woff");
  font-weight: bold;
  font-style: italic; 
}

@font-face {
  font-family: 'GT America Expanded';
  src: url("https://info.checkmarx.com/hubfs/Fonts/GT-America-Expanded-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; 
}

@font-face {
  font-family: 'GT America Expanded';
  src: url("https://info.checkmarx.com/hubfs/Fonts/GT-America-Expanded-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; 
}

@font-face {
  font-family: 'GT America Mono';
  src: url("https://info.checkmarx.com/hubfs/Fonts/GT-America-Mono-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; 
}

@font-face {
  font-family: 'GT America Mono';
  src: url("https://info.checkmarx.com/hubfs/Fonts/GT-America-Mono-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; 
}*/

/** fonts **/
@font-face {
  font-family: 'ArialBlack';
  src: url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/ArialBlack/ArialBlack.eot');
  src: url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/ArialBlack/ArialBlack.eot') format('embedded-opentype'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/ArialBlack/ArialBlack.woff2') format('woff2'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/ArialBlack/ArialBlack.woff') format('woff'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/ArialBlack/ArialBlack.ttf') format('truetype'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/ArialBlack/ArialBlack.svg#ArialBlack') format('svg');
}

@font-face {
  font-family: 'GTAmericaBold';
  src: url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/GTAmericaBold/GTAmericaBold.eot');
  src: url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/GTAmericaBold/GTAmericaBold.eot') format('embedded-opentype'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/GTAmericaBold/GTAmericaBold.woff2') format('woff2'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/GTAmericaBold/GTAmericaBold.woff') format('woff'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/GTAmericaBold/GTAmericaBold.ttf') format('truetype'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/GTAmericaBold/GTAmericaBold.svg#GTAmericaBold') format('svg');
}

@font-face {
  font-family: 'MinionProRegular';
  src: url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MinionProRegular/MinionProRegular.eot');
  src: url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MinionProRegular/MinionProRegular.eot') format('embedded-opentype'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MinionProRegular/MinionProRegular.woff2') format('woff2'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MinionProRegular/MinionProRegular.woff') format('woff'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MinionProRegular/MinionProRegular.ttf') format('truetype'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MinionProRegular/MinionProRegular.svg#MinionProRegular') format('svg');
}

@font-face {
  font-family: 'MontserratLight';
  src: url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratLight/MontserratLight.eot');
  src: url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratLight/MontserratLight.eot') format('embedded-opentype'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratLight/Montserr/fonts/MontserratLighttLight.html') format('woff2'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratLight/MontserratLight.woff') format('woff'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratLight/MontserratLight.ttf') format('truetype'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratLight/MontserratLight.svg#MontserratLight') format('svg');
}

@font-face {
  font-family: 'MontserratSemiBold';
  src: url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratSemiBold/MontserratSemiBold.eot');
  src: url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratSemiBold/MontserratSemiBold.eot') format('embedded-opentype'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratSemiBold/MontserratSemiBold.woff2') format('woff2'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratSemiBold/MontserratSemiBold.woff') format('woff'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratSemiBold/MontserratSemiBold.ttf') format('truetype'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratSemiBold/MontserratSemiBold.svg#MontserratSemiBold') format('svg');
}

@font-face {
  font-family: 'MontserratRegular';
  src: url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratRegular/MontserratRegular.eot');
  src: url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratRegular/MontserratRegular.eot') format('embedded-opentype'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratRegular/MontserratRegular.woff2') format('woff2'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratRegular/MontserratRegular.woff') format('woff'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratRegular/MontserratRegular.ttf') format('truetype'),
       url('https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/fonts/MontserratRegular/MontserratRegular.svg#MontserratRegular') format('svg');
}



body{color: #646363;font-family: 'MontserratRegular';}
.container{max-width: 1100px;width: 90%;margin: 0 auto;}
.l-container{max-width: 1300px;width: 90%;margin: 0 auto;}
.section{padding: 60px 0;}
.heading03{color: #EA4D7A;font-size: 32px;line-height: 37px;}
.heading04{color: #2B2E72;font-size: 18px;line-height: 19px;font-family: 'MontserratSemiBold';}
p, dl{font-size: 16px;line-height: 24px;margin-top: 20px;}
.pb-0{padding-bottom: 0 !important;}
a{color: inherit;}
#header{padding-top: 25px;padding-bottom: 25px;background: #fff;}
nav{position: relative;padding-top: 10.70%;}
nav .logo{width: 150px;margin: 0 auto;position: absolute;left: 0;right: 0;top: 0;}
nav .logo img{width: 100%;}
.menu-list{display: flex;align-items: flex-end;justify-content: space-between;}
nav ul{align-self: flex-end;}
nav ul:last-child{text-align: right;}
nav ul li{display: inline-block;vertical-align: middle;margin-left: 75px;}
nav ul li:first-child{margin-left: 0;}
nav ul li a{color: #646363;font-size: 16px;font-family: 'MontserratSemiBold';display: block;padding: 8px 0;position: relative;}
nav ul li a.active:after{content: "";position: absolute;left: 0;background: #4497d2;width: 100%;height: 5px;bottom: -5px;}

.mb-0{margin-bottom: 0 !important;}

.banner-section{background: rgb(185,213,50);background: linear-gradient(112deg, rgba(185,213,50,1) 0%, rgba(243,137,184,1) 26%, rgba(247,180,209,1) 74%, rgba(255,255,255,1) 100%);padding-bottom: 25px;}
.banner-section .banner{width: 100%;}
.banner-section .l-container{position: relative;}

.banner-section .l-container .heading01{color: #2B2E72;font-size: 65px;font-family: 'MontserratSemiBold';font-weight: 600;position: absolute;top:15%;left: 0;}
.banner-section .l-container .banner-text{position: absolute;bottom: 25px;right: 0;width: 33%;}
.banner-section .l-container .banner-text h2{color: #4997D3;font-size: 47px;line-height: 56px;}
.banner-section .l-container .banner-text p{margin-top: 10px;font-size: 22px;line-height: 26px;}


.innovate-section{background: #2a347b;}
.innovate-section .img-box{width: 45%;display: inline-block;vertical-align: middle;margin: 0 -2px;}
.innovate-section .img-box i{display: inline-block;width: 110px;}
.innovate-section .img-box h3{color: #fff;font-size: 44px;line-height: 53px;}
.innovate-section .img-box p{color: #fff;font-family: 'MontserratSemiBold';font-size: 22px;line-height: 27px;margin-top: 0;}
.innovate-section .content-box{width: 55%;display: inline-block;vertical-align: middle;margin: 0 -2px;}
.innovate-section .content-box p{color: #fff;margin-top: 25px;}
.innovate-section .content-box p:first-child{margin-top: 0;}
.stop-btn{background: #C3D200;display: inline-block;padding: 15px 14px;padding-right: 30px;clip-path: polygon(calc(100% - 20px) 0, 100% calc(100% - 60%), 100% 100%, 0 100%, 0 0);color: #2B2E72;font-family: 'MontserratSemiBold';font-size: 17px;line-height: 18px;margin-top: 40px;}
.stop-btn:hover{background: #f087b4;color: #fff;}
.sp-section{background: #fff}
.sp-section .container{padding-top: 50px;padding-bottom: 200px;background: url("https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/img/solve_problem_img.png") no-repeat;background-size: 67%;background-position: left bottom;}
.sp-section .container .content-box{width: 54%;float: right;}
.sp-section .container .content-box .sp-logo{max-width: 350px;display: block;}
.sp-section .container .content-box h2{margin-top: 35px;}

.video-section{background: url("https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/img/video_bg_left.png") no-repeat, url("https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/img/video_bg_right.png") no-repeat no-repeat, #2B2E72;background-position: top left, center right;background-size: 17% 100%, 46%;}
.video-section .video-box{position: relative;padding: 0 5%;position: relative;}
.video-section .video-box .video{width: 100%;}
.video-section .play-btn{position: absolute;width: 61px;height: 61px;top: 40%;left: 50%;transform: translate(-50%, -50%);}

.security-section .container{display: flex;flex-direction: row-reverse;}
.security-section .img-box{width: 58%;}
.security-section .content-box{width: 42%;margin-top: 50px;padding-right: 5%;}

.started-section{margin-top: -50px;}
.started-section h2{color: #2B2E72;font-size: 28px;line-height: 34px;font-family: 'MontserratSemiBold';}
.started-section h3{color: #2B2E72;font-size: 16px;line-height: 19px;font-family: 'MontserratSemiBold';}
.started-section .started-container{margin-top: 60px;}
.started-section .started-container .started-box{display: inline-block;vertical-align: top;width: 33.33%;margin: 0 -2px;}
.started-section .started-container .started-box i{width: 90px;display: inline-block;vertical-align: top;}.started-section .started-container .started-box i img{width: 100%;}
.started-section .started-container .started-box dl{width: calc(100% - 110px);display: inline-block;vertical-align: top;padding-left: 15px;margin-top: 5px;}
.started-section .started-container .started-box dl dt{width: 25px;display: inline-block;vertical-align: top;}
.started-section .started-container .started-box dl dd{width: calc(100% - 35px);;display: inline-block;vertical-align: top;padding-left: 10px;margin-top: -6px;}


.social-section{text-align: center;}
.social-section p{font-size: 25px;color: #2B2E72;line-height: 30px;font-family: 'MontserratSemiBold';margin-top: 0;margin-bottom: 25px;}
.social-box a{display: inline-block;vertical-align: middle;margin: 0 5px;width: 34px;}
.social-wrap{display: flex;justify-content: space-between;}
.social-wrap h3{color: #2B2E72;font-family: 'MontserratSemiBold';font-size: 18px;display: inline-block;vertical-align: middle;}
.social-box h3 a{width: auto;}
.social-box h3 a .tm{display: inline-block;width: 18px;height: 18px;text-align: center;line-height: 16px;color: #000;border: solid 1px #000;font-size: 8px;border-radius: 100%;font-family: 'GTAmericaBold';float: right;margin-top: -20px;}

#footer{background: #2a347b;padding: 30px;text-align: center;color: #fff;font-size: 22px;line-height: 26px;}

/** cheetsheet page **/
.cheetsheet-banner{padding-bottom: 0;margin-bottom: 0;}
.banner-section .l-container .heading01{top: 10%;}
.banner-section.cheetsheet-banner .l-container .heading01{top: 5%;left: 17%;}
.banner-section .l-container .heading01 span{color: #fff;font-size: 33px;font-family: 'MontserratRegular';display: block;margin-left: -15px;}
.cheetsheet-banner .l-container .banner-text{width: auto;bottom: 55px;right: 20px;}
.cheetsheet-banner p{color: #fff;font-size: 22px;line-height: 26px;position: absolute;top: 47%;left: 33%;border-left: solid 10px #fff;padding: 7px 0;padding-left: 20px;}

.hl-section{background: #2B2E72;padding: 13px;text-align: center;}
.hl-section p{color: #fff;font-size: 19px;line-height: 23px;margin-top: 0;}

.series-section h2{color: #2B2E72;font-size: 31px;line-height: 37px;}
.series-section .series-box{margin-top: 25px;}
.series-section .series-box .series-left{width: 50%;display: inline-block;vertical-align: top;margin: 0 -5px;padding: 0 12px;}

.steps-section .steps-container{margin-top: 35px;display: flex;justify-content: space-between;align-items: flex-start;}
.steps-section .steps-container .steps-box{width: 18%;}
.steps-section .steps-container .steps-box .img{box-shadow: 0 0 5px 2px rgba(0,0,0,.1);}
.steps-section .steps-container .steps-box .text-box{margin-top: 35px;}
.steps-section .steps-container .steps-box .text-box h3{color: #2B2E72;font-family: 'MontserratSemiBold';font-size: 16px;line-height: 18px;}
.steps-section .steps-container .steps-box .text-box p{margin-top: 15px;}
.steps-section .steps-container .steps-box .text-box p i{width: 30px;display: inline-block;vertical-align: top;}
.steps-section .steps-container .steps-box .text-box p span{width: calc(100% - 35px);display: inline-block;vertical-align: top;padding-left: 5px;}
.steps-section .steps-container .steps-box .text-box p span a{display: block;color: inherit;}


.download-section{background: url("https://checkmarx.com/why-checkmarx/checkmarx-and-jetbrains/img/cheetsheet_lines.png") no-repeat #4997D3;background-position: top right;}
.download-section .container h2{font-size: 31px;line-height: 37px;color: #fff;}
.download-section .container ul{margin-top: 15px;margin-left: 25px;}
.download-section .container ul li {font-size: 16px;line-height: 20px;color: #fff;font-family: 'MontserratLight';list-style: disc;padding: 3px 0;}

.alternative-section{margin-top: -5%;}
.alternative-section h2{color: #2B2E72;font-family: 'MontserratSemiBold';font-size: 25px;line-height: 30px;width: 45%;display: inline-block;vertical-align: bottom;margin-right: -4px;margin-bottom: 45px;}
.alternative-section .alt-video{width: 55%;display: inline-block;vertical-align: bottom;margin-right: -4px;}
.alternative-section .alt-video video{width: 100%;}

.overlay{background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;display: none;}
.popup{max-width: 600px;width: 90%;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;padding: 50px 35px;padding-bottom: 35px;z-index: 99;font-family: 'GT America';max-height: 90vh;overflow: auto;display: none;}
.popup::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.popup::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.popup::-webkit-scrollbar-thumb{background-color: #2a347b;}
.popup label:not(.hs-error-msg){display: none}
.popup input, .popup select,.popup textarea{background: #fff;padding: 5px 15px;border-radius: 5px ;margin-bottom: 0.5em;line-height: 1em ;font-size: 0.8em ;height: 45px ;font-family: "GT America Mono", Sans-serif ;border: 1px solid #012e65;width: 100%;}
.popup textarea{height: 100px;padding-top: 15px;}
.popup .hs-fieldtype-intl-phone.hs-input .hs-input{margin-bottom: 0.5em;}
.popup .hs-error-msg{color: #f00;font-size: 12px;margin-top: -3px;display: block;margin-bottom: 10px;}
.popup p{line-height: 1.65;color: #333333;font-size: 14px;margin-top: 0;}
.popup input[type="submit"]{background: #00e576;max-width: initial;width: auto;border-color: #00e576;padding: 12px 23px;height: auto;color: #ffffff;font-size: 12px;line-height: 12px;letter-spacing: 0;font-weight: bold;text-transform: uppercase;margin-top: 15px;}
.close-popup{background: none;border: none;font-weight: 900;font-size: 24px;position: absolute;right: 10px;top: 10px;color: #2a347b;}

@media screen and (max-width: 1500px){
	.container{max-width: 1000px;width: 90%;margin: 0 auto;}
	.l-container{max-width: 1200px;width: 90%;margin: 0 auto;}
	.sp-section .container{background-size: 80%;}
}

@media screen and (max-width: 1279px){
  nav{padding-top: 11.7%;}
  nav ul li{margin-left: 50px;}
  .banner-section .l-container .heading01{font-size: 50px;}
  .banner-section .l-container .banner-text{bottom: 10px;}
  .banner-section .l-container .banner-text h2{font-size: 40px;line-height: 40px;}
  .banner-section .l-container .banner-text p{margin-top: 5px;font-size: 20px;}
  .social-section p{font-size: 24px;}
  .cheetsheet-banner .l-container .banner-text{bottom: 50px;}
  .hl-section p{font-size: 16px;}
  .series-section h2{font-size: 28px;}
}


@media screen and (max-width: 1023px){
  nav {padding-top: 8%;}
  nav .logo{width: 100px;}
  nav ul li{margin-left: 25px;}
  nav ul li a{font-size: 14px;}
  .started-section .started-container .started-box i{width: 65px;}
  .started-section .started-container .started-box dl{width: calc(100% - 70px);padding-left: 10px;}
  .started-section .started-container .started-box dl dt{width: 20px;}
  .banner-section .l-container .heading01{font-size: 38px;}
  .banner-section .l-container .banner-text{bottom: -15px;}
  .banner-section .l-container .banner-text p{font-size: 18px;line-height: 20px;}
  .banner-section .l-container .banner-text h2{font-size: 30px;line-height: 30px;}
  .innovate-section .img-box h3{font-size: 36px;}
  .innovate-section .img-box p{font-size: 20px;}
  .heading03{font-size: 28px;}
  .heading04{font-size: 17px;}
  .security-section .content-box, .security-section .img-box{width: 50%;}
  .started-section{margin-top: 0;}
  .started-section h2{font-size: 26px;}
  .started-section .started-container .started-box dl{padding-left: 5px;font-size: 15px;}
  .started-section .started-container .started-box dl dd{padding-left: 0;}
  .security-section .content-box{margin-top: 25px;}
  #footer{font-size: 20px;padding: 20px;}

  .series-section .series-box{margin-top: 5px;}
  .steps-section{padding-top: 0 !important;}
  .steps-section .steps-container .steps-box{width: 22%;}
  .steps-section .steps-container .steps-box .text-box p{font-size: 15px;}
  .alternative-section h2{font-size: 22px;}
  .download-section{background-size: 20% 100%;}

}

@media screen and (max-width: 767px){
	p, dl{font-size: 15px;line-height: 22px;}
	.heading03{font-size: 24px;}
  #header{padding-top: 10px;padding-bottom: 10px;position: fixed;left: 0;right: 0;top: 0;z-index: 99;    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);}
  #main{padding-top: 80px;}
  .section {padding: 35px 0;}
  nav{display: block;padding-top: 0;}
  nav .logo{width: 65px;display: inline-block;position: static;}
  .menu-list{position: fixed;background: #fff;display: block;left: 0;right: 0;z-index: 99;padding: 10px 25px;display: none;padding-bottom: 0;}
 
  .video-section .play-btn{width: 42px;height: 42px;display: none;}
  nav ul{display: block;}
  nav ul li{display: block;margin-left: 0;}
  nav ul li a{padding: 20px 10px;border-bottom: solid 1px rgba(0,0,0,0.1);display: block;}
  nav ul li a.active:after{content: none;}
  nav ul li a.active{border-color: #4497d2;}
  nav ul:last-child{text-align: left;}
  .banner-section{padding: 35px 0;}
  .banner-section .l-container .banner-text{position: static;width: 100%;}
  .banner-section .l-container .heading01{position: static;margin-bottom: 10px;font-size: 32px;}
  .banner-section .l-container .banner-text h2{font-size: 28px;}
  .innovate-section .img-box{display: block;width: 100%;text-align: center;}
  .innovate-section .content-box{width: 100%;margin-top: 25px;}
  .innovate-section .content-box p{margin-top: 20px;}
  .stop-btn{font-size: 16px;padding: 12px;}
  .sp-section .container{padding-bottom: 225px;}
  .sp-section .container .content-box{width: 100%;float: none;}
  .sp-section .container .content-box span{display: block;width: 225px;margin: 0 auto;}
  .sp-section .container .content-box h2{margin-top: 20px;}
  .video-section .video-box{padding: 0;}
  .security-section .container{display: block;}
  .security-section .img-box{width: 75%;margin: 0 auto;}
  .security-section .content-box {width: 100%;margin-top: 20px;padding-right: 0;}
  .started-section .started-container .started-box dl{padding-left: 15px;}
  .started-section .started-container .started-box dl dd{padding-left: 10px;}
  .started-section {margin-top: 50px;}
  .started-section .started-container{margin-top: 35px;}
  .started-section .started-container .started-box{display: block;width: 100%;margin: 10px 0;}
  .social-section p {font-size: 20px;line-height: 23px;}
  .men-btn span {width: 27px;height: 3px;background: #365f9f;display: block;margin: 5px 0;transition: ease .5s all;}
  .social-box a{width: 35px;}
  #footer {font-size: 13px;padding: 10px;}
  .social-box p{margin-bottom: 15px;}
  .men-btn.active span:nth-child(1) {transform: rotate(45deg);transform-origin: 8px 4px;}
  .men-btn.active span:nth-child(2) {display: none;}
  .men-btn.active span:nth-child(3) {transform: rotate(-45deg);transform-origin: 10px 0;}
  #header .container{display: flex;align-items: center;justify-content: space-between;}

  .cheetsheet-banner p{position: static;font-size: 18px;border-left: solid 8px #fff;padding: 5px 0;padding-left: 15px;}
  .banner-section .l-container .heading01{margin-left: 25px;}
  .series-section h2 {font-size: 22px;line-height: 28px;}
  .series-section .series-box .series-left {width: 100%;display: block;vertical-align: top;margin: 0;
    padding: 0;}
    .download-section .container ul li{font-size: 15px;}
    .download-section .container h2{font-size: 28px;}
    .alternative-section h2, .alternative-section .alt-video{display: block;width: 100%;margin: 0;}
    .alternative-section h2{font-size: 20px;line-height: 24px;margin-bottom: 25px;}
    .alternative-section{margin-top: 35px;}
    .section.social-section{padding: 25px 0;}
    .steps-section .steps-container{display: block;margin: 35px -10px 0;}
    .steps-section .steps-container .steps-box{width: 50%;display: inline-block;margin: 0 -2px;padding: 0 10px;margin-bottom: 25px;}
    .steps-section .steps-container .steps-box .text-box{margin-top: 20px;}
    .steps-section .steps-container .steps-box .text-box p{margin-top: 10px;font-size: 15px;line-height: 19px;}
    .steps-section .steps-container .steps-box .text-box p i{width: 20px;}
    .steps-section .steps-container .steps-box .text-box p span{width: calc(100% - 25px);}
    .social-wrap{display: block;text-align: left;}
    .social-wrap h3{font-size: 16px;width: 100px;}
    .social-box{margin-bottom: 10px;}
    .social-box a {width: 30px;margin: 0 3px;}
    .popup{padding: 40px 20px;padding-bottom: 20px;}
    .popup p {line-height: 1.40;}

}