@media screen and (max-width: 1218px) {
    .container {
        width: auto;
    }

    #PhotoWall {
        width: 912px;
        text-align: center;
    }
}

@media screen and (max-width: 936px) {
    #PhotoWall {
        width: 608px;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {

    .container {
        padding-left: 4px;
        padding-right: 4px;
        width: auto;
    }

    #PhotoWall {
        width: auto;
        margin: 0 auto;
        text-align: center;
    }

    .square {
        width: 225px;
        height: 225px;
    }

    .source-filter {
        width: 200px;
    }

    .source-icon {
        left: 86px;
        top: 87px;
    }

    .source-icon-big {
        left: 202px;
        top: 202px;
    }

    .text-box-0 .source-icon,
    .text-box-1 .source-icon {
        top: 81px;
        left: 195px;
    }

    .item-2 {
        padding: 5px;
    }

    .item-4 {
        width: 225px;
        height: 225px;
    }

    .item-1 {
        width: 110.5px;
        height: 110.5px;
    }

    .header-brand {
        height: 120px;
    }

    .header-brand-image {
        width: 100%;
        margin: 0 auto;
    }

    .header-title, .header-tagline, .header-instructions  {
        height: auto;
    }
    .header-instruction-text {
        font-size: 1.0em;        
        text-align: right;
        height: 54px;
        overflow: hidden;
    }

    .footer-title {
        width: 100%;
    }

    .footer-links {
        width: 100%;
        font-size: 12px;
    }

    .user-info-small {
        font-size: 11px;
        height: 47px;
    }
    
    .user-info-small img {
        width: 40px;
    }

    .user-info-username {
        height: 18px;
        width: 153px; 
    }

    .item-2 {
        width: 225px;
        height: 110.5px;
    }

    .img-user-big {
        width: 75px;
    }

    .text-box-message {
        height: 90px;
        overflow: hidden;
    }

    .text-box-message-small {
        height: auto;
        font-size: 11px;
    }

    .play-icon-big {
        /*left: 90px;*/
        top: 90px;
    }

}




@media screen and (max-width: 572px) {
    .modal-content-wrapper {
        width: 100%;
    }

    .source-filter li {
        width: 32px;
        height: 32px;
        margin-right: 5px;
        margin-left: 0px;
    }

    .source-filter li img {
        width: 32px;
        height: 32px;
    }
}




@media screen and (max-width: 480px) {
    .mobile-spacing {
        width:41.333333%;
    }

    .modal-content-wrapper {
        margin: 0;
    }

    .modal-content {
        padding: 10px;
    }

    .modal-title {
        font-size: 12px;
        padding: 0;
        margin: 0;
    }

    .modal-title-user-img {
        width: 50px;
    }

    .modal-title-username, .modal-title-screen-name {
        height: 25px;
        overflow: visible;
        position: relative;
        left: -18px;
    }

    .modal-container {
        width: auto;
    }

    .img-logo {
        height: 35px;
        margin-top: 12px;
    }

    .header-instruction-text {
        font-size: 1.0em;
        height: 54px;
        text-align: right;
        overflow: hidden;
    }

    .source-filter {
        width: 150px;
        padding: 0;
        margin-left:10px;
    }

/*    .source-filter li {
        width: 24px;
        height: 24px;
        margin-left: 0px;
    }

    .source-filter li img {
        width: 20px;
        height: 20px;
    }*/

    .modal-message-texts {
        width: auto;
        font-size: 12px;
    }

    .modal-message-img-holder {
        width: 300px;
        height: 228px;
    }

    .modal-twitter-actions {
        height: 25px;
    }

    .img-modal-view {
        display: block;
        width: 300px;
        margin: 0 auto;
        max-width: 100%;
        max-height: 220px;
    }

    .modal-message-btn-holder .btn {
        padding-left: 10px;
        padding-right: 10px;
    }

    .modal-close-btn {
        margin: 5px;
    }

    .modal-message-video-holder {
        width: 310px;
    }

    .modal-message-img-holder {
        margin: 10px auto;
    }

    .video-js {
        width: 280px;
        height: 200px;
    }

    .modal-content-wrapper {
        width: 100%;
    }

    #PhotoWall {
        width: 310px;
    }

    .source-icon {
        left: 50px;
        top: 50px;
    }

    .source-icon-big {
        left: 126px;
        top: 126px;
    }

    .text-box-0 .source-icon,
    .text-box-1 .source-icon {
        top: 44px;
        left: 120px;
    }

    .square {
        width: 150px;
        height: 150px;
    }

    .item-4 {
        width: 150px;
        height: 150px;
    }

    .item-2 {
        width: 150px;
        height: 73px;
    }

    .img-user {
        width: 30px;
    }

    .user-info-small {
        height: 38px;
    }

    .text-box-message-small {
        height: auto;
        font-size: 10px;
    }

    .item-1 {
        width: 73px;
        height: 73px;
        /*margin: 1px;*/
    }

    .text-box {
        padding: 10px;
    }

    .img-user-big {
        width: 50px;
    }

    .user-info {
        font-size: 10px;
        height: 45px;
    }

    .user-info-username {
        font-size: 10px;
        height: auto;
    }

    .user-info-screen-name {
        font-size: 10px;
        height: auto;
    }

    .user-info-small img {
        width: 30px;
    }

    .text-box-message {
        font-size: 10px;
        height: 90px;
    }

    .play-icon-big {
        /*left: 50px;*/
        top: 50px;
    }

    .modal-title-source-time {
        margin-right: 5px;
        font-size: 12px;
        right: 5px;
    }
}

@media screen and (min-width: 200px) {
    .modal-close-btn {
        margin: 1px;
    }
}