/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/

@media (min-width: 768px) {
  #contact .contact-address,
  #contact .contact-phone,
  #contact .contact-email {
    padding: 20px 0;
  }

  #contact .contact-phone {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
}

@media (min-width: 992px) {
  #testimonials .testimonial-item p {
    width: 80%;
  }
 

}

@media (min-width: 1024px) {
  #header #logo {
    padding-left: 60px;
  }

  #intro p {
    width: 60%;
  }

  #intro .carousel-control-prev,
  #intro .carousel-control-next {
    width: 5%;
  }

  #nav-menu-container {
    padding-right: 60px;
  }
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }

  #header #logo h1 {
    font-size: 28px;
  }

  #header #logo img {
    max-height: auto;
  }

  #intro h2 {
    font-size: 28px;
  }

  #nav-menu-container {
    display: none;
  }

  #mobile-nav-toggle {
    display: inline;
  }
  #servicePage {
      padding-top: 30%;
      padding-bottom: 5%;
  }
  .blogPage{
       padding-top: 30%;
      padding-bottom: 5%;
  }
   .carousel-content > p{
    font-size: 30px;
  }
}

@media (min-width: 700px){
    .modal-dialog {
        max-width: 600px;
        
    }
  }


  @media screen and(min-width: 900px)
{
  .modal-dialog {
      max-width: 800px;
  }
}
@media screen and (max-width: 899px) and (min-width: 700px)
{
  .modal-dialog {
      max-width: 650px;
  }
}
@media screen and (max-width: 699px) and (min-width: 500px)
{
  .modal-dialog {
      max-width: 500px;
      margin: 1.75rem auto;
  }
}

@media screen and (max-width: 499px) and (min-width: 350px)
{
  button, input, optgroup, select, textarea
  {
    margin: 10px 0;
  }
  .modal-dialog
  {
      max-width: 345px;
  }
}

@media (max-width: 1200px){
  #mobile-nav-toggle {
      display: inline;
  }
  #nav-menu-container
  {
    display: none;
  }
}

@media screen and (max-width: 399px){
  .services_sec .icon i {
    height: 70px;
    display: block;
}

}

@media screen and (max-width: 399px)
{
  
  .modal-dialog
  {
      max-width: 345px;
  }
}
@media screen and (max-width: 349px)
{
  
  .modal-dialog
  {
      max-width: 300px;
      margin:5px;
  }
}