#fadeshow1 .gallerylayer img{
width: 100%;
height: auto;
}

@media screen and (max-width: 800px){ /* when document is 800px or less */
#fadeshow1{
height: 320px !important;
}
}

@media screen and (max-width: 700px){ /* when document is 700px or less */
#fadeshow1{
height: 295px !important;
}
}

@media screen and (max-width: 600px){ /* when document is 600px or less */
#fadeshow1{
height: 250px !important;
}
}

@media screen and (max-width: 550px){ /* when document is 550px or less */
#fadeshow1{
height: 217px !important;
}
}

@media screen and (max-width: 500px){ /* when document is 500px or less */
#fadeshow1{
height: 183px !important;
}
}

@media screen and (max-width: 380px){ /* when document is 380px or less */
#fadeshow1{
height: 164px !important;
}
}

@media screen and (max-width: 340px){ /* when document is 340px or less */
#fadeshow1{
height: 144px !important;
}
}



#fadeshow2 .gallerylayer img{
width: 100%;
height: auto;
}

@media screen and (max-width: 800px){ /* when document is 800px or less */
#fadeshow2{
height: 158px !important;
}
}

@media screen and (max-width: 700px){ /* when document is 700px or less */
#fadeshow2{
height: 135px !important;
}
}

@media screen and (max-width: 600px){ /* when document is 600px or less */
#fadeshow2{
height: 123px !important;
}
}

@media screen and (max-width: 550px){ /* when document is 550px or less */
#fadeshow2{
height: 110px !important;
}
}

@media screen and (max-width: 500px){ /* when document is 500px or less */
#fadeshow2{
height: 80px !important;
}
}

@media screen and (max-width: 380px){ /* when document is 380px or less */
#fadeshow2{
height: 74px !important;
}
}

@media screen and (max-width: 340px){ /* when document is 340px or less */
#fadeshow2{
height: 65px !important;
}
}



#fadeshow3 .gallerylayer img{
width: 100%;
height: auto;
}

@media screen and (max-width: 800px){ /* when document is 800px or less */
#fadeshow3{
height: 158px !important;
}
}

@media screen and (max-width: 700px){ /* when document is 700px or less */
#fadeshow3{
height: 135px !important;
}
}

@media screen and (max-width: 600px){ /* when document is 600px or less */
#fadeshow3{
height: 123px !important;
}
}

@media screen and (max-width: 550px){ /* when document is 550px or less */
#fadeshow3{
height: 110px !important;
}
}

@media screen and (max-width: 500px){ /* when document is 500px or less */
#fadeshow3{
height: 80px !important;
}
}

@media screen and (max-width: 380px){ /* when document is 380px or less */
#fadeshow3{
height: 74px !important;
}
}

@media screen and (max-width: 340px){ /* when document is 340px or less */
#fadeshow3{
height: 65px !important;
}
}