.popup_bg { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #000000; opacity: 0.9; z-index: 10000; display: none }
.popup_big_view { position: absolute; left: 0px; top: 0px; width: 100%; height: 0px; margin-left: 0px; z-index: 10002; text-align: center; overflow: hidden; padding: 0px 0 50px 0 }
.btn_close { display: block; position: fixed; left: 50%; top: -85px; margin: 0px 0 0 320px; z-index: 10003; overflow: hidden; }
.website_link { display: block; position: absolute; top: 87px; right: 50px }
.view_con { text-align: left; width: 800px; margin: 0px auto; overflow: hidden }
.prev_next { clear: both; width: 800px; height: 70px; margin: 0px auto; }
.prev_btn { float: left; opacity: 0; display: none; margin-left: 70px; }
.next_btn { float: right; opacity: 0; display: none; margin-right: 70px; }
.pop_corner_l { background: url(../images/corner_l.png) no-repeat top left; font-size: 13px; margin-bottom: 20px; }
.pop_corner_r { background: url(../images/corner_r.png) no-repeat bottom right; padding: 30px; }
#works_details { width: 800px; margin: 0px auto; padding: 0px 25px; padding-top: 20px; }
#works_details h2 { margin: 15px auto 0; border-bottom: 1px solid #373737; padding-bottom: 10px; color: #f79422; font-size: 25px; text-align: left; width: 650px; overflow: hidden }
#works_details h2 span { display: block; font-size: 12px; margin-top: 6px; }
#works_details .pop_con { margin: 30px auto 0; padding-bottom: 20px; width: 650px; overflow: hidden }
#works_details .pop_con li { overflow: hidden; text-align: left; width: 650px; padding-bottom: 5px }
#works_details .pop_con li span { display: block; float: left; line-height: 18px; }
#works_details .pop_con li span.tit { width: 55px; color: #999999; }
#works_details .pop_con li span.con { width: 595px; }
#works_details h3 { margin: 15px auto 0; padding-bottom: 10px; color: #f79422; font-size: 16px; text-align: left; width: 650px; overflow: hidden }
.pop_img { width: 650px; margin: 0px auto; }
.job_slide { height: 480px; background: url(../images/white.png); text-align: center; position: relative; }
.job_slide .img1, .job_slide .img2 { position: absolute; }
.job_slide .img1 { top: 115px; left: 120px; }
.job_slide .img2 { top: 20px; right: 120px; }
.job_slide img { border: 1px solid #666; }
.actual_view { height: 65px; width: 650px; margin: 15px auto 0; text-align: right; }
.actual_view a:link, .actual_view a:visited { background: url(../images/works/arrow_view.png) no-repeat 0px 1px; padding-left: 10px; -webkit-transition: none; -moz-transition: none; transition: none; color: #FFFFFF; font-size: 12px; }
.actual_view a:hover, .actual_view a:active { background-position: 0px -13px; color: #f7941d; }
.isotope, .isotope .isotope-item { /* change duration value to whatever you like */
-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
video::-internal-media-controls-download-button { display:none; }
video::-webkit-media-controls-enclosure { overflow:hidden; }
video::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */ }

/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */

@media only screen and (max-width: 1000px) {
.btn_close { left: inherit; right: 0px; margin: 0px; }
.view_con { width: 100%; }
.prev_next { width: 100%; }
.pop_corner_r { padding: 20px; }
#works_details { width: 100%; padding: 0px 15px; padding-top: 10px; }
#works_details h2 { margin: 10px auto 0; width: 100%; }
#works_details .pop_con { margin: 20px auto 0; width: 100%; }
#works_details .pop_con li { width: 100%; }
#works_details .pop_con li span.tit { width: 20%; }
#works_details .pop_con li span.con { width: 80%; }
#works_details h3 { margin: 10px auto 0; width: 100%; }
.pop_img { width: 100%; }
.pop_img img { width: 100%; }
.actual_view { width: 100%; }
video { width: 100%; }
}