/* Media Queries - 1 */

@media only screen and (min-height: 649px) and (max-height: 899px) {
body {
	font-size: 11px;
	line-height: 19px;
}

.logo-in img {
	width:150px
}
}


/* Note: Design for a below width of 1280px */
@media only screen and (min-width: 1280px) and (max-width: 1546px) {

/*
 2.2) Section-1
 ----------------------------------------*/

.logo-in img {
	width:170px
}


/*
 2.3) Section-2	
 ----------------------------------------*/

.section-2 .scroll-info .txt-info-outer {
	padding:330px 0 100px 0;
}

.section-2 .logo-in {
	top:40px;
}

.section-2 .bottom-links {
	bottom:20px;
}
}


/* Note: Design for a below width of 1280px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.show_ipad2 {
	display:block
}

.hide_ipad2 {
	display:none
}


/*
 2.2) Section-1
 ----------------------------------------*/

.logo-in img {
	width:170px
}


/*
 2.3) Section-2	
 ----------------------------------------*/

.section-2 .scroll-info .txt-info-outer {
	padding:330px 0 100px 0;
}

.section-2 .logo-in {
	top:40px;
}

.section-2 .bottom-links {
	bottom:20px;
}
}


/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.show_ipad1 {
	display:block
}

.hide_ipad1 {
	display:none
}


/*
 2.1) Banner-main	
 ----------------------------------------*/
.banner-main .logo img {
	width:200px
}


/*
 2.2) Section-1
 ----------------------------------------*/

.logo-in img {
	width:170px
}


/*
 2.3) Section-2	
 ----------------------------------------*/

.section-2 .scroll-info .txt-info-outer {
	padding:330px 0 100px 0;
}
}


/* Note: Design for a width of 768px */
@media only screen and (max-height: 767px) and (max-width: 767px) {
.show_mobile1 {
	display:block
}

.hide_mobile1 {
	display:none
}

body {
	font-size: 14px;
	line-height: 21px;
}


.container { 
	padding:0 5%
}

.element_from_bottom2 {
	bottom: -30px;
}


/*
 2.1) Banner-main	
 ----------------------------------------*/

.banner-main .logo img {
	width:200px
}


/*
 2.2) Section-1	
 ----------------------------------------*/

.section-1 {
	height:auto;
	position: static;
	top:0;
	left:0;
	padding:30px 0 0 0
}

.section-1 aside {
	padding-bottom:30px;
}

.section-1 aside p {
	padding-bottom:0
}

.section-1 .inner-bg {
	vertical-align:bottom
}

.logo-in {
	padding-bottom:35px
}

.logo-in img {
	width:100px
}

.bottom-links {
	padding-bottom:0
}

.bottom-links p a {
	margin:0 4px
}

.form-block {
	width:100%;
	height:auto;
	float:left;
	padding:0 0 20px 0
}

.form-block ul li {
	padding-bottom:14px
}

.form-block ul li .sbOptions li {
	padding:0;
	margin:0;
}


/*
 2.3) Section-2	
 ----------------------------------------*/

.section-2 {
	height:auto;
	position: static;
	top:0;
	left:0;
	padding:30px 0 0 0;
}

.section-2 .logo-in {
	position:static;
}

.section-2 .bottom-links {
	position:static;
}

.section-2 .scroll-info {
	width:100%;
	height:auto;
	float:left;
	position:static;
	text-align:center;
	top:0;
	left:0;
	padding:0;
}

.section-2 .scroll-info .txt-info-outer {
	height:auto;
	padding:0;
}

.section-2 .scroll-info .txt-info {
	height:auto;
	display:block;
}

.section-2 .scroll-info .txt-info article {
	height:auto;
	float:left;
	position:static;
	overflow:visible;
	padding:0;	
}
}


/* Note: Design for a width of 480px */
@media only screen and (max-width: 479px) {
.show_mobile2 {
	display:block
}

.hide_mobile2 {
	display:none
}

body {
	font-size: 12px;
}
}