@media only screen and (max-width: 479px) and (orientation:landscape){


    h1 { font-size: 45px; line-height:45px;}
    h2 { font-size: 30px; line-height:30px;}
    h3 { font-size: 24px; line-height:24px; }
    h4 { font-size: 20px; line-height:20px;}
    h5 { font-size: 14px; line-height:14px;}


    .container {
        width:280px;
        padding-top: 30px;
        padding-bottom:100px;
    }

    #logo {
        margin-left:20px;
        /*margin-top:30px;*/
    }







    #navigation ul , #navigation2 ul {
        width: 140px;
        padding: 5px 0;
        position: relative;
        /*top: 30px;*/
        right: 20px;
        border: solid 1px #efefef;
        background: #fff url(../images/icon-menu.png) no-repeat 10px 11px;
        border-radius: 3px;
    }

    ul#menu li {
        display: none;
        margin: 0;
    }

    #navigation .current, #navigation2 .current {
        display: block!important;
    }

    #navigation a, #navigation2 a {
        display: block;
        padding: 5px 5px 5px 32px;
        text-align: left;
    }

    #navigation ul:hover, #navigation2 ul:hover {
        background-image: none;
    }

    #navigation ul:hover .current, #navigation2 ul:hover .current {
        background: url(../images/icon-check.png) no-repeat 10px 7px;
    }

    #navigation ul li:hover a, #navigation ul li.current a, #navigation2 ul li:hover a, #navigation2 ul li.current a {
        color: #000;
        border-top: 0px;
    }

    #navigation a, #navigation a:active, #navigation a:visited, #navigation2 a, #navigation2 a:active, #navigation2 a:visited {
        padding-top:5px;
        height:auto;		
        padding-bottom:5px;
    }


    .in-slide-content {
        top:0px;
        left:50px;
        margin-right:10%;
        z-index:20;
        position:absolute;
        width:70%;
        text-align:left;
    }

    .in-slide-content h1{ 		
        border-bottom: 1px solid #FFFFFF;
        color: #FFFFFF;
        float: left;
        font-size: 31px;
        line-height: 32px;
        padding-bottom: 24px;
        z-index: 20;
    }

    .in-slide-content p{ 		
        color: #FFFFFF;
        float: left;
        font-size: 16px;
        font-weight: bold;
        padding-top: 20px;
        z-index: 20;
    }


    .in-slide-content h1{ 		
        display:visible;
    }

    .in-slide-content p{
        display:visible; 		
    }

    #arrow_left, #arrow_right{
        color: #FFFFFF;
        float: left;
        font-size: 16px;
        font-weight: bold;
        padding-top: 20px;
        z-index: 20;
        bottom: 60px;
        height: 67px;
        position: absolute;
    }

    #arrow_left:hover, #arrow_right:hover {
        bottom:60px;
    }

    #arrow_left:active, #arrow_right:active {
        bottom:60px;
    }

    #arrow_left {
        left: 50px;
    }

    .one_half {
        width: 100%;
    }

    .one_third {
        width: 100%;
    }

    .one_fourth {
        width: 100%;
    }

    .one_fifth {
        width: 100%;
    }

    .one_sixth {
        width: 100%;
    }

    .two_fifth {
        width: 100%;
    }

    .two_fourth {
        width: 100%;
    }

    .two_third {
        width: 100%;
    }

    .three_fifth {
        width: 100%;
    }

    .three_fourth {
        width: 100%;
    }

    .four_fifth {
        width: 100%;
    }

    .five_sixth {
        width: 100%;
    }

    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        float: left;
        margin-bottom: 20px;
        margin-right: 0;
        position: relative;
    }

    .team {
        background-color: #FFFFFF;
        float: left;
        height: 280px;
        margin-left: 27px;
        overflow: hidden;
        width: 225px;
        margin-bottom:30px;
    }

    .team.last {
        margin-left:27px;
    }

    h3.newsletter {
        float: none;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    input.newsletter-email, input.newsletter-name {
        width: 256px;
        margin-bottom:20px;
    }

    button.newsletter-sent {
        padding: 0 18px;
    }	

    .portfolio {
        width: 100%;
    }

    .portfolio li { 
        width:100%;
        margin:0 auto;	
    }

    nav.primary ul {
        float: left;
        margin-top: 20px;
        width:100%;
    }

    nav.primary ul li {

    }

    nav.primary ul li a {
        margin-left: 0px;
        padding:0;
        text-align:center;
        margin-bottom:10px;
        width: 100%;
    }

    .carousel_testimonials li {
        width: 240px;
    }

    .project_page {
        background-color:#fff;
        width:280px;
    }

    .client {
        margin:20px 70px 20px 70px;
    }

    .client:hover {
        margin:20px 70px 20px 70px;
        opacity:0.8;
    }

    .list_carousel li {
        height: 522px;
        width: 280px;
    }

    .news-intro {
        background: none repeat scroll 0 0 #FFFFFF;
        float: left;
        height: 225px;
        padding: 20px;
    }

    .news_page {
        background-color:#fff;
        width:280px;
    }

    p.post-admin {
        width:100%;
    }

    p.post-calendar {
        margin-left: 0px;
        width:100%;
    }

    p.post-tagss {
        margin-left: 0px;
        width:100%;
    }

    p.post-commentss {
        margin-left: 0px;
        width:100%;
    }

    .footer ul.contactus li {
        font-size: 28px;
    }

    .footer ul.contactus li span.mail:after {
        top: 4px;
    }

    .footer ul.contactus li span.phone:after {
        top: 3px;
    }

    .footer-social {
        margin-bottom: 30px;
        margin-right: 30px;
    }

    .carousel_testimonials li h1 { 
        font-size:35px;
        line-height:38px;
    }

    #map_canvas {
        width:100%;
        height:300px;
    }

    .separator1-bg {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        background-size: auto;
    }

    .separator2-bg {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        background-size: auto;
    }

    .separator3-bg {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        background-size: auto;
    }

    .separator4-bg {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        background-size: auto;
    }

    .separator5-bg {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        background-size: auto;
    }

    .separator6-bg {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        background-size: auto;
    }

    .separator7-bg {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        background-size: auto;
    }

    .separator8-bg {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        background-size: auto;
    }

    .separator9-bg {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        background-size: auto;
    }


    .servi_dett {
        height: auto;
    }
}