/* Structural css properties for lower 1023 resolution
-------------------------------------------------------------------*/

@media only screen and (max-width:1023px) {


.jcarousel-pagination{left:-200px;}
.aboutMission .leftDiv{width:237px;padding-left:20px;padding-right:0px;}
.aboutMission .rightDiv{width:252px;padding-right:0px;padding-left:0px;}/* Please change it here*/
.aboutMission .icecreamCone{width:237px;padding-left:0px;padding-top:40px}
.getinToch .formContentRight textarea{width:90%;margin-left:5px;}
footer{ width:auto;padding:8px;}
.footerDiv .links{width:48%;padding-left:0px;margin-left:8px;}
.footerDiv .facebookDiv{width:48%;}
.footerDiv .twitterDiv{width:48%;margin-left:8px;margin-top:10px;}
.footerDiv .CameraDiv{ width:48%;margin-top:10px;}
.footerDiv .links .innerDivF{width:auto;float:none;}
.footerDiv .facebookDiv .innerContent{ width:100%;}
.footerDiv .links p{line-height:21px;}
.footerDiv .links h5:after, .footerDiv .facebookDiv h5:after, .footerDiv .twitterDiv h5:after, .footerDiv .CameraDiv h5:after{width:100%;}
.footerDiv .facebookDiv .innerContent .row1{padding-bottom:3px;}
.footerDiv .facebookDiv .innerContent .row2{margin-top:4px;}
#twitter iframe{width:100%;}
.footerDiv .CameraDiv p{ text-align:center;}


}

/* Structural css properties for lower 767 resolution
-------------------------------------------------------------------*/

@media only screen and (min-width:240px) and (max-width:767px) {

.Dactive{display:none;}
#hide{display:none;}
.minNav{display:block;position:absolute;right:0px;top:0px;margin:0;z-index:1;}
.minNav img{text-align:right;position:absolute;right:5px;}
.minNav li a, .minNav li a:hover{height:auto;}
nav ul{width:100%;background:#FFF;text-align:right;margin-top:40px;}
nav li{display:block;padding:0px;background:none;border-bottom:1px solid #f2f2f2;padding-bottom:8px;padding-right:8px;padding-top:8px;z-index:1;}
nav li a:hover, nav li a.active{background:none;height:auto;margin:0px;}
.jcarousel li p{font-size:14px;line-height:18px;}
.aboutMission .leftDiv{width:90%;margin-bottom:10px;}
.aboutMission .icecreamCone{text-align:center;width:100%;padding-left:0px;}
.aboutMission .rightDiv{width:93%;text-align:left;padding-left:20px;}
.getinToch .formContentRight textarea{margin-left:15px;width:76%;}
.flrs p{ padding:0 5px;}
header .socialLinks li{display:block;padding-right:5px;margin-bottom:5px;}
header .socialLinks{ top:60px;}
.footerDiv .links, .footerDiv .twitterDiv, .footerDiv .CameraDiv{width:47%;}
.footerDiv .facebookDiv{ width:48%;padding-right:0px;}
.heroSlider{ margin-top:20px;}


}


/* Structural css properties for lower 480 resolution
-------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:480px) {
header .socialLinks{top:62px;} 
header .socialLinks li{display:block;padding-right:5px;}
.jcarousel li p{line-height:15px;font-size:12px;top:4%;left:10%;}
.getinToch .formContent, .getinToch .formContentRight{width:100%;}
.getinToch .formContentRight textarea{ margin-left:0px;width:91%;}
.getinToch .formDiv button{width:100%;}
.footerDiv .links, .footerDiv .facebookDiv, .footerDiv .twitterDiv{width:90%;margin-left:5%;margin-top:15px;}
.footerDiv .CameraDiv{ width:100%;text-align:center;}
.footerDiv .links h5, .footerDiv .facebookDiv h5, .footerDiv .twitterDiv h5, .footerDiv .CameraDiv h5{text-align:center;}
.row{width:99%;}
.aboutMission .rightDiv{ margin-top:120px;}
#About{padding-bottom:50px;}


}

/* Structural css properties for lower 320 resolution
-------------------------------------------------------------------*/
@media only screen and (max-width:320px) {
.Gelati li a, .Sorbetti li a{width:158px;}
.Gelati li a, .Sorbetti li a{width:314px !important;}

}

 /* Structural css properties for lower 319 resolution
-------------------------------------------------------------------

@media only screen and (min-width:240px) and (max-width:319px) {
 header .socialLinks li{display:block;margin-bottom:5px;padding-right:5px;}
}
 */