/*Media Query*/

/*Screen 480 px*/

@media (max-width: 480px) {
    #calculator{
        margin-bottom:20px;
    }
  
  	#bs-example-navbar-collapse-1{ 
  	border:none; 
  	/*margin-top: 10px;*/
 	 width:100%;
	}
  
  .mod-languages {
    position:relative;
    left:90px;
  }
  
   #contact-us p {
    font-size:14px;
    text-align: center;
    }
  
    #calltoaction h1 {
    font-size:19px;
    text-align: center;
    }
  
    .navbar-header img {
        width: 80%;
        padding-left:80px;
    }
    
    #title-1 h1 {
    font-size:22px;
  }
  
   #title-1 h2 {
    font-size:18px; 
  }
  
  #services h3 {
    font-size:14px;  
  }
  
  #services p {
    font-size:14px; 
  }
  
  #services h1 {
    font-size:22px;
  }
  
  #title-2 h1{
    font-size:22px;
  }
  
  #title-2 h2 {
    font-size:18px;
  }
  
  #products h3 {
    font-size:16px;
  }
  
  #products p {
     font-size:14px;
  }
  
  #news .newsflash-title {
      font-size:16px;
  }
  
  #bar-footer p {
    font-size: 14px;
    text-align: center;
  }

  #bar-footer h3 {
    font-size:16px;
    text-align: center;
    font-weight:700;
}
  
  #bar-footer h4 {
    font-size:16px;
    text-align: center;
}
  
  #bar-privacy p {
    font-size:14px;
    text-align: center;
}
  
 #component-content p {
  font-size: 14px; 
  }
  
   #component-content li {
  	font-size: 14px; 
  }
  
  
  #component-content h3 {
      font-size: 16px;
   }
  
  #component-content h1 {
      font-size: 20px;
   }
  
  #component-content h2 {
      font-size: 18px;
   }
  
  #background-header-internal h1{
    font-size:22px;
  }
  
  #background-header-internal h2 {
    font-size: 25px;
	word-wrap: break-word;
	word-spacing: 3px;
  }
  
  #title-3 h1{
    font-size: 22px;
  }
  
  #news p{
    font-size: 14px;
  }
  
  legend {
    font-size:14px;
  }
  
  #header-1 h1 {
    font-size: 30px;
    word-wrap: break-word;
    word-spacing: 5px;
    text-indent: 20px;
  } 
  
  #header-2 h1{
    color: #ffffff; 
    text-shadow: 2px 1px 2px #000; 
    padding-top: 420px; 
    text-align: left;
    font-size: 30px;
    text-indent:15px;
  }
  
  #header-2 h2{
    color: #ffffff; 
    text-shadow: 2px 1px 2px #000; 
    padding-top: 5px; 
    text-align: center;
    display:none;
  }
  
  #header-2 h3{
    color: #ffffff; 
    text-shadow: 2px 1px 2px #000; 
    padding-top: 5px; 
    text-align: center;
    font-size:20px;
    display:none;
  }
  
  #header-3 h1{
    color: #ffffff; 
    text-shadow: 2px 1px 2px #000; 
    padding-top: 5px; 
    text-align: center;
    font-size:30px;
    word-wrap: break-word;
    word-spacing: 12px;
  }
  
  #header-3 h2 {
    color: #ffffff; 
    text-shadow: 2px 1px 2px #000; 
    padding-top: 5px; 
    text-align: center;
    font-size:25px;
  }
  
  #header-2{
   background-image: url("../images/header-2-xs.jpg");
   height:501px;
  }
  
   #header-1{
   background-image: url("../images/header-1-xs.jpg");
   height:501px;
  }
  
  #header-3{
   background-image: url("../images/header-3-xs.jpg");
   height:501px;
  }
  
}

/*Carousel*/

  /*  #services .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        right:-20px;
        padding-top: 5px;
        top:80px;
        
     }

      #services .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev {
      right:20px;
      padding-top: 5px;
      top:80px;
      }
      
      #services.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
          
          padding-left: 120px;
}
/*

/*Screen 922px */

@media (min-width:922px)  {
    
  	#bs-example-navbar-collapse-1{ 
  	 border:none; 
 	 width:80%;
	}

   #header-1 h1 {
     font-size:50px;
     text-indent: 150px;
  }
  
  #header-2 h1{
     font-size:50px;
     text-align: left; 
     color: #ffffff; 
     text-shadow: 2px 1px 2px #000; 
     padding-top: 420px; 
     text-indent: 200px;
  }
  
  #header-2 h2{
     text-align: left; 
     color: #ffffff; 
     text-shadow: 2px 1px 2px #000; 
     padding-top: 5px; 
     text-indent: 200px;
     font-size:40px;
  }
  
  #header-2 h3{
     text-align: left; 
     color: #ffffff; 
     text-shadow: 2px 1px 2px #000; 
     padding-top: 5px; 
     text-indent: 200px;
     font-size:30px
  }
  
  #header-3 h1{
     text-align: left; 
     color: #ffffff; 
     text-shadow: 2px 1px 2px #000; 
     padding-top: 420px; 
     text-indent: 150px;
     font-size: 55px;
  }
  
  #header-3 h2{
     text-align: left; 
     color: #ffffff; 
     text-shadow: 2px 1px 2px #000; 
     padding-top: 5px; 
     text-indent: 200px;
  }
  
  #header-2 {
   background-image: url("../images/header-2.jpg");
   height:550px;
   background-repeat: no-repeat;
   background-position:center;
   background-size:cover;
}

#header-1 {
   background-image: url("../images/header-1.jpg");
   height:550px;
   background-repeat: no-repeat;
   background-position:center;
   background-size:cover;
}

#header-3 {
   background-image: url("../images/header-3.jpg");
   height:550px;
   background-repeat: no-repeat;
   background-position:center;
   background-size:cover;
}
  
  #component-content p {
  font-size: 21px; 
  }
  
   #component-content li {
  	font-size: 21px; 
  }
  
  #services .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  color:#8F46F9;
  left: -50px;
  top: 120px;  
}

  #services .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev {
  left:-300px;
  color:#8F46F9;
  top:120px; 
}
  
  #calltoaction h1 {
    font-size:36px;
    }
  
}

/*Screen 768*/

@media (min-width:768px) and (max-width: 768px) {
    
   #calltoaction h1 {
    font-size:23px;
    }
  
  #bar-footer p {
  font-size: 16px;
  }

  #bar-footer h3 {
    font-size:20px;
    font-weight:700;
}
  
  #bar-footer h4 {
    font-size:18px;
}
    
}