@media screen and (max-width:479px) {
    
    header {height: 71px;}
    header .logo {width: 95px; padding-top: 16px;}    
    header .menu {}
    header .menu:after {content: '';}
    header span.left {display:none !important;}
    
    .wrap-wide {width: 282px;}  
    
    .home-info {padding-top: 50px; padding-bottom: 50px;}
    .home-info .main-title {font-size:18px; line-height: 22px;}
    
    #main-menu aside ul {margin-left:0px; margin-top: 35px;}
    #main-menu aside ul li {margin-bottom: 6px;}
    #main-menu aside ul li a {font-size:20px;}
    #main-menu aside .socmed {margin-left: 0px; left:20%;}
    #main-menu aside .close {z-index: 25;}
    #main-menu aside nav {height: 100%;}    
    
    #sec_workwithus .title {font-size:24px;}   
    #sec_workwithus form {width: 282px;}
    #sec_workwithus .row input[type=text], #sec_workwithus .row textarea {width: 255px;}      
     
    .popup .wrap_popup .row input[type=text], .popup .wrap_popup .row textarea, .popup .wrap_popup .row select, #sec_workwithus .row input[type=text], #sec_workwithus .row textarea {
        //width: 255px;
        width: 92%;
    }
    .popup .close {width: 40px; height: 40px;}
    
    #banner-content {height: 490px !important; background-size: 300%;}  
    #banner-content video {height: 490px;}
    #banner-content .captions {padding-left: 15px; padding-right: 15px;}
    #banner-content .captions h2 {font-size:40px; line-height: 40px;}
    
    #home.gal .items .f_image img {max-width:600px; height: 100%;}
    
    #banner-content img {margin-left: -200px;}
    
    
    .view-column.two.like-gallery {display:block;}
    
    .icon-list {text-align: center;}
    .icon-list li {float:none; display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px;}
    
    #digital .view-column.two.services > div:first-child {margin-top:10px;}
    
    .view-column.two {}
    .view-column.two.content-wording > div .tagline {text-align: left; color:#333; font-weight: normal;}
    .view-column.services h3 {font-size: 16px;}
    .view-column.services .head {font-size: 26px; line-height: 28px;}
    
    section#pre-productions {padding-bottom: 180px;}
    section#reporting {padding-bottom: 210px;}    
    
    .srch_form {display: block; width: 193px; margin: 15px auto 0 auto;}    
    
    //.img-thumb {height: 1283px;}
    .img-thumb li {width: 100%;}
    
    #client .title {color:#333; font-weight: normal;}
    #client ul {text-align: left; margin-right: 0; margin-left: 10px;}
    #client ul li {width: 32.6%;}
    
    #banner-video {height: 490px; max-height: 490px;}
    #banner-video .slider-wrapper {height: 490px;}
    #banner-video .nivoSlider {height: 490px;}
    #banner-video .cap_video {height: 70px; line-height: 70px; font-size: 50px; width:auto !important; margin-left: 40px; margin-right: 40px;}
    
    .select_category .fSelect {cursor:pointer; width: 185px; background:url('../images/material/bg_select.png') no-repeat 98% 50%;}
    .select_category {display:block; width:246px; margin: 0 auto;}  
    .select_category .fSelect {width:240px;}
    .select_category .fSelect select {width:240px;}
    
    .box-getstart p {font-size: 18px; line-height: 20px;}
    .service .wrap, .gallery .wrap {margin-left: 25px; margin-right: 25px;}
    
    #banner-content .captions p {font-size: 14px; line-height: 16px;}
    
    .service a {font-size:12px;}
    
    #blog-detail .wrap-wide {width: 282px;}    
   
    #page404 .wrap404 {width: 282px; display: block; }    
    
    #job .wrap-wide {width: 282px;} 
    
    nav#banner {height: 49px;}
    nav#banner a {width: 43px; height: 49px;}
    nav#banner span {font-size:14px; margin-top:20px;}
    nav#banner a.more {background-size:60%;}
    nav#banner a.share {background-size:60%;}
    
    #infoClient {padding-left: 20px; padding-right: 20px;}
    #infoClient > div > div:nth-child(2),
    #infoClient > div > div:nth-child(3),
    #infoClient > div > div:nth-child(4) {padding-left: 100px;}
    
    .content-wording .info .date {display: block;}
    .content-wording .info .category {display: block; margin-left: 0; margin-top:6px;}
    
    .content-wording .tagline {font-size: 20px; line-height: 24px;}  
        
    #blog-detail .title h1 {font-size: 24px; line-height: 26px; margin-bottom: 10px;}
    
    .view-column.two > div.service {height: 320px;}
    
    .footnote {width: 100%;}
    .display-image div:nth-child(2) {width: 61%;}   
    
    #contact .title {font-weight: normal; font-size:24px;}    
    #contact .address .address-tabs div span.small {font-size: 13px !important; width: 220px;}
    
    
    .popup .wrap_popup .row label, #sec_workwithus .row label {font-size: 14px;}
    .popup .wrap_popup .row input[type=text], .popup .wrap_popup .row textarea, .popup .wrap_popup .row select, #sec_workwithus .row input[type=text], #sec_workwithus .row textarea {
        font-size:20px;
    }
    .popup .wrap_popup .row, #sec_workwithus .row {padding-bottom: 5px;}
    .popup .wrap_popup form input[type=submit] {font-size:14px;}
    
    .icon-list.inline-pop {text-align: center;} 
    .icon-list.inline-pop li {float:none; display: inline-block; vertical-align: top;}
    
    #page404 .wrap404 h3 {margin-left: 10px; margin-right: 10px;}
    
    
    #home .items .f_video .still_image img, #home .items .f_image .still_image img {max-width:480px;}
    
    
    
    footer {margin: 0 auto;}
    footer .wrap-wide {width:260px;}
    
    
    .form-label.form-label-auto {font-size: 14px;} 
    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input {font-size: 20px !important;}
    .form-all .form-submit-button {font-size: 16px !important; margin-top: 15px;}
    
    
    
    
    
    
    
    
    
    
    
}