@media (max-width: 767px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

   .navigation .navbar-nav > li > a{
     padding: 38px 20px;
   }

   .animated-nav .navigation .navbar-nav > li > a{
     padding: 30px 20px;
   }

   #service .media{
     padding-left: 0;
   }

   .mobile-device .black{
     left: 0px;
   }

   .mobile-device .white{
     left: -98px;
   }

   figcaption.mask{
     padding: 10px;
   }

   figcaption.mask h3{
     font-size: 15px;
   }

   figcaption.mask span{
     font-size: 12px;
   }

   .plus{
       height: 30%;
       width: 30%;
       margin-left: -15%;
   }

   .portfolio-item:hover .plus{
     top: 40%;
   }

   .fact-item{
     padding-bottom: 30px;
   }

   .subtitle{
     padding-top: 50px;
   }

   .pricing-table{
     padding-bottom: 50px;
   }

   figure, p{
     padding-top: 30px;
   }

}

@media only screen and (max-width: 767px) {
   .navbar-toggle {
     border: 1px solid rgba(15, 116, 143, 0.8);
     margin-top: 37px;
   }

   .navbar-toggle .icon-bar {
     background-color: rgba(15, 116, 143, 0.8);
   }

   .animated-nav .navbar-toggle {
     border: 1px solid #fff;
     margin-top: 21px;
   }

   .animated-nav .navbar-toggle .icon-bar {
     background-color: #fff;
   }

   .animated-nav .navigation .navbar-nav > li > a,
   .navigation .navbar-nav > li > a {
     padding: 15px 25px;
   }

   .navigation .navbar-nav > li > a {
     background-color: #3D4095;
     border-bottom: 1px solid #5153A0;
   }

   .navigation .navbar-nav > li > a:hover {
     background-color: rgba(0, 0, 0, 0.2);
   }

   .navigation .navbar-nav > li.current > a {
     border-bottom: 1px solid #fff;
     color: #fff;
   }


   .carousel-caption > div{
     width: 100%;
     text-align: center;
     padding: 20px 0;
   }

   #home-carousel .carousel-inner h2{
       font-size: 20px;
       line-height: 31px;
   }

   .carousel-caption{
     right: 0;
   }

   .section-title{
     width: 100%;
   }

   #service .media{
     padding-left: 0px;
   }

   #service .media > .pull-left{
     margin-right: 15px;
   }

   .mobile-device img{
     float: none;
   }

   .mobile-device .black{
     left: 0;
   }

   .mobile-device .white{
     bottom: 336px;
     left: 83px;
   }

   #service-bottom{
     padding-bottom: 100%;
   }

   .service-features{
     padding: 40px 0 0 20px;
     width: 100%;
     top: 60%;
     height: 319px;
   }

   .service-features h3{
     margin-bottom: 0px;
   }

   .portfolio-item{
     width: 100%;
   }

   .tst-content{
     margin: 10px 0 0 125px;
   }

   .subtitle{
     padding-top: 50px;
   }

   .call-to-action p{
     font-size: 14px;
   }

   .pricing-table{
     padding-bottom: 50px;
   }

   figure, p{
     padding-top: 30px;
   }

   .special-plan p{
     line-height: 30px;
   }

   .contact-details{
     margin-bottom: 0px;
   }

   .contact-details > span{
     padding-top: 100px;
   }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {


}

@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {

}