/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 7, 2017, 3:51:40 PM
    Author     : Dev15
*/
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

    @media only screen and (min-width : 1500px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1400px) {
        .insight-single .insight-content { font-size: 20px; }
        .insight-link a {    font-size: 16px;    }
        .logo-internal-page img {    width: 100%;   }
        .page-content.internal-page-container {    padding: 95px 50px 0 70px;}       
        /*.tile-container .work-single , .tile-container .people-single {    margin-right: 3%;    width: 31.2%;}*/
        .page-wrapper {    background-size: cover;}
        .story-service .page-content {    margin: 95px 12% 12% 50px; width:100%;}    
        .gallery-container, .image-large, .image-large img{padding-right: 0;}
        .slick-prev.slick-arrow:before , .slick-next.slick-arrow:before {    font-size: 26px;        }
        .slick-next.slick-arrow {    top: 22%;}
        .slick-prev.slick-arrow {    top: 27%;}
/*        .logo-home-page aside.logo-wrapper {    margin-top: 165%;}*/
        section#content {    padding: 4% 0 4% 11%;}
        .insight-items .insight-single {    padding-left: 30px;    margin-left: 30px;    width: 22%;}        
        .insight-icon img{ width: 100%; }
        .share-container .separator-div {    width: 91%; margin-left: 0.5%;}
        .share-icon{    width: 8%;}
        .story-service .page-wrapper {    background-position: 0 0;}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        aside.logo-wrapper { margin-top: 0; }            
        .logo-home-page { float: right; }
        .logo-wrapper img { width: 100%;}
/*        .insight-single .insight-content { font-size: 18px; }        
        .insight-link a {    font-size: 14px;    }*/
        section#content {    padding: 4% 10%;}   
        .logo-home-page aside.logo-wrapper {    margin-top: 0;}
        .story-service .page-content {    margin: 3% 50px; width: auto;} 
        .clearfix-1200{clear: both;}
        .mid-page .content-container { clear: both; padding-left: 0; padding-top: 10%;}
        .page-content .mid-page .content-container {    padding-left: 0;    padding-top: 30px; }
        .work-people .page-content .mid-page .content-container {    padding-left: 45px;    padding-top: 0; }
        section#content {    padding: 4% 4% 4% 13%;}
        .insight-items .insight-single {    padding-left: 30px;    margin-left: 30px;    width: 21%;}
        /*.story-service .footer-wrapper-main{position: relative;}*/
            .share-container .separator-div {    width: 88%;}
        .share-container .separator-div {    width: 89%; margin-left: 0;}
        .share-icon{    width: 10%;}
        .story-service .page-wrapper {    background-position: 0 0;}
}

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 991px) {
        .backButton {   margin-top: 20px; }
        .work-image img {    width: 100%;}
        .a2a_kit .a2a_button_facebook,.a2a_kit .a2a_button_twitter,.a2a_kit .a2a_button_linkedin{    background-size: 100%;}
        .work-internal .mid-page{ display: block; }
        section#content {    padding: 0 3%;}
        .footer-wrapper-main{ position: relative; margin-top:50px; padding: 40px 3%;}
        .insight-items .insight-single {    padding: 0;    margin-top: 20px; margin-left: 0;    border-bottom: 1px solid #fff;    padding-bottom: 20px; width: 100%; border-left: medium none;}
        .internal-page #footer { margin-top: 0px;}
        #footer { margin-top: 30px;}
        .footer-address, .footer-address a {    font-size: 12px; }
        .footer-social-links img {    width: 26px;}
        .navigation-mobile{    padding: 20px;    position: fixed;    width: 100%;    z-index: 999;    background: rgba(0,0,0,0.5);    padding-bottom: 0 !important;}
        .story-service .page-content {margin: 0;    padding: 20px;}
        .story-service #internal-content {    padding: 0;}
        .story-service .navigation-mobile{padding-bottom: 0;}
        .tile-container .work-single , .tile-container .people-single {            margin-right: 0;            margin-bottom: 20px;            width: 100%;        padding: 0; }
        .tile-container .work-single:nth-child(3n) , .tile-content .people-single:nth-child(3n) {            margin-right: 0;           }        
        .tile-container .work-single:nth-child(2n) , .tile-content .people-single:nth-child(2n) {            margin-right: 0; padding-right: 0;            }     
        .page-content.internal-page-container {    padding: 2% 3%;}        
        .work-internal #internal-content {    margin: 0 20px;    padding: 0;}
        .footer-wrapper-main.single-work {    margin-top: 0;}
        .footer-wrapper-main.work-people {    margin-top: 0;}
        .slick-next.slick-arrow {    top: 28%;        }
        .slick-prev.slick-arrow {    top: 33%;        }
        /*.page-wrapper:not(.contact-page), .wrapper-table:not(.story-service) .page-wrapper{height: auto !important;}*/
        .home-page .main-content {    padding-top: 170px;}
        .main-content {    padding-top: 160px;}
        .work-people .main-content {    padding-top: 125px;}
        .people .work-people .main-content {    padding-top: 120px;}
        .main-content.career-people, .main-content.story-service {    padding-top: 132px;}
        .main-content.story-service {    padding-top: 111px;}
        .career .main-content.career-people{    padding-top: 110px;}
        .career-people .page-content .tile-container a{font-size: 14px;}
        .main-content.story-service.contact-page {    padding-top: 111px;}
        .story-service.contact-page .page-content {    padding: 20px;    width: 100%; margin:0;}
        .footer-wrapper-main.internal-page.contact-page{display: none;}
        .career-people .page-content .page-title {    margin-bottom: 20px; font-size: 24px;}
        .work-people .page-content .page-title {    margin-bottom: 10px; font-size: 24px; }
        .people-internal .page-content .page-title {    margin-bottom: 15px; }
        .work-people .page-content .work-title {    font-size: 16px; }
        .work-people .page-content .work-company {    font-size: 12px; }
        .career-people .page-content.internal-page-container {    padding: 20px 20px;}
        .career-people #internal-content .content-container p {    margin-bottom: 20px; font-size: 14px;}
        .career-people .page-content .content-container {    margin-bottom: 20px;    padding-bottom: 0;}
        .career-people .tile-container .tiles {    margin-bottom: 20px;    padding-bottom: 20px;        }
        .career-people .footer-wrapper-main {    margin-top: 0px;    padding: 0px 20px 40px 20px;}
        .career-people .tile-container .tiles:last-child{margin-bottom: 0;}
        .career-people .page-content .tile-container .career-title {    font-size: 22px;}.career-people .page-content .tile-container .career-excerpt {    font-size: 14px;}
        .insight-icon img{ width: 150px; }
        .insight-icon { width: 100%; float:none;    margin-bottom: 20px;}
        
        .insight-content { width: 100%; float:none; margin-left: 0; margin-top: 20px;}
        .insight-content .insight-title a{ font-size: 24px; }
        .insight-content .insight-excerpt{ font-size: 16px; padding: 15px 0;}
        .insights .page-content.internal-page-container {    padding: 30px 3%;    margin-bottom: 0;}
        .insights .tile-container .tiles {    margin-bottom: 30px;    padding-bottom: 30px;    }
        .page-title-wrapper .page-title{display: none;}
        .navigation-mobile .page-title{    display: block;    margin: 10px 0;    padding: 0; font-size: 24px;}
        .insights.main-content {    padding-top: 185px;}        
        .insight-internal .insights.main-content {    padding-top: 185px;}        
        .insights .navigation-mobile{ background: #0083a9;}
        .navigation-mobile .overlayBlack{    display: block;}
        .insights.insight-internal .page-content {    padding: 0 20px;}
        .insight-internal.insights .featured-image .page-title {    margin-top: 0px;   font-size: 24px;}
        .insight-internal .page-content .mid-page .content-container {    padding: 0; margin-top: 15px; font-size: 16px;}
        .insight-internal #internal-content .page-content .mid-page .content-container p {    margin-bottom: 15px;}
        .insight-internal #internal-content .page-content .mid-page .content-container p:nth-last-child(2) {    margin-bottom: 20px;}
        .work-internal .mid-page {    display: block;}
        .content-container .addtoany_share_save_container {top: calc(100% + 38px);        }
        .tiles .insight-content {    width: 100%;    margin-left: 0;    margin-top: 0;}
        section.relatedProjects {    padding: 0 20px;}
        .project-container article{ padding:0; margin-bottom: 20px; border: medium none;}
        .project-container article:last-child{ margin-bottom: 0;}
        .footer-wrapper-main.insights{margin-top: 0;}
        .work-people .page-content .mid-page .content-container {    padding-left: 0; }
        .tile-container .work-single,.tile-container .people-single{    margin-bottom: 20px;}
        .work-people .page-content .mid-page .content-container {    padding-top: 30px; }
        .people-internal .page-content .mid-page .content-container {    padding-top: 20px; }
        .footer-wrapper-main,
        .footer-wrapper-main.internal-page{            position: absolute;            bottom: 0;        }
        .work-internal .footer-wrapper-main.single-work,
        .career-people .footer-wrapper-main,
        .insights .footer-wrapper-main,
        .work-people .footer-wrapper-main,
        .story.footer-wrapper-main.internal-page{            position: relative;        }
        .story-service .footer-wrapper-main.services,  .story.footer-wrapper-main.internal-page {    position: absolute;}
        .work-people .page-wrapper,
        .page-wrapper.work-people{            /*height: auto!important;*/height: auto;        }
        ul.menu{width: 100%;}
        .image-large {    margin-bottom: 15px;}
        .footer-wrapper-main.single-work {    padding: 30px 20px; }
        .logo-wrapper a {    margin-right: 0;}
        .work-internal .mid-page{ margin-top: 10px; }
        .contact-content-container .contact-address .contact-content {            margin-bottom: 15px;        }        
        .info-container.contact-address .contact-content {    margin: 0;}
        .contact-content-container .contact-title {    margin: 0;}
        .info-container p.contact-content {   margin-bottom: 15px;}
        .work-people .page-content.internal-page-container {    padding: 20px;}
        .people .work-people .page-content.internal-page-container {    padding-bottom: 0;}
        .a2a_kit > a {    width: 25px;    height: 25px;}
        .a2a_kit .a2a_button_email:after {     top: -2px;    font-size: 24px;    position: relative;}
        .content-container .addtoany_share_save_container {    padding: 2px 5px 5px 5px;}
        a.a2a_button_email {    margin-left: 0;}
        .addtoany_share_save_container .addtoany_list.a2a_kit_size_32 a {    font-size: 22px;}
        .featured-image .image-content {    margin-bottom: 20px;}
        .project-container article p {    margin: 0;}
        .banner-subcontent {    margin: 20px 0;}
        .home-page .footer-wrapper-main h2{margin-bottom: 20px;}
        .more-insight-link {    margin-top: 15px;}
        .home-page #footer {    margin-top: 10px;}
        .footer-wrapper-main{ padding: 40px 20px 20px 20px;}
        .sort-container {    margin-bottom: 0px;}
        .insights .page-content.internal-page-container {    padding: 0 20px 30px 20px;}        
        .banner-content h1 {            font-size: 28px;        }
        .banner-subcontent{font-size: 14px;}
        .banner-link a{font-size: 16px;}
        .footer-wrapper-main h2{font-size: 22px;}
        .insight-single .insight-content {    font-size: 19px;}     
        .insight-link a {    font-size: 14px;}        
        .footer-wrapper-main.insights{padding: 50px 20px;}
        .home-page.page-wrapper{height: auto !important;}
        .home-page .footer-wrapper-main{ position: relative;}
        .insight-link {    margin-top: 20px;}
        .work-people.footer-wrapper-main{padding-top: 10px;}
        .people .work-people.footer-wrapper-main{padding-top: 0;}
        button.slick-prev.slick-arrow{ right:calc(100% + 4px);     width: 12px;    height: 24px;}
        button.slick-next.slick-arrow{ left:calc(100% + 4px);     width: 12px;    height: 24px;}
        p.work-client{font-size: 12px;}
        .image-large .image-caption{font-size: 16px; margin-top:10px;margin-bottom:0;}
        .page-content .mid-page .content-container{font-size: 16px; }
        .work-internal .main-content {    padding-top: 140px;}
        .people-internal .main-content {    padding-top: 110px;}
        .page-content .mid-page .content-container{margin-right:0; }
        .work-people #internal-content .content-container p:last-child{margin-bottom: 0;}
        .people .work-people #internal-content .content-container p{margin-top: 20px;}
        .people #internal-content .tile-container {    margin-top: 30px;}
        .people .tile-container .section-title {    margin-bottom: 20px;    padding-bottom: 10px;}
        .people .tile-container .people-single {    margin-bottom: 30px;}
        .people .page-content .content-container{ font-size: 16px;}
        .people .tile-container .section-title{font-size: 16px;}
        .people-internal .desktop{    display: none;}
        .people-internal .mobile{    display: block;}
        .people-internal .image-large .image-caption {    margin-top: 20px;}
        .people-internal a[title='Twitter'] {    margin-left: 0;}
        .people-internal a[title='LinkedIn'] {    margin-left: -5px;}
        .insights .tile-container {    margin-top: 20px;}
        .relatedProjects .related-title {    margin: 20px 0;}      
        section.relatedProjects{margin-bottom: 50px;}
        .story-service.contact-page .page-content .page-title {            font-size: 24px;        }
        .contact-content-container .contact-content {    font-size: 14px; }
        .story-service .page-content .page-title {    margin-bottom: 20px;    font-size: 24px;}
        .story-service #internal-content .content-container p {    margin-bottom: 15px;}
        .story-service .page-content .content-container {    font-size: 14px;}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        section#content {    padding: 0 20px;}
        .footer-wrapper-main{ position: relative; margin-top:50px; padding: 40px 20px 20px 20px;}
        .navigation-mobile {    padding: 20px;}
        .work-internal #internal-content {    margin: 0 20px;    padding: 0;}
        .story-service .page-title {    margin-top: 0;}
        .tile-container .work-single , .tile-container .people-single {            margin-right: 0;            margin-bottom: 5%;            width: 100%;        }        
        .page-content.internal-page-container {    padding: 10px 20px;}        
        .work-people.footer-wrapper-main {    padding: 0 20px 40px;}        
        .story-service .page-content {    margin: 0;    padding-left: 20px;    padding-right: 20px;}
        .slick-prev.slick-arrow {    top: 28%;    left: -16px;}
        .slick-next.slick-arrow {    top: 21%;    }
        .page-content .page-title {    margin-bottom: 20px; }
        .story-service #internal-content .content-container p {    margin-bottom: 15px;}        
        .story-service .page-content .page-title {    margin-bottom: 20px; }
        #internal-content .content-container p {    margin-bottom: 30px;}
        .banner-subcontent{margin: 20px 0;}
        div#TB_window {    margin-left: 0 !important;    width: 100% !important;    left: 0 !important;}
/*        button.slick-prev.slick-arrow {    border-top: 10px solid transparent;    border-bottom: 10px  solid transparent;    border-right: 10px  solid #ccc;    top: 31%;   }
        button.slick-next.slick-arrow {    border-top: 10px solid transparent;    border-bottom: 10px  solid transparent;    border-left: 10px  solid #ccc;    top: 31%; left:99%;}*/
        .insights .page-content.internal-page-container {    padding: 0 20px 30px 20px;}
        .share-container .separator-div {    width: 82%; margin-left: 0;}
        .share-icon{    width: 16%;}
        .share-icon img {    width: 14px;}
        .insights.insight-internal .page-content {    padding: 20px;}
        .work-image img {    width: 100%;}
        .content-container .addtoany_share_save_container{left:20px;}
        .home-page .footer-wrapper-main{padding:30px 20px 20px 20px;}
    }
    @media only screen and (max-width : 600px) {
        .slick-prev.slick-arrow {    top: 23%;  }
        .slick-next.slick-arrow {    top: 14%;  }
        button.slick-prev.slick-arrow{ right:calc(100% + 2px);     width: 12px;    height: 24px;}
        button.slick-next.slick-arrow{ left:calc(100% + 2px);     width: 12px;    height: 24px;}
    }
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        .footer-social-links img {    width: 26px;}
        .slick-next.slick-arrow {    top: 21%;  }
        .slick-prev.slick-arrow {    top: 28%;  }
        /*.insight-link a:after, .more-insight-link a:after {    font-size: 18px;        }*/
        .footer-wrapper-main{ position: relative;}
        .share-container .separator-div {    width: 76%; margin-left: 0;}
        .share-icon{    width: 22%;}
        button.slick-prev.slick-arrow{ right:calc(100% + 1px);     width: 10px;    height: 20px;}
        button.slick-next.slick-arrow{ left:calc(100% + 1px);     width: 10px;    height: 20px;}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        .slick-next.slick-arrow {    top: 10%;  left: 92%   }
        .slick-prev.slick-arrow {    top: 23%;    left: -15px;  }
        
    }    
    
    /*
@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
/*    .navigation-mobile,#mobile-menu,.logo-wrapper.mobile{display: block;}
    #menu, .color-bar-wrapper, .logo-wrapper{display: none;}*/
/*        section#content {    padding: 0 3%;}
}
@media (min-width:480px) {  smartphones, Android phones, landscape iPhone  

}*/
/*@media (min-width:600px) {  portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android)  

}*/
/*@media (min-width:801px) {  tablet, landscape iPad, lo-res laptops ands desktops  
    
}*/
/*@media (min-width:1025px) {  big landscape tablets, laptops, and desktops */ 
/*    .navigation-mobile,#mobile-menu,.logo-wrapper.mobile{display: none;}
    #menu, .color-bar-wrapper,.logo-wrapper{display: block;}*/
/*    section#content {    padding: 4% 7%;}
}*/
/*@media (min-width:1281px) {  hi-res laptops and desktops  }*/
@media screen and ( max-height: 600px ){
    .story-service .footer-wrapper-main,
    .story-service .footer-wrapper-main.services{        position: relative;    }

}
@media screen and ( max-height: 600px ) and (max-width:992px){
            /*.page-wrapper.home-page{  height: auto!important;  }*/
}