@media( max-width:1279px){

.layout_wrapper { max-width: 1100px; }
.investigate_part .keyboard { z-index: 2; max-width: 650px; position: absolute; left: -210px; top: -49px; }
.investigate_part .top_content { padding: 20px 30px 0 460px; }
.investigate_part p { font-size: 17px; }
.investigate_part .identity { max-width: 400px; margin: 10px 0 0 15px; }
.investigate_part .folder1 { max-width: 460px; }
.investigate_part .folder2 { max-width: 695px; }
.investigate_part .cuffs { max-width: 300px; left: 386px; }
.investigate_part .bensler { max-width: 320px; margin: 205px 0 0 -80px; }
.investigate_part .coffee { max-width: 200px; }
.investigate_part .photocard { margin: 30px 0 0 0px }
.investigate_part .papers { max-width: 400px; }
.investigate_part .notebook { max-width: 370px; top: -190px; min-height: 457px; padding: 23px 43px 0 60px; right: -3%}
.investigate_part .notebook p { font-size: 17px; }
.investigate_part .notebook .pen { max-width: 33px; left: -45px; top: 90px; }
.popup_sec img.bensler,
.popup_sec img.id-card { max-width: 100%; }
.popup_sec .left h3 { font-size: 20px; padding: 0; }
.popup_sec .left h3 br { display: none; }
.popup_sec .lo_logo { max-width: 170px; }
.video_bar .video:after, .bc-player-B1FpNCG8g_default .vjs-big-play-button  { width: 50px; }
.popup_sec .left h3.small { font-size: 18px; }
.intro_part .right { width: 50%; }
.intro_part .lo_logo { max-width: 440px; }
.popup_sec img.behind_the_scene_image { margin-top: -70px; }
.popup_sec .image_slider_wrap { margin-right: 0; }
.popup_sec .graphic.image2 { max-width: 100%; margin-top: -70px; }
.popup_sec .left h2 { font-size: 27px; }
.popup_sec .left h2 .big { font-size: 35px; }
.popup_sec .text_column { padding: 0 0 0 30px; max-height: 500px; }
.popup_sec .text_column h2 { font-size: 30px; }
.popup_sec .text_column h3 { font-size: 25px;  }
.popup_sec .text_column p { font-size: 22px;  }
.investigate_part .element_row2 .text { padding-top: 80px;  }
.investigate_part .photocard3 { margin-left: 100px; }
.investigate_part .image_with_notice { margin-right: 40px; }  
.investigate_part .element_row4 .text { margin-left: 30px; width: 35%; position: relative; z-index: 1; }
.investigate_part .folder5 { max-width: 750px; left: -315px; top: 169px; } 
.investigate_part .device { max-width: 425px; left: 7%; }
.investigate_part .image3 { max-width: 280px;  }
.investigate_part .image4 { max-width: 280px;  }
.investigate_part { padding-bottom: 50px; }
.investigate_part .element_row2 .crossover { max-width: 290px; left: 22px; top: -161px; }
.popup_sec .graphic.mobile_device { max-width: 100%; margin-bottom:50px; }
.popup_sec .left { padding-bottom: 110px;  }

.popup_sec.lineup_popup .left { width: 35%; padding-left: 20px; padding-right: 20px; }
.popup_sec.lineup_popup .right { width: 65%; padding-right:0; padding-left: 30px;}
.popup_sec .graphic.image3 { max-width: 85%; }



.popup_sec.lineup_popup .graphic.image6,
.popup_sec.lineup_popup .graphic.image7, 
.popup_sec.lineup_popup .graphic.image8,  
.popup_sec.lineup_popup .graphic.image3 { margin-top:-60px; }
.popup_sec.lineup_popup { padding-top:60px; }
.popup_sec.lineup_popup .text_column h2.red { font-size: 40px; }
.popup_sec.lineup_popup .text_column p { font-size: 25px; }



.investigate_part .element_row5 .image6,
.investigate_part .element_row5 .image7,
.investigate_part .element_row5 .image8 { max-width: 280px; }
.investigate_part .element_row5 .image6 { margin-left: 40px; margin-top:100px; }
.investigate_part .element_row5 .image7 { margin-left: 45px; }
.investigate_part .element_row5 .image8 { margin-left: 45px; }





}

@media( max-width:1023px){

.investigate_part .photocard {
    margin: -30px 0 0 30px;
}

	.layout_wrapper {
    max-width: 800px;
}

.investigate_part .notebook {
    right: -10%;
}

.investigate_part .photocard2 { top: -190%}
.investigate_part .keyboard { left:  -300px; max-width: 550px; top: -18px; }
.investigate_part .top_content { padding-left: 250px; }
.investigate_part p { font-size: 15px; }
.investigate_part .coffee { max-width: 140px; top: -40px; }    
.investigate_part .identity { max-width: 330px; margin: 10px 0 0 0px; }
.investigate_part .cuffs { max-width: 232px; left: 308px; }
.investigate_part .folder1 { max-width: 390px; left: -170px; }
.investigate_part .folder2 { max-width: 561px; max-width: 560px; }
.investigate_part .bensler {
    max-width: 290px;
    margin: 210px 0 0 -160px;
}
.investigate_part .notebook {
    right: -10%;
}
.investigate_part .papers { top: -31px; right: -95px; max-width: 400px; }
.investigate_part .element_row1 { margin-top: 30px; }
.investigate_part .overlay h3 { font-size: 18px; }
.video_bar .video:after, .bc-player-B1FpNCG8g_default .vjs-big-play-button { width: 40px; height: 55px; }
.popup_sec .internal { padding: 20px; }
.popup_sec .right { width: 65%; }
.popup_sec .left { width: 35%; }
.popup_sec .graphic,
.popup_sec img.bensler, .popup_sec img.id-card { max-width: 90% !important; }
.popup_sec img.id-card { margin-top: -50px; margin-bottom: 20px; }
.popup_sec .left h3 { font-size: 17px; padding: 0; }
.popup_sec .left h3.small { font-size: 15px; padding: 0; }
.popup_sec .lo_logo { max-width: 150px; }
.popup_sec .nbc_logo { max-width: 70px; }
.popup_sec .left { padding-bottom: 100px; }
.popup_sec img.bensler { margin-top: -40px; }
.investigate_part .bensler .overlay { padding-top: 30px; }
.popup_sec img.photocard1 { max-width: 120px !important; }
.popup_sec img.graphic { margin: -40px auto 20px; }
.intro_part .person { max-width: 450px; left: -230px; }
.intro_part .person2 { max-width: 450px; right:-65px; }

.intro_part .right { width: 65%; padding-top:50px; }
.intro_part .lo_logo { max-width: 380px; }
.popup_sec .image_slider_wrap { padding: 0 40px; }
.popup_sec .image_slider .slick-arrow { width: 20px; height: 40px; left: -40px; }
.popup_sec .image_slider .slick-arrow.slick-next { right: -40px; }
.mCSB_inside > .mCSB_container { margin-right: 35px; margin-left: 0px; }
.popup_sec .left h2 { font-size: 25px;  }
.popup_sec .text_column h2 { font-size: 26px;  }
.popup_sec .text_column p { font-size: 20px; }  

.investigate_part .element_row2 .text { width: 45%; padding-top: 35px; float: none; transform: translate(0,55px); -webkit-transform: translate(0,55px); }
.investigate_part .element_row2 .text p { font-size: 20px;  }
.investigate_part .photocard2 {
    max-width: 180px;
    right: 11px;
    top: -190%%;
}
.investigate_part .photocard2 .overlay h3 { font-size: 17px;  }
.investigate_part .photocard3 { margin-left: 15px; max-width: 160px; }
.investigate_part .photocard4 { max-width: 160px;  }  
.investigate_part .element_row2 .image { max-width: 320px; float: left; margin: 67px 0 0 35px; }
.investigate_part .element_row.element_row3 { padding: 0;  }
.investigate_part .image_with_notice { margin-top: -150px;  }
.investigate_part .notice_paper .internal { font-size: 22px;  }
.investigate_part .notice_paper { width: 245px;  }
.investigate_part .element_row4 .text p { font-size: 18px;  }
.investigate_part .element_row4 .text { width: 40%; padding-right: 10px; margin-left: 20px;  }
.investigate_part .image3 { max-width: 200px; }
.investigate_part .image4 { max-width: 200px; margin-top: 15px; }
.investigate_part .device { max-width: 350px; left: 15px; top: 190px; transform: rotate(-8deg); -webkit-transform: rotate(-8deg); }
.investigate_part .device .overlay .inner { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.investigate_part .folder6 { max-width: 550px; right: -210px; top: -6px; }  
.investigate_part .image3 .overlay { padding-bottom: 40px; }
.investigate_part .overlay h3 { padding-bottom: 12px;  }
.investigate_part .overlay {padding: 20px;  }
.investigate_part .element_row2 .crossover { max-width: 250px; top:-65px; left:10px; }
.investigate_part .element_row2 .text p { font-size: 17px; }
.popup_sec .left { padding-bottom: 90px; }

.popup_sec.lineup_popup .text_column h2.red { font-size: 35px; }
.popup_sec.lineup_popup .text_column h3.lineup { font-size: 25px; }
.popup_sec.lineup_popup .text_column p { font-size: 20px; }
.popup_sec.lineup_popup .right { padding:20px 0 15px 30px; }



.investigate_part .element_row5 .image6,
.investigate_part .element_row5 .image7,
.investigate_part .element_row5 .image8 { max-width: 220px; }
.investigate_part .element_row5 .image6 { margin-left: 20px; margin-top:140px; }
.investigate_part .element_row5 .image7 { margin-left: 45px; margin-top:125px; }
.investigate_part .element_row5 .image8 { margin-left: 25px; margin-top:70px; }
.investigate_part .overlay h2.lineup { font-size: 30px; }



}

@media( max-width:767px){

	.layout_wrapper {
    max-width: 767px;
}

#wrapper { padding-top:135px; }
.ad_container.middle { margin-bottom: 30px; }	
.head-wrap { padding-bottom: 65px; }
.ad_container .ad { /*margin: 10px auto 10px;*/ }
.ad_container { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); min-height:70px; }

header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 7px 15px 7px;}
header a.paid_logo { margin: 0 auto 0; line-height: 18px; padding: 0px 5px 0px; top:auto; bottom:-18px; left:0; right:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
header .logobar { float: left; padding: 5px 0 0px 30px; }
header .logobar a.brand-logo,
header .logobar a.site-logo { max-width: 80px; }
header .logobar .plus { display:inline-block; max-width: 10px; margin: 0 7px; vertical-align: middle; }
header .logobar { padding:0px 0 0; }
header ul.social_icon { margin-top:0px; }
header span.sep { margin: 0 3px; }

.investigate_part .top_content { text-align: center; position: relative; z-index: 9; padding: 80px 30px; }
.investigate_part .top_content .text { max-width: 354px; margin: 0 auto; width: 100%; padding: 30px 0 0 0; }
.investigate_part .top_content .logos { width: 100%; order: -1;}
.investigate_part .keyboard { left: 50%; max-width: 580px; top: -92px; margin-left: -421px; }

.investigate_part .top_content .logos a.lo_logo {  max-width: 228px; display: inline-block}
.investigate_part p { font-size: 17px; line-height: 1.3; padding-bottom: 25px; }
.investigate_part .coffee { max-width: 180px;top: -390px; right: 50%; margin: 0 -290px 0 0; }
.mob_none { display: none !important; }
.mob_show { display: inline-block !important; }
.investigate_part .top_content { padding-bottom: 0; }
.investigate_part .identity { width: 100%; max-width: 375px; float: none; margin: 0 auto; }
.investigate_part .bensler { float: none; margin: 35px auto; max-width: 320px; transform: translate(35px,0) rotate(-7deg); -wenkit-transform: translate(35px,0) rotate(-7deg); z-index: 1; }
.investigate_part .folder1 { max-width: 390px; left: 50%; margin-left: -430px; top: 480px; }
.investigate_part .folder2 { top: 610px; max-width: 503px; left: 50%; margin-left: -500px; }
.investigate_part .cuffs { max-width: 303px; left: 50%; top: 432px; margin-left: -145px; }
.investigate_part .layout_wrapper { max-width: 414px; }
.investigate_part .folder4 { width: 100%;  transform: rotate(72deg); -webkit-transform: rotate(72deg);  top: -1780px; max-width: 600px; margin-left: 42px; left: 50%;  }
.investigate_part .photocard { margin: 80px 0 0 40px; transform: rotate(-10deg); -webkit-animation: transform: rotate(-10deg);; }
.investigate_part .notebook { position: relative; top: auto; left: auto; margin: -42px 0 0 -30px; transform: rotate(-5deg); max-width: 450px; width: 100%; min-height: 500px; }
.investigate_part .notebook p { font-size: 19px; }
.investigate_part .notebook .pen { left: 50%; margin-left: -20px; transform: rotate(-55deg); -webkit-transform: rotate(-55deg); top: auto; bottom: 0; max-width: 28px; }
.investigate_part .papers { top: 775px; right: -282px; max-width: 400px; transform: rotate(-150deg); }
.investigate_part .notebook h5 { display: block; width: 100%; float: left; margin: -15px 0 0 0; }
.popup_sec .left { width: 100%; padding-right: 0; margin-bottom: 30px; }
.popup_sec .graphic, .popup_sec img.bensler, .popup_sec img.id-card { max-width: 230px !important; }
.popup_sec .close { right: 10px; }
.popup_sec .right { width: 100%; }
.popup_sec { padding:  60px 0 20px; }
.popup_sec .logos { padding-right: 0; }
.popup_sec img.graphic { margin-bottom: 40px; }
.intro_part .person { max-width: 450px; min-width: 450px; left: 50%; margin-left: -433px; top: -18px; z-index:1; }
.intro_part .person2 { max-width: 425px; right: 50%; margin-right:-227px; min-width: 430px; top: 35px; z-index:0; }


.popup_sec.lineup_popup .left { width: 100%; padding: 0px 0 90px; }
.popup_sec.lineup_popup .graphic.image3 { margin-top:-40px; }
.popup_sec.lineup_popup .right { width: 100%; padding:0; }

.intro_part .layout_wrapper { height:auto; min-height: 100vh; }
.intro_part .right { width: 100%; padding: 380px 35px 50px 35px; position: relative;z-index:2; }
.intro_part h1 { font-size: 16px; }
.intro_part p { font-size: 14px; padding:0 0 30px; }
.intro_part .lo_logo { width: 100%; max-width:320px; }
.ad_container .ad { padding: 10px 0; }
header .logobar a.site-logo { margin: 5px 0 0 0;}
.popup_sec .text_column { padding-left: 0; max-height: 300px; }
.investigate_part .scroll_top { display: none; }
.investigate_part .element_row2 .text { width: 100%; }
.investigate_part .element_row2 .text p { font-size: 17px; line-height: 1.3; }
.investigate_part .photocard2 { max-width: 210px; margin-left: 70px; position: relative; left: auto; top: auto; right: auto; }
.investigate_part .element_row2 .image { z-index: 1; margin-top: 30px; width: 100%; max-width: 85%;  }
.investigate_part .element_row.element_row3 { padding-top: 50px; }
.investigate_part .image_with_notice { margin: 0 0 0 0;  }
.investigate_part .photocard3 { margin-left: 5px; max-width: 48%; width: 200px; }
.investigate_part .photocard4 { max-width: 48%; width: 200px; }
.investigate_part .photocard2 { z-index: 0;  }
.investigate_part .image_with_notice { margin: 40px 0 0 25px; float: left; }
.investigate_part .element_row4 .text { float: none; width: 100%; margin: 0; padding: 50px 30px 80px; }
.investigate_part .device { position: relative; left: auto; top: auto; width: 100%; max-width: 100%; transform: rotate(-13deg); -webkit-transform: rotate(-13deg); }
.investigate_part .image3 { width: 100%; max-width: 80%; margin: 90px auto 0; float: none; }
.investigate_part .image4 { width: 100%; max-width: 80%; float: right; margin: -40px 0 0 0; }
.investigate_part .image4::after { left: -28px; top: 33px; transform: rotate(-48deg); -webkit-transform: rotate(67deg); }
.investigate_part .photocard_group .tape_group { width: 44px; height: 55px; background-image: url(../images/tape.png); background-size: 100% 100%; top: 50%; left: 85%; transform: rotate(-50deg); -webkit-transform: rotate(-50deg); }
.investigate_part .folder6 { top: auto;; bottom: -200px; right: auto; left: -50px; min-width: 700px;  }
.investigate_part .folder5 { min-width: 1000px;  }
.investigate_part .folder5 { min-width: 1000px; left: -75px; top: 0; transform: rotate(-41deg); -webkit-transform: rotate(-41deg); }
.investigate_part .folder4 { top: -1380px; }
.investigate_part .mobile_folder1 { min-width: 830px; width: 100%; position: absolute; left: -274px; top: 27%; display: block; }
.cta_bar { padding: 15px 15px; }
.investigate_part .element_row2 .crossover { position: relative; left:auto; top:auto; margin: 20px auto 0; }
.investigate_part .element_row2 .text { transform: none; -webkit-transform: none;}



.investigate_part .element_row5 .image6,
.investigate_part .element_row5 .image7,
.investigate_part .element_row5 .image8 { width: 100%; max-width: 80%; margin-left:auto !important; margin-right:auto !important; }
.investigate_part .element_row5 .image6 { margin-top:140px; }
.investigate_part .element_row5 .image7 { margin-top:80px; }
.investigate_part .element_row5 .image8 { margin-top:70px; }
.investigate_part .overlay h2.lineup { font-size: 30px; }











}

@media( max-width:639px){

}

@media( max-width:500px){

}

@media( max-width:413px){
.investigate_part .photocard2 { margin-left: 20px;  }
}
@media( max-width:374px){

}