@media (max-width: 1024px){
    .video_container{
        z-index: 1;
    }

    .video-section-title{
        color: #000;
        position: relative;;
        top: 0%;
        margin: 0 auto 35px;
        width: 100%;
        z-index:1;
    }

    .video-section-title h1{
        color: #000;
    }
}
@media (max-width: 1280px) {
    #video{
        display: none;
    }
}

@media screen and (min-width:1024px) and (max-width:1280px) {

            .margin-auto {
                width: 960px;
                margin: 0 auto;
                padding-bottom: 50px;
            }
            .margin-header {
                width: 1000px;
                margin: 0 auto;
                /*padding: 50px 0 50px 0;*/
            }
            .custom-menu-container {
                border: 0px solid;
                margin: 0 auto;
                width: 800px;
            }
            .margin-auto-services {
                margin: 0 auto;
                padding: 80px 0 0;
                position: relative;
                width: 960px;
                z-index: 21;
            }
            .block{
                height:auto;
                -webkit-transform:skewY(-4deg);
                -moz-transform:skewY(-4deg);
                -ms-transform:skewY(-4deg);
                -o-transform:skewY(-4deg);
                transform:skewY(-4deg);
                -webkit-transform-origin:0 0;
                -moz-transform-origin:0 0;
                -ms-transform-origin:0 0;
                -o-transform-origin:0 0;
                transform-origin:0 0;
                overflow:hidden;
                position:relative;
                margin: -10px 0 -10px 0;
                }
                .block-content {
                    left: 0;
                    margin: auto;
                    position: absolute;
                    right: 0;
                    top: 20px;
                    width: 100%;
                    z-index: 203;
                }
                .block-content-pm {
                    left: 0;
                    margin: auto;
                    position: absolute;
                    right: 0;
                    top: 50px;
                    width: 100%;
                    z-index: 0;
                }
                .block-straight{
                    height:auto;
                    overflow:hidden;
                    position:relative;
                    margin: -1px 0 -1px 0;
                }
                .block-blog:before {
                    background: none repeat scroll 0 0 #FFFFFF;
                    content: "";
                    margin-top: -85px;
                    min-height: 220px;
                    /*min-height: 200px;*/
                    position: absolute;
                    width: 100%;
                    z-index: 20;
                    -webkit-transform: skewY(-4deg);
                    -moz-transform: skewY(-4deg);
                    -o-transform: skewY(-4deg);
                    -ms-transform: skewY(-4deg);
                    transform: skewY(-4deg);
                }
                .block-blog:after {
                    background: none repeat scroll 0 0 #ffffff;
                    content: "";
                    min-height: 160px;
                    margin-top: -60px;
                    position: absolute;
                    width: 100%;
                    z-index: 1;
                    -webkit-transform: skewY(-4deg);
                    -moz-transform: skewY(-4deg);
                    -o-transform: skewY(-4deg);
                    -ms-transform: skewY(-4deg);
                    transform: skewY(-4deg);
                }
                .block-footer:before {
                    background: none repeat scroll 0 0 #000000;
                    content: "";
                    margin-top: -90px;
                    /*min-height: 160px;*/
                    min-height: 200px;
                    position: absolute;
                    width: 100%;
                    z-index: -1;
                    -webkit-transform: skewY(-4deg);
                    -moz-transform: skewY(-4deg);
                    -o-transform: skewY(-4deg);
                    -ms-transform: skewY(-4deg);
                    transform: skewY(-4deg);
                }
                .block-content-parallax {
                    left: 0;
                    margin: auto;
                    position: absolute;
                    right: 0;
                    top: 180px;
                    -webkit-transform:skewY(4deg);
                    -moz-transform:skewY(4deg);
                    -ms-transform:skewY(4deg);
                    -o-transform:skewY(4deg);
                    transform:skewY(4deg);
                    width: 70%;
                    z-index: 99;
                }
                .bg-fix{
                    margin-bottom: -70px;
                    margin-top: -130px;
                    -webkit-transform:skewY(4deg);
                    -moz-transform:skewY(4deg);
                    -ms-transform:skewY(4deg);
                    -o-transform:skewY(4deg);
                    transform:skewY(4deg);
                    -webkit-transform-origin:0 0;
                    -moz-transform-origin:0 0;
                    -ms-transform-origin:0 0;
                    -o-transform-origin:0 0;
                    transform-origin:0 0;
                    min-height:800px;
                    z-index: -2;
                }
                .bg-fix-straight{
                    min-height:500px;
                    z-index: -2;
                }
                .portfolio-title > p:before{
                    left:-70%;
                    top:25px;
                }
                .portfolio-title > p:after{
                    left:-70%;
                    top:25px;
                }
                .team-cross:before{
                    left:-21%;
                    top:50%;
                }

                .team-cross:after{
                    left:-21%;
                    top:50%;
                }
                #nav{
                    display:block !important;
                }
                #nav a:hover {
                    background: #ffffff;
                    height: 48px;
                }
                #nav li {
                    width: 12%;
                }
                #nav a {
                    font-family: 'Raleway';
                    font-size: 12px;
                }
                #nav {
                    list-style-type: none;
                    position: absolute;
                    top: 0px;
                    -webkit-transition:all 0.2s;
                    -moz-transition:all 0.2s;
                    -o-transition:all 0.2s;
                    transition:all 0.2s;
                    width: 100%;
                    z-index: 101;
                    line-height: 40px;
                }


}

    @media screen and (min-width:800px) and (max-width:992px){
        .woocommerce div.product div.summary,
        .woocommerce-page div.product div.summary,
        .woocommerce #content div.product div.summary,
        .woocommerce-page #content div.product div.summary{
            float: none;
            width: 100%;
            margin-bottom: 2em;
            padding: 20px;
        }
    }

  @media screen and (min-width:800px) and (max-width:1023px) {

              .margin-auto {
                    width: 800px;
                    margin: 0 auto;
                    padding-bottom: 50px;
                }
              .margin-header {
                  width: 800px;
                  margin: 0 auto;
                  /*padding: 50px 0 50px 0;*/
              }
              .custom-menu-container {
                  border: 0px solid;
                  margin: 0 auto;
                  width: 600px;
              }
              .cbp-af-header .logo {
                  -webkit-transform:scale(0.7);
                  -moz-transform:scale(0.7);
                  -ms-transform:scale(0.7);
                  -o-transform:scale(0.7);
                  transform:scale(0.7);
              }
              .block{
                  height:auto;
                  -webkit-transform:skewY(-4deg);
                  -moz-transform:skewY(-4deg);
                  -ms-transform:skewY(-4deg);
                  -o-transform:skewY(-4deg);
                  transform:skewY(-4deg);
                  -webkit-transform-origin:0 0;
                  -moz-transform-origin:0 0;
                  -ms-transform-origin:0 0;
                  -o-transform-origin:0 0;
                  transform-origin:0 0;
                  overflow:hidden;
                  position:relative;
                  margin: -1px 0 -1px 0;
              }
              .block-content {
                  left: 0;
                  margin: auto;
                  position: absolute;
                  right: 0;
                  top: 30px;
                  width: 100%;
                  z-index: 203;
              }
              .block-content-pm {
                  left: 0;
                  margin: auto;
                  position: absolute;
                  right: 0;
                  top: 50px;
                  width: 100%;
                  z-index: 0;
              }
              .block-straight{
                  height:auto;
                  overflow:hidden;
                  position:relative;
                  margin: -1px 0 -1px 0;
              }
              .block-blog:before {
                  background: none repeat scroll 0 0 #FFFFFF;
                  content: "";
                  margin-top: -85px;
                  min-height: 200px;
                  position: absolute;
                  width: 100%;
                  z-index: -1;
                  -webkit-transform: skewY(-4deg);
                  -moz-transform: skewY(-4deg);
                  -o-transform: skewY(-4deg);
                  -ms-transform: skewY(-4deg);
                  transform: skewY(-4deg);
              }
              .block-blog:after {
                  background: none repeat scroll 0 0 #ffffff;
                  content: "";
                  min-height: 160px;
                  margin-top: -80px;
                  position: absolute;
                  width: 100%;
                  z-index: 1;
                  -webkit-transform: skewY(-4deg);
                  -moz-transform: skewY(-4deg);
                  -o-transform: skewY(-4deg);
                  -ms-transform: skewY(-4deg);
                  transform: skewY(-4deg);
              }
              .block-footer:before {
                  background: none repeat scroll 0 0 #000000;
                  content: "";
                  margin-top: -90px;
                  min-height: 160px;
                  position: absolute;
                  width: 100%;
                  z-index: -1;
                  -webkit-transform: skewY(-4deg);
                  -moz-transform: skewY(-4deg);
                  -o-transform: skewY(-4deg);
                  -ms-transform: skewY(-4deg);
                  transform: skewY(-4deg);
              }
              .block-content-parallax {
                  left: 0;
                  margin: auto;
                  position: absolute;
                  right: 0;
                  top: 60px;
                  -webkit-transform:skewY(4deg);
                  -moz-transform:skewY(4deg);
                  -ms-transform:skewY(4deg);
                  -o-transform:skewY(4deg);
                  transform:skewY(4deg);
                  width: 70%;
                  z-index: 99;
              }
              .bg-fix{
                  margin-bottom: -70px;
                  margin-top: -130px;
                  -webkit-transform:skewY(4deg);
                  -moz-transform:skewY(4deg);
                  -ms-transform:skewY(4deg);
                  -o-transform:skewY(4deg);
                  transform:skewY(4deg);
                  -webkit-transform-origin:0 0;
                  -moz-transform-origin:0 0;
                  -ms-transform-origin:0 0;
                  -o-transform-origin:0 0;
                  transform-origin:0 0;
                  min-height:700px;
                  z-index: -2;
              }
              .bg-fix-straight{
                  min-height:500px;
                  z-index: -2;
              }
              .team-cross:before {
                  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
                  content: "";
                  height: 1px;
                  left: 20px;
                  position: absolute;
                  right: 0px;
                  top: 50%;
                  -webkit-transform:rotate(45deg);
                  -moz-transform:rotate(45deg);
                  -ms-transform:rotate(45deg);
                  -o-transform:rotate(45deg);
                  transform:rotate(45deg);
                  width: 300px;
                  z-index: 1;
              }
              .team-cross:after {
                  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
                  content: "";
                  height: 1px;
                  left: 20px;
                  position: absolute;
                  right: 0px;
                  top: 50%;
                  -webkit-transform:rotate(-45deg);
                  -moz-transform:rotate(-45deg);
                  -ms-transform:rotate(-45deg);
                  -o-transform:rotate(-45deg);
                  transform:rotate(-45deg);
                  width: 300px;
                  z-index: 1;
              }
              #nav {
                  width:200px;
                  height:auto;
                  z-index:9999;
                  right:17px;
                  top: 40px;
                  position:fixed;
                  padding:0;
                  display:none;
              }
              #nav li {
                  display: inline;
                  float: none;
                  width: 100%;
              }
              #mob-box{
                  visibility:visible;
              }

              div.wpcf7 {
                  margin: 100px auto;
                  width: 70%;
              }

              .contacts > ul {
                  margin: 30px auto;
                  width: 70%;
              }

}


@media screen and (min-width:480px)  and (max-width: 800px) {

                .margin-header {
                    width: 700px;
                    margin: 0 auto;
                    /*padding: 40px 0 40px 0;*/
                }
                .comment-metadata{
                    line-height: 2em;
                }
                .margin-auto {
                    margin-right: 17px;
                    padding-top: 0;
                    /*overflow: hidden;*/
                }

                .breadcrump{
                    margin-top: 30px;
                    margin-left: 20px;
                }
                .cbp-af-header .logo {
                    -webkit-transform:scale(0.7);
                    -moz-transform:scale(0.7);
                    -ms-transform:scale(0.7);
                    -o-transform:scale(0.7);
                    transform:scale(0.7);
                }
                .custom-menu-container {
                    border: 0px solid;
                    margin: 0 auto;
                    width: 550px;
                }
                .block-content {
                    left: 0;
                    margin: auto;
                    position: absolute;
                    right: 0;
                    top: 50px;
                    width: 100%;
                    z-index: 203;
                }
                .blog .entry-meta{
                    padding: 5px 0;
                    line-height: 2em;
                }
                .entry-content {
                    padding: 30px 0 0;
                }
                .block-content-pm {
                    left: 0;
                    margin: auto;
                    position: absolute;
                    right: 0;
                    top: 50px;
                    width: 100%;
                    z-index: 0;
                }
                .team-cross:before {
                    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
                    content: "";
                    height: 1px;
                    left: 20px;
                    position: absolute;
                    right: 0px;
                    top: 50%;
                    -webkit-transform:rotate(45deg);
                    -moz-transform:rotate(45deg);
                    -ms-transform:rotate(45deg);
                    -o-transform:rotate(45deg);
                    transform:rotate(45deg);
                    width: 300px;
                    z-index: 1;
                }
                .team-cross:after {
                    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
                    content: "";
                    height: 1px;
                    left: 20px;
                    position: absolute;
                    right: 0px;
                    top: 50%;
                    -webkit-transform:rotate(-45deg);
                    -moz-transform:rotate(-45deg);
                    -ms-transform:rotate(-45deg);
                    -o-transform:rotate(-45deg);
                    transform:rotate(-45deg);
                    width: 300px;
                    z-index: 1;
                }
                .footer-section{
                    overflow: hidden;
                }
                .block-footer{
                    padding: 20px 20px 70px;
                }
                .site-info{
                    padding-bottom: 0;
                }
                .site-info > a{
                    position: relative;
                    top: 0;
                    left: 0;
                    margin-left: 10px;
                }
                .bg-fix{
                    min-height:800px;
                    z-index: -2;
                }
                .bg-fix-straight{
                    min-height:500px;
                    z-index: -2;
                }
                #nav {
                    width:200px;
                    height:auto;
                    z-index:9999;
                    right:17px;
                    top: 40px;
                    position:fixed;
                    padding:0;
                    display:none;
                }
                #nav li {
                    display: inline;
                    float: none;
                    width: 100%;
                }
                #mob-box{
                    visibility:visible;
                }

                div.wpcf7 {
                    margin: 100px 20px;
                    width: auto;
                }

                .contacts > ul {
                    margin: 30px;
                    width: auto;
                }

                /**
                * Woo tablet
                */

                .woocommerce-page ul.products li.product {
                    float: left;
                    margin: 0;
                    padding: 20px;
                    position: relative;
                    text-align: center;
                    width: 50%;
                }

                .woocommerce-page ul.products li.product ins{
                    position: relative;
                    right: 0;
                }

                .woocommerce .star-rating, .woocommerce-page .star-rating{
                    float: none;
                    clear: both;
                    margin: 0 auto 1.5em!important;
                    line-height: 1em;
                    overflow: hidden;
                    position: relative;
                    top: 20px;
                    left: 10px;
                }

                .woocommerce a.button, .woocommerce-page a.button{
                    float: none;
                }

                .woocommerce .woocommerce-product-rating, .woocommerce-page .woocommerce-product-rating{
                    line-height: 4em;
                }

                .woocommerce .woocommerce-product-rating a{
                    margin-left: 10px;
                }

                .woocommerce div.product div.summary,
                .woocommerce-page div.product div.summary,
                .woocommerce #content div.product div.summary,
                .woocommerce-page #content div.product div.summary{
                    float: none;
                    width: 100%;
                    margin-bottom: 2em;
                    padding: 20px;
                }

                .woocommerce .woocommerce-breadcrumb,
                .woocommerce-page .woocommerce-breadcrumb{
                    padding: 20px;
                }

                .zoomContainer{
                    display: none;
                }



}
@media screen and (min-width:1px)  and (max-width: 480px) {


                .margin-auto {
                    width: 100%;
                    margin: 0;
                    padding: 0;
                    /*overflow: hidden;*/
                }
                .breadcrump{
                    margin-top: 30px;
                    margin-left: 20px;
                }
                .comments-area{
                    padding: 20px 0;
                }
                .comment-list{
                    padding: 30px 0;
                }
                .comment-metadata{
                    line-height: 2em;
                }
                .margin-header {
                    width: 100%;
                    margin: 0 auto;
                    /*padding: 30px 0 30px 0;*/
                }
                .custom-menu-container {
                    border: 0 solid;
                    display: block;
                    margin-top: 60px;
                    max-width: 350px;
                    margin-right: -10px;
                }
                .cbp-af-header .logo {
                    -webkit-transform:scale(0.7);
                    -moz-transform:scale(0.7);
                    -ms-transform:scale(0.7);
                    -o-transform:scale(0.7);
                    transform:scale(0.7);
                }
                .block{
                    height:auto;
                    overflow:hidden;
                    position:relative;
                    margin: -31px 0 -1px 0;
                }
                .block-content {
                    left: 0;
                    margin: auto;
                    position: absolute;
                    right: 0;
                    top: 20px;
                    width: 100%;
                    z-index: 203;
                }
                .block-content-pm {
                    left: 0;
                    margin: auto;
                    position: absolute;
                    right: 0;
                    top: 50px;
                    width: 100%;
                    z-index: 0;
                }
                .block-straight{
                    height:auto;
                    overflow:hidden;
                    position:relative;
                    margin: -1px 0 -1px 0;
                }
                .blog article{
                    padding: 20px;
                    margin: 0 17px 15px 0;
                }

                .blog article.comment-body{
                    margin: 0;
                }
                .footer-section{
                    overflow: hidden;
                }
                .block-footer{
                    padding: 20px 20px 70px;
                }
                .site-info{
                    padding-bottom: 0;
                }
                .site-info > a{
                    position: relative;
                    top: 0;
                    left: 0;
                    margin-left: 10px;
                }
                .row.blog > div{
                    padding: 0;
                }
                .tag-links{
                    padding-bottom: 5px;
                }
                .widget{
                    margin: 0;
                }
                .blog .entry-meta{
                    padding: 5px 0;
                    line-height: 2em;
                }
                #primary-sidebar{
                    padding: 20px;
                }

                .blog .entry-content{
                    padding: 10px 0;
                }
                .block-blog:before {
                    background: none repeat scroll 0 0 #FFFFFF;
                    content: "";
                    margin-top: -70px;
                    min-height: 200px;
                    position: absolute;
                    width: 100%;
                    z-index: 20;
                }
                .block-blog:after {
                    background: none repeat scroll 0 0 #ffffff;
                    content: "";
                    min-height: 160px;
                    margin-top: -80px;
                    position: absolute;
                    width: 100%;
                    z-index: 1;

                }
                .block-footer:before {
                    background: none repeat scroll 0 0 #000000;
                    content: "";
                    margin-top: -90px;
                    min-height: 160px;
                    position: absolute;
                    width: 100%;
                    z-index: -1;
                }
                .block-content-parallax {
                    left: 0;
                    margin: auto;
                    position: absolute;
                    right: 0;
                    top: 60px;
                    width: 100%;
                    z-index: 99;
                }
                /*.bg-fix{
                    margin-bottom: -70px;
                    margin-top: -130px;
                    min-height:700px;
                    z-index: -2;
                }*/
                .bg-fix{
                    min-height:300px;
                    z-index: -2;
                }
                .bg-fix-straight{
                    min-height:300px;
                    z-index: -2;
                }
                .toggleMenu {
                    background: none repeat scroll 0 0 #EEEEEE;
                    padding: 20px;
                    position: absolute;
                    right: 30px;
                    top: 0px;
                }
                .toggleMenu:after {
                    color: #999999;
                    content: "+";
                    padding-left: 20px;
                }
                #primary-menu .toggleMenu {
                    display: none !important;
                }
                #nav {
                    width:200px;
                    height:auto;
                    z-index:9999;
                    right:17px;
                    top: 40px;
                    position:fixed;
                    padding:0;
                    display:none;
                }
                #nav li {
                    display: inline;
                    float: none;
                    width: 100%;
                }
                #mob-box{
                    visibility:visible;
                }

                .menu-container {
                    margin: 0 100px 0 20px;
                    width: auto;
                }

                .bb{
                    margin: 42px 20px;
                }

                div.wpcf7 {
                    margin: 100px 20px;
                    width: auto;
                }

                .contacts > ul {
                    margin: 30px;
                    width: auto;
                }

                /**
                 * Woo mobile
                 */

                .woocommerce-page ul.products li.product {
                    float: none;
                    margin: 0;
                    padding: 20px;
                    position: relative;
                    text-align: center;
                    width: 100%;
                }

                .woocommerce-page ul.products li.product ins{
                    position: relative;
                    right: 0;
                }

                .woocommerce .star-rating, .woocommerce-page .star-rating{
                    float: none;
                    clear: both;
                    margin: 0 auto 1.5em!important;
                    line-height: 1em;
                    overflow: hidden;
                    position: relative;
                    top: 20px;
                    left: 10px;
                }

                .woocommerce .woocommerce-product-rating, .woocommerce-page .woocommerce-product-rating{
                    line-height: 4em;
                }

                .woocommerce .woocommerce-product-rating a{
                    margin-left: 10px;
                }

                .woocommerce a.button, .woocommerce-page a.button{
                    float: none;
                }

                .zoomContainer{
                    display: none;
                }

                .woocommerce .related ul.products li.product{
                    width: 100%;
                }

                .woocommerce div.product div.summary,
                .woocommerce-page div.product div.summary,
                .woocommerce #content div.product div.summary,
                .woocommerce-page #content div.product div.summary{
                    float: none;
                    width: 100%;
                    margin-bottom: 2em;
                    padding: 20px;
                }

                .woocommerce .woocommerce-breadcrumb,
                .woocommerce-page .woocommerce-breadcrumb{
                    padding: 20px;
                }
}

@media screen and (min-width:980px) and (max-width:1279px){
                .block-straight{
                    height:auto;
                    overflow:hidden;
                    position:relative;
                    margin: -1px 0 -1px 0;
                }
                .isotope_container.isotope{
                    width:800px;
                    margin:0 auto;
                }
                .block-content-parallax{
                    width:100%;
                    top:200px;
                }
                .brill-cube{
                    margin: 2% auto;
                }
                .services p{
                    left:6px;
                    opacity: 1;
                    background: transparent;
                    margin-top: 55px;
                }

    .services p:after{
        display: none;
    }
                .services ul{
                    left:6px;
                }
                .portfolio-title > p:before{
                    left:-25%;
                    top:25px;
                }
                .portfolio-title > p:after{
                    left:-25%;
                    top:25px;
                }
                .team-item img{
                    width:100%;
                }
                .team-cross:before{
                    left:-43%;
                    top:50%;
                }

                .team-cross:after{
                    left:-43%;
                    top:50%;
                }
                /*.parallax{*/
                    /*background-size:auto;*/
                /*}*/

                .bg-fix{
                    min-height:800px;
                    z-index: -2;
                }
                .bg-fix-straight{
                    min-height:450px;
                    z-index: -2;
                }
                #nav {
                    width:200px;
                    height:auto;
                    z-index:9999;
                    right:17px;
                    top: 40px;
                    position:fixed;
                    padding:0;
                    display:none;
                }

                #nav li {
                    display: inline;
                    float: none;
                    width: 100%;
                }
                #mob-box{
                    visibility:visible;
                }
                #nav a {
                    background: #EEEEEE;
                    font-size: 12px;
                    font-weight: 500;
                    height: 40px;
                    line-height: 40px;
                }
                #nav a:hover {
                    height: 40px;
                    line-height: 40px;
                }
                #nav a:hover {
                    background: #cccccc;
                }
                #nav .current a{
                    height:40px;
                }
                #nav .current > a:before{
                    display:none;
                }
    
}
@media screen and (min-width:800px) and (max-width:979px) {

                .block-content {
                    left: 0;
                    margin: auto;
                    position: absolute;
                    right: 0;
                    top: 30px;
                    width: 100%;
                    z-index: 203;
                }
                .block-straight{
                    height:auto;
                    overflow:hidden;
                    position:relative;
                    margin: -1px 0 -1px 0;
                }
                .isotope_container.isotope{
                    width:400px;
                    margin:0 auto;
                    padding:0;
                }
                .isotope_container.isotope img{
                    width:100%;
                }
                .owl-carousel .owl-wrapper-outer {
                    width:66%;
                    margin:0 auto;
                }

                .team-item img{
                    width:100%;
                }
                .team-cross:before{
                    left:-15%;
                    top:50%;
                }

                .team-cross:after{
                    left:-15%;
                    top:50%;
                }
                .portfolio-title > p:before{
                    left:-25%;
                    top:25px;
                }
                .portfolio-title > p:after{
                    left:-25%;
                    top:25px;
                }
                .services p{
                    left:6px;
                    opacity: 1;
                    background: transparent;
                    margin-top: 55px;
                }

    .services p:after{
        display: none;
    }
                .services ul{
                    left:6px;
                }
                .block-content-parallax{
                width:100%;
                top:160px;
                }
                /*.parallax{*/
                    /*background-size:auto;*/
                /*}*/
                .site-info > a{
                margin:10px;
                }
                #nav a {
                    background: #EEEEEE;
                    font-size: 12px;
                    font-weight: 500;
                    height: 40px;
                    line-height: 40px;
                }
                #nav a:hover {
                    height: 40px;
                    line-height: 40px;
                }
                #nav a:hover {
                    background: #cccccc;
                }
        
}

@media screen and (min-width:360px) and (max-width:799px) {

                .block-blog {
                    background: none repeat scroll 0 0 #FFFFFF;
                    padding-bottom: 10px;
                    width: 100%;
                    margin-top: 0;
                }
                .block-content {
                    left: 0;
                    margin: auto;
                    position: absolute;
                    right: 0;
                    top: 90px;
                    width: 100%;
                    z-index: 0;
                }
                .btn-menu {
                    color: #999999;
                    cursor: pointer;
                    height: 60px;
                    margin: 42px;
                    position: absolute;
                    right: 10px;
                    top: 10px;
                    -webkit-transform:translateY(0%);
                    -moz-transform:translateY(0%);
                    -ms-transform:translateY(0%);
                    -o-transform:translateY(0%);
                    transform:translateY(0%);
                    width: 60px;
                    z-index: 998;
                }
                .block-straight{
                    height:auto;
                    overflow:hidden;
                    position:relative;
                    margin: -1px 0 -1px 0;
                }
                .isotope_container.isotope{
                    width:320px;
                    margin:0 auto;
                    overflow:hidden;
                }
                .isotope_container.isotope img{
                    width:100%;
                }
                .brill-cube{
                    height:190px;
                    width:190px;
                    margin:0 auto;
                }
                .brill-cube-title{
                    height:64%;
                }
                .brill-cube h3{
                    font-size:13px;
                }
                .brill-cube h4{
                    font-size:9px;
                }

                .portfolio li{
                    padding:10px;
                }
                /*.parallax{*/
                    /*background-size:auto;*/
                /*}*/
                 .custom-image{
                    width:360px;

                }
                .custom-image img{
                    width:100%;
                }
                .block{
                    height:auto;
                    overflow:hidden;
                    position:relative;

                }
                .block-footer:before {
                    background: none repeat scroll 0 0 #000000;
                    content: "";
                    margin-top: -90px;
                    min-height: 160px;
                    position: absolute;
                    width: 100%;
                    z-index: -1;
                }
                .block-content-parallax {
                    left: 0;
                    margin: auto;
                    position: absolute;
                    right: 0;
                    top: 150px;
                    width: 100%;
                    z-index: 99;
                }
                .bg-fix {
                    margin-bottom: 0;
                    margin-top: -40px;
                    min-height: 500px;
                    z-index: -2;
                }
                .bg-fix-straight{
                    min-height:300px;
                    z-index: -2;
                }
                .block-content-parallax-straight {
                    top:19%;
                }
                #nav a {
                    background: #EEEEEE;
                    font-size: 12px;
                    font-weight: 500;
                    height: 40px;
                    line-height: 40px;
                }
                #nav a:hover {
                    height: 40px;
                    line-height: 40px;
                }
                #nav a:hover {
                    background: #cccccc;
                }
                .menu-container {
                    margin: 0 100px 0 20px;
                    width: auto;
                }
                .bb{
                    margin: 42px 20px;
                }



    .services p{
        left:6px;
        opacity: 1;
        background: transparent;
        margin-top: 55px;
    }

    .services p:after{
        display: none;
    }
}

@media screen and (min-width:320px) and (max-width:359px) {

                .block{
                    height:auto;
                    overflow:hidden;
                    position:relative;
                    margin: -91px 0 -1px 0;
                }
                .block-content {
                    left: 0;
                    margin: auto;
                    position: absolute;
                    right: 0;
                    top: 120px;
                    width: 100%;
                    z-index: 203;
                }
                .btn-menu {
                    color: #999999;
                    cursor: pointer;
                    height: 60px;
                    margin: 42px;
                    position: absolute;
                    right: 10px;
                    top: 10px;
                    -webkit-transform:translateY(0%);
                    -moz-transform:translateY(0%);
                    -ms-transform:translateY(0%);
                    -o-transform:translateY(0%);
                    transform:translateY(0%);
                    width: 60px;
                    z-index: 998;
                }
                .margin-auto{
                    width:300px;
                    padding:0;
                }
                .margin-header {
                    width: 300px;
                    margin: 0 auto;
                    /*padding: 30px 0 30px 0;*/
                }
                .block-straight{
                    height:auto;
                    overflow:hidden;
                    position:relative;
                    margin: -1px 0 -1px 0;
                }
                .isotope_container.isotope{
                    width:300px;
                    margin:0 auto;
                    overflow:hidden;
                }
                .isotope_container.isotope img{
                    width:100%;
                }
                .brill-cube{
                    height:190px;
                    width:190px;
                    margin:0 auto;
                }
                .brill-cube-title{
                    height:64%;
                }
                .brill-cube h3{
                    font-size:13px;
                }
                .brill-cube h4{
                    font-size:9px;
                }
                .portfolio li{
                    padding:10px;
                }
                .parallax{
                    /*background-size:auto;*/
                    height:320px !important;
                }
                .site-info > a {
                position: absolute;
                top: -60%;
                left: 21%;
                }
                .team-cross:before{
                    left:-5%;
                    top:50%;
                }

                .team-cross:after{
                    left:-5%;
                    top:50%;
                }
                .custom-image{
                    width:320px;
                }
                .custom-image img{
                    width:100%;
                }
    
                #back-top{
                    right:1px;
                }
                #nav a {
                    background: #EEEEEE;
                    font-size: 12px;
                    font-weight: 500;
                    height: 40px;
                    line-height: 40px;
                }
                #nav a:hover {
                    height: 40px;
                    line-height: 40px;
                }
                #nav a:hover {
                    background: #cccccc;
                }


    .services p{
        left:6px;
        opacity: 1;
        background: transparent;
        margin-top: 55px;
    }
    .services p:after{
        display: none;
    }
    
}
/* Responsive stuff
---------------------------------------------------------- */
/* Make all grid-sized elements block level again */
@media (max-width: 480px) {
              .vc_responsive div.vc_row-fluid div[class*="vc_span"] {
                float: none;
                display: block;
                width: auto;
                margin-left: 0;
              }
}


/**
 * Big
 */


@media (min-width:1279px) and (max-width:4000px) {

    .margin-auto {
        width: 1200px;
        margin: 0 auto;
        padding-bottom: 120px;
    }
    .margin-header {
        width: 1200px;
        margin: 0 auto;
        /*padding: 50px 0 50px 0;*/
    }
    .custom-menu-container {
        border: 0px solid;
        margin: 0 auto;
        width: 1000px;
    }
    .margin-auto-services {
        width: 1200px;
        margin: 0 auto;
        padding: 80px 0 0px 0;
        position: relative;
        z-index: 21;
    }
    .block{
        height:auto;
        -webkit-transform:skewY(-4deg);
        -moz-transform:skewY(-4deg);
        -ms-transform:skewY(-4deg);
        -o-transform:skewY(-4deg);
        transform:skewY(-4deg);
        -webkit-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        overflow:hidden;
        position:relative;
        margin: -1px 0 -1px 0;
    }
    .block-content {
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 20px;
        width: 100%;
        z-index: 203;
    }
    .block-content-pm {
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 50px;
        width: 100%;
        z-index: 0;
    }
    .block-straight{
        height:auto;
        overflow:hidden;
        position:relative;
        margin: -1px 0 -1px 0;
    }
    .block-blog:before {
        background: none repeat scroll 0 0 #FFFFFF;
        content: "";
        margin-top: -120px;
        min-height: 220px;
        /*min-height: 200px;*/
        position: absolute;
        -webkit-transform: skewY(-4deg);
        -moz-transform: skewY(-4deg);
        -o-transform: skewY(-4deg);
        -ms-transform: skewY(-4deg);
        transform: skewY(-4deg);
        width: 100%;
        z-index: 0;
    }
    .block-blog:after {
        background: none repeat scroll 0 0 #ffffff;
        content: "";
        min-height: 200px;
        /*min-height: 160px;*/
        margin-top: -80px;
        position: absolute;
        width: 100%;
        z-index: 1;
        -webkit-transform: skewY(-4deg);
        -moz-transform: skewY(-4deg);
        -o-transform: skewY(-4deg);
        -ms-transform: skewY(-4deg);
        transform: skewY(-4deg);
    }
    .block-footer:before {
        background: none repeat scroll 0 0 #000000;
        content: "";
        margin-top: -90px;
        /*min-height: 160px;*/
        min-height: 200px;
        position: absolute;
        width: 100%;
        z-index: -1;
        -webkit-transform: skewY(-4deg);
        -moz-transform: skewY(-4deg);
        -o-transform: skewY(-4deg);
        -ms-transform: skewY(-4deg);
        transform: skewY(-4deg);
    }
    .block-content-parallax {
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 150px;
        -webkit-transform:skewY(4deg);
        -moz-transform:skewY(4deg);
        -ms-transform:skewY(4deg);
        -o-transform:skewY(4deg);
        transform:skewY(4deg);
        width: 70%;
        z-index: 99;
    }
    .bg-fix{
        margin-bottom: -70px;
        margin-top: -130px;
        -webkit-transform:skewY(4deg);
        -moz-transform:skewY(4deg);
        -ms-transform:skewY(4deg);
        -o-transform:skewY(4deg);
        transform:skewY(4deg);
        -webkit-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        min-height:800px;
        z-index: -2;
    }

    .bg-fix-straight{
        min-height:500px;
        z-index: -2;
    }
    /*new responsive*/

    .portfolio-title > p:before{
        left:-50%;
        top:25px;
    }
    .portfolio-title > p:after{
        left:-50%;
        top:25px;
    }
    .team-cross:before{
        left:-7%;
        top:50%;
    }

    .team-cross:after{
        left:-7%;
        top:50%;
    }
    .team-item img{
        width:100%;
    }
    /*.parallax{*/
    /*background-size:auto;*/
    /*}*/
    /* END new responsive*/

    #nav{
        display:block !important;
    }
    #nav a:hover {
        background: #ffffff;
        height: 48px;
    }
    #nav li {
        width: 12%;
    }
    #nav a {
        font-family: 'Raleway';
        font-size: 12px;
    }
    #nav {
        list-style-type: none;
        position: absolute;
        top: 0px;
        -webkit-transition:all 0.2s;
        -moz-transition:all 0.2s;
        -o-transition:all 0.2s;
        transition:all 0.2s;
        width: 100%;
        z-index: 101;
        line-height: 40px;
    }
}






@media (min-width:1920px) and (max-width:4000px) {

    .margin-auto {
        width: 1200px;
        margin: 0 auto;
        padding-bottom: 120px;
    }
    .margin-header {
        width: 1200px;
        margin: 0 auto;
        /*padding: 50px 0 50px 0;*/
    }
    .custom-menu-container {
        border: 0px solid;
        margin: 0 auto;
        width: 1000px;
    }
    .margin-auto-services {
        width: 1200px;
        margin: 0 auto;
        padding: 80px 0 0px 0;
        position: relative;
        z-index: 21;
    }
    .brill-cube{
        margin: 120px auto;
    }
    .block{
        height:auto;
        -webkit-transform:skewY(-4deg);
        -moz-transform:skewY(-4deg);
        -ms-transform:skewY(-4deg);
        -o-transform:skewY(-4deg);
        transform:skewY(-4deg);
        -webkit-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        overflow:hidden;
        position:relative;
        margin: -1px 0 -1px 0;
    }
    .block-content {
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 20px;
        width: 100%;
        z-index: 203;
    }
    .block-content-pm {
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 50px;
        width: 100%;
        z-index: 0;
    }
    .block-straight{
        height:auto;
        overflow:hidden;
        position:relative;
        margin: -1px 0 -1px 0;
    }
    .block-blog:before {
        background: none repeat scroll 0 0 #FFFFFF;
        content: "";
        margin-top: -150px;
        min-height: 220px;
        /*min-height: 200px;*/
        position: absolute;
        -webkit-transform: skewY(-4deg);
        -moz-transform: skewY(-4deg);
        -o-transform: skewY(-4deg);
        -ms-transform: skewY(-4deg);
        transform: skewY(-4deg);
        width: 100%;
        z-index: 0;
    }
    .block-blog:after {
        background: none repeat scroll 0 0 #ffffff;
        content: "";
        min-height: 200px;
        /*min-height: 160px;*/
        margin-top: -120px;
        position: absolute;
        width: 100%;
        z-index: 1;
        -webkit-transform: skewY(-4deg);
        -moz-transform: skewY(-4deg);
        -o-transform: skewY(-4deg);
        -ms-transform: skewY(-4deg);
        transform: skewY(-4deg);
    }
    .block-footer:before {
        background: none repeat scroll 0 0 #000000;
        content: "";
        margin-top: -110px;
        /*min-height: 160px;*/
        min-height: 200px;
        position: absolute;
        width: 100%;
        z-index: -1;
        -webkit-transform: skewY(-4deg);
        -moz-transform: skewY(-4deg);
        -o-transform: skewY(-4deg);
        -ms-transform: skewY(-4deg);
        transform: skewY(-4deg);
    }
    .block-content-parallax {
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 150px;
        -webkit-transform:skewY(4deg);
        -moz-transform:skewY(4deg);
        -ms-transform:skewY(4deg);
        -o-transform:skewY(4deg);
        transform:skewY(4deg);
        width: 70%;
        z-index: 99;
    }
    .bg-fix{
        margin-bottom: -70px;
        margin-top: -130px;
        -webkit-transform:skewY(4deg);
        -moz-transform:skewY(4deg);
        -ms-transform:skewY(4deg);
        -o-transform:skewY(4deg);
        transform:skewY(4deg);
        -webkit-transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        transform-origin:0 0;
        min-height:1000px;
        z-index: -2;
        background-size: cover!important;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .bg-fix-straight{
        min-height:500px;
        z-index: -2;
    }
    /*new responsive*/

    .portfolio-title > p:before{
        left:-50%;
        top:25px;
    }
    .portfolio-title > p:after{
        left:-50%;
        top:25px;
    }
    .team-cross:before{
        left:-7%;
        top:50%;
    }

    .team-cross:after{
        left:-7%;
        top:50%;
    }
    .team-item img{
        width:100%;
    }
    /*.parallax{*/
    /*background-size:auto;*/
    /*}*/
    /* END new responsive*/

    #nav{
        display:block !important;
    }
    #nav a:hover {
        background: #ffffff;
        height: 48px;
    }
    #nav li {
        width: 12%;
    }
    #nav a {
        font-family: 'Raleway';
        font-size: 12px;
    }
    #nav {
        list-style-type: none;
        position: absolute;
        top: 0px;
        -webkit-transition:all 0.2s;
        -moz-transition:all 0.2s;
        -o-transition:all 0.2s;
        transition:all 0.2s;
        width: 100%;
        z-index: 101;
        line-height: 40px;
    }
}