@media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1023px) {
body { min-width: 760px;}
.pageWidth { width:760px; }


nav ul { padding-left:8px }
nav li { margin-left:10px }

.searchBar { margin-right:8px; width:17% }
.iconSearch { margin-right:5px }
.searchBar input[type="text"] { width:98px }
input.smallWidth[type="text"], .smallWidth[type="email"], input.smallWidth[type="tel"], input.smallWidth[type="password"] { width:27% }

.bannerContainer { top:95px; font-size:23px; line-height:25px }
.banner { margin-bottom:20px; }
#container { padding-bottom:20px }
#wideoCollumn { width:50%; }

.sponcerLogo { margin-left:-1.5% }
.sponcerLogo li { width:120px; margin-left:1.5% }

.informationBox h2 { font-size:30px; margin:0 0 8px }
.informationBox { font-size:12px; line-height:16px; padding:15px 15px 13px }

.narrowCollumn .whatNewbox { padding:10px 15px 15px }
.number a { color:#817E7E }

.imgGallery li { width:180px; }

}


@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {
body { min-width: 320px;}
.pageWidth { width:auto; }

.languagesList { float:none; text-align:center  }
.languagesList li { float:none; display:inline; margin:0 2px }
.languages ul { text-align:left }

.searchBar { float:none; width:auto; margin:10px 10px 12px 10px; padding:0}
.searchBar input[type="text"] { width:87% } 
.iconSearch { margin:6px 5px 0 }

.bannerPagination { height:30px } 
.flex-control-nav, .flex-direction-nav { bottom:10px }
#logo { display:block; float:none; text-align:center; margin:15px 0 0 0 }
#logo a { margin:0 auto }

#menu { display:block; margin: }
nav { margin-top:9px; padding:48px 0 0 0 }
nav ul { display:none; }
nav li:hover ul,nav li:hover > .subNav, nav ul ul li:hover > .subNav { display:none }
nav ul .subNav > ul { display:block; background:#d97306 }
.subNav { position:relative; left:0; top:0; width:auto; padding:0 }
nav ul li ul { box-shadow:none  }
.navigation { background:#e57905; margin-top:-3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; }
nav li a { font-size:12px }
nav ul ul li .subNav { left:0; padding-left:0; width:auto }

.banner { margin-bottom:15px }
.leftCollumn, .rightCollumn { float:none; width:auto; margin-bottom:15px }

.sponcerLogo { margin:0; padding:0 }
.sponcerLogo li { float:none; margin:10px 0 0 0; width:auto; padding:0 }
.sponcerLogo li:first-child { margin-top:0 }
.sponcerLogo li img { width:100% }
.rightCollumn { margin-bottom:0 }
#container { padding-bottom:18px; padding-left:10px; padding-right:10px }

aside { width:auto; float:none; padding:10px 10px 15px; margin-bottom:20px }
aside ul li { margin-top:9px }

.narrowCollumn { float:none; width:auto }
.dd { margin-bottom:10px }
.dd img { width:100% }

.bannerContainer { top:42px; left:12px; font-size:16px; line-height:17px; }

#wideoCollumn { width:auto; float:none }
h2.title { margin-bottom:12px; font-size:20px; line-height:18px }
.informationBox  { padding:20px 15px; }
.informationBox h2  { margin-bottom:15px }

.footerCollumn { width:auto; margin:15px 0 0 5px; padding:0; float:none }
.footerCollumn:first-child { margin:0 0 0 5px; width:auto }

h5 { margin-bottom:5px }

.imgGallery li { float:none; margin:0 0 15px 0; width:auto;}

}


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

.flex-control-nav, .flex-direction-nav { bottom:5px }
.bannerPagination { height:20px } 
.bannerContainer { top:30px; left:12px; font-size:12px; line-height:12px; }

}