.modal-box { display: none; position: fixed; overflow-y: auto; background-color: #f7f6f6; width: 90%; height: 90%; max-height: 90%; z-index: 999991; top: 5%; left: 5%; border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 0px solid #000000; }
.overlay-box { display: none; top: 0px; left: 0; position: absolute; z-index: 99999; width: 100%; height: 100%; background: url('../i/overlay.png'); width: 100%; height: 100%; }
.close-modal { position: absolute; right: 15px; top: 15px; cursor: pointer; }
.close-modal2 { position: absolute; right: 15px; top: 15px; cursor: pointer; }
.close-modal2 img { display: block; }
.modal-box .title { font-size: 59px; color: #e8a83a; font-weight: 900; }
.modal-box .subtitle { font-size: 33px; color: black; font-weight: 900; }
.modal-box .image { display: inline; float: left; }
.modal-box .text { display: inline; text-align: left; }
.modal-box .modal-header2 { max-width: 800px; margin: 0px auto; float: none; }
.modal-box .modal-content-row { font-size: 25px; padding-top: 50px; padding-bottom: 50px; }
.modal-box .modal-content-row .col-md-6 { padding: 0px 40px; }
.modal-box .modal-content-row b { font-weight: 900; }
.modal-box .table-bordered tr td { padding: 5px; }
.modal-box .table-bordered tr th { padding: 5px; }
.with-padding { padding-left: 20px; padding-top: 30px; display: inline-block; }

.modal-box.modal-contact { max-width: 600px; height: auto !important; top: 150px; left: calc(50% - 300px); }


.modal-box2 { display: none; position: fixed; overflow-y: auto; background-color: #f7f6f6; width: 50%; z-index: 999991; top: calc(50% - 25%); left: calc(50% - 25%); border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 0px solid #000000; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a1a1a1;
  opacity: 0.6; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a1a1a1;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #a1a1a1;
}

.modal-content-row { text-align: justify; }
.use-cases .col-md-3 { min-height: 530px; }



@media (max-width: 991px) {
.modal-box2 { display: none; position: fixed; overflow-y: auto; background-color: #f7f6f6; width: 90%; z-index: 999991; top: calc(50% - 25%); left: 5%; border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 0px solid #000000; }
.close-modal img { max-width: 30px; }
    
   .menu .navbar-nav li a { font-size: 3vw; }
   .slider .text-container { font-size: 1.5vw; padding: 10px; top: 150px; }
   .slider .text-container h1 { font-size: 3vw; }
   .menu .col-md-3 { width: 50%; }   
   .menu .col-md-3 img { max-height: 60px; }
   .menu .col-md-9 { width: 100%; margin-top: -55px; padding-bottom: 15px; }
   .box-container h2 { margin-left: 0px; text-align: center; padding-top: 0px; margin-top: 0px; }
   #footer { text-align: center; }
   #footer img { margin: 0px auto; text-align: center; }
   #content-about { text-align: center; }
   #content-about .pic-left p { text-align: center; max-width: 100%;}
   #content-about .pic-left ul { list-style-position: outside; max-width: 240px; text-align: left; margin: 0px auto; }
  #content-about h4 { font-size: 47px;  }
  #content-about .pic-left p { font-size: 18px;  }
  #content-about p.intro { font-size: 18px; }
  #what-we-offer p.intro { font-size: 18px; }
  #what-we-offer p { font-size: 18px; }
  #products .product-container p { font-size: 18px; }
  #content-about .pic-left ul li { font-size: 18px; }   
  #quality-header .box-container p { font-size: 18px; }
  #method p { font-size: 20px; }
  #standards ul li { font-size: 18px; }
  #about-header p { font-size: 20px; }
  #about-header h1 { font-size: 64px; }
  #what-we-offer .col-md-4 { width: 100%; text-align: center; }
  #what-we-offer p.intro { max-width: 100%; }
  .go-to-btn { margin-bottom: 40px; }
  #what-we-offer .col-md-3 { width: 100%; margin-bottom: 40px; }
  
  #content-about.quality .row .col-md-6 h4.text-right { text-align: center; float: none !important; }
  #method { text-align: center; font-size: 28px; }
  #quality-header h1 { padding-top: 150px; padding-bottom: 30px; font-size: 64px; font-weight: 900; }
  #quality-header p { color: white; font-size: 20px; line-height: 24px; }
  
  #download h1  { text-align: center; }
  #download .download-box { margin: 0px; }
  
  #download .download-box { line-height: 30px; }
  #download .download-box { margin: 0px; text-align: center; }
  #download .download-box p { padding-left: 10px; margin: 10px 0px; font-size: 33px; color: black; }
  #download .download-box a { display: inline-block; margin: 10px 0px; }
  #download .download-row { margin-bottom: 60px; }
  #download .files-row { padding: 0px; margin: 0px; }
  .right-contact { padding-bottom: 50px; }  
  .product-container { float: none !important; width: 100%; max-width: 100%; height: auto; }
  #products .product-container a { position: relative; margin-top: 30px; margin-bottom: 0px; bottom: 0px; }
  #accessories .product-container a { position: relative; margin-top: 30px; margin-bottom: 0px; bottom: 0px; }
  #accessories .product-container img { max-width: 90%; }
  .quality-text { text-align: center; }
  #accessories .go-to-btn { padding: 15px 10px; font-size: 43px; font-weight: 900; float: none; margin: 0px auto; display: inline-block; margin-top: 30px; }
  .small-text-center { text-align: center; }
  #product-header p { font-size: 26px; }
  .bx-wrapper img { display: block; margin: 0px auto; }
  .opinions p { text-align: center; padding-top: 20px; }
  #about-header { background: #e8a83a; }
  
  .modal-box.modal-contact { max-width: 320px; left: calc(50% - 160px); top: 125px; }
}

@media (max-width: 992px) {
  .contact-inner { padding-left: 0px; }
  .left-contact { padding-right: 0px; }
  .right-contact input { width: 100%; }
  .right-contact textarea { width: 100%; }
  .close-modal { right: 3px; z-index: 9999; }
  .modal-box .title { font-size: 32px; }
  .modal-box .modal-content-row { font-size: 18px; }
  #content-about.quality h4 { font-size: 32px; }
}