/*Screen 800*/
 @media screen and (max-width: 800px) {
    .site {
        width: 94%;
        overflow: hidden;
    }
    .header-home {
        position: relative;
    }
    .logo, .logo a {
        float: none;
        text-align: center;
        margin-bottom: 1%;
    }
    .slider {
        width: 94%;
        margin: 0 auto;
    }
    .topmenu ul {
        display: none;
    }
    .menu {
        display: none;
    }
    .small-menu {
        display: block;
        text-align: center;
        display: inline;
    }
    .small-menu select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: none;
        line-height: 33px;
        text-indent: 10px;
        width: 100%;
        z-index: 1;
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 16px;
        font-weight: lighter;
        font-family:'OpenSans-Light';
        margin-top: 20px;
    }
    span.small-menu-icon {
        background: url(../img/menu-small.png);
        float: right;
        width: 19px;
        height: 16px;
        display: block;
        margin: -28px 12px 0px 0px;
        position: relative;
    }
    .slogan-one p {
        font-size: 28px;
    }
    .slogan-two p {
        font-size: 14px;
    }
    .box-step-one {
        width: 96%;
        height: 0% !important;
    }
    .box-step-two, .box-step-three, .box-step-four {
        width:29.3%;
    }
    ul.portfolio li img {
        width: 331px;
    }
    .inner-portfolio-left {
        width: 59%;
    }
    .recent-news {
        width: 100%;
        margin: 0 0 3% 0;
    }
    .testimonial {
        float: left;
        width: 100%;
        margin-top: 4%;
    }
    .testimonial-content blockquote {
        margin-top: 0;
    }
    .widget-sidebar iframe {
        width: 100%;
        height: 100%
    }
    .isotope-item {
        z-index: 2;
        width: 24%;
        margin: 0.4%;
    }
    .portfolio-item h4 {
        font-size: 1.2em;
    }
    .portfolio-item h6 {
        margin: 0 0 8px 0;
    }
    .team ul li {
        width: 100%;
        margin-left: 0;
    }
}
/*Screen 640*/
 @media screen and (max-width: 640px) {
    .site {
        width: 94%;
        overflow: hidden;
    }
    .slider {
        width: 94%;
        margin: 0 auto;
    }
    .slogan {
        margin-top: 30%;
    }
    .slogan-two p {
        max-width: 75%;
    }
    .menu, ul.top-menu-contact {
        display:none;
    }
    .small-menu {
        display: block;
        text-align: center;
    }
    .small-menu select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: none;
        line-height: 33px;
        text-indent: 10px;
        width: 100%;
        z-index: 1;
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 16px;
        font-weight: lighter;
        font-family:'OpenSans-Light';
        margin-top: 20px;
    }
    span.small-menu-icon {
        background: url(../img/menu-small.png);
        float: right;
        width: 19px;
        height: 16px;
        display: block;
        margin: -28px 12px 0px 0px;
        position: relative;
    }
    .box-step-two, .box-step-three, .box-step-four {
        width:96%;
    }
    .box-feature-two-inner {
        width: 100%;
        margin: 0;
    }
    ul.portfolio li {
        width:96%;
    }
    ul.portfolio li img {
        width:96%;
    }
    .recent-news li {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0;
    }
    .widget-footer {
        width:100%;
        margin-bottom: 20px;
        text-align: center;
        margin-left: 0;
    }
    .isotope-item {
        z-index: 2;
        padding-left: 0;
        width:100%;
    }
    .isotope-item img, .recent-news img, .inner-portfolio-left img {
        width:100%;
        height:auto;
    }
    .portfolio-item h4 {
        font-size: 2.5em;
    }
    .portfolio-item h6 {
        margin: 40px 0 10px 0;
        font-size: 2em;
    }
    .portfolio-2-column .isotope-item {
        width:100%;
    }
    .portfolio-3-column .isotope-item {
        width:100%;
    }
    .one-two, .one-three, .two-three, .three-four, .one-four, .one-five, .two-five, .three-five, .four-five {
        width:100%;
        float:none;
    }
    .slogan-two p {
        margin-bottom: 0;
    }
    .inner-portfolio-left {
        width: 100%;
    }
    .inner-portfolio-right {
        float: none;
        width: 100%;
        margin-top: 40px;
    }
    .right-sidebar .content-area {
        width: 100%;
        float: none;
    }
    .left-sidebar .content-area {
        width: 100%;
        float: none;
    }
    .right-sidebar .content-sidebar {
        float: none;
        background: #fff;
        width: 100%;
    }
    .left-sidebar .content-sidebar {
        float: none;
        background: #fff;
        width: 100%;
    }
}
/*Screen 320*/
 @media screen and (max-width: 320px) {
    .site {
        width: 100%;
    }
    .slider {
        width: 100%;
        margin: 0 auto;
    }
    .slider-nav {
        margin-top: 55%;
        position: relative;
        z-index: 99999;
    }
    .slogan {
        display: none;
    }
    .logo, .logo a {
        float: none;
        text-align: center;
    }
    .one-two, .one-three, .two-three, .three-four, .one-four, .one-five, .two-five, .three-five, .four-five {
        width:100%;
        float:none;
    }
}