@media (max-width:1200px) {

  #preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  #preloader img {
    position:relative;
    top: 25%;
    left: -10%;
    display: block;
  }

  .navbar-collapse {
    display: none;
  }

  #menu {
    display: block;
    position: absolute;
    top: 30px;
    right: 2%;
    cursor: pointer;
    width: 55px;
    border-radius: 50%;
    border:1px solid #5b681c;
    padding: 9px;
    transition: .5s all;
  }

  #menu:hover {
    background: #eee;
    border-color: #eee;
    box-shadow: 0px 2px 3px rgba(0,0,0,.3);
  }

  nav .navbar-brand>img {
    height: 80px !important;
  }


  #index section:nth-of-type(3) .solutios{
    width: 80%;
    margin: 10px auto;
  }
  #index section:nth-of-type(3) .solutios img {
    width: 100%;
  }

  .sub-menu {
    display: none;
    top: 0%;
    right: 0%;
    left: 0%;
    background: rgba(0,0,0,0);
    height: 100vh;
    z-index: 999;
  }

  .sub-menu img[alt=logo] {
    height:150px;
    display: block;
    margin :25px 0px;
  }

  .sub-menu ul {
    margin: 5vh auto 0px;
  }
  .sub-menu ul li {
    width: 100% !important;
    background: #953134;
    margin: 10px auto;
    text-align: center;
  }

  .sub-menu ul li a {
    font-family: 'Source sans Pro', sans-serif;
    color: #fff;
    font-size: 50px;
    text-transform: capitalize;
    line-height: 70px;
    transition: .5s all;
    font-weight: bolder;
  }

  #exit{
    display: block;
    /* position: absolute; */
    /* top:1%;
    right: 1%; */
  }

  #exit img {
    cursor: pointer;
    width: 50px;
    border-radius: 50%;
    border:1px solid #5b681c;
    padding: 9px;
    margin: 100px auto 0px;
    transition: .4s all;
  }

  #exit img:hover {
    background: #eee;
    border-color: #eee;
    text-shadow: 0px 2px 3px rgba(0,0,0,.3);
  }

  #services > section:nth-child(2) > div > div > div img {
    text-align: left;
    margin: auto;
    display: block;
    width: 90%;
  }

}

@media (max-width:768px) {
  #preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  #preloader img {
    position:relative;
    top: 25%;
    left: -40%;
    display: block;
    /* transform: translate(50%,50); */
  }
  .sub-menu ul li  a{
    font-size: 35px;
    margin: .5px auto;
  }

  .sub-menu img[alt=logo] {
      height: 100px;
  }

  #exit img {
    margin-top: 60px;
  }

  #index section:nth-of-type(1) section h3 {
    width: 100% !important;
  }

  #upper-nav {
    display: none;
  }

  #index section:nth-of-type(3) .solutios{
    width: 100%;
    margin: 10px auto;
  }
  #index section:nth-of-type(3) .solutios img {
    width: 120%;
  }

  nav .navbar-header img { margin-left:0 !important}
  nav .navbar-collapse { margin-right: 0 !important;}

  #online-quote section:nth-of-type(1) form {
    width: 100%;
    margin-top: 20vh;
  }

  #online-quote section:nth-of-type(1) form input,textarea {
    width: 100%;
  }

  #online-quote section:nth-of-type(1) form h2 {
    width: 100%;
  }

  #arrow{display: none !important;}

  #section1{height: 120vh}

  #section2 h2{
    width: 100%;
    line-height: 30px;
  }

  #section2 .title p {
    line-height: 30px;
  }

  #section5 h3 {
    line-height: 40px;
    margin-bottom: 20px;
  }

  #section3 .card-solution {
    padding-bottom: 50px;
  }

  #section3 .card-solution p {
    line-height: 30px;
  }

  #section4 h2 {
    width: 100%;
  }

  #social-buttons{display: none !important}

  footer .twtr {
    text-align: center;
  }

  footer #copyrights h6 {
    line-height: normal;
    margin-top: auto;
  }

  #contact section:nth-of-type(2) #form input[type=submit]{
    width: 100%;
  }
}

@media (min-width: 768px) {
  nav .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  nav .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  nav .container {
    width: 1300px;
  }
}