/*------------------------------------------------------------------
Project:    Name
Author:     Muhammad Salman
URL:        http://muhammadsalman.com
Version:    1.0
Created:        22/10/2014
Last change:    22/10/2014
-------------------------------------------------------------------*/

@media (max-width: 1024px) {
  .info-box h1{
    font-size: 32px;
  }
  .info-box h1 span{
    font-size: 20px;
  }
  .info-box ul li img{
    width: 100%;
  }
  .info-box ul li span:first-child{
    width: 70px;
  }
}

@media (max-width: 991px) {
  .container{
    width: 100%;   
  }
  #header .home-text{
    width: 100%;   
  }
  #header .home-text h1{
    font-size: 48pt;
  }
  #header .home-text h1 span{
    font-size: 26pt;
  }

}

@media (max-width: 800px) {
  body {
    font-size: 16px;
  }
  #navigation.desktop nav > ul{
    margin: 0 0 0 210px;
  }
  #navigation.desktop nav > ul > li > a{
    font-size: 18px;
    margin: 0 25px 0 0;
  }
  #header .home-text h1{
    font-size: 40pt;
  }
  #header .home-text h1 span{
    font-size: 20pt;
  }
  header#header{
    height:500px;
  }

  .info-box h1{
    font-size: 24px;
  }
  .info-box h1 span{
    font-size: 16px;
  }
  .info-box ul li img{
    width: 100%;
  }
  .info-box ul li span:first-child{
    width: 50px;
  }
  h1{
    font-size:36px;
    line-height: 42px;
  }
  section#pickup .container{
    background:url(../images/pickup-sm-bg.png) left 150px no-repeat;
  }
  section#what-to .container{
    background:url(../images/what-to-sm-bg.png) #fff right center no-repeat;
  }
  .download{
    padding: 10px 60px 10px 10px;
    background: url(../images/pdf-sm.png) #000 164px 32px no-repeat;
    width: 230px;
    font-size: 16px;
  }
  .download span{
    font-size: 14px;
  }
  .file_caption{
    text-align: center;
    width:460px;
  }

  .call-to-action{
    font-size: 20px;
    padding:0;
  }
  footer{
    padding: 40px 0;
  }
  footer .footer-nav li{  
    padding: 0 0 20px;
    font-size: 20px;
  }
  footer .footer-nav li a{
    margin-right: 20px;
    margin-left: 20px;
  }
  footer .footer-links li a{
    margin-left: 10px;
  }
}
@media (max-width: 768px) {
  ul.bullets{
    margin-left: 20px;
  }
  footer .footer-links li:first-child a{
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  section#pickup .container{
    background-image: none;
  }
}


@media (max-width: 640px) {
  .info-box{
    margin-top: 20px;
  }
  #navigation.desktop{
    display: none;
  }

  .reveal-modal {
    top: 60px;
    width: 70%;
  }
  #navigation.mobile{
    display: block;
  }

  #header .home-text h1{
    font-size: 32pt;
  }
  #header .home-text h1 span{
    font-size: 18pt;
  }
}
@media (max-width: 480px) {

  h1{
    font-size:32px;
    line-height: 36px;
  }
  header#header{
    height:450px !important;
  }
 
  #header .home-text h1{
    margin-top: 0px;
    font-size: 28pt;
  }

  #header .home-text{
    padding: 180px 0 0 30px;
  }
  p.caption{
    font-size: 14px;
    line-height: 130%;
  }
  header#header{
    height:400px;
  }
  footer .footer-nav li{  
    padding: 0 0 10px;
    font-size: 14px;
  }
  footer .footer-nav li a{
    margin-right: 10px;
    margin-left: 10px;
  }
  section#what-to .container{
    background-image: none;
  }
  .download{
    margin-top: 20px;
    width: 100%;
    display: block;
  }
  .file_caption{
    width:auto;
  }
  .submit{
    display: block;
    margin-top: 10px;
    text-align: center;
  }
}
@media (max-width: 360px) {
  
  #header .home-text h1{
    font-size: 24pt;
  }
  #header .home-text h1 span{
    font-size: 14pt;
  }
  footer .footer-nav li{  
    padding: 0 0 5px;
    font-size: 14px;
  }
  footer .footer-nav li a{
    margin-right: 5px;
    margin-left: 5px;
  }
}


@media (max-width: 320px) {
  .reveal-modal {
    width: 100%;
  }
}