@media screen and (min-width: 2000px) {
}


@media screen and (max-width: 1400px) {
   #portfolio ul.portfolio li{ 
      height: 240px;
   }
   .portfolio li:hover .external-link{ right: 34%; opacity: 1; }
   .portfolio li:hover .popup{ left: 34%; opacity: 1; }
}

@media screen and (max-width: 1200px) {
   #portfolio ul.portfolio li{ 
      width: 33.3333333%;
   }
}

@media screen and (max-width: 992px) {
   p.lead a{ 
      margin-top: 20px; 
      display: block; 
      float: left; 
      margin-left: 0; 
      margin-right: 10px;
   }
   p.lead small{ padding-top: 10px; display: block; }
   .features div.col-md-4{ margin-bottom: 40px !important; }
   .counter div{ margin-bottom: 30px; }
   #team .thumbnail{ margin-bottom: 80px; }
   .plan,.plan.popular{ margin-bottom: 60px; width: auto; margin-left: 0; }
   #contact .contactinfo {
      margin-left: 0;
   }
   footer section{ margin-bottom: 40px; }
   #contact{ padding-bottom: 350px; }
   section.google-map #map-canvas{ width: 150%; height: 175%; margin-left: -22%; }
   section.inner.blue p a.btn{ margin-left: 0; }
   section.inner.blue p.lead{ text-align: left; }
   section.inner.blue p.lead span{ display: block; }
   .md-blue span{
     font-size: 18px;
   }
}

@media screen and (max-width: 900px) {
   #portfolio ul.portfolio li{ 
      width: 50%;
   }
}

@media screen and (max-width: 600px) {
   #team iframe{
      height: 195px;
   }
   #portfolio ul.portfolio li{ 
      width: 100%;
      height: 320px;
   }
   .portfolio li:hover .external-link{ right: 39%; opacity: 1; }
   .portfolio li:hover .popup{ left: 39%; opacity: 1; }
}