/* iphone5 */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 


/* default */

#index p {
	font-size: 30px;
	margin-top: 8%;
	}

#line1 {
	width: 105px;
	border-top: 5px solid #000000;
	margin-top: -3%;
	margin-bottom: 5%;
	}
	
#index h4{
	font-size: 25px;
	}

@media only screen and (orientation: portrait) {	
#index .left {
	margin-top: 8px;
	width: 6%;
	margin-left: -8px;
	}
	
#index .right {
	margin-top: 8px;
	width: 6%;
	margin-right: -8px;
	}
}

@media only screen and (orientation: landscape) {	
#index .left {
	margin-top: 8px;
	width: 20%;
	margin-left: -4px;
	}
	
#index .right {
	margin-top: 8px;
	width: 20%;
	margin-right: -4px;
	}
}
	
.purchase section {
	font-size: 12px;
	margin-top: 5%;
	}
	
.purchase strong {
	color: #D00000;
	}
	
.comp img {
	width: 200px;
	}
	
.comp span 
{
	font-size: 12px;
}
		
#line2{
	margin-top: 16%;
	width: 100%;
	}
	
	
/*--- img.html ----*/

#imageBackground {
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
	
#imageBackground h3{
	font-size: 33px;
	margin-top: 8%;
	}
	
#line3{
	width: 110px;
	margin-top: -2%;
	}
	
#imageBackground h4 {
	font-size: 29px;
	margin-top: 15%;
	}
   
.header {
	font-size: 13px;
	margin-top: 5%;
	}

@media only screen and (orientation: portrait) {		
.left {
	width: 15%;
	margin-left: -4px;
	}
	
.right {
	width: 15%;
	margin-right: -4px;
	}
}

@media only screen and (orientation: landscape) {		
.left {
	width: 28%;
	margin-left: -4px;
	}
	
.right {
	width: 28%;
	margin-right: -4px;
	}
}
	
.border {
	background: url("../image/horizontal.png") no-repeat center 218px;
	}
	
.borders {
	background: url("../image/line.png") no-repeat -5px 218px;
	}
	
@media only screen and (orientation: portrait) {
.h-line {
	border: 1px solid #FFF;
	width: 100px;
	margin-right: auto;
	margin-top: 0px;
	display: block;
	}
}

@media only screen and (orientation: landscape) {
.h-line {
	border: 1px solid #FFF;
	width: 100px;
	margin-right: auto;
	margin-top: 0px;
	display: block;
	}
}
	
#imageBackground p{
	font-size: 24px;
	}
	
#countdown {
	font-size: 120px;
	}
	
#countdown1 {
	font-size: 120px;
	}
	
#countdown2 {
	font-size: 120px;
	}
	
#countdown3 {
	font-size: 120px;
	}
	
input{
	margin-left: -30px;
	width: 190px;
	font-size: 9px;
	padding: 10px 5px 7px 32px;
}

button { 
	font-size: 12px;
	height: 32px;
	margin-right: -30px;
	}

#imageBackground a {
	font-size: 11px;
	}

#imageBackground i {
	font-size: 16px;
	}


/* imgS.html (carousel) */
	
#time h3{
	font-size: 33px;
	margin-top: 8%;
	}
	
#line5{
	width: 110px;
	margin-top: -3px;
	}
	
#time h4 {
	font-size: 29px; 
	margin-top: 15%;
	} 

#time p{
	font-size: 24px;
	}
	
#time a {
	font-size: 11px;
	}
	
#time i {
	font-size: 16px;
	}
	
/* video.html */	

#videoBackground h3{
	font-size: 33px;
	margin-top: 8%;
	}
	
#line7{
	width: 110px;
	margin-top: -3px;
	}
	
#videoBackground h4 {
	font-size: 29px;
	margin-top: 15%;
	}
	
#videoBackground p{
	font-size: 24px;
	}
	
#videoBackground a {
	font-size: 11px;
	}
	
#videoBackground i {
	font-size: 16px;
	}

.overlay4 {
	min-height: 510%;
	}

.vjs-tech {
	min-height: 300%;
	}	

	
/* about.html */

#about {
	background-position: center center;
	background-size: cover;
	}
	
#about h1 {
	font-size: 27px;
	margin-top: 12%;
	}
	
#about p {
	font-size: 13px;
	}
	
#about h3 {
	font-size: 27px;
	}
	
#about span {
	font-size: 16px;
	}

#about .col-xs-12 {
	margin-top: 5%;
	}

#about a {
	font-size: 11px;
	}

	
/* aboutime.html */
	
.aboutime h1 {
	margin-top: 12%;
	margin-bottom: 12%;
	font-size: 27px;
	}
	
.aboutime p {
	font-size: 13px;
	}
	
.aboutime h3 {
	font-size: 27px;
	}
	
.aboutime span {
	font-size: 16px;
	}	
	
.aboutime .col-xs-12 {
	margin-top: 5%;
	}	

.aboutime a {
	font-size: 11px;
	}
	
	
/* about2.html */
	
#about2 h1 {
	font-size: 27px;
	}
	
#about2 p {
	font-size: 13px;
	}
	
#about2 h3 {
	font-size: 27px;
	}
	
#about2 span {
	font-size: 16px;
	}
	
#about2 .col-xs-12 {
	margin-top: 5%;
	}

#about2 a {
	font-size: 11px;
	}

.vjs {
	min-height: 320%;
	}
	
footer {
	position: relative; 
	}
}



/* iphone6 */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 


#imageBackground {
	background-position: center center;
	background-size: cover;
	}

/* default */


@media only screen and (orientation: landscape) {	
	
#index .left {
	margin-top: 8px;
	width: 23%;
	margin-left: -4px;
	}
	
#index .right {
	margin-top: 8px;
	width: 23%;
	margin-right: -4px;
	}
	
#index p {
	font-size: 30px;
	margin-top: 8%;
	}

#line1 {
	width: 105px;
	border-top: 5px solid #000000;
	margin-top: -3%;
	margin-bottom: 8%;
	}
	
#index h4{
	font-size: 25px;
	}
	
.purchase section {
	font-size: 12px;
	margin-top: 2%;
	}
	
.comp span {
	font-size: 12px;
}
		
#line2{
	margin-top: 16%;
	width: 100%;
	}
}
	
	
/*--- img.html ----*/

@media only screen and (orientation: landscape) {		
	
.left {
	width: 28%;
	margin-left: -4px;
	}
	
.right {
	width: 28%;
	margin-right: -4px;
	}
	
#imageBackground {
	background-position: center center;
	background-size: cover;
	}
	
#imageBackground h3{
	font-size: 33px;
	margin-top: 8%;
	}
	
#line3{
	width: 110px;
	margin-top: 0%;
	}
	
#imageBackground h4 {
	font-size: 29px;
	margin-top: 15%;
	}
   
.header {
	font-size: 13px;
	margin-top: 5%;
	}
	
.border {
	background: url("../image/horizontal.png") no-repeat center 218px;
	}
	
.borders {
	background: url("../image/line.png") no-repeat -5px 218px;
	}
	
.h-line {
	border: 1px solid #FFF;
	width: 100px;
	margin-right: auto;
	margin-top: 0px;
	display: block;
	}
	
.overlay4 {
	min-height: 510%;
	}
	
#imageBackground p{
	font-size: 24px;
	}
	
#countdown {
	font-size: 120px;
	}
	
#countdown1 {
	font-size: 120px;
	}
	
#countdown2 {
	font-size: 120px;
	}
	
#countdown3 {
	font-size: 120px;
	}
	
input{
	margin-left: -30px;
	width: 190px;
	font-size: 9px;
	padding: 10px 5px 7px 32px;
}

button { 
	font-size: 12px;
	height: 32px;
	margin-right: -30px;
	}

#imageBackground a {
	font-size: 11px;
	}

.fa {
	margin-left: 5px;
	margin-right: 5px;
}

/* imgS.html (carousel) */
@media only screen and (orientation: landscape) {		

#time h3{
	font-size: 33px;
	margin-top: 8%;
	}
	
#line5{
	width: 110px;
	margin-top: -3px;
	}
	
#time h4 {
	font-size: 29px; 
	margin-top: 15%;
	} 

#time p{
	font-size: 24px;
	}
	
#time a {
	font-size: 11px;
	}
}


/* video.html */	

@media only screen and (orientation: landscape) {		
	
.vjs-tech {
	min-height: 300%;
	}
	
#videoBackground h3{
	font-size: 33px;
	margin-top: 8%;
	}
	
#line7{
	width: 110px;
	margin-top: 0px;
	}
	
#videoBackground h4 {
	font-size: 29px;
	margin-top: 15%;
	}
	
#videoBackground p{
	font-size: 24px;
	}
	
#videoBackground a {
	font-size: 11px;
	}
}


/* about.html */

@media only screen and (orientation: landscape) {		
#about {
	background-position: center center;
	background-size: cover;
	}
	
#about h1 {
	font-size: 27px;
	margin-top: 12%;
	}
	
#about p {
	font-size: 13px;
	}
	
#about h3 {
	font-size: 27px;
	}
	
#about span {
	font-size: 16px;
	}

#about .col-xs-12 {
	margin-top: 5%;
	}

#about a {
	font-size: 11px;
	}
}


/* aboutime.html */

@media only screen and (orientation: landscape) {		
.aboutime h1 {
	margin-top: 12%;
	margin-bottom: 12%;
	font-size: 27px;
	}
	
.aboutime p {
	font-size: 13px;
	}
	
.aboutime h3 {
	font-size: 27px;
	}
	
.aboutime span {
	font-size: 16px;
	}	
	
.aboutime .col-xs-12 {
	margin-top: 5%;
	}	

.aboutime a {
	font-size: 11px;
	}
}

@media only screen and (orientation: landscape) {		

.vjs {
	min-height: 320%;
	}
	
#about2 h1 {
	font-size: 27px;
	}
	
#about2 p {
	font-size: 13px;
	}
	
#about2 h3 {
	font-size: 27px;
	}
	
#about2 span {
	font-size: 16px;
	}
	
#about2 .col-xs-12 {
	margin-top: 5%;
	}

#about2 a {
	font-size: 11px;
	}
}

footer {
	position: relative; 
	}
}


/* iphone6plus */

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { 

#imageBackground {
	background-position: center center;
	background-size: cover;
	}
	
/* default */


@media only screen and (orientation: landscape) {	

#index .left {
	margin-top: 8px;
	width: 23%;
	margin-left: -4px;
	}
	
#index .right {
	margin-top: 8px;
	width: 23%;
	margin-right: -4px;
	}
	
#index p {
	font-size: 30px;
	margin-top: 8%;
	}

#line1 {
	width: 105px;
	border-top: 5px solid #000000;
	margin-top: -1%;
	margin-bottom: 8%;
	}
	
#index h4{
	font-size: 25px;
	}
	
.purchase section {
	font-size: 12px;
	margin-top: 2%;
	}
	
.comp span {
	font-size: 12px;
}
		
#line2{
	margin-top: 16%;
	width: 100%;
	}
}
	
	
/*--- img.html ----*/

@media only screen and (orientation: landscape) {		

.left {
	width: 28%;
	margin-left: -4px;
	}
	
.right {
	width: 28%;
	margin-right: -4px;
	}
	
#imageBackground {
	background-position: center center;
	background-size: cover;
	}
	
#imageBackground h3{
	font-size: 33px;
	margin-top: 8%;
	}
	
#line3{
	width: 110px;
	margin-top: 0%;
	}
	
#imageBackground h4 {
	font-size: 29px;
	margin-top: 15%;
	}
   
.header {
	font-size: 13px;
	margin-top: 5%;
	}
	
.border {
	background: url("../image/horizontal.png") no-repeat center 218px;
	}
	
.borders {
	background: url("../image/line.png") no-repeat -5px 218px;
	}
	
.h-line {
	border: 1px solid #FFF;
	width: 100px;
	margin-right: auto;
	margin-top: 0px;
	display: block;
	}
	
.overlay4 {
	min-height: 510%;
	}
	
#imageBackground p{
	font-size: 24px;
	}
	
#countdown {
	font-size: 120px;
	}
	
#countdown1 {
	font-size: 120px;
	}
	
#countdown2 {
	font-size: 120px;
	}
	
#countdown3 {
	font-size: 120px;
	}
	
input{
	margin-left: -30px;
	width: 190px;
	font-size: 9px;
	padding: 10px 5px 7px 32px;
}

button { 
	font-size: 12px;
	height: 32px;
	margin-right: -30px;
	}

#imageBackground a {
	font-size: 11px;
	}

.facebook {
	height: 20px;
	width: 13px;
	margin-left: 16px;
}

.twitter {
	height: 20px;
	width: 20px;
	margin-left: 16px;
}

.email {
	height: 20px;
	width: 20px;
	margin-left: 16px;
}

.instagram {
	height: 20px;
	width: 20px;
	margin-left: 16px;
}

.pinterest {
	height: 20px;
	width: 20px;
	margin-left: 16px;
}
}


/* imgS.html (carousel) */
@media only screen and (orientation: landscape) {		

#time h3{
	font-size: 33px;
	margin-top: 8%;
	}
	
#line5{
	width: 110px;
	margin-top: -3px;
	}
	
#time h4 {
	font-size: 29px; 
	margin-top: 15%;
	} 

#time p{
	font-size: 24px;
	}
	
#time a {
	font-size: 11px;
	}
}


/* video.html */	

@media only screen and (orientation: landscape) {		

.vjs-tech {
	min-height: 300%;
	}
	
#videoBackground h3{
	font-size: 33px;
	margin-top: 8%;
	}
	
#line7{
	width: 110px;
	margin-top: 0px;
	}
	
#videoBackground h4 {
	font-size: 29px;
	margin-top: 15%;
	}
	
#videoBackground p{
	font-size: 24px;
	}
	
#videoBackground a {
	font-size: 11px;
	}
}


/* about.html */

@media only screen and (orientation: landscape) {		
#about {
	background-position: center center;
	background-size: cover;
	}
	
#about h1 {
	font-size: 27px;
	margin-top: 12%;
	}
	
#about p {
	font-size: 13px;
	}
	
#about h3 {
	font-size: 27px;
	}
	
#about span {
	font-size: 16px;
	}

#about .col-xs-12 {
	margin-top: 5%;
	}

#about a {
	font-size: 11px;
	}
}


/* aboutime.html */

@media only screen and (orientation: landscape) {		
.aboutime h1 {
	margin-top: 12%;
	margin-bottom: 12%;
	font-size: 27px;
	}
	
.aboutime p {
	font-size: 13px;
	}
	
.aboutime h3 {
	font-size: 27px;
	}
	
.aboutime span {
	font-size: 16px;
	}	
	
.aboutime .col-xs-12 {
	margin-top: 5%;
	}	

.aboutime a {
	font-size: 11px;
	}
}

@media only screen and (orientation: landscape) {		

#about2 h1 {
	font-size: 27px;
	}
	
#about2 p {
	font-size: 13px;
	}
	
#about2 h3 {
	font-size: 27px;
	}
	
#about2 span {
	font-size: 16px;
	}
	
#about2 .col-xs-12 {
	margin-top: 5%;
	}

#about2 a {
	font-size: 11px;
	}
	
.vjs {
	min-height: 320%;
	}
}
}