/*iPad in ngang*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
}

/*iPad in doc*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/*iPad 3,4 in portrait & landscape ngang*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	
}


/*iPad 3,4 in portrait & landscape doc*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	
}

/*iPhone 6 in ngang*/
@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	h1.title{
		font-size: 18px;
	}
	
	p{
		font-size: 15px;
	}
	
	
	.caption{
		width: 80%;
	}
	
	video{
		width: 100%;
	}
	
	header,.bg1,.bg2,.bg3,.bg4{
		background-attachment: unset;
		background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	}
}

/*iPhone 6 in doc*/
@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
	h1.title{
		font-size: 18px;
	}
	
	p{
		font-size: 15px;
	}
	
	.caption{
		width: 100%;
	}
	
	.quote-3{
		width: 100%;
		padding-left: 0;
	}
	
	.quote-3 .box{
		width: 100%;
	}
	
	.block-content{
		margin-left: 5px;
		margin-right: 5px;
	}
	
	header .header-info p img {
		width: 20%;
	}
	
	.blockquote-wrapper{
		width: 100%;
		height: auto;
	}
	
	.quote-box{
		width: 100%;
	}
	
	.box .text {
		left: 0;
		width: 100%;
	}
	
	#quote-carousel{
		padding: 0;
	}
	
	.blockquote-wrapper .blockquote h1{
		font-size: 1.8rem;
	}
	
	video{
		width: 100%;
	}
	
	.fancyTab a img{
		height: 40px;
	}
	
	.box .text div p{
		font-size: 16px;
	}
	
	header,.bg1,.bg2,.bg3,.bg4{
		background-attachment: unset;
		background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	}
}

/*iPhone 5 & 5S in ngang*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	h1.title{
		font-size: 18px;
	}
	
	p{
		font-size: 15px;
	}
	
	.caption{
		width: 80%;
	}
	
	.blockquote-wrapper{
		width: 100%;
		height: auto;
	}
	
	video{
		width: 100%;
	}
	
	header,.bg1,.bg2,.bg3,.bg4{
		background-attachment: unset;
		background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	}
}

/*iPhone 5 & 5S in doc*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
	h1.title{
		font-size: 18px;
	}
	
	.tab-pane p, p{
		font-size: 15px;
	}
	
	.caption{
		width: 100%;
	}
	
	.quote-3{
		width: 100%;
		padding-left: 0;
	}
	
	.quote-3 .box{
		width: 100%;
	}
	
	.block-content{
		margin-left: 5px;
		margin-right: 5px;
	}
	
	header .header-info p img {
		width: 20%;
	}
	
	.blockquote-wrapper{
		width: 100%;
		height: auto;
	}
	
	.quote-box{
		width: 100%;
	}
	
	.box .text {
		left: 0;
		width: 100%;
	}
	
	#quote-carousel{
		padding: 0;
	}
	
	.blockquote-wrapper .blockquote h1{
		font-size: 1.8rem;
	}
	
	video{
		width: 100%;
	}
	
	.fancyTab a img{
		height: 40px;
	}
	
	.box .text div p{
		font-size: 16px;
	}
	
	header,.bg1,.bg2,.bg3,.bg4{
		background-attachment: scroll;
		background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	}
}