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

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

    #cene h3{
        font-size: 15px;
    }
    
    .homepage_marchi .container {
        margin-top: 0px; 
    }
    .crop {
        width: 100%; 
        height: auto;
        overflow: hidden;
    }

    .container-news h1 {
        text-align: center;
        color: #000;
        margin-bottom: 10px;
    }

    .hg_h3 {
        text-align: center;
        font-size: 22px;
        margin-bottom: 10px;
    }

    .homepage_subtitle {
        text-align: center;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 35px;
    }

    .pagina .copertina {
        max-width: 100% !important;
    }

    #solosusky {
        position: absolute;
        margin-left: 31%;
        margin-top: 160px;
    }


    .elenco_orizz_rubriche {
        position: absolute;
        margin-left: 0px;
        margin-top: -35px;
        text-align: center;
        width: 100%;
    }


    #basic {
        width: 260px;
    }

    #latestvideo img {
        width: 100%;
        height: auto;
    }

    #bannervideo {
        /* float: left; */
        position: relative;
        margin-top: 0px;
        margin-left: 0px;
    }


    #formmappa input[type=text] {
        background-color: #e9e9e9;
        color: #656565;
        border: 0px;
        border-radius: 0px;
        float: left;
        width: 100%;
        margin-right: 10px;
    }

    #mappabikefriendly {
        width: 100%;
        float: left;
        margin-right: 10px;
    }


    .elenco_orizz_rubriche {
        position: relative;
        margin-left: 0px;
        margin-top: 0px;
    }

    .elenco_orizz_rubriche li {
        display: block;
        margin: 5px 0px;
        padding:5px 0px;
        text-align:center;
        background-color:#dedede;
    }

    #formmappa input[type=submit] {
        background-color: #ABD1AC;
        color: #fff;
        border: 0px;
        border-radius: 0px;
        width: 100%;
    }

    #preventivo .one_half{
        margin:0px !important;
    }

    .bio_image img{

        width:100%;	
    }

    .two_fourth img{

        width:100%;
        height:auto;	
    }

    .in-slide-content {
        top: 25px;
        left: 0px;
        width: 100%;
        margin-right: 0px;
        z-index:20;
        position:absolute;
        text-align: center;
    }
    
    #arrow_right {
        right: 10px;
    }
    #arrow_left {
        left: 10px;
    }
    
    .in-slide-content h2 { 		
        color: #FFFFFF;
        font-size: 21px;
        line-height: 21px;
        padding-bottom: 0px;
        text-align: center;
        z-index: 20;
        float: none;
    }

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

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

    .in-slide-content p{
        display:visible; 
        font-size:22px;
    }

    .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: 315px;
        width: 280px;
    }

    #news h2{
        margin:0px;
    }
    #news-navigation, #rassegnastampa-navigation, #calendario-navigation, #offerte-navigation {
        width: 120px;
        height: 50px;
        padding-top: 10px;
        margin: 0 auto;
    }

    .news-title {
        height: 21px;
    }
    .news-abstract {
        height: 80px;
    }
    .news-link {
        height: 20px;
    }

    .news-intro {
        background: none repeat scroll 0 0 #FFFFFF;
        float: left;
        height: 160px;
        width: 100%;
    }

    .prev {
        float: left;
        background: url(../images/left.png) no-repeat scroll 19px 15px #bfbfbf;
        width: 50px;
        height: 50px;
        padding: 0px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 25px;
    }

    .next {
        float: left;
        background: url(../images/right.png) no-repeat scroll 19px 15px #bfbfbf;
        width: 50px;
        height: 50px;
        padding: 0px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 25px;
    }


    .next:hover {
        background: url(../images/right_hover.png) no-repeat scroll 19px 15px #ef4a4a;
    }

    .prev:hover {
        background: url(../images/left_hover.png) no-repeat scroll 19px 15px #ef4a4a;
    }



    .news_dettaglio {
        padding: 0px;
        display:block;
        margin-top:0px;
        font-size:16px;
    }

    .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: 18px;
        margin-right:0px;

    }

    .footer ul.contactus li i{
        color: #EF4A4A;
        padding-left: 0px;
        position: relative;
        padding-right: 18px;
        width: 30px;
        text-align: center;
    }
    .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;
    }

    #mostranews img, #rassegna img, #chisono img{
        width:100%;
        height:auto;
    }

    .footerblock1 {
        width: 100%;
        float: left;
    }
    #mappabikefriendly {
        width: 100% !important;
        float: left;
    }


    .crop_progr {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    #programmi img, #bannervideo img, #latest3video img, #bikeroutecat img, #bannermappa img, #dettaglipacchetti img{
        width: 100%;
        height: auto;
    }

    .prod_carrello {
        position: relative;
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 10px;
    }

    select {
        background: none repeat scroll 0 0 #dedede;
        border: 1px solid #7A7A78;
        color: #444;
        padding: 10px;
        height: 50px;
        width: 100%;
        border-radius: 5px;
    }

    .prod_taglia {
        margin: 5px 0px;
    }

    #videocat img {
        width: 98%;
        height: 130px;
    }

    .playersmall2 {
        position: absolute;
        margin-left: 120px;
        margin-top: 44px;
        color: rgba(255, 255, 255, 0.75);
    }

    .playerxl {
        position: absolute;
        margin-left: 113px;
        margin-top: 40px;
        color: rgba(255, 255, 255, 0.75);
    }

    .playersmall {
        position: absolute;
        margin-left: 124px;
        margin-top: 57px;
        color: rgba(255, 255, 255, 0.75);
    }

    #community_social_colcx {
        width: 100%;
        float: left;
    }

    #community_social_colcx li {
        display: inline;
        margin: 0px;
    }

    .btn_ricalcola{
        background-color: #DEDEDE;
        color: #333333;
        font-size: 12px;
        padding: 5px;
        border:1px solid #333;
        width:20px;
        border-radius:8px;	
    }

    .carrqnt{
        width:20px; border:1px solid #dedede;padding: 5px;
    }



    .prod_prezzo {
        position: relative;
        margin-top: 0px;
        margin-left: 0px;
        padding: 0px 0px 20px 0px;
        font-size: 20px;
    }

    .prodnelcarrello {
        background: none repeat scroll 0 0 #ec4616;
        border-radius: 57px;
        font-size: 12px;
        height: 20px;
        padding: 2px;
        position: absolute;
        text-align: center;
        width: 20px;
        margin-top: -3px;
        color: #fff;
        margin-left: 11px;
    }

    .one_third img{
        width: 100%;

    }

    #logo img {
        width: 200px;
    }

    #menu-buttone-mobile {
        display: inline-block;
    }
    #navigation, #navigation2 {
        height: 150px;
    }
    .catbox_home {
        height: 240px !important;
    }
    .storebox {
        height: 300px;
    }
    
        #index {
        margin-top: 220px;
    }
    
    #menu-buttone-mobile {
        position: absolute;
        right: 15px;
        top: 45px;
        width: 30px;
    }
    
    .homecat .colonnadivido__uno {
        padding: 0px;
    }
    
    .store--image-homepage, .storebox_home {
        height: 100px;
        object-fit: contain;
        width: 100%;
    }
    
    .footer img.logo-foot {
        width: 30%;
        display: block;
        margin-top: 10px;
        max-width: 190px;
    }

}

/* iPhone 4/4S */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)  and (-webkit-device-pixel-ratio: 2)  and (device-aspect-ratio: 2/3) {
    .in-slide-content {
        left: 0px;
        width: 100%;
        bottom: 130px;
    }
}