/*------------- MEDIA QUERIES  ----------------*/

@media screen and (min-width: 1680px) {
    /* general */
    
    .top-bar__headline {
        padding-bottom: 50px;
    }
    .skills-section .container,
    .container {
        width: 1400px;
    }
    /* Accolades */
    
    #accolades-wrap {
        width: 1100px;
        height: 765px;
    }
    #column-one {
        left: 10%;
        top: 40px;
    }
    #column-two {
        left: 50%;
        top: 195px;
    }
    #column-three {
        right: 0%;
    }
    #column-four {
        left: 26.4%;
        top: 442px;
    }
    #column-five {
        left: 0%;
        top: 420px;
    }
    #column-six {
        right: 25px;
        top: 450px;
    }
    #accolades-wrap .line-one {
        left: 155px;
        top: 85px;
        width: 330px;
        transform: rotate(19.406deg);
    }
    #accolades-wrap .line-two {
        left: 136px;
        top: -137px;
        width: 215px;
        -ms-transform: rotate(-43.5742deg);
        -webkit-transform: rotate(-43.5742deg);
        -moz-transform: rotate(-43.5742deg);
        -o-transform: rotate(-43.5742deg);
        transform: rotate(-43.5742deg);
    }
    #accolades-wrap .line-three {
        left: 79px;
        top: 125px;
        width: 255px;
        -ms-transform: rotate(148.835deg);
        -webkit-transform: rotate(148.835deg);
        -moz-transform: rotate(148.835deg);
        -o-transform: rotate(148.835deg);
        transform: rotate(148.835deg);
    }
    #accolades-wrap .line-five {
        left: 160px;
        top: -92px;
        width: 160px;
        -ms-transform: rotate(-23.123deg);
        -webkit-transform: rotate(-23.123deg);
        -moz-transform: rotate(-23.123deg);
        -o-transform: rotate(-23.123deg);
        transform: rotate(-23.123deg);
    }
    #accolades-wrap .line-six {
        left: 13px;
        top: -73px;
        width: 331px;
        -ms-transform: rotate(-159.584deg);
        -webkit-transform: rotate(-159.584deg);
        -moz-transform: rotate(-159.584deg);
        -o-transform: rotate(-159.584deg);
        transform: rotate(-159.584deg);
    }
    /* Skills */
    
    #skill li {
        height: 480px;
        width: 145px;
    }
    .skills-section .bar-background {
        width: 35px;
    }
    .skills-section .expand {
        width: 35px;
    }
    /* Projects */
    
    .project_grid figure {
        max-height: 360px;
    }
    /* Clients */
    
    .client-section .client-wrap > a {
        height: 268px;
    }
    /* Gallery */
    
    .gallery_content {
        margin-top: 30px;
    }
    #galleryHolder div.item img {
        height: 323px;
    }
    ul#filterOptions li a {
        font-size: 22px;
    }
    .hi-icon {
        margin: 0px 15px 0px 0px;
        width: 15px;
        height: 15px;
    }
    /* Ask us */
    
    .askus_content_bar .title {
        font-size: 24px;
    }
    .askus_content_bar .askusbar {
        height: 184px;
    }
    .askus_question {
        padding: 35px;
        width: 100px;
        height: 100px;
        font-size: 35px;
        border-radius: 50%;
    }
    .askus_content_bar .askus_answer {
        font-size: 35px;
    }
    /* Contact */
    
    .contact-content {
        padding: 9.6em 0px;
    }
    /* Follow */
    
    .project-counter {
        margin-top: 330px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1679px) {
    /* Accolades */
    
    #accolades-wrap {
        width: 1100px;
        height: 590px;
    }
    #column-one {
        left: 109px;
        top: 20px;
    }
    #column-two {
        left: 555px;
        top: 125px;
    }
    #column-three {
        right: 0px;
    }
    #column-four {
        left: 361px;
        top: 254.9px;
    }
    #column-five {
        left: 0px;
        top: 240px;
    }
    #column-six {
        right: 33px;
        top: 300px;
    }
    #accolades-wrap .line-one {
        left: 155px;
        top: 81px;
        width: 318px;
        -ms-transform: rotate(13.2477deg);
        -webkit-transform: rotate(13.2477deg);
        -moz-transform: rotate(13.2477deg);
        -o-transform: rotate(13.2477deg);
        transform: rotate(13.2477deg)
    }
    #accolades-wrap .line-two {
        left: 147px;
        top: -120px;
        width: 88px;
        -ms-transform: rotate(-33.8039deg);
        -webkit-transform: rotate(-33.8039deg);
        -moz-transform: rotate(-33.8039deg);
        -o-transform: rotate(-33.8039deg);
    }
    #accolades-wrap .line-three {
        left: 70px;
        top: 78px;
        width: 240px;
        -ms-transform: rotate(157.095deg);
        -webkit-transform: rotate(157.095deg);
        -moz-transform: rotate(157.095deg);
        -o-transform: rotate(157.095deg);
        transform: rotate(157.095deg);
    }
    #accolades-wrap .line-five {
        left: 155px;
        top: -100px;
        width: 234px;
        -ms-transform: rotate(-19.5384deg);
        -webkit-transform: rotate(-19.5384deg);
        -moz-transform: rotate(-19.5384deg);
        -o-transform: rotate(-19.5384deg);
        transform: rotate(-19.5384deg);
    }
    #accolades-wrap .line-six {
        left: 15px;
        top: -73px;
        width: 303px;
        -ms-transform: rotate(-150.439deg);
        -webkit-transform: rotate(-150.439deg);
        -moz-transform: rotate(-150.439deg);
        -o-transform: rotate(-150.439deg);
        transform: rotate(-150.439deg);
    }
    .section-bottom {
        top: -25%;
        position: relative;
        width: 100%;
        margin: 0 5px 5px 0;
    }
    /* Clients */
    
    #clients_details {
        height: auto;
        overflow: hidden;
        width: 80%;
        margin: auto;
    }
    .client-section .client-wrap > a {
        position: relative;
        overflow: hidden;
        float: left;
        height: 200px;
    }
}
@media screen and (max-width: 1200px) {
    .top-bar {
        padding: 25px 0px 40px;
        position: relative;
    }
    /* Home */
    
    .home-section .container-fluid {
        position: static;
        height: 100%;
        height: 100vh;
    }
    #home-fullpage section,#home-fullpage .fp-section,
    #home-fullpage .fp-slide,
    #home-fullpage .fp-tableCell{
    height: auto !important;
    }
    .vertical-center {
        min-height: auto;
        /* Fallback for browsers do NOT support vh unit */
        
        min-height: auto;
        height: auto
    }
    /* Accolades */
    
    #accolades-wrap {
        padding-top: 0px;
    }
    .accolades-section .column .time-wrap ul li:before {
        opacity: 1;
    }
    /* Skills */
    
    #fade-quote-carousel.carousel {
        margin-bottom: 50px;
    }
    .skill-wrapper {
        padding-top: 0px;
    }
    /* Projects */
    
    .project-top {
        margin-top: 0px;
    }
    .project_grid figure h2 {
        display: none;
    }
    .project-name {} .project_grid figure figcaption > a span {
        display: block;
    }
    .project-more {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.85);
    }
    .project-summary {
        opacity: 1;
        width: 100%;
        height: 55px;
        padding: 15px;
        background-color: #FFF;
        position: absolute;
        bottom: 0;
        top: auto;
        font-size: 16px;
        margin: auto;
        left: 0;
        right: 0;
        color: rgba(71, 71, 71, 0.66);
        text-indent: 0px;
        text-decoration: none;
    }
    .project-summary {
        height: auto;
        position: relative;
        display: inline-block;
    }
    .project-summary span {
        display: block;
        font-size: 13px;
    }
    .project-summary h3 {
        color: rgb(118, 169, 4);
        font-size: 16px;
    }
    .project_grid figure {
        max-height: none;
        margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
        display: inline-block;
        float: none;
    }
    figure.effect-project p {
        display: none;
    }
    figure.effect-project:hover img {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        opacity: 1;
    }
    .project_grid figure img {
        cursor: auto;
    }
    .project_grid figure figcaption > a {
        pointer-events: none;
    }
    .project_grid figure figcaption > a[data-gal="prettyPhoto[]"] {
        pointer-events: auto;
    }
    /* Gallery */
    
    #galleryHolder {
        margin-bottom: 50px;
    }
    .gallery-section.animated #galleryHolder {
        opacity: 1;
    }
    #galleryHolder div.item img {
        height: auto;
        width: 100%;
    }
    /*  Clients */
    
    .client-section .client-wrap > a {
        height: 80px;
        margin: 10px;
        margin-bottom: 50px;
    }
    .client-section .client-wrap > a::before {
        height: 100%;
    }
    #clients_details {
        padding-top: 0px;
    }
    .client_text img {
        width: 80px;
    }
    .client-section .client-wrap > a::before {
        position: absolute;
        background-size: cover;
        width: 95%;
    }
    /* Gallery */
    
    .gallery {
        padding-top: 0px;
    }
    /* ASk US */
    
    .askus-section.animated .askus_content_bar {
        padding-top: 0px;
    }
    .noScroll {
        overflow: auto;
    }
    #askus .container-fluid.noScroll .wraper {
        position: inherit;
        overflow: hidden;
    }
    /* Contact */
    
    .contact-section.animated .contact {
        padding-top: 0px;
    }
    .contact-right input[type="text"],
    .contact-right textarea {
        border: solid rgb(118, 169, 4) 1px;
    }
    /* About */
    
    .about-row.vertical-center {
        display: inline-block;
    }
    .col-md-6.about-wrapper,
    .team-carousel-container.col-md-6 {
        width: 100%;
        margin-top: 50px;
    }
    .about-details p {
        width: 100%;
    }
    .firstcap-1 {
        font-family: Montserrat, Helvetica, Arial, sans-serif;
        float: none;
        font-size: inherit;
        line-height: normal;
        padding-right: 0px;
        padding-top: 10px;
        color: #323232;
    }
    .about-details {
        text-align: center;
    }
    .about-details h1 {
        text-align: center;
    }
    #team-carousel .carousel-inner {
        margin-bottom: 150px;
        display: inline-block;
    }
    .about-content {
        position: relative;
        top: 0;
        transform: initial;
    }
    #team-carousel .col-md-4 {
        height: auto;
    }
}
@media screen and (min-width: 1200px) {
    /* Contact*/
    /* IE only */
    
    _:-ms-lang(x),
    .contact-section .container-fluid {
        overflow: hidden
    }
    /* Accolades*/
    
    .accolades-section .column .circle-wrap {
        opacity: 0;
        -ms-transform: scale3d(.8, .8, .8);
        -webkit-transform: scale3d(.8, .8, .8);
        -moz-transform: scale3d(.8, .8, .8);
        -o-transform: scale3d(.8, .8, .8);
        transform: scale3d(.8, .8, .8);
    }
    .accolades-section.animated .column .circle-wrap {
        opacity: 1;
        -ms-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        cursor: pointer;
        -webkit-transition: all 1s ease-in-out .5s;
        -moz-transition: all 1s ease-in-out .5s;
        -o-transition: all 1s ease-in-out .5s;
        -ms-transition: all 1s ease-in-out .5s;
        transition: all 1s ease-in-out .5s;
    }
    .accolades-section #accolades-wrap .line {
        opacity: 0;
        cursor: pointer;
    }
    .accolades-section.animated #accolades-wrap .line {
        opacity: 1;
        cursor: pointer;
        -webkit-transition: all 1s ease-in-out 0s;
        -moz-transition: all 1s ease-in-out 0s;
        -o-transition: all 1s ease-in-out 0s;
        -ms-transition: all 1s ease-in-out 0s;
        transition: all 1s ease-in-out 0s;
    }
    .accolades-section .column .time-wrap {
        opacity: 0;
    }
    .accolades-section.animated .column .time-wrap {
        opacity: 1;
        -webkit-animation: fadeInUp 1s ease-in both 100ms;
        -moz-animation: fadeInUp 1s ease-in both 100ms;
        -o-animation: fadeInUp 1s ease-in both 100ms;
        animation: fadeInUp 1s ease-in both 100ms;
        position: static;
    }
    section.section.animated .section-bottom h1 {
        -webkit-animation: fadeInUp 1s ease-in both 150ms;
        -moz-animation: fadeInUp 1s ease-in both 150ms;
        -o-animation: fadeInUp 1s ease-in both 150ms;
        animation: fadeInUp 1s ease-in both 150ms;
    }
    /* Skills */
    
    .skill-1,
    .skill-2,
    .skill-3,
    .skill-4,
    .skill-5 {
        height: 0px;
        transition: height 1s ease-out;
    }
    /* Projects */
    
    .project_grid figure {
        transform: rotateY(10deg) translate(10px, 0px);
        -webkit-transition: .5s transform 0s;
        -moz-transition: .5s transform 0s;
        -o-transition: .5s transform 0s;
        transition: .5s transform 0s;
    }
    .project_grid {
        opacity: 0;
    }
    .project_grid figure figcaption:hover {
        color: rgb(56, 56, 56);
        -webkit-animation: blur .5s forwards;
        -moz-animation: blur .5s forwards;
        -o-animation: blur .5s forwards;
        -ms-animation: blur .5s forwards;
        animation: blur .5s forwards;
        -webkit-animation-delay: .5s;
        -moz-animation-delay: .5s;
        animation-delay: .5s;
    }
    @-webkit-keyframes blur {
        0% {
            -webkit-filter: blur(1px);
            filter: blur(1px);
        }
        50% {
            -webkit-filter: blur(2px);
            filter: blur(2px);
        }
        100% {
            -webkit-filter: blur(0px);
            filter: blur(0px);
            background: rgba(255, 255, 255, 0.58);
        }
    }
    /*  Clients */
    
    .client-section .col-md-3 {
        opacity: 0;
    }
    /*  Gallery */
    
    .gallery-section #galleryHolder div.item img,
    .gallery-section #galleryHolder .item a:before {
        transform: scale(.5);
        opacity: 0;
    }
    /* ask us */
    
    .askus-section .askus_content_bar {
        opacity: 0;
        left: -50%;
    }
    /* Contact */
    
    .contact-section .contact {
        opacity: 0;
        -webkit-transition: .5s opacity 0s;
        -moz-transition: .5s opacity 0s;
        -o-transition: .5s opacity 0s;
        transition: .5s opacity 0s;
    }
    /* Follow */
    
    .social-wrapper h2 {
        opacity: 0;
        transform: rotateY(10deg) translate(0px, 10px);
    }
}
@media screen and (max-width: 992px) {
    /* Contact */
    
    .contact-right textarea {
        width: 100%;
        margin-top: 30px;
    }
    .contact-right input[type="text"] {
        width: 100%;
        margin-top: 30px;
    }
    .contact .submit {
        margin-top: 40px;
    }
    .contact {
        position: relative;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    #team-carousel .carousel-inner {
        margin-bottom: 100px;
        display: inline-block;
    }
    /* Gallery */
    
    #galleryHolder .item a:before {
        background-size: 30px;
    }
    /* Scroll up button */
    
    #scrollUp {
        padding: 5px 10px;
    }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    /* Home */
    
    .title_content {
        font-size: 2.5em;
    }
    /*--Home --*/
    
    svg#home-container-svgtext {
        width: 930px;
        height: 400px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .home-svg-info svg #home-svg-title {
        letter-spacing: -2px;
        font-size: 14em;
    }
    /* Accolades */
    
    .accolades-circle-animation {
        width: 95px;
        height: 95px;
        margin: -2.5px;
    }
    #accolades-wrap {
        width: 900px;
        height: 565px;
    }
    #accolades-wrap .wrap-container #column-one .time-wrap {
        margin-left: 133px;
        line-height: 2.2em;
        padding: 0px 0 0 0px;
        margin-top: -30px;
    }
    .circle-wrap {
        width: 100px;
        height: 100px;
    }
    .column .circle-wrap .line-two {
        left: 80px;
        top: 12px;
    }
    .accolades-section .column .circle-wrap .fa {
        font-size: 55px;
        line-height: 90px;
    }
    #circle-one {
        background: url('../images/accolades-icons.png') -14px -10px no-repeat;
        background-size: 430%;
    }
    #circle-two {
        background: url('../images/accolades-icons.png') -284px -13px no-repeat;
        background-size: 430%;
    }
    #circle-three {
        background: url('../images/accolades-icons.png') -154px -126px no-repeat;
        background-size: 430%;
    }
    #circle-four {
        background: url('../images/accolades-icons.png') -154px -12px no-repeat;
        background-size: 430%;
    }
    #circle-five {
        background: url('../images/accolades-icons.png') -14px -124px no-repeat;
        background-size: 430%;
    }
    #circle-six {
        background: url('../images/accolades-icons.png') -284px -124px no-repeat;
        background-size: 430%;
    }
    #accolades-wrap .wrap-container #column-three .time-wrap {
        margin-top: 100px;
    }
    #accolades-wrap .wrap-container #column-two .time-wrap {
        margin-left: 10%;
    }
    #column-four .time-wrap {
        position: relative;
        top: 0px;
    }
    #accolades-wrap .line-one {
        width: 373px;
        left: 106px;
        top: 55px;
        -ms-transform: rotate(13.0412deg);
        -webkit-transform: rotate(13.0412deg);
        -moz-transform: rotate(13.0412deg);
        -o-transform: rotate(13.0412deg);
        transform: rotate(13.0412deg);
    }
    #accolades-wrap .line-two {
        width: 140px;
        left: 102px;
        top: -83px;
        -ms-transform: rotate(-33.6008deg);
        -webkit-transform: rotate(-33.6008deg);
        -moz-transform: rotate(-33.6008deg);
        -o-transform: rotate(-33.6008deg);
        transform: rotate(-33.6008deg);
    }
    #accolades-wrap .line-three {
        width: 154px;
        left: 70px;
        top: 77px;
        -ms-transform: rotate(145.794deg);
        -webkit-transform: rotate(145.794deg);
        -moz-transform: rotate(145.794deg);
        -o-transform: rotate(145.794deg);
        transform: rotate(145.794deg);
    }
    #accolades-wrap .line-five {
        width: 275px;
        left: 108px;
        top: -70px;
        -ms-transform: rotate(-17.2523deg);
        -webkit-transform: rotate(-17.2523deg);
        -moz-transform: rotate(-17.2523deg);
        -o-transform: rotate(-17.2523deg);
        transform: rotate(-17.2523deg);
    }
    #accolades-wrap .line-six {
        width: 249px;
        left: 10px;
        top: -55px;
        -ms-transform: rotate(-154deg);
        -webkit-transform: rotate(-154deg);
        -moz-transform: rotate(-154deg);
        -o-transform: rotate(-154deg);
        transform: rotate(-154deg);
    }
    .column .time-wrap h5 {
        font-size: 1em;
    }
    .section-bottom {
        top: -25%;
    }
    .section-bottom .first-line {
        font-size: 5em;
    }
    #column-one {
        left: 109px;
        top: 20px;
    }
    #column-two {
        left: 558px;
        top: 124px;
    }
    #column-three {
        right: 1%;
    }
    #column-four {
        left: 361px;
        top: 254.9px;
    }
    #column-five {
        left: 0px;
        top: 240px;
    }
    #column-six {
        right: -30px;
        top: 300px;
    }
    /* Projects */
    
    .project-section #project_all_container {
        min-height: 100vh;
    }
    .project_grid figure figcaption {
        padding: 0;
    }
    .project_grid figure figcaption {
        font-size: 1em;
    }
    .project_grid figure h2 {
        font-size: 9px;
        font-size: .6em;
        font-size: 1vw;
    }
    /* Clients  */
    
    .client_text span {
        width: 115px;
        height: 50px;
    }
    .client-section .client-wrap {
        width: 650px;
    }
    .client-section .client-wrap > a {
        position: relative;
        overflow: hidden;
        float: left;
        width: 144px;
        margin: 8px;
        margin-bottom: 50px;
    }
    .client_text span {
        background-size: 350px 350px;
    }
}
@media screen and (max-width: 1199px) {
    #fp-nav {
        display: none;
    }
}
@media screen and (max-width: 1025px) {
    #askus-answers #askus-answers-inner {
        max-width: 720px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    _:-ms-lang(x),
    .contact-section .container-fluid {
        /* IE only */
        
        overflow: hidden
    }
    .contact-right input[type="text"] {
        background-size: 100%;
    }
    .contact-right textarea {
        margin-top: 5em;
        background-size: 100%;
    }
    .contact .submit input[type="submit"] {
        padding: 8px 1.3em;
        font-size: 14px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    /* Coming Soon/404 pages */
    
    #fittext-page-container .page-text p {
        font-size: 1.2em;
    }
    #fittext-page-container .page-text h1 {
        font-size: 5.3em;
    }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    /*-- Home --*/
    
    .home-svg-info svg#home-container-svgtext {
        width: 630px;
        height: 200px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .home-svg-info svg #home-svg-title {
        letter-spacing: -2px;
        font-size: 10em;
    }
    .home-svg-info svg #home-svg-subtitle {
        letter-spacing: 3px;
        font-size: 1.2em;
        text-transform: uppercase;
    }
    .title_content {
        font-size: 2em;
    }
    /* Accolades */
    
    _:-ms-lang(x),
    .accolades-section .vertical-center {
        height: auto;
    }
    .accolades-circle-animation {
        display: none;
    }
    .accolades-section.animated .column .time-wrap {
        position: absolute;
    }
    .circle-wrap {
        width: 80px;
        height: 80px;
    }
    .circle-wrap .line {
        display: none;
    }
    .accolades-section .column .circle-wrap .fa {
        font-size: 45px;
        position: relative;
        vertical-align: middle;
        top: 50%;
        display: block;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #circle-one {
        background: url('../images/accolades-icons.png') -10px -7px no-repeat;
        background-size: 430%;
    }
    #circle-two {
        background: url('../images/accolades-icons.png') -221px -8px no-repeat;
        background-size: 430%;
    }
    #circle-three {
        background: url('../images/accolades-icons.png') -11px -96px no-repeat;
        background-size: 430%;
    }
    #circle-four {
        background: url('../images/accolades-icons.png') -121px -7px no-repeat;
        background-size: 430%;
    }
    #circle-five {
        background: url('../images/accolades-icons.png') -120px -97px no-repeat;
        background-size: 430%;
    }
    #circle-six {
        background: url('../images/accolades-icons.png') -221px -96px no-repeat;
        background-size: 430%;
    }
    #accolades-wrap .wrap-container .column {
        /* OLD - iOS 6-, Safari 3.1-6 */
        
        display: -webkit-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        
        display: -moz-box;
        /* TWEENER - IE 10 */
        
        display: -ms-flexbox;
        /* NEW - Chrome */
        
        display: -webkit-flex;
        display: flex;
        position: static;
        margin-bottom: 40px;
        align-items: center;
    }
    #accolades-wrap .wrap-container #column-one .time-wrap {
        margin-left: 0px;
        left: 130px;
    }
    .column .time-wrap h5 {
        font-size: 1em;
    }
    #accolades-wrap .wrap-container #column-two .time-wrap {
        width: calc(100% - 150px);
        margin-left: 0px;
        left: 130px;
    }
    .column .time-wrap ul {
        display: -webkit-box;
    }
    #accolades-wrap .wrap-container #column-three .time-wrap {
        width: calc(100% - 150px);
        position: absolute;
        left: 130px;
        margin-top: 0px;
        text-align: left;
    }
    #accolades-wrap .wrap-container #column-four .time-wrap {
        position: absolute;
        left: 130px;
        margin-top: 0px;
        text-align: left;
    }
    #accolades-wrap .wrap-container #column-five .time-wrap {
        position: absolute;
        left: 130px;
        margin-top: 0px;
        text-align: left;
    }
    #accolades-wrap .wrap-container #column-six .time-wrap {
        position: absolute;
        left: 130px;
        margin-top: 0px;
        text-align: left;
    }
    .section-bottom {
        top: -10%;
    }
    .section-bottom .first-line {
        font-size: 3.5em;
    }
    #column-one {
        left: 109px;
        top: 20px;
    }
    #column-two {
        left: 555px;
        top: 125px;
    }
    #column-three {
        right: 10px;
    }
    #column-four {
        left: 361px;
        top: 254.9px;
    }
    #column-five {
        left: 0px;
        top: 240px;
    }
    #column-six {
        right: 33px;
        top: 300px;
    }
    .column .time-wrap ul {
        font-size: 18px;
    }
    .column .time-wrap ul li {
        display: inline-block;
    }
    #accolades-wrap .wrap-container #column-one .time-wrap,
    #accolades-wrap .wrap-container #column-two .time-wrap,
    #accolades-wrap .wrap-container #column-three .time-wrap,
    #accolades-wrap .wrap-container #column-four .time-wrap,
    #accolades-wrap .wrap-container #column-five .time-wrap,
    #accolades-wrap .wrap-container #column-six .time-wrap {
        padding: 0px 0px 0px 5px;
    }
    /* project */
    
    .project_grid figure figcaption {
        padding: 0px;
    }
    figure.effect-project p {
        font-size: 10px;
        margin: 2em;
        width: 100%;
    }
    .project_grid figure figcaption {
        font-size: 16px;
    }
    .project_grid figure h2 {
        font-size: 9px;
    }
    /* Clients */
    
    .client-section .client-wrap > a {
        position: relative;
        overflow: hidden;
        float: left;
        width: 156px;
    }
    .client-section .client-wrap {
        width: 714px;
    }
    .client_text span {
        background-size: 200px 200px;
    }
    .client_text span {
        width: 80px;
        height: 44px;
        background-size: 250px 250px;
    }
    /* Ask us */
    
    .askus_content_bar .title {
        margin-right: 10%;
        margin-left: 10%;
    }
    /* Coming Soon/404 pages */
    
    #fittext-page-container .page-text p {
        font-size: 1.2em;
    }
    #fittext-page-container .page-text h1 {
        font-size: 4em;
    }
}
@media screen and (max-width: 768px) {
    /* Home */
    
    .title_content {
        font-size: 1em;
    }
    /* Accolades */
    
    #accolades-wrap {
        height: auto;
        width: auto;
        min-width: 60%;
        display: initial;
        max-width: 80%;
    }
    .accolades-section .column .time-wrap {
        width: 275px;
        margin-left: 10%;
        -webkit-animation-delay: 600ms;
        -moz-animation-delay: 600ms;
        -ms-animation-delay: 600ms;
        -o-animation-delay: 600ms;
        animation-delay: 600ms;
        color: #FFF;
    }
    #accolades-wrap .wrap-container #column-one .time-wrap {
        margin-left: 188px;
        line-height: 2.2em;
        padding: 10px 0 0 5px;
        -webkit-animation-delay: 700ms;
        -moz-animation-delay: 700ms;
        -ms-animation-delay: 700ms;
        -o-animation-delay: 700ms;
        animation-delay: 700ms;
    }
    #accolades-wrap .wrap-container #column-two .time-wrap {
        width: 275px;
        margin-left: 20%;
        -webkit-animation-delay: 600ms;
        -moz-animation-delay: 600ms;
        -ms-animation-delay: 600ms;
        -o-animation-delay: 600ms;
        animation-delay: 600ms;
    }
    #accolades-wrap .wrap-container #column-three .time-wrap {
        width: 220px;
        float: left;
        padding: 10px 0;
        text-align: right;
        margin-top: 170px;
        margin-right: -166px;
        -webkit-animation-delay: 800ms;
        -moz-animation-delay: 800ms;
        -ms-animation-delay: 800ms;
        -o-animation-delay: 800ms;
        animation-delay: 800ms;
    }
    #accolades-wrap .wrap-container #column-four .time-wrap {
        line-height: 2.2em;
        padding: 10px 0 0 5px;
        float: left;
        -webkit-animation-delay: 900ms;
        -moz-animation-delay: 900ms;
        -ms-animation-delay: 900ms;
        -o-animation-delay: 900ms;
        animation-delay: 900ms;
    }
    #accolades-wrap .wrap-container #column-five .time-wrap {
        line-height: 2.2em;
        padding: 10px 0 10px 5px;
        -webkit-animation-delay: 1500ms;
        -moz-animation-delay: 1500ms;
        -ms-animation-delay: 1500ms;
        -o-animation-delay: 1500ms;
        animation-delay: 1500ms;
    }
    #accolades-wrap .wrap-container #column-six .time-wrap {
        line-height: 2.2em;
        padding: 10px 0 10px 5px;
        -webkit-animation-delay: 1500ms;
        -moz-animation-delay: 1500ms;
        -ms-animation-delay: 1500ms;
        -o-animation-delay: 1500ms;
        animation-delay: 1500ms;
    }
    .circle-wrap#circle-one,
    .circle-wrap#circle-two,
    .circle-wrap#circle-three,
    .circle-wrap#circle-four,
    .circle-wrap#circle-five,
    .circle-wrap#circle-six {
        display: none;
    }
    #accolades-wrap .line {
        display: none;
    }
    .section-bottom {
        display: none;
    }
    #accolades-wrap .wrap-container .column {
        display: table-footer-group;
        position: static;
        margin-bottom: 5px;
        float: left;
        clear: left;
    }
    #accolades-wrap .wrap-container #column-one .time-wrap,
    #accolades-wrap .wrap-container #column-two .time-wrap,
    #accolades-wrap .wrap-container #column-three .time-wrap,
    #accolades-wrap .wrap-container #column-four .time-wrap,
    #accolades-wrap .wrap-container #column-five .time-wrap,
    #accolades-wrap .wrap-container #column-six .time-wrap {
        width: 100%;
        margin: 0;
        float: left;
        text-align: left;
        left: 0px;
        padding: 0 0 .5em 0;
        position: static;
    }
    /* Skill */
    
    .skills-section .container {
        width: 450px;
    }
    #skill {
        text-align: left;
    }
    .skills-section .expand {
        right: auto;
    }
    #skill li {
        height: 15px;
        display: block;
        width: 100%;
    }
    #skill li em,
    #skill li p {
        top: -25px;
    }
    .skills-section .bar-background {
        width: 100%;
        height: 15px;
    }
    .skills-section .expand {
        margin: initial;
    }
    .skill-1,
    .skill-2,
    .skill-3,
    .skill-4,
    .skill-5 {
        width: 0px;
    }
    .skills-section.animated .skill-1 {
        width: 70%;
        height: 100%;
    }
    .skills-section.animated .skill-2 {
        width: 80%;
        height: 100%;
    }
    .skills-section.animated .skill-3 {
        width: 65%;
        height: 100%;
    }
    .skills-section.animated .skill-4 {
        width: 85%;
        height: 100%;
    }
    .skills-section.animated .skill-5 {
        width: 75%;
        height: 100%;
    }
    .carousel-inner {
        font-size: 14px;
    }
    .skill-list {
        margin-bottom: 35px;
        margin-top: 25px;
    }
    /* Projects */
    
    .content {
        padding: 0 10px;
        text-align: center;
    }
    figure.effect-project p {
        font-size: 11px;
    }
    .project_grid figure {
        display: inline-block;
        width: 70%;
        float: none;
    }
    .project_grid figure figcaption {
        font-size: 16px;
    }
    .project_grid figure h2 {
        font-size: 10px;
    }
    .project-section .vertical-center {
        height: auto;
    }
    /* About Page */
    
    #team-carousel .col-md-4 {
        width: 100%;
    }
    #team-carousel .carousel-inner > .item {
        display: block;
        position: relative;
    }
    #team-carousel .col-md-4 img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        width: 50%;
    }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .about-details {
        top: 0%;
        left: 0%;
        transform: none;
    }
    .col-md-12.about-header {
        position: relative;
    }
    .carousel-inner.onebyone-carosel {
        margin-left: 0px;
    }
    #team-carousel .col-md-4 {
        border: none;
        height: auto;
        margin-top: 30px;
    }
    .about-content {
        position: relative;
        top: 0;
        transform: initial;
    }
    .carousel-control.right {
        display: none;
    }
    /* Blog */
    
    .blog-details.blog-1,
    .blog-details.blog-2,
    .blog-details.blog-3 {
        padding-top: 50px;
    }
    .blog-details ul li {
        padding-bottom: 0px;
        font-size: 12px;
    }
    .blog-details h2 {
        font-size: 15px;
    }
    .blog_grid div figcaption > a p {
        font-size: 10px;
    }
    .blog-content-item-show.blog-content-item p {
        font-size: 15px;
    }
    .blog-content-item-show h2 {
        font-size: 28px;
    }
    .blog-grid {
        margin-top: 0px;
    }
    #blog_head {
        margin-bottom: 0px;
        margin-top: 25px;
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    /* Common */
    
    .top-bar__headline {
        margin: 0 auto;
        padding-top: 20px;
        letter-spacing: 5px;
        font-size: 2em;
    }
    /*-- Home --*/
    
    svg#home-container-svgtext {
        width: 430px;
        height: 200px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .home-svg-info svg #home-svg-title {
        letter-spacing: -2px;
        font-size: 5em;
    }
    .home-svg-info svg #home-svg-subtitle {
        letter-spacing: 3px;
        font-size: 2em;
    }
    /*  Accolades*/
    
    .column .time-wrap ul {
        display: block;
        font-size: 16px;
    }
    .column .time-wrap h5 {
        font-size: 1.3em;
    }
    /* Gallery */
    
    ul#filterOptions {
        height: 55px;
    }
    /* Ask us */
    
    .askus_question {
        width: 40px;
        height: 40px;
        font-size: 15px;
        padding: 5px;
    }
    .askus_question_background {
        width: 35px;
        height: 35px
    }
    .askus_content_bar .title {
        font-size: 9.6px;
        font-size: .6em;
        font-size: 12px;
        line-height: 1.5em;
        margin-right: 10%;
        margin-left: 10%;
        padding-right: 5px;
    }
    .askus_question .fa {
        position: relative;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .askus_content_bar .askus_answer {
        font-size: 15px;
    }
    .control .title {
        font-size: 15px;
    }
    .cd-close {
        width: 30px;
        height: 30px;
    }
    .cd-close::before,
    .cd-close::after {
        height: 2px;
        width: 17px;
    }
}
@media screen and (max-width: 767px) {
    .accolades-section .section-content .section-wrap {
        height: auto;
    }
    /* Home */
    
    .home-head {
        font-size: 10px;
        padding: 0 10px;
        letter-spacing: 5px;
        line-height: 20px;
    }
    /* Home 2 */
    
    #fittext-home-container .home-text h1 {
        font-size: 2.3em;
    }
    #fittext-home-container .home-text p {
        font-size: .6em;
    }
    /* Accolades */
    
    #accolades-wrap {
        padding-top: 0px;
    }
    .project-top {
        margin-top: 0px;
    }
    /* Projects */
    
    .project-slide-next,
    .project-slide-prev {
        display: none;
    }
    .project_desc .projectbar {
        height: 0%;
    }
    .project_desc .projectbar:nth-child(1) {
        height: 100%;
    }
    .project-slide-name {
        top: auto;
        bottom: 18%;
        padding: 2% 2%;
        height: auto;
        width: 100%;
        text-align: center;
    }
    .project-slide-details {
        top: auto;
        bottom: 10%;
        background: white;
        padding: 0 2%;
        height: 3.5em;
        width: 100%;
        text-align: center;
        color: #000;
    }
    .project-slide-social {
        top: auto;
        bottom: 0%;
        padding-left: 40px;
        background-color: #ffffff;
        height: 50px;
        width: 100%;
    }
    .project-slide-name h1 {
        font-size: 1.5em;
    }
    .active.project-slide div div div {
        display: inline;
    }
    .project-slide-social a .fa {
        color: #000;
        font-size: 20px;
        letter-spacing: 20px;
    }
    .project-counter p {
        line-height: normal;
        padding-top: 0;
    }
    /*  Clients */
    
    .client-section .client-wrap > a::before {
        width: 95%;
        height: 80%;
    }
    .client-section .client-wrap > a {
        position: relative;
        overflow: hidden;
        float: none;
        margin: auto;
        display: block;
        width: 90%;
        height: 114px;
    }
    .client-section .client-wrap {
        width: 230px;
        margin: auto;
        margin-bottom: 50px;
    }
    .client_text img {
        width: 60px;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    /* Gallery */
    
    #galleryHolder div.item {
        width: 100%;
    }
    ul#filterOptions {
        width: 100%;
        margin: auto;
        overflow: hidden;
    }
    ul#filterOptions li {
        height: 35px;
        margin-right: 0px;
        margin-left: 0px;
        display: inline-block;
    }
    ul#filterOptions li a {
        height: 40px;
        padding: 10px 10px;
    }
    #galleryHolder div.item img {
        opacity: .8;
    }
    /* Ask us */
    
    #askus-answers h3 {
        font-size: 20px;
        margin: 20px auto;
    }
    .askus-show-answer {
        font-size: 14px;
    }
    .askus-show-answer {
        margin-top: 20px;
    }
    .askus-question-icon {
        top: 20px;
        left: 20px;
        height: 40px;
        width: 40px;
        border-radius: 80px;
        font-size: 18px;
        padding-top: 10px;
    }
    .askus-controls {
        width: 80px;
    }
    .askus-controls-inner {
        height: 240px;
    }
    a.askus-prev-button,
    a.askus-next-button {
        height: 80px;
        width: 40px;
        font-size: 18px;
    }
    a.askus-next-button {
        top: 160px;
    }
    .askus-close-button {
        top: 80px;
        height: 80px;
        width: 70px;
    }
    /* IE only */
    
    _:-ms-lang(x),
    .askus-section.animated .askus_content_bar {
        margin-bottom: 50px;
    }
    /* Contact */
    
    .contact-section.animated .contact {
        padding-top: 0px;
    }
    /* Menu */
    
    .bt-menu.bt-menu-open {
        background-image: none;
    }
    .bt-menu ul {
        position: absolute;
    }
    .bt-menu ul:nth-of-type(2) {
        position: fixed;
        display: none;
    }
    .bt-menu ul:first-of-type {
        height: 80%;
    }
    .bt-menu.bt-menu-open {
        height: 100%;
        border-width: 0px 0px 0px 0px;
        background-color: rgba(63, 63, 63, 0.97);
        overflow: auto;
    }
    .bt-menu.bt-menu-open.show .bt-menu-trigger {
        position: absolute;
        top: 20px;
        right: 30px;
    }
    .bt-menu ul:first-of-type {
        width: 100%;
        margin: auto;
        overflow-x: hidden;
    }
    .bt-menu-open .bt-overlay {
        height: 100%;
        z-index: -1;
        bottom: 0;
        top: 0;
    }
    .bt-menu.bt-menu-open ul:first-of-type li {
        -webkit-box-shadow: 0 8px 6px -6px #FFF;
        -moz-box-shadow: 0 8px 6px -6px #FFF;
        box-shadow: 0 3px 6px -6px #FFF;
    }
    .bt-menu ul:first-of-type li a {
        padding: 0 0px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 1em;
        -webkit-transition: color 0.2s;
        -moz-transition: color 0.2s;
        -ms-transition: color 0.2s;
        -o-transition: color 0.2s;
        transition: color 0.2s;
    }
    .bt-menu ul:first-of-type li {
        width: 100%;
    }
    .bt-menu ul li.home-menu {
        display: none;
    }
    .bt-menu ul li.home-menu.one-page {
        display: inherit;
    }
    .main-menu {
        display: none;
    }
    .bt-menu ul li.hamburger-main-menu {
        display: block;
    }
    .bt-menu ul:first-of-type {
        top: 100px;
        transform: none;
    }
    /* About */
    
    .bt-menu.blog-hamburger-menu {
        display: inherit;
    }
    #fittext-page-container .page-text p {
        font-size: 1.2em;
    }
    #fittext-page-container .page-text h1 {
        font-size: 2.3em;
        letter-spacing: normal;
    }
    /* Blog */
    
    .hamburger-header-wrapper {
        position: absolute;
        width: 100%;
        height: 55px;
        z-index: 99;
        display: flex;
        vertical-align: middle;
        background: #FFF;
        border-bottom: 1px solid rgb(232, 232, 232);
    }
    .blog-section .header-wrapper {
        display: none;
    }
    .blog_content {
        margin-top: 50px;
    }
    /* Follow Us */
    
    .project-counter span {
        font-size: 25px;
    }
    .project-counter p {
        font-size: 12px;
    }
}
@media screen and (min-device-width: 480px) and (max-device-width: 767px) and (orientation: landscape) {
    /* Projects */
    
    .project_grid figure {
        display: inline-block;
        width: 90%;
    }
    .project-slide-name {
        bottom: 35%;
    }
    .pp_nav,
    .pp_social {
        opacity: 0;
    }
}
@media screen and (max-device-width: 767px) and (orientation: landscape) {} @media screen and (max-width: 480px) {
    /* Common */
    
    h3,
    .h3 {
        font-size: 18px;
    }
    .top-bar {
        padding: 25px 0px 20px;
    }
    .top-bar .top-bar__headline {
        padding: 0 0;
        padding-top: 20px;
        margin: 0 auto;
        letter-spacing: 5px;
        font-size: 32px;
        font-size: 3.2rem;
    }
    /* Home  */
    
    svg#home-container-svgtext {
        width: 100%;
        height: 170px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .home-svg-info svg #home-svg-title {
        letter-spacing: -2px;
        font-size: 5em;
    }
    .home-svg-info svg #home-svg-subtitle {
        letter-spacing: 1px;
        font-size: 2em;
    }
    /* Accolades */
    
    .column .time-wrap h5 {
        font-size: 1em;
    }
    .column .time-wrap ul {
        display: block;
        font-size: 13px;
    }
    /* Projects */
    
    .project_grid figure {
        display: inline-block;
        width: 70%;
    }
    /*Contact */
    
    .contact p {
        font-size: 15px;
    }
    /*Follow us */
    
    .social-wrapper p {
        font-size: 15px;
    }
}
@media screen and (max-width: 400px) {
    .skills-section .container,
    .container {
        width: 250px;
    }
    .pp_nav,
    .pp_social {
        opacity: 0;
    }
}
@media screen and (min-width: 401px) and (max-width: 767px) {
    .skills-section .container,
    .container {
        width: 350px;
    }
}
@media screen and (min-width: 320px) and (max-width: 479px) {
    /* Ask us */
    
    .askus-section {
        min-height: 100vh;
    }
    .askus_question_background {
        width: 30px;
        height: 30px;
    }
    .askus_question {
        padding: 0px;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
    }
    .askus_content_bar .title {
        font-size: 9.6px;
        font-size: .6em;
        line-height: 1.5em;
        margin-right: 11%;
        margin-left: 11%;
        padding-right: 5px;
    }
    .askus_content_bar .askus_answer {
        font-size: 15px;
        line-height: 100px;
    }
    .control .title {
        font-size: 18px;
    }
    .cd-close {
        width: 30px;
        height: 30px;
    }
    .cd-close::before,
    .cd-close::after {
        height: 2px;
        width: 20px;
    }
    ul#filterOptions {
        width: auto;
        display: table;
        margin-top: 0px;
        margin-bottom: 25px;
    }
    ul#filterOptions li {
        display: block;
        text-align: left;
    }
}