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

/* Smartphones (portrait and landscape) ----------- 
@media only screen 
and (min-device-width : 240px) 
and (max-device-width : 319px) */
body {
	margin: 0%;
	padding: 0%;
	border: none;
	left: 0%;
	top: 0%;
	background-color: #F9F8EC;
	overflow-y: scroll;
	text-align: center;
	vertical-align: middle;
}
@font-face {
    font-family: 'PrestigeEliteStdBd';
    src: url('PrestigeEliteStdBd.eot');
    src: url('PrestigeEliteStdBd.eot') format('embedded-opentype'),
         url('PrestigeEliteStdBd.woff2') format('woff2'),
         url('PrestigeEliteStdBd.woff') format('woff'),
         url('PrestigeEliteStdBd.otf') format('opentype'),
         url('PrestigeEliteStdBd.svg#PrestigeEliteStdBd') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LeMondeLivreNormal';
    src: url('LeMondeLivreNormal.eot');
    src: url('LeMondeLivreNormal.eot') format('embedded-opentype'),
         url('LeMondeLivreNormal.woff2') format('woff2'),
         url('LeMondeLivreNormal.woff') format('woff'),
         url('LeMondeLivreNormal.otf') format('opentype'),
         url('LeMondeLivreNormal.svg#LeMondeLivreNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LeMondeLivreItalic';
    src: url('LeMondeLivreItalic.eot');
    src: url('LeMondeLivreItalic.eot') format('embedded-opentype'),
         url('LeMondeLivreItalic.woff2') format('woff2'),
         url('LeMondeLivreItalic.woff') format('woff'),
         url('LeMondeLivreItalic.otf') format('opentype'),
         url('LeMondeLivreItalic.svg#LeMondeLivreItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LeMondeLivreSemiBold';
    src: url('LeMondeLivreSemiBold.eot');
    src: url('LeMondeLivreSemiBold.eot') format('embedded-opentype'),
         url('LeMondeLivreSemiBold.woff2') format('woff2'),
         url('LeMondeLivreSemiBold.woff') format('woff'),
         url('LeMondeLivreSemiBold.otf') format('opentype'),
         url('LeMondeLivreSemiBold.svg#LeMondeLivreSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
a img, a div, a class, img, div, class, a, a:link, a:visited, a:hover, a:active {
	border: none;
	text-decoration: none;
	outline: none;
	background-color: transparent;
}
* {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:focus {
        outline: 0;
        border: none;
        color: rgba(0, 0, 0, 0);
}
.container {
	width: 100%;
	height: 100%;
	max-width: 240px;
	margin: auto;
	text-align: center;
	padding: 0%;
	border: none;
	display: table;
	background-color: #F4F3E5;
	vertical-align: middle;
}
.content {
	width: 98%;
	height: auto;
	top: 0%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.2%;
	margin-bottom: 5%;
	text-align: center;
	padding: 0%;
	display: table;
	border: none;
}
.title {
	font-family: 'PrestigeEliteStdBd';
	font-size: 7.5px;
	color: #4C4C4B;
	line-height: normal;
	letter-spacing: 0em;
	word-spacing: 0em;
	width: auto;
	text-align: left;
	display: block;
	margin-top: 1.2%;
	margin-left: 2%;
	padding-right: 1.8%;
	padding-left: 1.8%;
	padding-top: 1%;
	padding-bottom: 1%;
	position: relative;
	z-index: 7;
	clear: none;
	float: left;
}
.title:hover {
	color: #868686;
}
.menu {
	width: 20%;
	z-index: 10;
	margin-top: -0.5%;
	position: relative;
	clear: none;
	float: right;
	margin-right: 3.7%;
	display: block;
	text-align: center;
}
.nav {
	list-style: none;
	width: 100%;
	z-index: 10;
	display: block;
	padding: 0;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: -50%;
	margin-left: auto;
	position: absolute;
	text-align: center;
	top: 0%;
}
.nav li {
	font-family: 'PrestigeEliteStdBd';
	font-size: 6.8px;
	color: #868686;
	letter-spacing: 0em;
	word-spacing: 0em;
	display: inline-block;
	position: relative;
	width: 100%;
	left: 0%;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
	padding-top: 14%;
	padding-bottom: 14%;
	padding-left: 0%;
	padding-right: 0%;
	top: 0%;
	margin-left: 0%;
	cursor: default;
}
.nav li a {
	color: #4C4C4B;
	text-decoration: none;
	text-align: center;
	width: 100%;
	cursor: pointer;
}
.nav li a:hover {
	color: #868686;
}
.menu .nav li ul {
	display: none;
	padding: 0;
	list-style: none;
	width: 100%;
	margin: 0;
	background-color: #F0EDDC;
}
.nav li ul li {
	width: 100%;
	top: 0%;
	display: inline-block;
	text-align: center;
	left: 0%;
	background-color: #F4F3E5;
	margin-top: 2%;
}
.menu .nav li ul .self a {
	color: #868686;
}
.img {
	width: 100%;
	height: auto;
	top: 0%;
	left: 0%;
	text-align: center;
	position: relative;
	display: block;
	padding: 0%;
	border: none;
	margin: 0%;
	z-index: 1;
}
.frame {
	width: 100%;
	height: auto;
	top: 0%;
	margin-top: 14%;
	margin-bottom: 1%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 1px 2px #DADDE0;
	text-align: center;
	background-color: #FEFEFC;
	padding-top: 1%;
	padding-bottom: 3%;
	left: 0%;
}
.frame1 {
	width: 86%; 
	height: auto;
	top: 0%;
	margin-top: -3%;
	margin-left: 7%;
	margin-right: 7%;
	margin-bottom: 0.5%;
	display: inline-block;
	opacity: 1;
	text-align: center;
	padding-bottom: 0%;
}
.frame2 {
	width: 100%;
	height: auto;
	top: 0%;
	margin-top: 0%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	opacity: 1;
	text-align: center;
	padding-bottom: 0%;
}
.frame3 {
	width: 86%; 
	height: auto;
	top: 0%;
	margin-top: 7%;
	margin-left: 7%;
	margin-right: 7%;
	margin-bottom: 0.5%;
	display: inline-block;
	opacity: 1;
	text-align: center;
	padding-bottom: 0%;
}
#frame_2 {
	margin-top: 3%;
}
#frame_2 {
	margin-top: 2.55%;
}
.docs {
	width: 12%;
	text-align: center;
	margin-top: 3%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0%;
	position: relative;
	left: 0%;
	top: 1%;
	display: inline-block;
	z-index: 20;
}
.docs .nav1 {
	list-style: none;
	width: 100%;
	z-index: 10;
	display: inline-block;
	padding: 0;
	position: relative;
	text-align: center;
	top: 0%;
}
.docs .nav1 li {
	width: 100%;
	font-family: 'PrestigeEliteStdBd';
	color: #4C4C4B;
	font-size: 6.5px;
	line-height: normal;
	letter-spacing: 0em;
	word-spacing: 0em;
	text-decoration: none;
	display: inline-block;
	position: relative;
	left: 0%;
	top: 0%;
	clear: both;
	float: left;
	cursor: pointer;
	text-align: center;
}
.docs .nav1 .selected {
	color: #868686;
	border-top-color: #868686;
}
.line_menu {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0%;
	height: 1px;
	position: relative;
	clear: both;
	float: left;
	margin: 0%;
}
.link_down {
	width: 100%;
	position: relative;
	top: 0%;
	display: inline-block;
	clear: both;
	vertical-align: text-top;
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	padding: 0%;
	line-height: 0em;
	vertical-align: text-top;
	margin-top: -2%;
	margin-bottom: 0%;
}
.docs .nav1 li ul {
	display: none;
	list-style: none;
	width: 700%;
	padding-bottom: 15%;
	margin-left: -300%;
	margin-top: -10%;
	position: absolute;
	text-align: center;
	left: 0%;
	cursor: default;
	background-color: #FEFEFC;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 2px 2px #DADDE0;
	padding-top: 0%;
	padding-right: 0%;
	padding-left: 0%;
}
.docs .nav1 li ul li {
	width: 100%;
	display: inline-block;
	text-align: center;
	border: none;
	margin-top: 2%;
	padding-top: 0.7%;
	padding-bottom: 0.7%;
	position: relative;
	cursor: default;
	left: 0%;
}
.docs .nav1 li a {
	width: 106%;
	color: #868686;
	vertical-align: text-bottom;
	cursor: default;
	display: inline-block;
	margin-left: -3%;
}
.docs .nav1 li a:link, .docs .nav1 li a:visited {
	color: #4C4C4B;
	cursor: pointer;
}
.docs .nav1 li a:hover, .docs .nav1 li:hover  {
	color: #868686;
	border-top-color: #868686;
}
.subtitle {
	font-family: 'LeMondeLivreSemiBold';
	font-size: 6px;
	color: #4C4C4B;
	line-height: normal;
	letter-spacing: 0em;
	word-spacing: 0em;
	width: 92%;
	height: auto;
	top: 0%;
	text-align: center;
	padding: 0%;
	display: inline-block;
	border: none;
	margin-top: 1%;
	margin-bottom: 3%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	cursor: default;
}
.text {
	font-family: 'LeMondeLivreNormal';
	font-size: 6px;
	color: #4C4C4B;
	line-height: 1em;
	width: 88.2%;
	height: auto;
	top: 0%;
	text-align: left;
	display: block;
	border: none;
	padding-top: 0.2%;
	margin-left: 5.9%;
	margin-right: 5.9%;
	position: relative;
	cursor: default;
}
.text em {
	font-family: 'LeMondeLivreItalic';
	font-style: normal;
}
.text .right {
	text-align: right;
	position: relative;
	float: right;
	clear: both;
}
.text a {
	color: #868686;
}
.text a:hover {
	color: #4C4C4B;
}
.photo {
	width: 100%;
	text-align: center;
	top: 0%;
	left: 0%;
	position: relative;
	height: auto;
	display: inline-block;
	padding: 0%;
	margin-top: 2.4%;
	margin-bottom: 0.5%;
	margin-right: 0%;
	margin-left: 0%;
	vertical-align: middle;
	cursor: pointer;
	clear: both;
}
#small {
	width: 35%;
	margin-top: 0.5%;
	margin-bottom: 2.5%;
}
.img {
	width: 100%;
	height: auto;
	text-align: center;
	top: 0%;
	left: 0%;
	display: inline-block;
	padding: 0%;
	vertical-align: middle;
	margin: auto;
	cursor: default;
	position: relative;
	right: 0%;
	bottom: 0%;
}
.left, .right {
	font-family: 'LeMondeLivreNormal';
	font-weight: 100;
	font-size: 5.3px;
	color: #4C4C4B;
	width: auto;
	text-align: center;
	top: 0%;
	left: 0%;
	position: relative;
	height: auto;
	display: inline-block;
	margin-top: 3%;
	margin-left: 4%;
	margin-bottom: 0%;
	vertical-align: middle;
	cursor: default;
	clear: none;
	float: left;
}
.right {
	right: 0%;
	margin-left: 0%;
	margin-right: 4%;
	clear: none;
	float: right;
}
.left a, .right a {
	color: #4C4C4B;
	opacity: 0.8;
	cursor: pointer;
}
.left a:hover, .right a:hover {
	opacity: 1;
}
.close {
	width: 5.8%;
	text-align: center;
	top: 0%;
	left: 0%;
	position: relative;
	height: auto;
	display: inline-block;
	margin-top: -1%;
	margin-right: 4%;
	margin-bottom: 0%;
	vertical-align: middle;
	cursor: pointer;
	clear: none;
	float: right;
}
.close .img {
	cursor: pointer;
	opacity: 0.8;
}
.close .img:hover {
	cursor: pointer;
	opacity: 1;
}
.footer {
	width: 100%;
	height: 100%;
	max-width: 240px;
	top: 0%;
	text-align: center;
	text-decoration: none;
	margin-bottom: 0%;
	display: inline-block;
	padding-top: 0%;
	padding-bottom: 0%;
	margin-top: 0%;
	position: relative;
}
.designer {
	height: auto;
	width: 44%;
	left: 0%;
	top: 0%;
	padding-top: 1%;
	z-index: 4;
	position: relative;
	display: block;
	clear: right;
	float: right;
	margin-top: 0%;
	margin-right: 0.7%;
	margin-bottom: 0.7%;
	margin-left: 0%;
	text-align: right;
}
.designer a {
	font-family: 'PrestigeEliteStdBd';
	font-size: 5.5px;
	color: #B1B1B1;
	line-height: normal;
	font-weight: normal;
	cursor: pointer;
}
.designer a:hover {
	color: #CACACA;
}
.design {
	height: auto;
	width: 100%;
	left: 0%;
	top: 0%;
	padding: 0%;
	margin: 0%;
	cursor: pointer;
	z-index: 4;
	position: relative;
	clear: none;
	float: left;
}
.c2 {
	height: auto;
	width: 10.5%;
	left: 0%;
	top: 0%;
	padding: 0%;
	z-index: 4;
	position: relative;
	display: block;
	clear: none;
	float: right;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 1%;
}
.d_by {
	display: block;
	width: auto;
	top: 0%;
	border: none;
	position: relative;
	text-align: right;
	clear: none;
	float: right;
	text-decoration: none;
	margin-right: 1%;
	margin-top: 1.2%;
}

/* Smartphones and iPhone (portrait and landscape)----------- */
@media only screen 
and (min-width: 320px) and (max-width: 349px) {
.container {
	max-width: 320px;
}
.title {
	font-size: 10.5px;
	margin-left: 5%;
}
.menu {
	width: 18.8%;
	margin-top: -0.5%;
	margin-right: 6.7%;
}
.nav li {
	padding-top: 14%;
	padding-bottom: 14%;
}
.nav li {
	font-size: 8.7px;
}
.frame {
	width: 94%;
	margin-top: 8%;
}
.docs {
	width: 12%;
	margin-bottom: 0%;
}
.line_menu {
	height: 2px;
}
.docs .nav1 li ul {
	width: 640%;
	margin-left: -270%;
}
.docs .nav1 li, .text_content, .link a {
	font-size: 8.2px;
}
.subtitle, .text  {
	font-size: 8px;
}
#small {
	width: 35%;
	margin-top: 0.5%;
	margin-bottom: 2.5%;
}
.text {
	line-height: 1em;
}
.left, .right  {
	font-size: 7px;
	margin-top: 3%;
}
.close {
	width: 5.2%;
	margin-top: 0.3%;
}
.footer {
	max-width: 320px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 6px;
}
.c2 {
	width: 16%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones and iPhone ----------- */
@media only screen
and (min-width: 350px) and (max-width: 389px) {
.container {
	max-width: 360px;
}
.title {
	font-size: 11.5px;
	margin-left: 6%;
}
.menu {
	width: 17.8%;
	margin-top: -0.5%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 13%;
	padding-bottom: 13%;
}
.nav li {
	font-size: 9.5px;
}
.frame {
	width: 92%;
	margin-top: 7.6%;
}
.docs {
	width: 12%;
	margin-bottom: 0%;
}
.line_menu {
	height: 2px;
}
.docs .nav1 li ul {
	width: 640%;
	margin-left: -270%;
}
.docs .nav1 li, .text_content, .link a, .small_t {
	font-size: 9px;
}
.subtitle, .text  {
	font-size: 8.5px;
}
#small {
	width: 35%;
	margin-top: 0.5%;
	margin-bottom: 2.5%;
}
.text {
	line-height: 1.02em;
}
.left, .right  {
	font-size: 7.5px;
	margin-top: 3%;
}
.close {
	width: 4.8%;
	margin-top: 0.8%;
}
.footer {
	max-width: 360px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 6.5px;
}
.c2 {
	width: 15.5%;
}
.d_by {
	margin-top: 1.4%;
}
}

/* Smartphones and iPhone(portrait and landscape) ----------- */
@media only screen
and (min-width: 390px) and (max-width: 469px) {
.container {
	max-width: 400px;
}
.title {
	font-size: 12px;
	margin-left: 6%;
}
.menu {
	width: 17%;
	margin-top: -0.5%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 13%;
	padding-bottom: 13%;
}
.nav li {
	font-size: 10px;
}
.frame {
	width: 92%;
	margin-top: 7.2%;
}
.docs {
	width: 12%;
	margin-bottom: 0%;
}
.line_menu {
	height: 2px;
}
.docs .nav1 li ul {
	width: 620%;
	margin-left: -260%;
}
.docs .nav1 li, .text_content, .link a {
	font-size: 9.5px;
}
.subtitle, .text  {
	font-size: 9px;
}
#small {
	width: 32%;
	margin-top: 0.5%;
	margin-bottom: 2.5%;
}
.text {
	line-height: 1em;
}
.left, .right  {
	font-size: 8px;
	margin-top: 3%;
}
.close {
	width: 4.6%;
	margin-top: 1%;
}
.footer {
	max-width: 400px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 6.8px;
}
.c2 {
	width: 12%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones and iPhone (portrait and landscape) ----------- */
@media only screen
and (min-width: 470px) and (max-width: 529px) {
.container {
	max-width: 480px;
}
.title {
	font-size: 13.5px;
	margin-left: 6%;
}
.menu {
	width: 15.7%;
	margin-top: -0.3%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 12%;
	padding-bottom: 12%;
}
.nav li {
	font-size: 11.5px;
}
.frame {
	width: 92%;
	margin-top: 5.5%;
}
.docs {
	width: 12%;
	margin-bottom: 0%;
}
.line_menu {
	height: 3px;
}
.docs .nav1 li ul {
	width: 550%;
	margin-left: -225%;
}
.docs .nav1 li, .text_content, .link a {
	font-size: 10.5px;
}
.subtitle, .text  {
	font-size: 10px;
}
#small {
	width: 29%;
	margin-top: 0.5%;
	margin-bottom: 2.5%;
}
.text {
	line-height: 1.1em;
}
.left, .right  {
	font-size: 8.5px;
	margin-top: 3%;
}
.close {
	width: 4%;
	margin-top: 1.4%;
}
.footer {
	max-width: 480px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 7.2px;
}
.c2 {
	width: 12%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 530px) and (max-width: 589px) {
.container {
	max-width: 540px;
}
.title {
	font-size: 14.5px;
	margin-left: 6%;
}
.menu {
	width: 15.4%;
	margin-top: -0.3%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 10%;
	padding-bottom: 11%;
}
.nav li {
	font-size: 12.5px;
}
.frame {
	width: 92%;
	margin-top: 5.5%;
}
.docs {
	width: 12%;
	margin-bottom: 0%;
}
.line_menu {
	height: 3px;
}
.docs .nav1 li ul {
	width: 550%;
	margin-left: -225%;
}
.docs .nav1 li, .text_content, .link a {
	font-size: 11.5px;
}
.subtitle, .text  {
	font-size: 11px;
}
#small {
	width: 28%;
	margin-top: 0.5%;
	margin-bottom: 2.5%;
}
.text {
	line-height: 1.15em;
}
.left, .right  {
	font-size: 9px;
	margin-top: 3%;
}
.close {
	width: 3.8%;
	margin-top: 1.6%;
}
.footer {
	max-width: 540px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 7.5px;
}
.c2 {
	width: 11%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width: 590px) and (max-width: 689px) {
.container {
	max-width: 640px;
}
.title {
	font-size: 16px;
	margin-left: 6%;
}
.menu {
	width: 14.2%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 8.5%;
	padding-bottom: 13.5%;
}
.nav li {
	font-size: 13.5px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.docs {
	width: 12%;
	margin-bottom: 0%;
}
.line_menu {
	height: 3px;
}
.docs .nav1 li ul {
	width: 540%;
	margin-left: -220%;
}
.docs .nav1 li, .text_content, .link a {
	font-size: 12.5px;
}
.subtitle, .text  {
	font-size: 12px;
}
#small {
	width: 28%;
	margin-top: 0.5%;
	margin-bottom: 2.5%;
}
.text {
	line-height: 1.2em;
}
.left, .right  {
	font-size: 9.5px;
	margin-top: 3%;
}
.close {
	width: 3.5%;
	margin-top: 1.8%;
}
.footer {
	max-width: 640px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 8px;
}
.c2 {
	width: 10.5%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 690px) and (max-width: 757px) {
.container {
	max-width: 720px;
}
.title {
	font-size: 18px;
	margin-left: 6%;
}
.menu {
	width: 13.6%;
	margin-top: 0%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 8%;
	padding-bottom: 9%;
}
.nav li {
	font-size: 15.5px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.docs {
	width: 12%;
	margin-bottom: 0%;
}
.line_menu {
	height: 3px;
}
.docs .nav1 li ul {
	width: 540%;
	margin-left: -220%;
}
.docs .nav1 li, .text_content, .link a {
	font-size: 14.5px;
}
.subtitle, .text  {
	font-size: 14px;
}
#small {
	width: 27%;
	margin-top: 0.5%;
	margin-bottom: 2.5%;
}
.text {
	line-height: 1.25em;
}
.left, .right  {
	font-size: 10.5px;
	margin-top: 3%;
}
.close {
	width: 3.2%;
	margin-top: 2.1%;
}
.footer {
	max-width: 720px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 8.5px;
}
.c2 {
	width: 10%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 758px) and (max-width: 839px) {
.container {
	max-width: 800px;
}
.title {
	font-size: 19px;
	margin-left: 6%;
}
.menu {
	width: 13.4%;
	margin-top: 0%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 7%;
	padding-bottom: 8%;
}
.nav li {
	font-size: 16.5px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.docs {
	width: 12%;
	margin-bottom: 1%;
}
.line_menu {
	height: 3px;
}
.docs .nav1 li ul {
	width: 500%;
	margin-left: -200%;
}
.docs .nav1 li, .text_content, .link a {
	font-size: 15.5px;
}
.subtitle, .text  {
	font-size: 15px;
}
#small {
	width: 25%;
	margin-top: 0.5%;
	margin-bottom: 2.5%;
}
.text {
	line-height: 1.25em;
}
.left, .right  {
	font-size: 11.2px;
	margin-top: 3%;
}
.close {
	width: 3.1%;
	margin-top: 2.3%;
}
.footer {
	max-width: 800px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 9px;
}
.c2 {
	width: 9%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 840px) and (max-width: 919px) {
.container {
	max-width: 854px;
}
.title {
	font-size: 20px;
	margin-left: 6%;
}
.menu {
	width: 12.8%;
	margin-top: 0%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 7%;
	padding-bottom: 8%;
}
.nav li {
	font-size: 17px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.docs {
	width: 12%;
	margin-bottom: 2%;
}
.line_menu {
	height: 4px;
}
.docs .nav1 li ul {
	width: 500%;
	margin-left: -200%;
}
.docs .nav1 li, .text_content, .link a {
	font-size: 16.5px;
}
.subtitle, .text  {
	font-size: 16px;
}
#small {
	width: 24%;
	margin-top: 0.5%;
	margin-bottom: 2.5%;
}
.text {
	line-height: 1.3em;
}
.close {
	width: 2.8%;
	margin-top: 2.5%;
}
.footer {
	max-width: 854px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 9.5px;
}
.c2 {
	width: 8.5%;
}
.d_by {
	margin-top: 1%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 920px) and (max-width: 979px) {
.container {
	max-width: 960px;
}
.title {
	font-size: 22px;
	margin-left: 6%;
}
.menu {
	width: 12.6%;
	margin-top: 0%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 6%;
	padding-bottom: 7%;
}
.nav li {
	font-size: 18.5px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.docs {
	width: 12%;
	margin-bottom: 2%;
}
.line_menu {
	height: 4px;
}
.docs .nav1 li ul {
	width: 500%;
	margin-left: -200%;
}
.docs .nav1 li, .text_content, .link a {
	font-size: 17.5px;
}
.subtitle, .text  {
	font-size: 17px;
}
#small {
	width: 24%;
	margin-top: 0.5%;
	margin-bottom: 2.5%;
}
.text {
	line-height: 1.4em;
}
.left, .right  {
	font-size: 12px;
	margin-top: 3%;
}
.close {
	width: 2.6%;
	margin-top: 2.5%;
}
.footer {
	max-width: 960px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 10px;
}
.c2 {
	width: 8%;
}
.d_by {
	margin-top: 1%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 980px) and (max-width: 1399px) {
.container {
	max-width: 1024px;
}
.title {
	font-size: 23px;
	margin-left: 6%;
}
.menu {
	width: 12.6%;
	margin-top: 0%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 6%;
	padding-bottom: 7%;
}
.nav li {
	font-size: 19.5px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.docs {
	width: 12%;
	margin-bottom: 3%;
}
.line_menu {
	height: 4px;
}
.docs .nav1 li ul {
	width: 500%;
	margin-left: -200%;
}
.docs .nav1 li, .text_content, .link a {
	font-size: 18.5px;
}
.subtitle, .text  {
	font-size: 18px;
	line-height: 1.5em;
}
#small {
	width: 24%;
	margin-top: 0.5%;
	margin-bottom: 2.5%;
}
.text {
	line-height: 1.4em;
}
.left, .right  {
	font-size: 12.5px;
	margin-top: 3%;
}
.close {
	width: 2.4%;
	margin-top: 2.5%;
}
.footer {
	max-width: 1024px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 10.5px;
}
.c2 {
	width: 8%;
}
.d_by {
	margin-top: 1.8%;
}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1400px) {
.container {
	max-width: 1400px;
}
.title {
	font-size: 26px;
	margin-left: 6%;
}
.menu {
	width: 11%;
	margin-top: 0%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 5%;
	padding-bottom: 6%;
}
.nav li {
	font-size: 21.5px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.docs {
	width: 12%;
	margin-bottom: 5%;
}
.line_menu {
	height: 4px;
}
.docs .nav1 li ul {
	width: 400%;
	margin-left: -150%;
}
.docs .nav1 li, .text_content, .link a {
	font-size: 20px;
}
.subtitle, .text {
	font-size: 19.5px;
	line-height: 1.5em;
}
#small {
	width: 22%;
	margin-top: 0.5%;
	margin-bottom: 2.5%;
}
.text {
	line-height: 1.5em;
}
.left, .right  {
	font-size: 13px;
	margin-top: 3%;
}
.close {
	width: 2%;
	margin-top: 2.5%;
}
.footer {
	max-width: 1400px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 11px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}