@charset "utf-8";
/* CSS Document */

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

body {
	font-size: 13px;
}
p {
	padding-bottom: 15px;
}
.pad_footer {
	padding-bottom: 31px;
}
.wrapper {
	width: 95%;
}
.header > .wrapper {
	padding: 15px 0px;
}
.header > .wrapper > .info_wrapper > h3 {
	font-size: 18px;
}
.content_area > .content_text_wrapper {
	padding: 15px;
	border-radius: 0px 0px 8px 8px;
}
.content_text_wrapper > h1 {
	font-size: 28px;
}
.content_text_wrapper > p.big {
	font-size: 16px;
}
ul.flag_list > li {
	width: 90px;
	height: 70px;
	padding: 8px;
}
ul.flag_list > li > a {
	padding: 4px;
	border-radius: 8px;
}
ul.flag_list > li > a > img {
	width: 35px;
	margin-bottom: 3px;
}
.map {
	width: 80%;
	max-width: 500px;
	margin-top: 20px;
}
.map > ul.locators > li {
	width: 14px;
	height: 14px;
	margin-left: -7px;
	margin-top: -7px;
}
.map > ul.locators > li span.city_text {
	line-height: 14px;
}
.map > ul.locators > li ul.small_flag_list {
	padding: 1px 2px;
	max-width: 210px;
	border-radius: 4px;
}
#viewport_back {
	border-radius: 4px;
}
.footer {
	padding: 8px 0px;
	
}

}

@media  screen and (max-width : 679px) {
.header > .wrapper {
	display: block;
}
.header > .wrapper > .logo,
.header > .wrapper > .info_wrapper {
	display: block;
	vertical-align: inherit;
	text-align: center;
}
.header > .wrapper > .logo {
	padding-bottom: 15px;
}
.header > .wrapper > .logo img {
	width: 200px;
}
.header > .wrapper > .language_wrapper {
	position: relative;
	right: auto;
	bottom: auto;
	text-align: center;
	padding-top: 15px;
}
.footer  li{
	padding: 5px 0px;
	padding-right: 10px;
	padding-left: 10px;
}
}

@media  screen and (max-width : 619px) {
body {
	font-size: 12px;
}
p {
	padding-bottom: 10px;
}
.pad_footer {
	padding-bottom: 25px;
}
.header > .wrapper {
	padding: 10px 0px;
}
.header > .wrapper > .logo {
	padding-bottom: 10px;
}
.header > .wrapper > .logo img {
	width: 180px;
}
.header > .wrapper > .info_wrapper > h3 {
	font-size: 16px;
}
.header > .wrapper > .language_wrapper {
	padding-top: 10px;
}
.content_area > .content_text_wrapper {
	padding: 10px;
	border-radius: 0px 0px 5px 5px;
}
.content_text_wrapper > h1 {
	font-size: 20px;
}
.content_text_wrapper > p.big {
	font-size: 14px;
}
.map {
	width: auto;
	max-width: none;
	margin-top: 15px;
}
.desktop_view {
	display: none !important;
}
.mobile_view {
	display: block !important;
}
.footer {
	padding: 5px 0px;
	text-align: center;
}
.footer  li{
	padding: 5px 0px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
.footer  ul{
	text-align: center;
}
}