/*
|-----------------------------------------------------------------------
| Media Queries
|-----------------------------------------------------------------------
*/

@media only screen and (min-width: 1824px) {
}

@media only screen and (max-width:1100px) {
  .circles-wrapper
  {
    width: 350px;
    height: 350px;
    margin-top: -190px;
    margin-left: -175px;
  }

  .circle-box
  {
    width:240px;
  }

  .circle-red-box, .circle-yellow-box, .circle-white-box, .circle-blue-box
  {
    width: 100px;
    height: 100px;
  }

  .circle-red-box
  {
    margin-left: 15px;
    padding-top: 20px;
  }

  .circle-yellow-box
  {
    margin-left: 0px;
    padding-top: 20px;
  }

  .circle-white-box
  {
    margin-left: 15px;
  }

  .circle-blue-box
  {
    margin-left: 0px;
  }

  .circle-red-icon, .circle-yellow-icon, .circle-white-icon, .circle-blue-icon
  {
    height: 100px;
    width: 100px;
  }

  .circle-red-icon:hover, .circle-yellow-icon:hover, .circle-white-icon:hover, .circle-blue-icon:hover
  {
    height: 100px;
    width: 100px;
  }
}
@media only screen and (max-width:820px) {

  .contact
  {
    padding-left: 6%;
  }

  .circle-red-box, .circle-yellow-box, .circle-white-box, .circle-blue-box
  {
    width: 90px;
    height: 90px;
  }

  .circle-red-box
  {
    padding-top: 27px;
    padding-left: 7px;
  }

  .circle-yellow-box
  {
    padding-top: 25px;
    margin-left: 7px;
  }

  .circle-white-box
  {
    margin-top:26px;
    padding-left: 10px;
  }

  .circle-blue-box
  {
    margin-top: 24px;
    margin-left: 7px;
  }

  .circle-red-icon, .circle-yellow-icon, .circle-white-icon, .circle-blue-icon
  {
    height: 90px;
    width: 90px;
  }

  .circle-red-icon:hover, .circle-yellow-icon:hover, .circle-white-icon:hover, .circle-blue-icon:hover
  {
    height: 90px;
    width: 90px;
  }

}

@media only screen and (max-width:767px) {
  .navbar-default .navbar-nav > li > a
  {
    color: #FFF;
  }

  .navbar-default .navbar-nav > li > a:focus {
    color: #7CA0FF;;
  }
  .navbar-nav
  {

    border-bottom: 1px solid !important;
  }

}

@media only screen and (max-width:480px) {
  body
  {
    overflow: hidden;
  }

  .contact
  {
    padding-left: 1%;
  }

  .circle-red-box, .circle-yellow-box, .circle-white-box, .circle-blue-box
  {
    width: 90px;
    height: 90px;
  }

  .circle-red-box
  {
    padding-top: 27px;
    padding-left: 9px;
  }

  .circle-yellow-box
  {
    padding-top: 25px;
    margin-left: 9px;
  }

  .circle-white-box
  {
    margin-top:26px;
    padding-left: 10px;
  }

  .circle-blue-box
  {
    margin-top: 24px;
    margin-left: 7px;
  }

  .circle-red-icon
  {
    height: 88px;
    width: 88px;
  }
  .circle-yellow-icon, .circle-white-icon, .circle-blue-icon
  {
    height: 90px;
    width: 90px;
  }

  .circle-red-icon:hover, .circle-yellow-icon:hover, .circle-white-icon:hover, .circle-blue-icon:hover
  {
    height: 90px;
    width: 90px;
  }

}
@media only screen and (max-height:380px) {

}