@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

/* default */

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

#line1 {
	width: 105px;
	margin-top: -1%;
	margin-bottom: 8%;
	}
	
#index h4{
	font-size: 25px;
	margin-bottom: 4%;
	}
	
@media only screen and (orientation: portrait) {		
#index .left {
	margin-top: 8px;
	width: 25%;
	margin-left: 40px;
	}
	
#index .right {
	margin-top: 8px;
	width: 25%;
	margin-right: 40px;
	}
}

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

.purchase section {
	font-size: 12px;
	}
	
.purchase strong {
	color: #D00000;
	}
	
.comp {
	margin-top: 18px;
	margin-bottom: 18px;
	}
	
.comp img {
	width: 250px;
	}
	
.comp span {
	font-size: 12px;
}

#line2 {
	width: 90%;
	}
	
/*--- img.html ----*/

#imageBackground {
	background-position: center center;
	background-size: cover;
	}
	
#imageBackground h3{
	font-size: 33px;
	margin-top: 4%;
	}
	
#line3{
	width: 110px;
	margin-top: -1%;
	}
	
#imageBackground h4 {
	font-size: 27px;
	margin-top: 3%;
	}
	
@media only screen and (orientation: portrait) {
.border {
	background: url("../image/horizontal.png") no-repeat center 218px;
	}
	
.borders {
	background: url("../image/line.png") no-repeat -5px; 75px;
	}
}
	
.header {
	font-size: 13px;
	}

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

@media only screen and (orientation: landscape) {		
.left {
	width: 27%;
	}
	
.right {
	width: 27%;
	}
}

@media only screen and (orientation: portrait) {	
.h-line {
	border: 1px solid #FFF;
	width: 100px;
	margin-right: auto;
	margin-top: 0px;
	display: block;
	}
}
	
#countdown {
	font-size: 66px;
	margin-top: 40px;
	}
	
#countdown1 {
	font-size: 66px;
	margin-top: 40px;
	}
	
#countdown2 {
	font-size: 66px;
	margin-top: 40px;
	}
	
#countdown3 {
	font-size: 66px;
	margin-top: 40px;
	}
	
#imageBackground p{
	font-size: 13px;
	}
	
#imageBackground i {
	font-size: 21px;
	}




/* -----about.html------ */
	
#about h1 {
	font-size: 27px;
	margin-top: 6%;
	margin-bottom: 4%;
	}
	
#about p {
	font-size: 18px;
	}
	
#about h3 {
	font-size: 27px;
	}
	
#about span {
	font-size: 16px;
	}
	
#about .col-xs-12 {
	margin-top: 3%;
	}

		
/* imgS.html (carousel) */
	
#time h3{
	font-size: 33px;
	margin-top: 4%;
	}
	
#line5{
	width: 110px;
	margin-top: -1%;
	}
	
#time h4 {
	font-size: 27px;
	margin-top: 3%;
	} 
	
#time p {
	font-size: 13px;
	}
	
#time i {
	font-size: 21px;
	}
   

/* about1.html (carousel1) */

.aboutime h1 {
	font-size: 27px;
	margin-top: 7%;
	margin-bottom: 7%;
	}

.aboutime p {
	font-size: 18px;
	}
	
.aboutime h3 {
	font-size: 27px;
	}
	
.aboutime span {
	font-size: 16px;
	}
	
.aboutime .col-xs-12 {
	margin-top: 3%;
	}
	
	
/* video.html */
	
#videoBackground h3{
	font-size: 33px;
	margin-top: 4%;
	}
	
#line7{
	width: 110px;
	margin-top: -1%;
	}
	
#videoBackground h4 {
	font-size: 27px;
	margin-top: 3%;
	}
	
#videoBackground p{
	font-size: 13px;
	}
	
#videoBackground i {
	font-size: 21px;
	}

@media only screen and (orientation: portrait) {		
.vjs-tech {
	min-height: 100%;
	}
	
.overlay4 {
	min-height: 100%;
	}
}

@media only screen and (orientation: landscape) {		
.vjs-tech {
	min-height: 100%;
	}
}	
	
	
/* about2.html */
		
#about2 h1 {
	font-size: 27px;
	margin-top: 6%;
	margin-bottom: 4%;
	}
	
#about2 p {
	font-size: 18px;
	}
	
#about2 h3 {
	font-size: 27px;
	}
	
#about2 span {
	font-size: 16px;
	}
	
#about2 .col-xs-12 {
	margin-top: 2%;
	}

@media only screen and (orientation: portrait) {		
.vjs{
	min-height: 100%;
	}
}

@media only screen and (orientation: landscape) {		
.vjs {
	min-height: 100%;
	}
}		
}