/* RESPONSIVE CSS
-------------------------------------------------- */

/*////////////////////////////  Nav Collapse 767px - 934px //////////////////////////// */

@media (min-width: 767px) and (max-width: 934px) {

  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }

  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
    .navbar-toggle {
      display: block;
  }
  .collapse.in{
      display:block !important;
  }

}


/* ///////////////////// Medium desktops and portrait tablets (1400px and up) /////////////////*/

@media (min-width: 1400px) {
  

} 





/* ///////////////////// Medium desktops and portrait tablets (1200px to 1366px) /////////////////*/


@media (min-width: 1200px)  and (max-width: 1399px){
 



  
}    

/* ///////////////////// Medium desktops and portrait tablets (1100px to 1199px) /////////////////*/

@media (min-width: 1100px) and (max-width: 1199px){

 
 
}

/* ///////////////////// Medium desktops and portrait tablets (992px to 1099px) /////////////////*/

@media (min-width: 992px) and (max-width: 1099px) {



 
}
/*////////////////////////////  Portait tablets 960px - 991px //////////////////////////// */

@media (min-width: 960px) and (max-width: 991px) {


}

/*////////////////////////////  Portait tablets 935px - 959px //////////////////////////// */

@media (min-width: 935px) and (max-width: 959px) {


}



/*////////////////////////////  Portait tablets 880px - 934px //////////////////////////// */

@media (min-width: 880px) and (max-width: 934px) {



}





/*////////////////////////////  Portait tablets 768px - 879px //////////////////////////// */

@media (min-width: 768px) and (max-width: 1024px) {
.content p {
    font: normal 1.5em/2.2 "Quicksand", sans-serif
}
.content ul {
    margin-left: 12px;
} 
}




/*////////////////////////// Small portrait tablets (600px to 767px )  ////////////////////////////// */

@media (min-width: 600px) and (max-width: 767px) {
  .carousel {
    height: 400px;
  }
  .carousel .carousel-inner .item {
    height: 400px;
  }
  .carousel .slides .slide-1, 
  .carousel .slides .slide-2,
  .carousel .slides .slide-3,
  .carousel .slides .slide-4,
  .carousel .slides .slide-5 {
    height: 400px;
  }

  .choices {
    width: 100%;
  }
  .choices {
    width: 45%;
    -webkit-box-shadow: 0 0 50px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 50px 0px rgba(0,0,0,0.2);
    box-shadow: 0 0 50px 0px rgba(0,0,0,0.2);
  }

  .nav > li > a {
    font: 600 2.6em/1.6 'Quicksand', sans-serif !important;
  }
  .navbar-default .navbar-brand {
      width: 100%!important;
  }
  .navbar-brand img {
    width: 84%;
    margin: auto;
  }
  .navbar-default .navbar-nav > li > a {
    text-align: center;
  }
  .navbar-header {
    text-align: center;
  }
  .navbar-toggle {
    margin: 0 0 20px;
    float: none!important;
  }

  .phone {
    text-align: center;
    padding: 30px 0 0;
  }
  .phone a:link {
    font: 400 3.0em/1.4 "Quicksand", sans-serif !important;
    color: #062063 !important;
    text-decoration: none;
    margin-bottom: 20px;
  }
  .phone a:visited {
    color: #062063 !important;
    text-decoration: none
  }
  .phone a:hover,
    a:active,
    a:focus {
    color: #FC0;
    text-decoration: underline
  }
}


/*//////////////////// Landscape smartphones (540px to 599px)//////////////////////////////////// */

@media (min-width: 540px) and (max-width: 599px) {
  .carousel {
    height: 400px;
  }
  .carousel .carousel-inner .item {
    height: 400px;
  }
  .carousel .slides .slide-1, 
  .carousel .slides .slide-2,
  .carousel .slides .slide-3,
  .carousel .slides .slide-4,
  .carousel .slides .slide-5 {
    height: 400px;
  }

  .choices {
    width: 100%;
  }
  .choices {
    width: 45%;
    display: inline-block;
    text-align: center;
    margin: 2%;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 50px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 50px 0px rgba(0,0,0,0.2);
    box-shadow: 0 0 50px 0px rgba(0,0,0,0.2);
  }

  .nav > li > a {
    font: 600 2.6em/1.6 'Quicksand', sans-serif !important;
  }
  .navbar-default .navbar-brand {
      width: 100%!important;
  }
  .navbar-brand img {
    width: 84%;
    margin: auto;
  }
  .navbar-default .navbar-nav > li > a {
    text-align: center;
  }
  .navbar-header {
    text-align: center;
  }
  .navbar-toggle {
    margin: 0 0 20px;
    float: none!important;
  }

  .phone {
    text-align: center;
    padding: 30px 0 0;
  }
  .phone a:link {
    font: 400 3.0em/1.4 "Quicksand", sans-serif !important;
    color: #062063 !important;
    text-decoration: none;
    margin-bottom: 20px;
  }
  .phone a:visited {
    color: #062063 !important;
    text-decoration: none
  }
  .phone a:hover,
    a:active,
    a:focus {
    color: #FC0;
    text-decoration: underline
  } 
}


/*//////////////////// Landscape smartphones (480 to 539px)//////////////////////////////////// */

@media (min-width: 480px) and (max-width: 539px) {
  .carousel {
    height: 400px;
  }
  .carousel .carousel-inner .item {
    height: 400px;
  }
  .carousel .slides .slide-1, 
  .carousel .slides .slide-2,
  .carousel .slides .slide-3,
  .carousel .slides .slide-4,
  .carousel .slides .slide-5 {
    height: 400px;
  }

  .choices {
    width: 100%;
  }
  .choices {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 2% 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 50px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 50px 0px rgba(0,0,0,0.2);
    box-shadow: 0 0 50px 0px rgba(0,0,0,0.2);
  }
  .choices .inner .middle {
      margin: 0 0!important;
  }
  .nav > li > a {
    font: 600 2.6em/1.6 'Quicksand', sans-serif !important;
  }
  .navbar-default .navbar-brand {
      width: 100%!important;
  }
  .navbar-brand img {
    width: 84%;
    margin: auto;
  }
  .navbar-default .navbar-nav > li > a {
    text-align: center;
  }
  .navbar-header {
    text-align: center;
  }
  .navbar-toggle {
    margin: 0 0 20px;
    float: none!important;
  }

  .phone {
    font: 400 2.2em/1.4 "Quicksand", sans-serif !important;
    text-align: center;
    padding: 20px 0 0;
  }
  .phone a:link {
    color: #062063 !important;
    text-decoration: none;
    margin-bottom: 20px;
  }
  .phone a:visited {
    color: #062063 !important;
    text-decoration: none
  }
  .phone a:hover,
    a:active,
    a:focus {
    color: #FC0;
    text-decoration: underline
  }
}


/*/////////// Portrait smartphones (320px - 479px) ////////////////// */

@media (min-width: 320px) and (max-width: 479px) {
  .carousel {
    height: 400px;
  }
  .carousel .carousel-inner .item {
    height: 400px;
  }
  .carousel .slides .slide-1, 
  .carousel .slides .slide-2,
  .carousel .slides .slide-3,
  .carousel .slides .slide-4,
  .carousel .slides .slide-5 {
    height: 400px;
  }

  .choices {
    width: 100%;
  }
  .choices {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 2% 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 50px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 50px 0px rgba(0,0,0,0.2);
    box-shadow: 0 0 50px 0px rgba(0,0,0,0.2);
  }
  .choices .inner .middle {
      margin: 0 0!important;
  }
  .nav > li > a {
    font: 600 2.6em/1.6 'Quicksand', sans-serif !important;
  }
  .navbar-default .navbar-brand {
      width: 100%!important;
  }
  .navbar-brand img {
    width: 84%;
    margin: auto;
  }

  .navbar-default .navbar-nav > li > a {
    text-align: center;
  }
  .navbar-header {
    text-align: center;
  }
  .navbar-toggle {
    margin: 0 0 20px;
    float: none!important;
  }

  .phone {
    font: 400 2.2em/1.4 "Quicksand", sans-serif !important;
    text-align: center;
    padding: 20px 0 0;
  }
  .phone a:link {
    color: #062063 !important;
    text-decoration: none;
    margin-bottom: 20px;
  }
  .phone a:visited {
    color: #062063 !important;
    text-decoration: none
  }
  .phone a:hover,
    a:active,
    a:focus {
    color: #FC0;
    text-decoration: underline
  }
}