/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1219px) {
	.main.sect {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.main.sect .img {
		margin-top: -50px;
		margin-bottom: 20px;
		margin-right: 0;
		margin-left: 0;
	}
	.main.sect .img img {
		max-height: 490px;
	}
	.main.sect .intro {
		margin-bottom: 50px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.main.sect {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.main.sect .intro {
		margin-bottom: 30px;
	}
	.main.sect .intro .caption {
		font-size: 44px;
	}
	.main.sect .intro .desc {
		font-size: 14px;
	}
	.main.sect .intro .note {
		font-size: 58px;
	}
	.main.sect .intro .note2 {
		font-size: 30px;
		margin-top: 5px;
	}
	.main.sect .img {
		text-align: center;
		margin-top: 0;
	}
	.main.sect .img img {
		max-height: 390px;
	}
	.main.sect .info {
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width : 575px) {		

}

/*==========  Mobile First Method  ==========*/

@media only screen and (min-width : 576px) {  

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {	

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1220px) {
	.main.sect .info {
		max-width: 470px;
	}
	.main.sect .img {
		text-align: center;
	}
}