/* #### Mobile Phones Portrait #### */
@media all and (max-width: 480px) and (orientation: portrait){
header.sub-header h2 {
	font-size:24px;
}
#logo {
	width:100%;
	text-align:left;
	padding-bottom:0px;
}
#logo img {
	width:80%;
	height:auto;
}
#banner {
	min-height:auto;
}
#latest-news-container span {
	width:100%;
	text-align:center;
	padding-bottom:0px;
}
.marquee {
	width:100%;
	padding-top:5px;
}
.more-link, .button-default {
	padding:15px;
}
#header-contact {
	margin-top:0px;
}
}

/* #### Mobile Phones Landscape #### */
@media all and (min-width:480px) and (max-width: 640px) {
header.sub-header h2 {
	font-size:24px;
}
#logo {
	width:100%;
	text-align:left;
	padding-bottom:0px;
}
#logo img {
	width:80%;
	height:auto;
}
#banner {
	min-height:auto;
}
#latest-news-container span {
	width:100%;
	text-align:center;
	padding-bottom:0px;
}
.marquee {
	width:100%;
	padding-top:5px;
}
.more-link, .button-default {
	padding:15px;
}
#header-contact {
	margin-top:0px;
}
}

/* #### Mobile Phones Portrait or Landscape #### */
@media all and (max-width: 640px){

}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media all and (min-width: 640px) and (max-width: 1024px){
header.sub-header h2 {
	font-size:30px;
}
}

/* #### Tablets Portrait or Landscape #### */
@media all and (min-width: 1024px) and (max-width: 1280px){

}

/* #### Desktops #### */
@media all and (min-width: ){
  /* some CSS here */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}