@media screen and (max-width:1000px) {
    
    .wrap-wide {width: 665px; margin-left:auto; margin-right:auto;}
    .home-info .main-title {margin-left: 0; margin-right: 0; font-size:30px;}
    .icon-list li {margin-right: 39px;}
    
    #main-menu aside ul {margin-left:0; text-align: center;}
    #main-menu aside .close {
        width:55px;
        height: 55px;
        background:url('../images/material/btn-close.png') no-repeat center 50%;
    }
    #main-menu aside .close img {display: none;}    
    #main-menu aside ul li a {font-size: 25px;}
    #main-menu aside .socmed {margin-left: -50px; left:45%;}
    
    #main-menu aside nav {width:100%;}   
    
    #main-menu aside .socmed a {width: 26px; height: 26px; background-size: 100% !important; margin-right:5px;}
    #main-menu aside .socmed a:nth-child(2) {background-size: cover !important;}
    
    .list-gallery.main_menu li {width: 100%;}
    
    #home .items #wrhomeSlider img {height: 465px; max-width:1000px;}
    
    
    
    
    #banner-content {min-height:640px; height: 640px;}
    #banner-content.about {min-height:640px; height: 640px;}
    #banner-content.about .parallax_box {height: 640px;}
    #banner-content video {width: auto; height: 640px;}
    .view-column.two.content-wording {width: 100%;}
    
    //.img-thumb {height: 194px;}
      
    
    #banner-content img {max-width: 1920px;}
    #banner-content .captions {padding-left: 55px; padding-right: 55px;}
    #banner-content .captions h2 {font-size: 65px;}
    
    #banner-content.karir img {margin-left:-300px;}
    #banner-content.cr_detail img {margin-left: -600px;}
    
    section#strategy {padding-bottom: 25px;}
    
    .view-column.services {margin-left: 0;}
    .view-column.two.services > div {width: 315px; margin-right: 0;}
    .view-column.two.services > div:first-child {margin-right: 15px; margin-left: 0;}
    .view-column.services div:nth-child(1) {padding-right:0;}
    .view-column.two.services > div:nth-child(2) {width: 320px; position: relative;}
    section#strategy .view-column.two.services > div img {width:100% !important; position: absolute; top:65px; right: -45px;}
    
    #productions {position: relative;}
    #productions .view-column.two.services > div:nth-child(2) {position: absolute; right: 0; bottom: 22%;}
    
    #digital {position: relative;}
    #digital .view-column.two.services > div {position: relative;}
    #digital .view-column.two.services > div:first-child {margin-top: 100px;}   
    #digital .view-column.two.services > div:first-child img {width:100% !important;}
    
    
    .home-info p {margin-left: 0; margin-right: 0;}
    
    .view-column.services {padding-bottom: 10px;}
    
    .view-column.two > div {height: auto;}
    .view-column.two > div.service {height: 280px;}
    
    #home {height: 465px;}
    #home .parallax_box .items {height: 465px;}
    #home .items img {height: 465px;}
    #home .items .f_image {/*width: 950px;*/}
    
    #banner-video {width: 100%; height: 580px; max-height: 580px;}
    #banner-video.galPhoto {padding-top:71px;}
    #banner-video .slider-wrapper {height: 580px;}
    #banner-video .nivoSlider {height: 580px;}
    #banner-video .nivoSlider img {max-width: 1920px; width: auto !important; height: 580px;}
    
    #banner-content.bContact img {margin-left: -500px;}
    
        
    .imView {width:665px;}
    .footnote {width: 665px;}
    #video {width: 665px;}
    .display-image {width: 665px;}
    
    .display-image div:nth-child(2){width: 425px;}
    .display-image div:nth-child(3){width: 225px;}
    
    .view-column.two.content-wording > div.rSpace {margin-right:2%; width: 48%;}    
    
    #contact .address .address-tabs {width:665px;}
    #contact .address .address-tabs div:nth-child(2) {width: 243px;}
    #contact .address .address-tabs div:nth-child(3) {width: 176px;}
    #contact .address .address-tabs div:nth-child(4) {width: 176px;}
    #contact .address .address-tabs div img {display: inline-block;}
    #contact .address .address-tabs div span.small {display: inline-block; width: 180px; font-size: 11px !important;}
    
    .box-getstart p {font-size: 19px;}
    
    .icon-list.inline-pop li {width: 85px; line-height: 12px; margin-right: 20px; }
    .icon-list.inline-pop li div {width: 85px; height: 85px; background-color: #fff; border: 2px solid #ccc;}
    .icon-list.inline-pop li:after {width: 85px; height: 85px;}   
    .icon-list li:hover div.strategy, .icon-list li.active div.strategy {
        background-color: #53b7e8;
        background-image: url(../images/material/icon-service-active-03.png);
    }
    .icon-list li:hover div.prepro, .icon-list li.active div.prepro {
        background-color: #53b7e8;
        background-image: url(../images/material/icon-service-active-05.png);
    }
    .icon-list li:hover div.pro, .icon-list li.active div.pro {
        background-color: #53b7e8;
        background-image: url(../images/material/icon-service-active-07.png);
    }
    .icon-list li:hover div.digital, .icon-list li.active div.digital {
        background-color: #53b7e8;
        background-image: url(../images/material/icon-service-active-09.png);
    }
    .icon-list li:hover div.reporting, .icon-list li.active div.reporting {
        background-color: #53b7e8;
        background-image: url(../images/material/icon-service-active-11.png);
    }    
    .popup .wrap_popup .row .icon-list li span {font-size:10px !important; line-height: 12px;}
    
    
    .popup .wrap_popup form .wrap-file span.inFile_choose {width: 92%;} 
    
    
    #googleMaps {width:115%; margin-left: -55px;}
    
    
    
    
    
    
    
    
    
    
    
}