/* Responsive */

@media screen and (max-width: 1040px) {
    #branding-wrapper,
    .entry-content,
    footer,
    #content,
    .home-projects,
    footer#footer div.footerwrapper,
    .home-projects-wrapper {
        width: 100%;
        box-sizing: border-box;
    }
    #menu {
        width: auto;
    }
    #header {
        padding-top: 20px;
    }
    #menu #search {
        display: none;
    }
    #branding,
    #menu,
    footer#footer div.footerwrapper,
    .project-content,
    footer.single,
    .page-template-default article,
    .archive #content,
    .home-projects-wrapper:nth-child(odd),
    .home-projects-wrapper:nth-child(even) {
        padding: 0 20px;
    }
    .page-template-ContactTemplate #container{
        padding: 0 20px;   
    }
    .project-page a img {
        padding: 0;
    }
    footer#footer div > div {
        margin-bottom: 20px;
    }
    .search #container {
        padding: 0 20px;
    }
    .search article {
        width: 32%;
        box-sizing: border-box;
    }
    .search article:nth-of-type(3n) {
        margin: 0px;
        border: none;
        padding: 0px;
    }
    .search article:nth-of-type(4n) {
        margin-right: 15px;
        padding-right: 15px;
        border-right: 1px solid #eee;
    }

    #huge_it_portfolio_container_1 .portelement_1:nth-of-type(5n) {margin-right:28px!important;}
}

@media screen and (max-width: 985px) {
    .service {
        width: 50%;
        margin-bottom:80px;
    }
    .service .icon {
        margin: 20px auto;
    }
    .services .contactbtnwrap a {
        margin-top:40px;
    }
}

@media screen and (max-width: 950px) {
    #menu {
        float: none;
        padding-left: 0px;
        padding-top: 10px;
        display: block;
    }

    body #wrapper header#header {
        padding-bottom:13px;
    }
}

@media screen and (max-width: 890px) {
    footer#footer div > div {
        display: block;
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 826px) {
    .search article {
        width: 46%;
        box-sizing: border-box;
    }
    .search article:nth-of-type(2n) {
        margin: 0px;
        border: none;
        padding: 0px;
    }
    .search article:nth-of-type(3n) {
        margin-right: 15px;
        padding-right: 15px;
        border-right: 1px solid #eee;
    }
}

@media screen and (max-width: 700px) {
    .project {
        width: 100%;
    }
    .wpcf7-form {
        padding-bottom: 0;
    }
    .home-projects > div.project:nth-child(odd),
    .home-projects > div.project:nth-child(even) {
        padding-left: 0;
        padding-right: 0;
    }
    .project-page div.thumb-wrapper {
        height: 300px;
    }
    footer#footer div {
        width: 49%;
    }
    footer#footer div#copyright {
        float: none;
        width: 100%;
        margin: 35px 0;
        text-align: center;
    }
    .col-50 {
        width: 100%;
    }
    .page-template-ContactTemplate section.entry-content > div:nth-of-type(1) {
        padding:0;
        margin-bottom: 60px;
    }
    .col-50:nth-of-type(even) {
        margin:0;
    }
    form p {
        width: 100%;
        text-align: center;
    }
    input[type="submit"] {
        width: 80%;
    }
    .col-50.left {
        padding-right: 0;
    }
    .col-50.right {
        margin-top: 20px;
    }
    .page-template-default .col-50.right {
        margin-bottom: 20px;
    }
    .entry-content div.wpcf7-response-output {
        width: 100%;
        box-sizing: border-box;
    }
    .col-50.right p.info-left {
        padding-left: 0px;
    }
    div.wpcf7 img.ajax-loader {
        display: none;
    }
    .contactbtn {
        margin: 20px 0 40px 0;
    }
}

@media screen and (max-width: 645px) {
    #site-title {
        display: block;
    }
    #branding-wrapper {
        text-align: center;
    }
    #branding #info,
    #site-title {
        text-align: center;
    }
    #branding #info {
        float: none;
        margin-top: 16px;
    }
    #branding {
        height: auto;
        padding-bottom: 4px;
    }
    ul.menu {
        text-align: center;
    }
    footer.single nav#nav-below {
        text-align: center;
    }
    footer.single .nav-next,
    footer.single .nav-previous {
        float: none;
    }
    footer.single .nav-previous {
        margin-bottom: 1.8em;
    }
    footer#footer div > div {
        display: block;
        width: 100%;
    }
    body #wrapper header#header {
        background: #333333;
        margin-top: 0;
        padding-top: 20px;
    }
    #menu {
        margin-right: 0px;
        margin-top: 20px;
    }
    .menu {
        border-bottom: 1px solid rgba(71, 71, 71, 0.8);
    }
    body.home #wrapper header#header {position: static;}
    .archive #header,
    .single #header,
    .page-template-default #header,
    .page-template-ContactTemplate #header {
        padding-bottom: 0px;
    }
    .current_page_item {
        background: #474747;
    }
    .menu .menu-item {
        border-top: 1px solid rgba(71, 71, 71, 0.8);
    }
    #slider {
        display: none;
    }
    .googlemap-wrapper {height:300px; margin-bottom:10px;}
}

@media screen and (max-width: 350px) {
    .logo {
        max-height: 28px;
    }
}

@media screen and (max-width: 420px) {
    .contactbtnwrap {
        padding: 0 20px;
    }
    .contactbtn {
        text-align: center;
    }
    p.info-left,
    .col-50.right p.info-right {
        text-align: center;
        padding-left: 0;
        display: block;
    }
    footer#footer div {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 580px) {
    .archive #container,
    .page-template-default #container {
        margin-top: 30px;
    }
    body #wrapper .project-page h2 {
        padding:30px 10px;
        line-height: 1.2;
        box-sizing:border-box;
    }

    .img-right {
        float: none;
        margin: 0 0 20px 0;
        border-radius: 5px;
        max-width: 100%;
        height: auto;
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .search article:nth-of-type(1n) {
        width: 100%;
        box-sizing: border-box;
        border-right: none;
        border-bottom: 1px solid #eee;
        min-height: 0;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    #branding #info .info-block-phone {
        margin: 0 0 10px 0;
    }
    .search article:last-of-type {
        border-bottom: none;
    }
    .service {
        width: 100%;
        border-bottom: 1px solid #eee;
        margin-bottom: 30px;
        padding-bottom: 50px;
    }
    .services .service:nth-of-type(4) {
        border-bottom:none;
    }
    .service .icon {
        margin: 20px auto;
    }
    .googlemap-wrapper {height:200px;}
}