@media screen and (max-width:664px) {
    
    .wrap-wide {width: 430px;}
    .home-info .main-title {font-size:30px;}   
        
    #main-menu aside {width: 100%;}
    #main-menu section {display:none;}
    #main-menu aside .socmed {left:40%;}
    #main-menu aside .socmed a {margin-right: 15px;}
    
    
    #home {height: 560px;}
    #home .items {width:100%; height: 280px !important;}
    #home .items .captions h2 {font-size: 50px; line-height: 52px; padding-bottom: 20px;}   
    
    #home.gal {height:560px;}
    
    #home .items .f_image .still_image img,
    #home .items .f_video .still_image img {width: 100%; max-width:100%; height: auto;}   
    
    #home.gal .items .f_image img {height:auto; max-width: 100%;}
    #home.gal .items .f_video img {/*height:300px;*/}    
    
    #home .items #wrhomeSlider img {height:auto; width:100%;}
    #home.gal .items #wrhomeSlider img {height:auto; width:100%;}   
    
    
    #banner-content {height: 560px; min-height: 560px;}
    #banner-content .parallax_box {height: 560px;}
    #banner-content.about {min-height:560px;}
    #banner-content.about .parallax_box {height: 560px;}
    #banner-content img {margin-left: -300px;}    
   
    
    #main-gallery {padding-top:40px;}
    
    .middle_pos .center_pos .w-border {min-width:150px; max-width: 200px;}
    
    .icon-list {margin-bottom: 0;}
    .icon-list li {margin-right: 20px; width: 65px;}
    .icon-list li div {width: 65px; height: 65px; background-size:60px 60px; }
    .icon-list li:after {width:65px; height: 65px;}
    .icon-list li:hover div {background-size:60px 60px; }
    .icon-list li span {font-size:10px; color:#999; display: block; line-height: 11px;}
    
    .home-info {padding-bottom: 65px;}
    
    #productions .view-column.two.services > div:nth-child(2) {position: relative; bottom:0;}
    
    
    .content-wording .tagline {padding-right: 0;}
    
    #home .items #CustomSlideshow img {height:auto; max-width: 100%;}
    
    .w-border .line.top, .w-border .line.bottom {height: 5px;}
    .w-border .line.left, .w-border .line.right {width: 5px;}
    
    .home-info .main-title {font-size:24px; line-height: 26px; color: #000; font-weight: normal;}   
   
    
    #sec_workwithus form {width: 430px;}
    #sec_workwithus .row input[type=text], #sec_workwithus .row textarea {width: 400px; font-size:20px;}        
    #sec_workwithus form input[type=submit] {width:215px; font-size: 12px;}
    
    .btn {font-size:12px; padding-left: 20px; padding-right: 20px;}
        
    
    #banner-content .captions h2 {font-size: 50px; line-height: 46px; padding-bottom: 8px;}
    #banner-content .captions:after {height: 5px;}
    #banner-content video {margin-left: -30%; height: 560px;}
    
    #banner-video {height:505px; min-height: 505px;}
    #banner-video .parallax_box {height:505px;}
    #banner-video.galPhoto #wrSlider img {margin-left:-600px;}    
    #banner-video.galPhoto #wrSlider .bx-wrapper .bx-pager, #banner-video.galPhoto #wrSlider .bx-wrapper .bx-controls-auto {bottom:140px;}
    
    
    #banner-content .captions .brand {line-height: 30px;}
    #banner-content .captions h2, #banner-content .captions .h2 {font-size:45px; line-height: 40px; padding-bottom: 10px;}
    #banner-content .captions .h2 p {font-size: 14px; padding-top: 6px;}
    #banner-content .captions h2:after, #banner-content .captions .h2:after {height: 5px; margin-top:15px;}

    
   
    .view-column.two > div {width: 100%; margin-bottom: 0px; min-height: 10px;}
    .content-wording {padding-top:20px; margin-top: 0; margin-bottom: 40px;}
    .content-wording .tagline {font-size: 24px; line-height: 26px;}
    
    .view-column.two.content-wording {padding-bottom: 15px; margin-bottom: 15px;}
    .view-column.two.content-wording > div {margin-bottom: 25px;}
    
    
    //.img-thumb {height: 480px;}
    .img-thumb li {width: 50%;} 
       
    #client .title {font-size: 24px; line-height: 28px;}
    #client ul li {width: 32.33%;}
    
    
    .view-column.two.services > div {width:100%; margin-right: 0;}
    .view-column.two.services > div:first-child {margin-right: 0;}
    .view-column.two.services > div:nth-child(2) {width:100%;}
    
    section#strategy .view-column.two.services > div img {position: relative; margin:0 auto; right: 0; top: 0;}
    section#pre-productions {background-position: center bottom; padding-bottom: 250px; background-size: 107%;}
    section#reporting {background-position: center bottom; padding-bottom: 290px; background-size: 107%;}
    
    //#main-gallery {padding-top:10px;}    
    #main-gallery a {margin-left: 1px; margin-right: 1px; padding-left: 18px; padding-right: 18px; width: 50px;}
    #main-gallery nav {border-top:0; padding-top: 20px;}
    .srch_form button {margin-top:10px;}
    
    .main-gallery {margin-top:40px;}
    .main-gallery li {width: 100%;}
    
    .popup .wrap_popup {width: 92%;}
    .popup .wrap_popup .title {font-size: 24px; line-height: 24px;}    
    .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: 400px;
        width: 94%;
    }
    
    #banner-content {background-size: 250%;}    
    #banner-content .captions .brand {font-size: 20px;}
    #banner-content .captions h2 {padding-bottom: 0;}
    #banner-content .captions p {margin-bottom: 2px;}
    
    #infoClient {padding-left: 61px; padding-right: 61px;}
    #infoClient .wrap-wide {width: 100%; position: relative;}
    #infoClient > div > div {float: none; display: inline-block;}
    #infoClient > div > div:nth-child(1) {position: absolute; top:25%; left: 0;}
    #infoClient > div > div:nth-child(2){display:block; width: 165px; padding-left: 140px; padding-bottom: 6px;}
    #infoClient > div > div:nth-child(3){display:block; width: 165px; padding-left: 140px; padding-bottom: 6px;}
    #infoClient > div > div:nth-child(4){display:block; width: 165px; padding-left: 140px; padding-bottom: 6px;}
    
    
    .imView {width: 100%;}
    #video {width: 100%;}
    .display-image {width:100%;}
    
    .display-image div:nth-child(2) {width:63%;}
    .display-image div:nth-child(3) {width:33%; margin-right: 1%;}
    
    .view-column.two.content-wording > div.rSpace {width: 100%; margin-right: 0;}
    
    #blog-detail .wrap-wide {width: 430px;}
    
    
    #contact .list-contact li {width: 50%; padding-bottom: 20px;}
    #contact .list-contact li span {font-size: 14px;}
    #contact .list-contact li a {font-size: 12px;}
    
    
    #contact .address .address-tabs {width: 100%; text-align: left; margin-top: -67px; position: relative;}
    #contact .address .address-tabs div {width: 96%; display: block; padding-left: 4%;}
    #contact .address .address-tabs div:nth-child(1),
    #contact .address .address-tabs div:nth-child(2),
    #contact .address .address-tabs div:nth-child(3),
    #contact .address .address-tabs div:nth-child(4),
    #contact .address .address-tabs div:nth-child(5){width: 96%;}
    
    #contact .address .address-tabs div:nth-child(1) {text-align: center;}
    #contact .address .address-tabs div:nth-child(1) img {width: 91px; height: auto;}
    #contact .address .address-tabs div:nth-child(5) {text-align: center;}
    
    #contact .address .address-tabs div span.small {font-size:14px !important; width: 250px;}
    
    #googleMaps {width: 112%; margin-left: -25px;}
    
    .circle-step {height: 60px; width: 60px; font-size: 20px; line-height: 60px; margin-top: 5px;}
    #step2 .icon-list {display: block; margin-bottom: 15px;}
    .icon-list.inline-pop li {width: 60px; margin-right: 15px;}
    .icon-list.inline-pop li div {width: 60px; height: 60px; background-size: 100%;}
    .icon-list.inline-pop li:after {width: 60px; height: 60px;}
    .popup .wrap_popup .row .icon-list li span {color:#666;}
    
    #page404 {height: auto !important; min-height: 600px;}
    #page404 .wrap404 {width: 430px; display: block; }
    #page404 .wrap404 img {width:200px; margin-bottom: 15px;}
    #page404 .wrap404 h3 {font-size: 14px; margin-bottom: 35px;} 
    #page404 .fontBlue {margin-bottom: 30px;}
    
    
    .view-column.two.content-wording > div .tagline {text-align:center; display: block;}
    
    #job .wrap-wide {width: 430px;}
    #banner-content.cr_detail {background-size: auto;}
    .view-column h5 {text-align: center;}
    
    .wrap-wide.cr_detail {}
    .wrap-wide.cr_detail p {text-align: left; padding-right: 0;}
    .wrap-wide.cr_detail a {margin:0 auto 15px auto; display: block; width:70px;}
    
    .content-wording .qualification h3 {font-size:16px;}
    
    .like-gallery .main-gallery li {height:250px; width: 100%;}
    
    .srch_form input {padding-left:10px;}
    .srch_form.galDet input {width:140px;}
    
    
    .fancybox-opened {
        //height:100% !important;
    }    
    .popup {position: fixed; z-index: 58986;}
    
    
    
    
    .footnote {margin-bottom: 0; padding-bottom: 35px;}
    
    footer {margin: 0 auto;}
    footer .wrap-wide {width:300px;}
    
    
    
    
    
    
    
    
    
    
    
    
    
}