@media screen and (max-width: 1920px) {
.logo {
	margin-top: -30px;
}
.logo span {
	width: 105px;
	font-size: 120px;
}
.logo span:nth-child(2) {
	width: 98px;
}
.logo span:nth-child(3) {
	width: 83px;
}
.DocHeader {
	font-size: 20px;
}
}




@media screen and (max-width: 1680px) {
.logo {
	margin-top: -30px;
}
.logo span {
	width: 88px;
	font-size: 100px;
}
.logo span:nth-child(2) {
	width: 82px;
}
.logo span:nth-child(3) {
	width: 69px;
}
.DocHeader {
	font-size: 14px;
}
}




@media screen and (max-width: 1366px) {
.logo {
	margin-top: -20px;
}
.logo span {
	width: 70px;
	font-size: 80px;
}
.logo span:nth-child(2) {
	width: 65px;
}
.logo span:nth-child(3) {
	width: 55px;
}
.DocHeader {
	font-size: 14px;
}
}




@media screen and (orientation:portrait) {
.logo br {
	display: inline;
}
.phone1 {
	top: 25%;
	left: 17%;
	width: 20%;
}
.phone2 {
	top: 32%;
	left: 4%;
	width: 20%;
}
.map {
	top: -5%;
	left: 5%;
	width: 14%;
}
.email {
	top: 5%;
	left: 32%;
	width: 28%;
}
.language {
	top: 9%;
	right: 11%;
	width: 12%;
}
.doc1 {
	bottom: 3.5%;
	left: 18%;
	width: 26%;
}
.doc2 {
	bottom: 4.5%;
	right: 18%;
	width: 26%;
}
.rubber {
	top: 45%;
	right: 12%;
	width: 5%;
}
.sharpener {
	bottom: 34%;
	left: 17%;
	width: 3%;
}
.scissor {
	bottom: 30%;
	left: -2%;
	width: 11%;
}
.penleft {
	bottom: 10%;
	left: 4%;
	width: 14%;
}
.ruler {
	bottom: -3%;
	left: 12%;
	width: 8%;
}
.pendrive {
	bottom: 35%;
	right: 8%;
	width: 8%;
}
.pencil {
	bottom: 5%;
	right: -6%;
	width: 13%;
}
.clip {
	top: 30%;
	right: 42%;
	width: 2.5%;
}
.calculator {
	top: 2%;
	right: 27%;
	width: 13%;
}
.penblue {
	top: 26%;
	left: 38%;
	width: 9%;
}
.caffee {
	bottom: 5%;
	right: 10%;
	width: 8%;
}
.spoon {
	bottom: 15%;
	right: 20%;
	width: 4%;
}
}




@media screen and (max-width: 700px) {
body, html {
	height: auto;
	overflow: visible;
}
body {
	overflow-x: hidden;
}
.fsm {
	display: none;
}

.mobile {
	display: block;
	position: relative;
	width: 100%;
	float: left;
	background-image: url(img/desk.svg);
	background-size: 100% auto;
	background-position: left top;
	background-repeat: repeat-y;
}
.section {
	position: relative;
	width: 100%;
	margin-top: 40px;
	float: left;
}
.section:after {
	content: " ";
    display: block;
    height: 0;
    overflow: hidden;
	clear: both;
}

.logo {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	float: left;
	padding-top: 180px;
	padding-bottom: 30px;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	background-image: url(img/desk.svg);
	background-size: 100% auto;
	background-position: left top;
	background-repeat: repeat-y;
}
.logo span {
	width: 50px;
	font-size: 50px;
}
.logo span:nth-child(2) {
	width: 45px;
}
.logo span:nth-child(3) {
	width: 40px;
}

.languageMobile {
	display: block;
	position: absolute;
	top: 40px;
	right: 20px;
	width: 18%;
	opacity: 0;
}
.LLH {
	top: 8px;
}

.calculator {
	top: -8px;
	left: 36%;
	width: 28%;
}

.scissor {
	top: 40px;
	left: -7%;
	width: 34%;
}

.penleft {
	top: 250px;
	left: -4%;
	width: 28%;
}

.pendrive {
	top: 280px;
	right: 8px;
	width: 16%;
}

.rulerMobile {
	position: absolute;
	top: 10%;
	left: 8%;
	width: 20%;
	pointer-events: none;
	opacity: 0;
}

.pencilMobile {
	position: absolute;
	bottom: 5%;
	right: 6%;
	width: 22%;
	pointer-events: none;
}

.rubberMobile {
	position: absolute;
	top: 15%;
	left: 12%;
	width: 10%;
	pointer-events: none;
}

.docMobile1 {
	position: relative;
	width: 42%;
	margin-right: auto;
	margin-left: auto;
	opacity: 0;
}
.docMobile1 .wrap {
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
	transform: rotate(-7deg);
}
.docMobile2 {
	position: relative;
	width: 42%;
	margin-right: auto;
	margin-left: auto;
}
.docMobile2 .wrap {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}
.docMobile1 .DocText, .docMobile2 .DocText {
	overflow-y: hidden;
}
/* for zoom */
.selectedZoomTarget > .DocText {
	overflow-y: scroll;
}
.DocText {
	font-size: 7px;
	line-height: 160% !important;
}
.DocText div {
	font-size: 14px;
}

.phone1 {
	position: relative;
	top: auto;
	left: auto;
	width: 30%;
	float: left;
	margin-top: 20px;
	margin-left: 50px;
	opacity: 1;
}
.phone2 {
	position: relative;
	top: auto;
	left: auto;
	width: 30%;
	float: left;
	margin-top: 30px;
	margin-bottom: 12px;
	margin-left: 40px;
	opacity: 1;
}

.email {
	position: relative;
	top: auto;
	left: auto;
	width: 42%;
	opacity: 1;
	float: left;
	margin-top: 10px;
	margin-left: 30px;
}

.map {
	position: relative;
	top: auto;
	left: auto;
	width: 32%;
	opacity: 1;
	float: left;
	margin-left: 30px;
	margin-bottom: 60px;
}

.clipMobile {
	position: absolute;
	bottom: 20%;
	right: 22%;
	width: 8%;
	pointer-events: none;
}

}