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

            .margin-auto {
                width: 1200px;
                margin: 0 auto;
                padding-bottom: 50px;
            }
            .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: 5px 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: 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: 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: 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 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: 10px 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: 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;
                    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: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;
              }


}


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

                .margin-header {
                    width: 700px;
                    margin: 0 auto;
                    /*padding: 40px 0 40px 0;*/
                }
                .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;
                }
                .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;
                }
                .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;
                }


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


                .margin-auto {
                    width: 360px;
                    margin: 0 auto;
                    padding: 20px 20px 20px 20px;
                    /*overflow: hidden;*/
                }
                .margin-header {
                    width: 360px;
                    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;
                }
                .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;
                }
}





@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;
                }
                .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;
                }
                .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: 36%;
                    top: -40px;
                    -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;
                }
                .site-info > a {
                    position: absolute;
                    top: -10%;
                    left: 21%;
                }
                 .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 {
                    background-size: cover;
                    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;
                }
}

@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: 20%;
                    top: -40px;
                    -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;
                }
    
}
/* 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;
              }
}