/* #Media Queries
================================================== */

@media only screen and (max-width: 1024px) {

  img.fluid {
  max-width:100%;
  height:auto;
  }

}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

  #nav-wrap {
  padding:15px 25px 0 25px;
  }

  nav#main ul li a { padding:0 20px 0 20px; width:auto; }

  #wrapper,
  #content-wrap,
  #content-wrap section { width:100%; }
  
  #wrapper { padding:25px 25px 25px 25px; }

  .checkbox-wrap label {
  margin:0 !important;
  white-space:normal;
  width:80%;
  vertical-align:top;
  }
  
  table.stacktable { display:table; }
  table.rwd { display:none; }

}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
 

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 769px) {

  .callout-box .scrollable { padding-right:0; height:auto; overflow-y:visible; }
  
  
  .callouts .callout a {
  width:95%;
  height:auto;
  }

  #header {
  text-align:center;
  border-bottom:0px solid #7d7d7d;
  }

  #header #logo { margin:15px 0 0 0; }
  #header #rar { text-align:center; background:#eee; -webkit-border-radius: 12px; border-radius: 12px; }
  #header #rar img { width:200px; height:auto; }

  nav#main ul { display: none; }

  #content-wrap.box .content { padding:25px 25px 25px 25px; }

  .row .one.columns,
  .row .two.columns,
  .row .three.columns,
  .row .four.columns,
  .row .five.columns,
  .row .six.columns,
  .row .seven.columns,
  .row .eight.columns,
  .row .nine.columns,
  .row .ten.columns,
  .row .eleven.columns,
  .row .twelve.columns,
  .row .one-third.columns,
  .row .two-thirds.columns { 
  padding-right:0;
  width: 100%;
  }

  .row .columns.search input[type=text]   { display: block; float:left; margin-right:0; width: 100%; }
  .row .columns.search .btn-shadow        { display: block; margin-top:15px; float:right; }

  .row .columns.lefted { text-align: center; }
  .row .columns.centered { text-align: center; }
  .row .columns.righted { text-align: center; }

  .soft-wrap-95 { width:auto; }
  .soft-wrap-90 { width:auto; }
  .soft-wrap-58 { width:auto; }
  .soft-wrap-80 { width:auto; }
  .soft-wrap-75 { width:auto; }
  .soft-wrap-70 { width:auto; }
  .soft-wrap-65 { width:auto; }
  .soft-wrap-60 { width:auto; }
  .soft-wrap-55 { width:auto; }
  .soft-wrap-50 { width:auto; }
  .soft-wrap-45 { width:auto; }
  .soft-wrap-40 { width:auto; }
  .soft-wrap-35 { width:auto; }
  .soft-wrap-30 { width:auto; }
  .soft-wrap-25 { width:auto; }
  .soft-wrap-20 { width:auto; }
  .soft-wrap-15 { width:auto; }
  .soft-wrap-10 { width:auto; }
  .soft-wrap-5 { width:auto; }

  .soft-wrap-95.text-center { margin:0 auto; width:auto; }
  .soft-wrap-90.text-center { margin:0 auto; width:auto; }
  .soft-wrap-85.text-center { margin:0 auto; width:auto; }
  .soft-wrap-80.text-center { margin:0 auto; width:auto; }
  .soft-wrap-75.text-center { margin:0 auto; width:auto; }
  .soft-wrap-70.text-center { margin:0 auto; width:auto; }
  .soft-wrap-65.text-center { margin:0 auto; width:auto; }
  .soft-wrap-60.text-center { margin:0 auto; width:auto; }
  .soft-wrap-55.text-center { margin:0 auto; width:auto; }
  .soft-wrap-50.text-center { margin:0 auto; width:auto; }
  .soft-wrap-45.text-center { margin:0 auto; width:auto; }
  .soft-wrap-40.text-center { margin:0 auto; width:auto; }
  .soft-wrap-35.text-center { margin:0 auto; width:auto; }
  .soft-wrap-30.text-center { margin:0 auto; width:auto; }
  .soft-wrap-25.text-center { margin:0 auto; width:auto; }
  .soft-wrap-20.text-center { margin:0 auto; width:auto; }
  .soft-wrap-15.text-center { margin:0 auto; width:auto; }
  .soft-wrap-10.text-center { margin:0 auto; width:auto; }
  .soft-wrap-5.text-center { margin:0 auto; width:auto; }

  .soft-margin-t5 { margin-top:0px; }
  .soft-margin-t10 { margin-top:0px; }
  .soft-margin-t15 { margin-top:0px; }
  .soft-margin-t20 { margin-top:0px; }
  .soft-margin-t25 { margin-top:0px; }
  .soft-margin-t30 { margin-top:0px; }
  .soft-margin-t35 { margin-top:0px; }
  .soft-margin-t40 { margin-top:0px; }
  .soft-margin-t45 { margin-top:0px; }
  .soft-margin-t50 { margin-top:0px; }

  .soft-pad-t5 { padding-top:0px; }
  .soft-pad-t10 { padding-top:0px; }
  .soft-pad-t15 { padding-top:0px; }
  .soft-pad-t20 { padding-top:0px; }
  .soft-pad-t25 { padding-top:0px; }
  .soft-pad-t30 { padding-top:0px; }
  .soft-pad-t35 { padding-top:0px; }
  .soft-pad-t40 { padding-top:0px; }
  .soft-pad-t45 { padding-top:0px; }
  .soft-pad-t50 { padding-top:0px; }
  .soft-pad-t55 { padding-top:0px; }
  .soft-pad-t60 { padding-top:0px; }
  .soft-pad-t65 { padding-top:0px; }
  .soft-pad-t70 { padding-top:0px; }
  .soft-pad-t75 { padding-top:0px; }
  .soft-pad-t80 { padding-top:0px; }
  .soft-pad-t85 { padding-top:0px; }
  .soft-pad-t90 { padding-top:0px; }
  .soft-pad-t95 { padding-top:0px; }
  .soft-pad-t100 { padding-top:0px; }

  .soft-pad-l5 { padding-left:0px; }
  .soft-pad-l10 { padding-left:0px; }
  .soft-pad-l15 { padding-left:0px; }
  .soft-pad-l20 { padding-left:0px; }
  .soft-pad-l25 { padding-left:0px; }
  .soft-pad-l30 { padding-left:0px; }
  .soft-pad-l35 { padding-left:0px; }
  .soft-pad-l40 { padding-left:0px; }
  .soft-pad-l45 { padding-left:0px; }
  .soft-pad-l50 { padding-left:0px; }

  .soft-pad-r5 { padding-right:0px; }
  .soft-pad-r10 { padding-right:0px; }
  .soft-pad-r15 { padding-right:0px; }
  .soft-pad-r20 { padding-right:0px; }
  .soft-pad-r25 { padding-right:0px; }
  .soft-pad-r30 { padding-right:0px; }
  .soft-pad-r35 { padding-right:0px; }
  .soft-pad-r40 { padding-right:0px; }
  .soft-pad-r45 { padding-right:0px; }
  .soft-pad-r50 { padding-right:0px; }
  
  .scrollable-mask::-webkit-scrollbar {
  -webkit-appearance:none;
  width:1px;
  }

  .scrollable-mask::-webkit-scrollbar-thumb {
  border-radius:12px;
  background-color:rgba(0,0,0,0.5);
  -webkit-box-shadow:0 0 1px rgba(255,255,255,0.5);
  }

}


@media only screen and (max-width: 640px) {

  #header {
  padding-top:15px;
  }

  #nav-wrap {
  padding:15px 25px 0 25px;
  height:auto;
  }
  
  body.main #nav-wrap { position:static; }

  nav.main .home a { 
  float:right;
  display:block;
  margin-bottom:15px;
  text-align:center;
  -webkit-border-radius: 0 0 0 8px;
  border-radius: 0 0 0 8px;
  }

  nav.main .sign-out { 
  position:absolute;
  top:15px;
  right:25px;
  float:none;
  height:32px;
  -webkit-border-radius: 0 0 0 8px;
  border-radius: 0 0 0 8px;
  z-index:100;
  }

}

 
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

  /* #hero-wrap { background:pink; } */
  
  #hero-wrap { display:none; }

  .web-address { word-wrap:break-word; background-color:#fcf3c3; }
  
  #wrapper { 
  padding:15px 15px 15px 15px;
  }
  
  body.main #wrapper/*,
  body.sign-in #wrapper { 
  background:#fff url(../images/bg-nav.png) repeat-x 0 0;
  }*/
  
  #login-box { padding:0 15px 0 15px; }
  
  table.stacktable { font-size:12px; }
  table.stacktable td { font-size:12px; }
  
  .hasDatepicker { width:85% !important; }

  footer#footer .column-1 { width:100%; }

}


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

  /* #hero-wrap { background:teal; } */
  
  /*
  h1, .h1 {
  font-size:44px; 
  font-size:4.4rem;
  }

  h1.biggest, .h1.biggest { font-size:50px; font-size:5.0rem; }

  h2, .h2 {
  font-size:30px; 
  font-size:3.0rem;
  }

  h2.biggest, .h2.biggest { font-size:48px; font-size:4.8rem; }

  h3, .h3 {
  padding-left:2em;
  padding-right:2em;
  font-size:18px; 
  font-size:1.8rem;
  }

  h3.h4 {
  padding-left:0;
  padding-right:0;
  }

  h3.bigger, .h3.bigger { font-size:20px; font-size:2.0rem; }
  h3.biggest, .h3.biggest { font-size:28px; font-size:2.8rem; }
  */
  
  .split-input .month, .split-input .day, .split-input .year,
  .split-input .area, .split-input .exchange, .split-input .suffix { 
  font-size: 15px;
  }

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 320px) {

}


@media all and (orientation:portrait) { }

@media all and (orientation:landscape) { }

@media screen and (device-width: 320px) { }

@media screen and (device-width: 480px) { }

@media screen and (max-device-width: 480px) { }