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

    .container { padding-left: 20px; }
    .col-33 { width: 30%; }
    .col-25 { width: 46.1% !important;  } 
       
    section h3 { font-size: 24px; }
       
    #navigation.js { display: none; }
    #menu { float: right;
                  width:1.4em;
                  display: block;
                  color: #222;
                  font-size:28px;
                  font-weight: 900;
                  padding: 20px 15px 0px 15px;
                  text-align: center;
}
      ul { width:100%; }
      li { width:100%; border-right:none; }
  
     #blue-section { background: #56B0E4; }
     #orange-section { background: #FF903E; }
     
     .product-item .thumbnail {  max-height: 200px !important; }
     .product-item, .project-item { margin-right: 10px !important;  }

     #mycarousel {display: none}
    .flexslider-wrapper { display: block; width: 100%; margin: 90px 0px 0px -20px; }
    
    .social-links { float: left; margin-top: 15px; }
    .social-links li { width: 25px;  }

} /* END iPad in (portrait) */ 



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

     .container { padding-left: 12px; }
     #navigation { margin-right: 20px; }
     #navigation a { font-size: 16px; }
    
     #blue-section { background: #56B0E4; }
     #orange-section { background: #FF903E; }
    
     #mycarousel {display: none}
    .flexslider-wrapper { display: block; width: 100%; margin: 90px 0px 0px -12px; }
    
    .social-links { float: right; margin-right: 15px; }
    .social-links li { width: 25px;  }

} /* END iPad in (landscape) */ 



/* START Galaxy (landscape) */ 
@media only screen and (min-device-width : 640px) and (max-device-width : 736px) and (orientation : landscape) { 

    .container { max-width: 600px; padding-left: 12px; }
    .flexslider-wrapper { padding-left: 6px; }
    .product-item .thumbnail { height: 400px; }
    .product-item, .project-item { margin-right: 10px !important;  }
    .col-25 { width: 45.5% !important;  } 
    
    #navigation.js { display: none; }
    #menu { float: right;
                  width:1.4em;
                  display: block;
                  color: #222;
                  font-size:28px;
                  font-weight: 900;
                  padding: 20px 15px 0px 15px;
                  text-align: center;
}
      ul { width:100%; }
      li { width:100%; border-right:none; }
    
    .jcarousel-prev,
    .jcarousel-next { display: none !important; }
    .project-item .item-title { bottom: 20px; }
    .photo-stream img { width: 49px; height: 49px; }
    
     #mycarousel {display: none}
    .flexslider-wrapper { display: block; width: 100%; margin: 90px 0px 0px -20px; }

    .social-links { float: left; margin-top: 15px; }
    .social-links li { width: 25px;  }

} /* END Galaxy (landscape) */ 




/* START All Mobiles (portrait) */
@media only screen and (max-width: 479px) {
   
   .container { width: 90%; padding: 0px 15px 0 4px; }
    #main { width: 100%; }
    #sidebar { display: none; }
    #infobar { width: 100%; }
    section { padding: 10px 0px 10px 0px; }
    
    #navigation.js { display: none; }
    #menu { float: right;
                  width:1.4em;
                  display: block;
                  color: #222;
                  font-size:28px;
                  font-weight: 900;
                  padding: 20px 15px 0px 15px;
                  text-align: center;
}
      ul { width:100%; }
      li { width:100%; border-right:none; }

     #blue-section { background: #56B0E4; }
     #orange-section { background: #FF903E; }
    
    .project-nav { float: left; margin-top: 0px; }
    .page-title { padding: 90px 0 0 30px; font-size: 36px;}   
    
    .col-17 { width: 27%; }
    .col-25 { width: 100% !important;  }
    .col-33 { width: 100%; }
    .col-50 { width: 48%; }
    .col-66 { width: 100% }
    .col-75 { width: 100%; }

    .col-33-xs { width: 30.6%; float: left; }
    .col-17, .col-25, .col-33, .col-50, .col-66, .col-75 { margin-bottom: 20px; }

    .sep10   { height: 10px; }
    .sep20   { height: 0px; }
    .sep30   { height: 20px; }
    .sep40   { height: 25px; }
    .sep50   { height: 30px; }
    .sep60   { height: 40px; }
    .sep70   { height: 45px; }
    .sep80   { height: 50px; }
    .sep90   { height: 60px; }
    .sep100  { height: 50px; }

    .product-item .product-info { height: 50px; }
    .project-item .project-info { height: 20px; }
    .project-carousel li { width: 280px; height: 280px; }
    
    #footer .info { margin-top: 20px; }
    #mycarousel {display: none}
    .flexslider-wrapper { display: block; width: 100%; margin: 90px 0px 0px -4px !important; }
    
    .social-links { float: left; margin-top: 15px; }
    .social-links li { width: 10%; margin-left: 0; margin-right: 8px; }
  /* EXTRAS */
    .section h3 { font-size: 20px; }
    #light-section { margin-top: 20px; }
} /* END All Mobiles (portrait) */



/* START All Mobiles (landscape) */
@media only screen and (max-width: 640px) {
   
    .container { width: 90%; padding: 0px 15px 0 4px; }
       
    #navigation.js { display: none; }
    #menu { float: right;
                  width:1.4em;
                  display: block;
                  color: #222;
                  font-size:28px;
                  font-weight: 900;
                  padding: 20px 15px 0px 15px;
                  text-align: center;
}
      ul { width:100%; }
      li { width:100%; border-right:none; }

    
    .col-17 { width: 28%; }
    .col-25 { width: 45.7%; }
    .col-33 { width: 100%; }
    .col-50 { width: 100%; }
    .col-66 { width: 100% }
    .col-75 { width: 100%; }

    .col-33-xs { width: 30.6%; float: left; }
    .col-17, .col-25, .col-33, .col-50, .col-66, .col-75 { margin-bottom: 20px; }
    
    #mycarousel {display: none}
     .project-nav { float: left; margin-top: 0px; }
     .flexslider-wrapper { display: block; width: 100%; margin: 90px 0px 0px -10px; }
    
    .social-links { float: left; margin-top: 15px; }
    .social-links li { width: 26px;  }

} /* END All Mobiles (landscape) */




/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) { }

/* Ultra Wide Monitors */
@media only screen and (min-width: 1500px) {
.col-25 { width: 21.5%; }
}

/* Smart TV */
@media only screen and (min-width: 3000px) {
.col-25 { width: 100%; }
}