/* Only Tablets (Landscape) */

@media only screen and (min-width : 960px) and (max-width : 1024px){
body{min-width:1020px!important;}
.wrapper{width:960px!important;padding:0 30px;}
#header{width:950px!important;}
#headerbar{margin:15px 5px;}
div.logoSurrogate {
width: 350px;
height: 145px;
background-size:350px auto!important;
}
.menu-dropdown li.level1.item101{margin-left:0!important;display:none;}

.menu-dropdown li.level1
{
margin-left: 0;
padding-bottom: 45px;
margin-right: 10px;
}


#maininner{width:720px!important;min-height:0!important;}
#page.sidebar-b-right #maininner{width:480px!important;}

#sidebar-b{min-height:0!important;}
#sidebar-a{min-height:0!important;}
#bottom-b .module{min-height:0!important;}

div.techSlideModuleOne ul li a.technologyContainer{
width: 210px;
height: 90px;
background-size: 215px auto;
margin: 0 10px;
}

#bottom-b .width100{width:100%!important;}


.aidanews2 img{width:293px;}

.aidanews2{height:445px;}
.aidanews2.halfExpanded,
.aidanews2.halfReduced{height:1065px;}
.aidanews2.expanded{height:2435px;}

.aidanews2_title{font-size:36px;height:120px;}
.aboutMeModule a h3 {height: 70px;}

.aboutMeModule a h3 {height: 70px;color:#E95D0F;}

#innerbottom .experimentsModule a{width:343px;}
#innerbottom .experimentsModule a h3{width:325px;}
.interestShowroomModule a,
.interestShowroomModule a > div.coolEffectUtility,
.interestShowroomModule a ul,
.interestShowroomModule a ul li,
.interestShowroomModule a ul li > span,
.experimentsShowroomModule .aidanews2_art,
.experimentsShowroomModule .animationPreview,
.experimentsShowroomModule .fractalPreview,
.experimentsShowroomModule .aidanews2_mainL,
.experimentsShowroomModule .aidanews2_main,
.experimentsShowroomModule .aidanews2_mainL.coolEffectUtility,
.experimentsShowroomModule .aidanews2_mainL h1,
.experimentsShowroomModule .aidanews2_mainL h1 a
{width:343px;height:343px;}
.experimentsShowroomModule .aidanews2_art:hover .aidanews2_title{height:343px;}
.interestShowroomModule a > div.coolEffectUtility,
.experimentsShowroomModule .aidanews2_mainL h1 a{line-height:343px;}
.item .animationPreview, .item .fractalPreview{width:656px;}
.items .item .animationPreview, .items .item .fractalPreview{width:698px;}
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
body{min-width:760px!important;}
.wrapper{width:700px!important;padding:0 30px;}
#header{width:690px!important;}
#headerbar{margin:15px 5px;}
div.logoSurrogate {
width: 350px;
height: 145px;
background-size:350px auto!important;
}
#menubar{margin-top:50px;float:right;width:330px;}
.menu-dropdown li.level1.item101{margin-left:0!important;display:none;}

.menu-dropdown li.level1.item115{margin-left:20px;}
.menu-dropdown li.level1.item116{margin-left:34px;}
.menu-dropdown li.level1
{
margin-left: 0;
padding-bottom: 45px;
margin-right: 10px;
}

#maininner{width:460px!important;min-height:0!important;}
#sidebar-b{width:680px!important;margin-right:20px;min-height:0!important;margin-bottom:10px;}
#sidebar-a{min-height:0!important;}

.module, #breadcrumbs, #content {margin: 5px 20px 15px 20px;}
#sidebar-a .module{margin-left:0;}
#sidebar-b .width100{width:auto;}
#sidebar-b .module{margin-right:0;}

.sidebar-a-right #maininner > #content, .sidebar-b-right #maininner > #content, .sidebar-a-right #maininner > #breadcrumbs, .sidebar-b-right #maininner > #breadcrumbs
{
 margin:5px 20px 10px 20px;
}
#breadcrumbs{height:auto;}

#bottom-b .module{min-height:0!important;}

div.techSlideModuleOne ul li a.technologyContainer{margin:0;width:160px;height:70px;background-size:160px auto;}

#sidebar-b .experimentsModule a{width:178px;}
#sidebar-b .experimentsModule a h3{width:158px;}

#sidebar-b .interestsModule a{width:178px;height:130px;}
#sidebar-b .interestsModule .interestsModuleIcon{
 margin-left: 55px;
 margin-top: 15px;
}
#sidebar-b .interestsModule a h3
{
width: 178px;
left: 0;
bottom: 0;
text-align: center;
line-height: 70px;
height: 60px;
}
#sidebar-b.interestsModule a:hover .interestsModuleIcon {margin: 0px 0 0 26px;}
#sidebar-b .interestsModule a:hover h3 {left: 0;}

#bottom-b .width100{width:100%!important;}

.aidanews2 img{width:206px;}

.aidanews2{height:315px;}
.aidanews2.halfExpanded,
.aidanews2.halfReduced{height:765px;}
.aidanews2.expanded{height:1735px;}

.aidanews2_title{font-size:26px;height:120px;}
.aidanews2_mainC{overflow:hidden;}

.aboutMeModule a h3 {height: 70px;color:#E95D0F;}


.sidebar-a-right #maininner > section#innerbottom, .sidebar-b-right #maininner > section#innerbottom{margin:0 20px 0 10px;}
#innerbottom .width100{width:100%;}
#innerbottom .experimentsModule a{width:418px;}
#innerbottom .experimentsModule a h3{width:400px;}
.interestShowroomModule a,
.interestShowroomModule a > div.coolEffectUtility,
.interestShowroomModule a ul,
.interestShowroomModule a ul li,
.interestShowroomModule a ul li > span,
.experimentsShowroomModule .aidanews2_art,
.experimentsShowroomModule .animationPreview,
.experimentsShowroomModule .fractalPreview,
.experimentsShowroomModule .aidanews2_mainL,
.experimentsShowroomModule .aidanews2_main,
.experimentsShowroomModule .aidanews2_mainL.coolEffectUtility,
.experimentsShowroomModule .aidanews2_mainL h1,
.experimentsShowroomModule .aidanews2_mainL h1 a
{width:418px;height:418px;}
.experimentsShowroomModule .aidanews2_art:hover .aidanews2_title{height:418px;}
.interestShowroomModule a > div.coolEffectUtility,
.experimentsShowroomModule .aidanews2_mainL h1 a{line-height:418px;}
.item .animationPreview, .item .fractalPreview{width:376px;}
.items .item .animationPreview, .items .item .fractalPreview{width:418px;}
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

body{min-width:480px!important;}
.wrapper{width:420px!important;padding:0 30px;}
#header{width:410px!important;}
#headerbar{margin:15px 15px;}
div.logoSurrogate {
width: 380px;
height: 150px;
background: url(/images/andindi/andindi_bianco.png) 0 0 no-repeat;
background-size:380px auto!important;
opacity: 0.9;
}
#menubar{margin-top:5px;}
.menu-dropdown .level1 .level1 span.icon{width:30px;bottom:3px;}
.menu-dropdown .level1.item116 .level1 span.icon{bottom:0;}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span{padding-left:32px;}
.menu-dropdown li.level1{margin-left:23px;padding-bottom:25px;}
.menu-dropdown li.level1.item101{margin-left:0;display:none;}
.menu-dropdown li.level1.item116{}
.menu-dropdown li.level1.item113{margin-left:19px;}
.menu-dropdown li.level1.item115{margin-left:46px;}
.menu-dropdown li.level1.item116{margin-left:45px;padding-bottom:40px;}

#maininner{width:420px!important;min-height:0!important;}
#sidebar-a{width:400px!important;min-height:0!important;margin-right:20px;}
#page.sidebar-b-right #sidebar-a{width:250px!important;min-height:0!important;margin-right:0;}
#sidebar-b{width:170px!important;min-height:0!important;}
.module, #breadcrumbs, #content {margin: 5px 20px 15px 20px;}
#sidebar-a .width100{width:auto;float:right;}
#sidebar-a .width100:nth-child(1),#sidebar-a .width100:nth-child(3){float:left;}
#page.sidebar-b-right #sidebar-a .width100{width:100%;}
#sidebar-a .module{margin-right:0;}
#page.sidebar-b-right #sidebar-a .module{margin-right:10px;float:none;}
#page.sidebar-b-right #sidebar-a .module.exploreModule.homeProjectsOne{margin-right:10px;width:180px;margin-left:20px;}
#sidebar-b .module{margin: 5px 20px 15px 0;}

.module.cardModule{height: 225px; width: 150px;}
.module.cardModule div.cardPanel{height: 225px; width: 150px;}
.module.cardModule div.cardPanel div.back,
.module.cardModule div.cardPanel div.front{height: 225px; width: 150px;background-size: 150px auto;}
.module.cardModule div.cardPanel div.back{background-size: 150px auto;}
.module.cardModule div.cardPanel div.front.alternative{background-size: 150px auto;}
.module.cardModule div.cardPanel div.back.alternative{background-size: 150px auto;}


.module.exploreModule .module-title{font-size:29px;}
.module.exploreModule a {font-size:19px;line-height:20px;}

.module.exploreModule,
.module.interestsModule ,
.module.experimentsModule,
.module.contactsModule
{margin-left:0px;}

.module.exploreModule{width:108px;}


/* Module Inerests */

.interestsModule a{width:150px;height:120px;}
.interestsModule .interestsModuleIcon{margin-left:42px;}
.interestsModule a h3
{
width: 150px;
left: 0;
bottom: 0;
text-align: center;
line-height: 70px;
height: 60px;
}
.interestsModule a:hover .interestsModuleIcon {margin: 0px 0 0 38px;}
.interestsModule a:hover h3 {left: 0;}

/* Module Experiments */

.experimentsModule a{width:150px;}
.experimentsModule a h3 {width: 130px;}

/* Module Contacts */

.contactsModule a{width:150px;height:120px;}
.contactsModule .contactsModuleIcon{margin-left:42px;}
.contactsModule a h3
{
width: 150px;
left: 0;
bottom: 0;
text-align: center;
line-height: 70px;
height: 60px;
}
.contactsModule a:hover .contactsModuleIcon {margin: 0px 0 0 38px;}
.contactsModule a:hover h3 {left: 5px;}



#page.sidebar-b-right #sidebar-a .module.contactsModule {margin-left:20px;}
#page.sidebar-b-right .contactsModule a {
width:220px;
height:80px;
}
#page.sidebar-b-right .contactsModuleIcon {
 margin-left:10px;
} 

#page.sidebar-b-right .contactsModule a h3 {
 bottom: 0;
 left:78px;
 width: 140px;
 line-height:80px;
 height:80px;
}

#page.sidebar-b-right  .contactsModule a:hover .contactsModuleIcon{margin-left:10px;}
#page.sidebar-b-right  .contactsModule a:hover h3{left:76px;}

.sidebar-a-right #maininner > #content,
.sidebar-b-right #maininner > #content,
.sidebar-a-right #maininner > #breadcrumbs,
.sidebar-b-right #maininner > #breadcrumbs
{
 margin:5px 20px 10px 20px;
}
#breadcrumbs{height:auto;}
.breadcrumbs > strong{display:none;}
div.techSlideModuleOne ul li a.technologyContainer{
margin:0;
width: 189px;
height: 85px;
background-size: 189px;
background-position: center center;
}

#bottom-b .width100{width:100%!important;}

.aidanews2_art{margin-right:0;}
.aidanews2 img{width:400px;}

.aidanews2{height:1675px;}
.aidanews2.halfExpanded,
.aidanews2.halfReduced{height:3955px;}
.aidanews2.expanded{height:9185px;}

.aidanews2_title{height:120px;}

.aboutMeModule a h3 {height: 70px;color:#E95D0F;}

.align-left, .alignleft,
.align-right, .alignright{margin: 0 0 20px 0;
width: 100%;}


.sidebar-a-right #maininner > section#innerbottom, .sidebar-b-right #maininner > section#innerbottom{margin:0 20px 0 10px;}
#innerbottom .width100{width:100%;}
#innerbottom .experimentsModule a{width:378px;}
#innerbottom .experimentsModule a h3{width:360px;}
.interestShowroomModule a,
.interestShowroomModule a > div.coolEffectUtility,
.interestShowroomModule a ul,
.interestShowroomModule a ul li,
.interestShowroomModule a ul li > span,
.experimentsShowroomModule .aidanews2_art,
.experimentsShowroomModule .animationPreview,
.experimentsShowroomModule .fractalPreview,
.experimentsShowroomModule .aidanews2_mainL,
.experimentsShowroomModule .aidanews2_main,
.experimentsShowroomModule .aidanews2_mainL.coolEffectUtility,
.experimentsShowroomModule .aidanews2_mainL h1,
.experimentsShowroomModule .aidanews2_mainL h1 a
{width:378px;height:378px;}
.experimentsShowroomModule .aidanews2_art:hover .aidanews2_title{height:378px;}
.interestShowroomModule a > div.coolEffectUtility,
.experimentsShowroomModule .aidanews2_mainL h1 a{line-height:378px;}
.item .animationPreview, .item .fractalPreview{width:336px;}
.items .item .animationPreview, .items .item .fractalPreview{width:378px;}
}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

body{min-width:320px!important;}
.wrapper{width:260px!important;padding:0 30px;}
#header{width:250px!important;}
#headerbar{margin:15px 5px;}
div.logoSurrogate {
width: 240px;
height: 90px;
background: url(/images/andindi/andindi_bianco.png) 0 0 no-repeat;
background-size:240px auto!important;
opacity: 0.9;
}
#menubar{margin-top:5px;}
.menu-dropdown .level1 .level1 span.icon{width:30px;bottom:3px;}
.menu-dropdown .level1.item116 .level1 span.icon{bottom:0;}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span{padding-left:32px;}
.menu-dropdown li.level1{margin-left:5px;padding-bottom:25px;}
.menu-dropdown li.level1.item101{margin-left:0!important;display:none;}

.menu-dropdown li.level1.item116{padding-bottom:40px;}

#maininner,#sidebar-a,#sidebar-b{width:260px!important;min-height:0!important;}
.module, #breadcrumbs, #content {margin: 5px 20px 15px 20px;}
.sidebar-a-right #maininner > #content, .sidebar-b-right #maininner > #content, .sidebar-a-right #maininner > #breadcrumbs, .sidebar-b-right #maininner > #breadcrumbs
{
 margin:5px 20px 10px 20px;
}
#breadcrumbs{height:auto;}
.breadcrumbs > strong{display:none;}
div.techSlideModuleOne ul li a.technologyContainer{margin:0;}

.module.exploreModule a {font-size:19px;line-height:20px;}

#bottom-b .width100{width:100%!important;}

.aidanews2_art{margin-right:0;}
.aidanews2 img{width:240px;}

.aidanews2{height:1035px;}
.aidanews2.halfExpanded,
.aidanews2.halfReduced{height:2435px;}
.aidanews2.expanded{height:5685px;}

.aidanews2_title{height:120px;font-size:28px;}

.aboutMeModule a h3 {height: 70px;color:#E95D0F;}

.breadcrumbs{margin-bottom:-1px;}
.breadcrumbs a{border-bottom:1px solid #E95D0F;}

.sidebar-a-right #maininner > section#innerbottom, .sidebar-b-right #maininner > section#innerbottom{margin:0 20px 0 10px;}
#innerbottom .width100{width:100%;}
#innerbottom .experimentsModule a{width:218px;}
#innerbottom .experimentsModule a h3{width:200px;}
.interestShowroomModule a,
.interestShowroomModule a > div.coolEffectUtility,
.interestShowroomModule a ul,
.interestShowroomModule a ul li,
.interestShowroomModule a ul li > span,
.experimentsShowroomModule .aidanews2_art,
.experimentsShowroomModule .animationPreview,
.experimentsShowroomModule .fractalPreview,
.experimentsShowroomModule .aidanews2_mainL,
.experimentsShowroomModule .aidanews2_main,
.experimentsShowroomModule .aidanews2_mainL.coolEffectUtility,
.experimentsShowroomModule .aidanews2_mainL h1,
.experimentsShowroomModule .aidanews2_mainL h1 a
{width:218px;height:218px;}
.experimentsShowroomModule .aidanews2_art:hover .aidanews2_title{height:218px;}
.interestShowroomModule a > div.coolEffectUtility,
.experimentsShowroomModule .aidanews2_mainL h1 a{line-height:218px;}
.item .animationPreview, .item .fractalPreview{width:176px;}
.items .item .animationPreview, .items .item .fractalPreview{width:218px;}
}


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

}


@media only screen and (min-width : 321px) and (max-width : 480px){

}


@media only screen and (min-width : 481px) and (max-width : 768px){

}