/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
h2 {font-size:150%; color:#013663; margin-top:10px;}
.timeline-default { display:none; }
.timeline-default-mobile { display:block; margin-left:auto; margin-right:auto; }
.list { width:48%; float:left; display: block; margin-left:2%; }
.left-list ul, .right-list ul { list-style:none; padding: 0; margin-left: 0; margin-top: 0;}
.left-list ul li{
   line-height:1.3em;
   padding: 0 0 0 15px;
   background:url(xml/blue-circle.png) no-repeat 0 7px;}
.right-list ul li{
   line-height:1.3em;
   padding: 0 0 0 15px;
   background:url(xml/gray-circle.png) no-repeat 0 7px;}
.legend { display:none; }
 .nav {
	position:relative;
	display:inline-block;
	font-size:14px;
	font-weight:900;
  background-color: #FFF;
}
.title { text-align:center; width: 100%; margin-left: auto; margin-right: auto; margin-bottom:15px;}
.title-mobile { text-align:center; margin-left:auto; margin-right:auto; width:100%; background-color:#fff; border:0px solid #000; margin-left:13px;}
.thumb img { border:1px #000 solid; }
#scrollToTop:link, #scrollToTop:visited { display: none; position: fixed; top: 90%; right: 5px; }
.prev  {width:40px; height: 40px; left:0px; top:45%; position: fixed; padding:5px;}
.next  {width:40px; height: 40px; right:0px; top:45%; position:fixed; padding:5px;}
.main  {width:320px; height: 234px; border:1px solid #000; margin:5px; display:block; float:left; overflow:hidden;}
.head-icons img {text-align:center; margin-left:auto; margin-right:auto; width:100%;}
.half { width:100%; margin-top:10px;}
.form1 { margin-top:10px; }
.skills-mobile {width:100%;}
.header2 { margin-top:-45px; }
 }

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
h2 {font-size:150%; color:#013663; margin-top:10px;}
.timeline-default { display:none; }
.timeline-default-mobile { display:block; margin-left:auto; margin-right:auto; }
.list { width:48%; float:left; display: block; margin-left:2%; }
.left-list ul, .right-list ul { list-style:none; padding: 0; margin-left: 0; margin-top: 0;}
.left-list ul li{
   line-height:1.3em;
   padding: 0 0 0 15px;
   background:url(xml/blue-circle.png) no-repeat 0 7px;}
.right-list ul li{
   line-height:1.3em;
   padding: 0 0 0 15px;
   background:url(xml/gray-circle.png) no-repeat 0 7px;}
.legend { display:none; }
 .nav {
	position:relative;
	display:inline-block;
	font-size:14px;
	font-weight:900;
  background-color: #FFF;
}
.title { text-align:center; width: 100%; margin-left: auto; margin-right: auto; margin-bottom:15px;}
.title-mobile { text-align:center; margin-left:auto; margin-right:auto; width:100%; background-color:#fff; border:0px solid #000; margin-left:13px;}
.thumb img { border:1px #000 solid; }
#scrollToTop:link, #scrollToTop:visited { display: none; position: fixed; top: 90%; right: 5px; }
.prev  {width:40px; height: 40px; left:0px; top:45%; position: fixed; padding:5px;}
.next  {width:40px; height: 40px; right:0px; top:45%; position:fixed; padding:5px;}
.main  {width:320px; height: 234px; border:1px solid #000; margin:5px; display:block; float:left; overflow:hidden;}
.head-icons img {text-align:center; margin-left:auto; margin-right:auto; width:100%;}
.half { width:100%; margin-top:10px;}
.form1 { margin-top:10px; }
.skills-mobile {width:100%;}
.header2 { margin-top:-45px; }
 }

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
h2 {font-size:150%; color:#013663; margin-top:10px;}
.timeline-default { display:none; }
.timeline-default-mobile { display:block; margin-left:auto; margin-right:auto; }
.list { width:48%; float:left; display: block; margin-left:2%; }
.left-list ul, .right-list ul { list-style:none; padding: 0; margin-left: 0; margin-top: 0;}
.left-list ul li{
   line-height:1.3em;
   padding: 0 0 0 15px;
   background:url(xml/blue-circle.png) no-repeat 0 7px;}
.right-list ul li{
   line-height:1.3em;
   padding: 0 0 0 15px;
   background:url(xml/gray-circle.png) no-repeat 0 7px;}
.legend { display:none; }
 .nav {
	position:relative;
	display:inline-block;
	font-size:14px;
	font-weight:900;
  background-color: #FFF;
}
.title { text-align:center; width: 100%; margin-left: auto; margin-right: auto; margin-bottom:15px;}
.title-mobile { text-align:center; margin-left:auto; margin-right:auto; width:100%; background-color:#fff; border:0px solid #000; margin-left:13px;}
.thumb img { border:1px #000 solid; }
#scrollToTop:link, #scrollToTop:visited { display: none; position: fixed; top: 90%; right: 5px; }
.prev  {width:40px; height: 40px; left:0px; top:45%; position: fixed; padding:5px;}
.next  {width:40px; height: 40px; right:0px; top:45%; position:fixed; padding:5px;}
.main  {width:320px; height: 234px; border:1px solid #000; margin:5px; display:block; float:left; overflow:hidden;}
.head-icons img {text-align:center; margin-left:auto; margin-right:auto; width:100%;}
.half { width:100%; margin-top:10px;}
.form1 { margin-top:10px; }
.skills-mobile {width:100%;}
.header2 { margin-top:-45px; }
 }

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
h2 {font-size:150%; color:#013663; margin-top:10px;}
.timeline-default { display:none; }
.timeline-default-mobile { display:block; margin-left:auto; margin-right:auto; }
.list { width:48%; float:left; display: block; margin-left:2%; }
.left-list ul, .right-list ul { list-style:none; padding: 0; margin-left: 0; margin-top: 0;}
.left-list ul li{
   line-height:1.3em;
   padding: 0 0 0 15px;
   background:url(xml/blue-circle.png) no-repeat 0 7px;}
.right-list ul li{
   line-height:1.3em;
   padding: 0 0 0 15px;
   background:url(xml/gray-circle.png) no-repeat 0 7px;}
.legend { display:none; }
 .nav {
	position:relative;
	display:inline-block;
	font-size:14px;
	font-weight:900;
  background-color: #FFF;
}
.title { text-align:center; width: 100%; margin-left: auto; margin-right: auto; margin-bottom:15px;}
.title-mobile { text-align:center; margin-left:auto; margin-right:auto; width:100%; background-color:#fff; border:0px solid #000; margin-left:13px;}
.thumb { width:300px; height:225px; margin:14px; display:block; float:left; border: 0px #013663 solid; }
.thumb img { border: 1px #013663 solid; margin-left:13px; }
.mobile { width:320px; height: 234px; }
#scrollToTop:link, #scrollToTop:visited { display: none; position: fixed; top: 90%; right: 5px; }
.prev  {width:40px; height: 40px; left:0px; top:45%; position: fixed; padding:5px;}
.next  {width:40px; height: 40px; right:0px; top:45%; position:fixed; padding:5px;}
.main  {width:320px; height: 234px; border:1px solid #000; margin:5px; display:block; float:left; overflow:hidden;}
.head-icons img {text-align:center; margin-left:auto; margin-right:auto; width:100%;}
.half { width:100%; margin-top:10px;}
.form1 { margin-top:10px; }
.skills-mobile {width:100%;}
.header2 { margin-top:-45px; }
 }