/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*========== Mobile First Approach ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  /* Add your custom styles here */
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  /* Add your custom styles here */
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  /* Add your custom styles here */
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  /* Add your custom styles here */
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  /* Add your custom styles here */
}


/*========== Non-Mobile First Approach ==========*/

/* Large Devices, Wide Screens (max-width: 1200px) */
@media only screen and (max-width: 1200px) {
  /* Add your custom styles here */
}

/* Medium Devices, Desktops (max-width: 992px) */
@media only screen and (max-width: 992px) {
  /* Add your custom styles here */
}

/* Small Devices, Tablets (between 769px and 991px) */
@media only screen and (max-width: 991px) and (min-width: 769px) {
  .center-sm {
    text-align: center;
    float: none;
  }
}

/* Small Devices, Tablets (max-width: 768px) */
@media only screen and (max-width: 768px) {
  .pbox, 
  .pbox-title {
    margin-top: 0px;
  }
  .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .responsive-arc {
    padding-bottom: 10px;
    margin-left: -3px;
  }
  .center-xs {
    text-align: center;
    float: none;
  }
  #header {
    padding: 0;
  }
  .archive-bar {
    float: left !important;
    padding: 0px;
    padding-left: 0;
    margin-left: -5px;
    padding-top: 0;
  }
  .toolbar_area, 
  .page-heading {
    margin-bottom: 10px;
  }
  #mainmenu .nav a {
    color: white !important;
  }
  #ddlistPage {
    display: inline-block !important;
    width: auto !important;
    padding: 0 1px;
    height: 28px;
  }
  .cal_outer {
    width: 112px;
  }
  #btnAddHolder {
    width: 43px !important;
  }
  #btnZoomHolder {
    width: 40px !important;
    padding: 1px !important;
  }
  #dropdownMenuButton {
    padding: 1px 8px !important;
  }
  .page-navigation .btn-group {
    margin-top: 0px;
  }
  .btnCut {
    padding: 3px 6px;
  }
  #datetext_cal {
    padding: 2px 4px;
    font-size: 11px;
  }
  .input-group {
    padding: 0;
  }
  #page_area {
    margin-top: 0px;
  }
  .subcategory-block .image {
    display: none;
  }
  .subcategory-block .description {
    width: auto;
    float: left;
  }
  .navbar-header .navbar-btn2 {
    display: inline-block;
  }
}

/* Extra Small Devices, Phones (max-width: 480px) */
@media only screen and (max-width: 480px) {
  /* Add your custom styles here */
}

/* Custom, iPhone Retina (max-width: 320px) */
@media only screen and (max-width: 320px) {
  /* Add your custom styles here */
}

/*========== Print Styles for Larger PDF Display ==========*/
@media print {
  .container {
    max-width: auto !important;
    padding: 0px;
  }
  body {
    font-size: 18px;
  }
  .edition-block {
    padding: 0px !important;
    box-shadow: none;
    margin-bottom: 0;
  }
}