.menuresponsive {
    display:none;
}
@media all and (max-width: 980px) {
    #header-wrapper, #content-wrapper, #menu-footer-wrapper, #footer-wrapper {
        float: left;
    }

    #header, #content, #menu-footer, #footer {
        margin: 0px 2%;
        width: 96%;
        float: left;
    }

        #header .logo {
            width: auto;
            float: left;
            margin: 10px 0px;
        }

    #header {
        height: auto;
    }

        #header .header-right {
            float: left;
            width: 100%;
            margin: 10px 0px 0px;
        }

    .menu {
        width: 90%;
    }

    .icons {
        width: 10%;
        text-align: center;
    }

    .menu {
        position: relative;
        z-index:99999;
    }


    #content .page-left {
        float: left;
        width: 28%;
        margin-right: 2%;
        margin-top: 15px;
    }

    #content .page-right {
        float: right;
        width: 70%;
    }

    #content .Vantaggi, #content .Caratteristiche, #content .presentazione, .verificadominio, #content .comunicazione360, #content .CaseHistory {
        width: 96%;
        padding: 10px 2%;
    }

    #content .Vantaggi, #content .Caratteristiche, #content .presentazione, .verificadominio, #content .comunicazione360 {
        width: 45%;
        margin-right: 2%;
        padding: 10px 2%;
    }

    #content .Caratteristiche {
        margin-right: 0%;
    }

    .inner-body #content .Vantaggi,
    .inner-body #content .Caratteristiche,
    .inner-body #content .presentazione,
    .inner-body .verificadominio,
    .inner-body #content .comunicazione360,
    .inner-body #content .CaseHistory {
        width: 96%;
        padding: 10px 2% 0px;
        height: auto;
    }

        .inner-body #content .Vantaggi h2 a,
        .inner-body #content .Caratteristiche h2 a,
        .inner-body #content .presentazione h2 a,
        .inner-body #content .comunicazione360 h2 a,
        .inner-body #content .CaseHistory h2 a {
            font-size: 18px;
        }

    #content .box span a img {
        width: 100%;
    }

    #SlideShowHomePage{z-index:0;}
#SlideShow-wrapper p.scegli-sito {
    padding: 15px 2%;
    width: 96%;
}


#content .templates .item {
    box-sizing: border-box;
    margin-right: 2%;
    width: 48%;
}
    #content .templates .item .img-item {width:100%;height:auto;}
    #content .templates .item .img-item img{width:100%;    }
    #content .templates .item.last {
        margin:0px 0px 15px 0px !important;
    }
    #content .templates .item .img-item span {
        width:90%;
        padding:14px 5% 7px;
        background-repeat:repeat-x;
    }
    
#content .scheda-template .left-scheda {
    margin-right: 0px;
    width: 100%;
}

#content .scheda-template .right-scheda {
    padding: 15px 2%;
    margin:20px 0px;
    width: 96%;
}
    #content .scheda-template, #content .ordina-template {
        height:auto;
        float:left;
        width:96%;
        padding:20px 2%;
        margin:-50px 0px 20px 0px;
    }
    #RichiestaDiContatto, .ordina-scheda {
        display:none;
    }
    #form-contatti {
        width:100%;
    }
        #form-contatti p {
            float:left;
            width:100%;
        }
        #form-contatti textarea {
            width:50%;
        }
    .condizioni {
        float:left;
        width:100%;

    }
}

@media all and (max-width: 780px)
{
	#content .page-left{
	float:left;
	width:100%;
	margin-right:0%;
	margin-top:15px;

	
	}
	#content .page-right{
		float:right;
		width:100%;
	}
	#content .page-left{
		display:none;}
}
@media all and (max-width: 600px) {
    .menuresponsive {
        display:inline-block;
        float:left;
        width:94%;
        padding:16px 3%;
    }
        .menuresponsive img {
            float:left;
        }
        .menuresponsive span{
            float:left;
            color: #D2175C;
            font-family: "ProximaNovaSemiBold";
            font-size: 20px;
            margin-left:5px;
        }
    .menu ul {
        position:absolute;
        top:98%;
        left:0px;
        width:96%;
        padding:5px 2%;
        background:#CFD1D2;
        display:none;
    }
    .menu ul li {
        float: left;
        margin: 5px 0px;
        padding: 5px 0px;
        width:100%;
    }
        .menu ul li a.active span, .menu ul li a:hover span {
            display:none;
        }
        .menu ul li a {
            padding:6px 10px;
        }
    .menu ul li ul {
        float: left;
        position:relative;
        top:auto;
        left:auto;
        margin: 5px 0px;
        padding: 5px 0px;
        width:100%;
    }
        .menu ul li a:hover, .menu ul li a.active, .menu ul li.parent.active a {
            box-shadow:none;
        }
    #content .Vantaggi, #content .Caratteristiche, #content .presentazione, .verificadominio, #content .comunicazione360 {
        width:95%;
    }
    .scheda-template .img-template {
        width:100%;
        height:100%;
    }
        .scheda-template .img-template img {
            width:100%;
        }
    #content .left-scheda #SchedaTemplate_NomeTemplateScheda {
        position:relative;
        left:auto;
        margin:0px 0px 0px -21px;
    }
    #content .templates .item .img-item span {
        background-color: #dedfe0;
        background-image: -moz-linear-gradient(center top , #ffffff, #cdcfd0);
        padding: 8px 5% 2px;
    }
    #form-contatti label {
        text-align:left;
        float:left;
        width:100%;
        margin-right: 0px;
    }
    #form-contatti .text,#form-contatti textarea {
        width: 90%;
    }
    ul#SlideShow {
        width:100%;
    }
    
	.menu ul li.hasSubMenu{
		background-image:url(../images/frecciaSubMenu.png);
		background-position:98% 10px;
		background-repeat:no-repeat;
	}
}
@media all and (max-width: 320px) {
    
#header .header-left {
    width: 100%;
}
#header .logo {
    width: 100%;
}
#header .logo img{
    width: 100%;
}

#content .templates .item {
    width: 98%;
}
}