@charset "UTF-8";
/* RESPONSIVE CSS
====================================================================================== */
/*
* Filename: responsive.css
* Description: responsive CSS
* Author name: ShiwaForce Zrt.
* Author url: http://www.shiwaforce.com
*/


/* IMPORTS
--------------------------------------------------------------------------------------- */


/* GLOBALS
--------------------------------------------------------------------------------------- */
@media only screen and (max-width:319px) {
	body { font-size:0.6em; line-height:0.75em; }
	.with-menu #wrapper { margin-left: 82.8%; }
	nav.menu {left: -82.8%; width: 82.8%; }
	#nav-link-menu a { background-size: 25%; background-position: 20% center; }
	#nav-link-back a { background-size: 25%; background-position: 20% center; }
	#nav-link-search a { background-size: 25%; background-position: 80% center; }
	#logo { background-size: 45.5%; }
}
@media only screen and (max-width:369px) {
	body { font-size:0.7em; line-height:1.875em; }
	.with-menu #wrapper { margin-left: 84%; }
	nav.menu {left: -84%; width: 84%; }
	#nav-link-menu a { background-size: 27.5%; background-position: 21% center; }
	#nav-link-back a { background-size: 27.5%; background-position: 21% center; }
	#nav-link-search a { background-size: 27.5%; background-position: 79% center; }
	#logo { background-size: 45.5%; }
}
@media only screen and (min-width:370px) and (max-width:419px) {
	body { font-size:0.8em; line-height:2.5em; }
	.with-menu #wrapper { margin-left: 80.4%; }
	nav.menu {left: -80.4%; width: 80.4%; }
	#nav-link-menu a { background-size: 30%; background-position: 35% center; }
	#nav-link-back a { background-size: 30%; background-position: 35% center;}
	#nav-link-search a { background-size: 30%; background-position: 65% center;}
	#logo { background-size: 45.5%; }
}
@media only screen and (min-width:420px) and (max-width:469px) {
	body { font-size:0.9em; line-height:1.125em; }
	.with-menu #wrapper { margin-left: 79.7%; }
	nav.menu {left: -79.7%; width: 79.7%; }
	#nav-link-menu a { background-size: 32.5%; background-position: 44% center; }
	#nav-link-back a { background-size: 32.5%; background-position: 44% center; }
	#nav-link-search a { background-size: 32.5%; background-position: 56% center; }
	#logo { background-size: 45.5%; }
}


.box-application .app-exchangerate .mobileSelect span {
background: url(../../g/mobile/design-select-opener-small.png) no-repeat 100% 50%;
}
@media only screen and (min-width:470px) and (max-width:519px) {
.video-js .vjs-tech {
	height: 400px;
}
body { font-size:1em; line-height:1.25em;    } .with-menu #wrapper { margin-left: 80%; }   nav.menu {left: -80%;   width: 80%; }
.box-application .app-exchangerate .mobileSelect span {
background: url(../../g/mobile/design-select-opener-small.png) no-repeat 100% 50%;
}
}
@media only screen and (min-width:520px) and (max-width:569px) {
.video-js .vjs-tech {
	height: 400px;
}
body { font-size:1.1em; line-height:1.375em; } .with-menu #wrapper { margin-left: 81.3%; } nav.menu {left: -81.3%; width: 81.3%; }
.box-application .app-exchangerate .mobileSelect span {
background: url(../../g/mobile/design-select-opener-small.png) no-repeat 100% 50%;
}}
@media only screen and (min-width:570px) and (max-width:619px) {
.video-js .vjs-tech {
	height: 400px;
}
body { font-size:1.2em; line-height:1.5em;   } .with-menu #wrapper { margin-left: 82.6%; } nav.menu {left: -82.6%; width: 82.6%; }
.box-application .app-exchangerate .mobileSelect span {
background: url(../../g/mobile/design-select-opener.png) no-repeat 95% 50%;
}}
@media only screen and (min-width:620px) and (max-width:669px) {
.video-js .vjs-tech {
	height: 400px;
}
body { font-size:1.3em; line-height:1.625em; } .with-menu #wrapper { margin-left: 83.9%; } nav.menu {left: -83.9%; width: 83.9%; }
.box-application .app-exchangerate .mobileSelect span {
background: url(../../g/mobile/design-select-opener.png) no-repeat 95% 50%;
}}
@media only screen and (min-width:670px) and (max-width:719px) {
.video-js .vjs-tech {
	height: 400px;
}
body { font-size:1.4em; line-height:1.75em;  } .with-menu #wrapper { margin-left: 85.2%; } nav.menu {left: -85.2%; width: 85.2%; }
.box-application .app-exchangerate .mobileSelect span {
background: url(../../g/mobile/design-select-opener.png) no-repeat 95% 50%;
}}
@media only screen and (min-width:720px) and (max-width:769px) {
.video-js .vjs-tech {
	height: 400px;
}
body { font-size:1.5em; line-height:1.875em; } .with-menu #wrapper { margin-left: 86.5%; } nav.menu {left: -86.5%; width: 86.5%; }
.box-application .app-exchangerate .mobileSelect span {
background: url(../../g/mobile/design-select-opener.png) no-repeat 95% 50%;
}}
@media only screen and (min-width:770px) and (max-width:819px) {
.video-js .vjs-tech {
	height: 400px;
}
body { font-size:1.6em; line-height:2em;     } .with-menu #wrapper { margin-left: 87.7%; } nav.menu {left: -87.7%; width: 87.7%; }
.box-application .app-exchangerate .mobileSelect span {
background: url(../../g/mobile/design-select-opener.png) no-repeat 95% 50%;
}}
@media only screen and (min-width:820px) and (max-width:869px) {
.video-js .vjs-tech {
	height: 400px;
}
body { font-size:1.7em; line-height:2.125em; } .with-menu #wrapper { margin-left: 88.5%; } nav.menu {left: -88.5%; width: 88.5%; }
.box-application .app-exchangerate .mobileSelect span {
background: url(../../g/mobile/design-select-opener.png) no-repeat 95% 50%;
}}
@media only screen and (min-width:870px) and (max-width:919px) {
.video-js .vjs-tech {
	height: 400px;
}
body { font-size:1.8em; line-height:2.25em;  } .with-menu #wrapper { margin-left: 89.2%; } nav.menu {left: -89.2%; width: 89.2%; }
.box-application .app-exchangerate .mobileSelect span {
background: url(../../g/mobile/design-select-opener.png) no-repeat 95% 50%;
}}
@media only screen and (min-width:920px) and (max-width:959px) {
.video-js .vjs-tech {
	height: 400px;
}
body { font-size:1.9em; line-height:2.375em; } .with-menu #wrapper { margin-left: 89.7%; } nav.menu {left: -89.7%; width: 89.7%; }
.box-application .app-exchangerate .mobileSelect span {
background: url(../../g/mobile/design-select-opener.png) no-repeat 95% 50%;
}}
@media only screen and (min-width:960px) {
.video-js .vjs-tech {
	height: 400px;
}
body { font-size:2em; line-height:2.5em; } .with-menu #wrapper { margin-left: 90%; }   nav.menu {left: -90%;   width: 90%; }}
/* ### */
@-ms-viewport{ width: device-width; }