/*-------------------------------------------------------------------------------------------------
Author: Justin Herrera <jherrera@awareweb.com>
Author: Jen Rasmussen <jen.rasmussen@verndale.com>
Version 2.10.3
Note: Specialized components can be found at the bottom of the document including 'splash' template
-------------------------------------------------------------------------------------------------*/

/* Helper Classes -------------------------------------------------------------------------------*/
/* Designed for visibility on small devices only */
.visible-mobile, .visible-tablet, .visible-phablet, .visible-phone {
  display: none;
}

/* Designed to be hidden on small devices only */
.hidden-mobile, .hidden-tablet, .hidden-phablet, .hidden-phone {
  display: block;
}

/*-------------------------------------------------------------------------------------------------
Desktop: 960+
-------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1024px) {
  .hidden-desktop {
    display: none;
  }

  /* AWS 2.6 - Site Message Bar ---------------------------------------------------------------*/
  .section.site_message .inner_container {
    padding: 0 52px;
  }

  /* Times */
  .section.site_message span.icon.times {
    right: 13px;
  }

  /*---------------------------------------------------------------------------------------------
	AWS 3.0 - Reusable Components
	/*-------------------------------------------------------------------------------------------*/
  /* AWS 3.4 - Layouts (i.e. more complex designs, tend to hold one or more modules) ------*/
  /* AWS 3.4.12 - Testimonials Carousel -----------------------------------------------*/
  /* Blockquote Overrides */
  .layout-testimonials_carousel blockquote {
    margin: 0;
    padding: 30px 30px;
  }

  /* Controls (i.e. next/prev) */
  .layout-testimonials_carousel .cycle-testimonials .control {
    left: -50px;
  }

  .layout-testimonials_carousel .cycle-testimonials .control.sliderAlt_next {
    left: auto;
    right: -50px;
  }

  .layout-testimonials_carousel .cycle-testimonials .control.sliderAlt_prev:hover {
    background-position: -359px 0;
  }

  .layout-testimonials_carousel .cycle-testimonials .control.sliderAlt_next:hover {
    background-position: -394px -102px;
  }

}

/*-------------------------------------------------------------------------------------------------
Tablet: landscape (desktop view but extends wrapper to edge of viewport)
-------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .outer_wrapper,
  .inner_wrapper {
    min-width: inherit;
    max-width: inherit;
    width: 100%;
    margin: 0 auto;
  }
}


/*-------------------------------------------------------------------------------------------------
Tablet & Phablet: 640-1023px
-------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 640px) and (max-width: 1023px) {
  .visible-mobile, .visible-tablet {
    display: block;
  }

  .hidden-mobile, .hidden-tablet {
    display: none;
  }

  /*---------------------------------------------------------------------------------------------
	AWS 1.0 - Base Elements
	/*-------------------------------------------------------------------------------------------*/
  /* AWS 1.3 - Tables ---------------------------------------------------------------------*/
  .table_container {
    border: 1px solid #878785;
  }

  .table_container.vertical_breakdown {
    border: none;
  }

  .table_helper {
    margin: 30px 0 -20px;
  }

  .table_container.mobile_friendly > table {
    min-width: 700px;
  }


  /*---------------------------------------------------------------------------------------------
	AWS 2.0 - Foundation (i.e. wrappers, nav, footer etc)
	/*-------------------------------------------------------------------------------------------*/
  .outer_wrapper,
  .inner_wrapper {
    min-width: inherit;
    width: 100%;
    margin: 0 auto;
  }

  .inner_container {
    width: 85.5% !important;
  }

  #content {
    min-height: inherit !important
  }

  /* AWS 2.1 - Header ---------------------------------------------------------------------*/
  #header #logo {
    margin: 45px 0 17px 0;
    width: 175px;
  }

  #header #logo img {
    width: 100%;
  }

  /* Site Search */
  #header .mod-site_search {
    right: 0;
    top: 63px;
  }

  /* Secure Start Adjustments */
  .ss #header {
    height: 138px;
  }

  /* myHollister Adjustments */
  .myHollister #header #logo {
    width: 150px;
    margin: 50px 0;
  }

  /* AWS 2.2 - Navigations ----------------------------------------------------------------*/
  /* AWS 2.2.1 - Main Navigation */
  /* Secure Start Adjustments */
  .ss #navigation .nav > li > a > span {
    font-size: 14px;
    padding: 0 7px !important;
  }

  .ss #navigation .nav:first-child > li:first-child > a > span > .icon {
    display: none;
  }

  .ss #navigation .nav.right {
    margin: 0;
  }

  .ss #navigation .nav.right > li:first-child {
    display: none;
  }

  .ss #navigation .nav.right > li > a {
    text-transform: none;
  }

  /* AWS 2.2.1.1 - Mega Menu */
  /* Widths / General Styling */
  .multicols.megamenu > .col:nth-child(2),
  .multicols.megamenu > .col:nth-child(3) {
    display: none !important;
  }

  /* Column Changes / Line Position */
  .multicols.megamenu.cols3,
  .multicols.megamenu.cols2 {
    width: 210px;
  }

  /* AWS 2.2.2 - Sub Navigation */
  .subnav {
    width: 85.5%;
    margin: 30px auto;
  }

  /* AWS 2.2.3 - Utility Navigation */
  #utility_navigation {
    right: 0;
    top: 5px;
  }

  /* AWS 2.2.4 - myHollister Navigation */
  /* User Bar */
  #myh-user_bar {
    padding: 13px 15px 10px;
  }

  #myh-user_bar > ul > li,
  #myh-user_bar > ul > li > a {
    font-size: 13px;
  }

  /* AWS 2.3 - Footer ---------------------------------------------------------------------*/
  #footer {
    padding: 35px 0 20px;
  }

  #footer > .inner_container {
    padding: 0;
  }

  /* Disclaimer */
  #disclaimer > .inner_container {
    padding: 10px 0 20px;
  }

  /* Site Map */
  #footer .site_map > .col1 {
    width: 21%;
  }

  #footer .site_map > .col2 {
    width: 78%;
    margin-left: 1%;
  }

  #footer .site_map .col2 .multicols {
    width: 27%;
    float: left;
  }

  #footer .site_map .col2 .col {
    width: 100%;
  }

  /* Copyright */
  #copyright {
    margin: 35px 0 40px;
    width: 73%;
    float: right;
  }

  #copyright > a {
    margin: 0 0 14px;
  }

  #copyright > p {
    text-align: right;
  }

  /* myHollister & secure start Adjustments */
  .myHollister #copyright,
  .ss #copyright {
    float: none;
    width: 100%;
  }

  .myHollister #copyright > p,
  .ss #copyright > p {
    text-align: center;
    line-height: 18px;
  }

  /* Callouts */
  #footer .callout {
    background: none;
    padding: 0 50px 0 0;
  }

  #footer .callout * {
    color: #fff;
    text-align: left;
  }

  /* Header */
  #footer .callout > .header > h3 {
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 3px;
  }

  /* Content */
  #footer .callout > .content {
    margin: 0;
    height: auto;
  }

  #footer .callout > .content * {
    font-size: 10px;
    line-height: 11px;
  }

  /* Button Overrides */
  #footer .callout .button {
    margin: 4px 0 0;
  }

  #footer .callout .button .btn {
    font-size: 10px;
    padding: 0;
    background: none;
  }

  #footer .callout.help .button {
    margin-top: -4px;
  }

  /* AWS 2.4 - Sidebar --------------------------------------------------------------------*/
  #sidebar {
    position: static;
    width: 100%;
    margin: 30px 0 0 !important;
  }

  #sidebar > .inner_container {
    width: 100%;
  }

  #sidebar .sidebar {
    position: static;
    width: 100%;
    border: none;
    margin: 0;
    float: none;
  }

  #sidebar .sidebar > h4 {
    display: none;
  }

  #sidebar .sidebar > .btn {
    display: inline-block;
  }

  /* Alt Sidebar */
  .alt_sidebar #sidebar .sidebar > h2 {
    text-align: left;
  }

  /* Callouts */
  #sidebar .callout {
    padding: 40px 7.25%;
  }

  /* Has Button */
  #sidebar .callout.has-button {
    position: relative;
  }

  #sidebar .callout.has-button .content {
    width: 80%;
  }

  #sidebar .callout.has-button .button {
    position: absolute;
    right: 7.25%;
    top: 62px;
    width: 15%;
    margin: 0;
  }

  #sidebar .callout.has-button .button .btn {
    width: 100%;
  }

  #sidebar .callout.second.has-button .button {
    top: 49px;
  }

  #sidebar .callout.third.has-button .button,
  #sidebar .callout.fourth.has-button .button {
    top: 48px;
  }

  /* Image */
  #sidebar .callout > .image {
    position: absolute;
    left: 7.25%;
    margin: 0;
  }

  #sidebar .callout > .image > img {
    width: 95%;
  }

  #sidebar .callout > .image + .content {
    padding: 20px 10% 0 250px;
    min-height: 165px;
  }

  /* Banner */
  #sidebar .callout.banner {
    width: 100%;
    margin: 0 0 0 -7.25%;
    overflow: hidden;
  }

  #sidebar .callout.banner > .visible-tablet {
    position: relative;
    height: 160px;
  }

  #sidebar .callout.banner > .visible-tablet > img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1024px;
    margin: 0 0 0 -512px;
  }

  /* Listing */
  #sidebar .mod-listing.equalHeight > ul > li {
    float: left;
    width: 48%;
    margin: 0 2% 10px 0;
    padding: 0;
  }

  #sidebar .mod-listing.equalHeight > ul > li:nth-child(odd) {
    clear: both;
  }

  #sidebar .mod-listing.equalHeight > ul > li:nth-child(even) {
    margin: 0 0 10px 2%;
  }

  #sidebar .mod-listing.equalHeight > ul > li:before {
    left: 0;
  }

  #sidebar .mod-listing.equalHeight > li + li {
    margin-top: 0;
  }

  /* First */
  #sidebar .callout.first {
    padding: 16px 7.25% 25px;
  }

  /* Second */
  #sidebar .callout.second {
    padding: 16px 7.25%;
  }

  #sidebar .callout.second > .header {
    margin: 0 0 20px;
  }

  #sidebar .callout.second > .header h3 {
    font-size: 24px;
  }

  #sidebar .callout.second > .content {
    height: auto;
    margin: 0 0 -10px;
  }

  #sidebar .callout.second .mCSB_inside > .mCSB_container {
    margin: 0;
  }

  /* Alt Second Callout */
  #sidebar .callout.second.alt {
    padding: 16px 7.25% 24px;
  }

  /* Third */
  #sidebar .callout.third,
  #sidebar .callout.fourth {
    text-align: left;
    padding: 24px 7.25% 25px;
  }

  #sidebar .callout.third .content,
  #sidebar .callout.fourth .content {
    width: 80%;
  }

  #sidebar .callout.third .content p,
  #sidebar .callout.fourth .content p {
    font-size: 13px;
  }

  /* myHollister Adjustments */
  .myHollister #sidebar {
    margin-top: 40px !important;
  }

  .myHollister #sidebar > .inner_container {
    width: 85.5%;
  }

  /* Module Adjustments */
  /* Popular Products */
  .myHollister #sidebar .mod-grid.popular_products > .item {
    width: 100%;
    height: auto;
    display: table;
  }

  .myHollister #sidebar .mod-grid.popular_products > .item > .image {
    width: 20%;
    display: table-cell;
    vertical-align: middle;
  }

  .myHollister #sidebar .mod-grid.popular_products > .item > .content {
    width: 80%;
    padding-left: 10%;
    display: table-cell;
    vertical-align: middle;
  }

  .myHollister #sidebar .mod-grid.popular_products > .item > .content > .btn {
    position: static;
  }

  /* AWS 2.5 - Breadcrumbs ----------------------------------------------------------------*/
  /* Template Overrides */
  #template-results .section.breadcrumbs {
    margin-top: 0;
  }

  #template-results .section.breadcrumbs .inner_container {
    width: 100% !important;
  }

  #template-results .section.breadcrumbs .inner_container .content {
    padding: 0;
  }

  /* AWS 2.6 - Site Message Bar ---------------------------------------------------------------*/
  .section.site_message .inner_container {
    padding: 0 38px;
  }

  .section.site_message .inner_container h4 {
    font-size: 16px;
    line-height: 1.2;
  }

  .section.site_message .inner_container h4 a {
    border-bottom: 1px solid #fff;
  }

  .section.site_message .inner_container h4 a:before {
    content: '';
    display: block;
    height: 5px;
  }

  .section.site_message span.icon.times {
    right: 6px;
  }

  /*---------------------------------------------------------------------------------------------
	AWS 3.0 - Reusable Components
	/*-------------------------------------------------------------------------------------------*/
  /* AWS 3.1 - Aware Custom Components ----------------------------------------------------*/
  /* AWS 3.1.1 - Modal Windows --------------------------------------------------------*/
  .modal-container {
    width: 85.5%;
    margin: 0 0 0 -42.75%;
  }

  /* Modals -----------------------------------------------------------------------*/
  /* Media */
  .modal-media .multicols.cols2 .col {
    width: 100%;
    float: none;
  }

  .modal-media .multicols.cols2 .col + .col {
    margin: 30px 0 0;
    width: 100%;
  }

  /* Thumbnail Gallery */
  .modal-container.thumbnail_gallery {
    width: 90%;
    height: 520px;
    margin: 0 0 0 -45%;
  }

  /* AWS 3.1.2 - Carousel -------------------------------------------------------------*/
  .carousel_container .carousel .wrapper,
  .campaign_carousel .carousel .wrapper {
    width: 660px;
  }

  .carousel_container .carousel > .prev,
  .campaign_carousel .carousel > .prev {
    left: -31px;
  }

  .carousel_container .carousel > .next,
  .campaign_carousel .carousel > .next {
    right: -31px;
  }

  /* Custom Content */
  /* Feature */
  .carousel.feature .panels {
    width: 100%;
  }

  /* AWS 3.2 - Modules (i.e. reusable design parts(e.g., lists, etc)) ---------------------*/
  /* Cart Preview */
  .mod-cart_preview {
    width: 100% !important;
    margin-top: 20px !important;
  }

  .mod-cart_preview > ul > li > img {
    display: block !important;
    width: 40px !important;
    float: left !important;
  }

  .mod-cart_preview > ul > li > img + .content {
    padding: 0 20% 0 0 !important;
    width: 90% !important;
    float: right !important;
    min-height: 51px;
  }

  .mod-cart_preview > ul > li > .content > .icon {
    top: 50%;
    margin-top: -8px;
  }

  /* Expandables */
  /* Technology */
  .mod-expandables.technology .multicols .col1 {
    width: 35%;
  }

  .mod-expandables.technology .multicols .col2 {
    width: 100%;
  }

  .mod-expandables.technology .multicols .col1 + .col2 {
    width: 63%;
  }

  /* Featured Products */
  .mod-featured_products > ul {
    display: table;
  }

  .mod-featured_products > ul > li {
    display: table-cell;
    width: 1%;
  }

  /* Gallery: Thumbnail */
  /* Thumbnails */
  .mod-thumbnail_gallery .thumbnails {
    width: 20%;
  }

  .mod-thumbnail_gallery .thumbnails .btn-control {
    margin: 0;
    left: 34px !important;
  }

  /* Images */
  .mod-thumbnail_gallery .images {
    width: 80%;
  }

  /* Full Sized Images */
  .mod-thumbnail_gallery .images.full {
    width: 100%;
    height: 550px;
  }

  .mod-thumbnail_gallery .images.full .cycle,
  .mod-thumbnail_gallery .images.full .cycle > div {
    height: 550px;
  }

  .mod-thumbnail_gallery .images.full .cycle img {
    max-height: 500px
  }

  /* Grid */
  /* Popular Products */
  .mod-grid.popular_products > .item {
    width: 32.3%;
    margin: 0 1% 16px 0;
  }

  /* Search Listing */
  .mod-grid.search_listing + .mod-pagination {
    margin-top: 0;
  }

  .mod-grid.search_listing > .content {
    margin: 0;
  }

  .mod-grid.search_listing > .content > .item {
    width: 45%;
    margin: 0 0 25px;
  }

  .mod-grid.search_listing > .content > .item:nth-of-type(even) {
    margin-left: 10%;
  }

  .mod-grid.search_listing > .content > .item > .image,
  .mod-grid.search_listing > .content > .item > .content {
    width: 100%;
    max-width: 186px;
    padding-left: 0;
    padding-right: 0;
  }

  /* Header & Buttons */
  .mod-header_btns > .multicols > .col1,
  .mod-header_btns > .multicols > .col2 {
    width: 48%;
  }

  /* Multicols - Component Overrides */
  /* Module Content */
  .multicols.mod-content > .col1 {
    width: 60%;
  }

  .multicols.mod-content > .col2 {
    width: 36%;
  }

  /* Order Details */
  .mod-order_details .multicols.cols3 .col1,
  .mod-order_details .multicols.cols3 .col2,
  .mod-order_details .multicols.cols3 .col3 {
    width: 32%;
  }

  /* Order History */
  .mod-filtered_form {
    width: 75%;
  }

  /* Pagination Container */
  .mod-pagination_container > .multicols > .col.col1 {
    width: 33%;
  }

  .mod-pagination_container > .multicols > .col.col2 {
    width: 63%;
  }

  /* Results Options */
  .mod-results_options > ul > .select {
    width: 75%;
  }

  /* Search Summary */
  .mod-search_summary .summary,
  .mod-search_summary .sortby {
    width: 100%;
    float: none;
  }

  .mod-search_summary .sortby {
    text-align: left;
    margin: 16px 0 0;
  }

  .mod-search_summary:after {
    left: -30px;
  }

  /* Drop Down */
  .mod-search_summary .mod-dropdown > ul > li > .content {
    left: -1px;
    right: auto;
  }

  /* Support */
  .mod-support ul {
    flex-wrap: wrap;
  }

  .mod-support ul li {
    width: 50% !important;
  }

  .mod-support.items-3 ul li {
    width: 33% !important;
  }

  /* Standalone Callout */
  /* Floated */
  .mod-standalone_callout.float_right {
    width: 45%;
    margin: 0 0 20px 20px;
  }

  /* AWS 3.3 - Callouts -------------------------------------------------------------------*/
  /* Site Portal */
  .callout.site_portal > .content {
    width: 47%;
  }

  .callout.site_portal > .image {
    width: 53%;
  }

  .callout.site_portal > .image.video {
    padding: 10px 60px;
  }

  /* AWS 3.4 - Layouts (i.e. more complex designs, tend to hold one or more modules) ------*/
  /* AWS 3.4.1 - Product Details ------------------------------------------------------*/
  .layout.product_details {
    width: 100%;
  }

  .layout.product_details > .features {
    margin: 26px 0 0;
  }

  .layout.product_details > .specs > .table_container {
    border: none;
  }

  .layout.product_details > .specs > .table_container > table {
    min-width: auto;
  }

  /* AWS 3.4.2 - Results Options ------------------------------------------------------*/
  /* Summary */
  .layout.results_options > .summary {
    padding: 6px 10px 8px;
  }

  .layout.results_options > .summary > div {
    width: 60%;
  }

  .layout.results_options > .summary > div + div {
    width: 40%;
  }

  /* AWS 3.4.3 - Inception (mini modules/components/callouts w/i sidebar on myHollister) */
  .layout.inception > .content > p {
    text-align: center;
  }

  .layout.inception > .content > .cols > .col {
    width: 48%;
    float: left;
  }

  .layout.inception > .content > .cols > .col + .col {
    margin-left: 4%;
    margin-top: 0;
  }

  /* 3.4.6 - SS Step 2 ----------------------------------------------------------------*/
  .layout.ss-step2 .column-left {
    width: 26%;
  }

  .layout.ss-step2 .column-right {
    width: 72%;
  }

  .layout.ss-step2 .mod-grid.search_listing > .content {
    margin-left: -2%;
  }

  .layout.ss-step2 .mod-grid.search_listing > .content > .item {
    width: 48%;
    margin: 0 0 50px 2%;
    padding: 20px 20px 55px;
  }

  .layout.ss-step2 .mod-grid.search_listing > .content > .item > .content {
    max-width: inherit;
  }

  .layout.ss-step2 .mod-grid.search_listing > .content > .item > .footer {
    left: 20px;
    right: 20px;
    width: auto;
  }

  /* 3.4.7 - SS Step 3 ----------------------------------------------------------------*/
  .layout.ss-step3 .column-left {
    width: 72%;
  }

  .layout.ss-step3 .column-right {
    width: 26%;
  }

  .layout.ss-step3 .layout.inception > .content > .cols > .col {
    width: 100%;
    float: none;
  }

  .layout.ss-step3 .layout.inception > .content > .cols > .col + .col {
    margin: 20px 0 0;
  }

  .layout.ss-step3 .mod-cart_preview > ul > li > .content > .icon {
    top: 10px;
    margin: 0;
  }

  /* AWS 3.4.8 - Article Listing Carousel ---------------------------------------------*/
  /* Filters */
  .layout.article_listing_carousel .mod-results_options > ul > .select {
    width: 100%;
  }

  .mod-results_options.align-right {
    text-align: left;
  }

  .layout.article_listing_carousel .results_options {
    padding: 30px 50px 0;
  }

  .layout.article_listing_carousel .results_options li {
    display: block;
    float: none;
    margin: 0;
  }

  .layout.article_listing_carousel .mod-results_options.align-right > ul {
    display: block;
  }

  /* jQuery Cycle */
  .layout.article_listing_carousel .cycle-article {
    padding: 0 50px;
  }

  /* Controls */
  .layout.article_listing_carousel .cycle-article .control {
    left: 0;
  }

  .layout.article_listing_carousel .cycle-article .control.sliderAlt_next {
    left: auto;
    right: 0;
  }

  /* AWS 3.4.10 - Site Portals --------------------------------------------------------*/
  .layout-site_portals .callout.site_portal {
    display: flex;
    flex-direction: column;
  }

  .layout-site_portals .callout.site_portal > .content {
    border-radius: 0 0 10px 10px;
    flex-grow: 1;
    align-items: flex-start;
    padding: 20px !important;
  }

  .layout-site_portals .callout.site_portal > .image {
    border-radius: 10px 10px 0 0;
  }

  .layout-site_portals .callout.site_portal > .content,
  .layout-site_portals .callout.site_portal > .image {
    width: 100% !important;
    margin: 0;
    height: auto;
  }

  .layout-site_portals .callout.site_portal > .image > img {
    position: static;
    margin: 0;
    width: 100%;
    transform: none;
  }

  /* AWS 3.4.13 - Sample Order History ------------------------------------------------*/
  /* Expandable Overrides */
  .layout-sample_order_history .mod-expandables .multicols p {
    font-size: 12px;
  }

  .layout-sample_order_history .mod-expandables > ul > li {
    padding: 15px 10px 0;
  }

  .layout-sample_order_history .mod-expandables .expandable {
    padding: 25px 0;
  }

  /* Sample Cart Listing Overrides */
  .layout-sample_order_history .mod-listing.sample_cart > ul > li {
    width: 100%;
  }


  /*---------------------------------------------------------------------------------------------
	AWS 4.0 - Buttons & Icons
	/*-------------------------------------------------------------------------------------------*/
  /* AWS 4.1 - Buttons --------------------------------------------------------------------*/
  /* Button Container Alt */
  .btn_container.alt {
    padding: 20px 10px;
  }

  .btn_container.alt > .btn {
    width: 280px;
  }


  /*---------------------------------------------------------------------------------------------
	AWS 5.0 - Template Specific (i.e. override display of any design element on a specific template)
	/*-------------------------------------------------------------------------------------------*/
  /* 5.1 - Simple -------------------------------------------------------------------------*/
  #template-simple #content {
    padding: 22px 0 0;
  }

  #template-simple #related_content {
    padding: 0 0 70px;
  }

  .server_error #template-simple #content {
    padding-bottom: 30px;
  }

  #template-simple .section > .inner_container > .content,
  #template-simple .section.extended > .inner_container > .content {
    width: 100%;
    padding: 0;
  }

  #template-simple .section.full > .inner_container > .content {
    width: 85.5%
  }

  #template-simple .section + .section {
    margin: 77px 0 0;
  }

  #template-simple .section > .inner_container > .content > .mod-grid.site_section {
    margin-top: 12px;
  }

  #template-simple .section.full.carousel_container:first-child > .inner_container {
    padding-top: 10px;
  }

  /* myHollister Adjustments */
  .myHollister #template-simple #related_content {
    padding-top: 40px;
  }

  .myHollister #template-simple .section > .inner_container > .content > .mod-grid.site_section {
    margin-top: 30px;
  }

  .myHollister #template-simple .site_section > .row {
    width: 100%;
  }

  .myHollister #template-simple .site_section > .row > .item {
    width: 49%;
    float: left;
  }

  .myHollister #template-simple .site_section > .row > .item + .item {
    margin: 0 0 0 2%;
  }

  .myHollister #template-simple .site_section > .row > .item > .image > a {
    display: block;
    height: auto; /* undo height 1px declaration for FF */
  }

  .myHollister #template-simple .site_section > .row > .item > .image > a > .image_container {
    position: static;
    margin: 0 auto;
  }

  .myHollister #template-simple .site_section > .row > .item > .image > a > .header {
    padding: 0;
    text-align: center;
    display: block;
    font-size: 17px;
  }

  .myHollister #template-simple .site_section > .row > .item > .image > a > .header .icon {
    display: none;
  }

  /* Video & Image Containers */
  #template-simple .section.video_container {
    margin-top: 100px;
  }

  #template-simple .section.video_container > .inner_container > .content {
    padding: 38px 0 60px;
    width: 70%;
  }

  #template-simple .section.image_container > .inner_container > .content {
    width: 58%;
    padding: 21px 10px 0 0;
  }

  #template-simple .section.image_container > .inner_container > .image {
    width: 42%;
  }

  /* Full */
  #template-simple .section.image_container.full > .inner_container {
    width: 85.5%;
  }

  /* AWS 5.1.1 - Product Details ------------------------------------------------------*/
  /* Sidebar Overrides */
  #template-simple.product_details #sidebar {
    background: #ebe9e8;
  }

  #template-simple.product_details #sidebar .sidebar {
    padding: 38px 7.25% 0;
  }

  #template-simple.product_details #sidebar .sidebar > h4 {
    display: block;
    font-size: 20px;
    color: #bf1e39;
    background: none;
    padding: 0;
    margin: 0 0 16px;
  }

  /* Callouts */
  #template-simple.product_details #sidebar .row > .callout {
    width: 50%;
    float: left;
    background: none !important;
    height: auto;
    margin: 0 0 21px;
    padding: 0 2% 0 0;
  }

  #template-simple.product_details #sidebar .callout h4 {
    font-size: 11px;
  }

  #template-simple.product_details #sidebar .callout p {
    font-size: 11px;
    line-height: 13px;
  }

  /* Mod Listing */
  #template-simple.product_details #sidebar .row .mod-listing {
    margin: 0;
  }

  #template-simple.product_details #sidebar .row .mod-listing li {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    font-size: 11px;
  }

  #template-simple.product_details #sidebar .row .mod-listing li + li {
    margin-top: 8px;
  }

  #template-simple.product_details #sidebar .row .mod-listing.icons > ul > li {
    margin-left: 20px;
  }

  #template-simple.product_details #sidebar .row .mod-listing.icons > ul > li > a > .icon {
    left: -19px;
  }

  /* Icon Changes */
  #template-simple.product_details #sidebar .row .mod-listing.icons video {
    background-position: -34px -92px;
    width: 11px;
    height: 8px;
  }

  #template-simple.product_details #sidebar .row .mod-listing.icons .folder {
    background-position: -46px -92px;
    width: 10px;
    height: 8px;
  }

  #template-simple.product_details #sidebar .row .mod-listing.icons .write {
    background-position: -47px -102px;
    width: 11px;
    height: 11px;
  }

  /* Bullets */
  #template-simple.product_details #sidebar .row .mod-listing.bullets > ul > li {
    padding-left: 8px;
  }

  #template-simple.product_details #sidebar .row .mod-listing.bullets > ul > li:before {
    background: url('../images/bullet-small.png') no-repeat;
    width: 3px;
    height: 3px;
    top: 6px;
  }

  /* Help */
  #template-simple.product_details #sidebar .callout.help {
    text-align: left;
    width: 117%;
    margin: 34px 0 0 -8.5%;
    background: #fff;
    padding: 40px 8.5%;
  }

  #template-simple.product_details #sidebar .callout.help h3 {
    color: #998f8c;
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: bold;
    font-family: 'HelveticaNeueW02-45Ligh', Helvetica, Arial, sans-serif;
  }

  /* Multicolumn Component */
  #template-simple.product_details #sidebar .mod-multicols .cols {
    margin: 0 0 30px;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 15px;
  }

  #template-simple.product_details #sidebar .mod-multicols .col > div + div {
    margin-top: 0;
  }

  #template-simple.product_details #sidebar .mod-multicols .col .media_container {
    float: left;
    margin-right: 2%;
    width: 15%;
    padding: 0;
  }

  #template-simple.product_details #sidebar .mod-multicols .col .content {
    float: left;
    width: 83%;
    text-align: left;
  }

  #template-simple.product_details #sidebar .mod-multicols .col .button {
    float: right;
    width: 83%;
    margin-top: 15px;
  }

  #template-simple.product_details #sidebar .mod-multicols .col .button .btn.block {
    display: inline-block;
  }


  /* AWS 5.1.3 - Reverse (left nav !sidebar) ------------------------------------------*/
  #template-simple.reverse {
    width: 100%;
    padding: 0 7.25%;
  }

  #template-simple.reverse > .breadcrumbs .inner_container {
    width: 100%;
  }

  #template-simple.reverse > #left_nav {
    width: 30%;
    padding: 0 4% 0 0;
  }

  #template-simple.reverse > #content {
    width: 70%;
    padding: 0 0 30px 0;
  }

  /* AWS 5.2 - Results --------------------------------------------------------------------*/
  #template-results {
    width: 100%;
    padding: 28px 7.25% 0;
  }

  /* Search Tools */
  #search_tools {
    width: 37%;
    padding: 0 4% 0 0;
  }

  /* Content */
  #template-results #content {
    width: 63%;
    padding: 0 0 0 30px;
  }

  #template-results #content .inner_content:after {
    left: -30px;
    right: -50px;
  }

  /* Filter Selection */
  #template-results #content .mod-listing.filter_selections {
    width: 125%;
    margin: 0 0 0 -30px;
    padding-left: 30px;
  }

  /* AWS 5.2.1 - Results w/i Simple Template ------------------------------------------*/
  #results #inner_content {
    width: 60%
  }

  #results #inner_content .mod-grid.search_listing > .content {
    margin: 0;
  }

  #results #inner_content .mod-grid.search_listing > .content > .item {
    width: 45%;
    margin: 0 5% 10px 0;
  }

  /* AWS 5.3 - Full -----------------------------------------------------------------------*/
  #template-full .section > .inner_container {
    width: 85.5%
  }

  /* AWS 5.3.1 - Campaign -------------------------------------------------------------*/
  #template-full.campaign .section > .inner_container {
    width: 85.5%;
  }

  /* Section Types */
  /* Base */
  #template-full.campaign .inner_container > .content > .multicols .col1 {
    width: 58%;
  }

  #template-full.campaign .inner_container > .content > .multicols .col2 {
    width: 38%;
  }

  #template-full.campaign .inner_container > .content > .multicols .col2 > img {
    width: 100%;
  }

  /* Featured Image */
  #template-full.campaign .section.featured_image {
    padding-left: 0;
    padding-right: 0;
  }

  #template-full.campaign .section.featured_image > .inner_container > img {
    margin-right: -7.25%;
  }

  /* Alt */
  #template-full.campaign .section.featured_image.alt > .inner_container > img {
    margin-right: auto;
  }


  /* Tabs (expandable overrides) */
  #template-full.campaign .section.campaign_tabs .tabs {
    display: none;
  }

  #template-full.campaign .section.campaign_tabs .tab_panels {
    padding: 0;
    border: none;
  }

  #template-full.campaign .section.campaign_tabs .tab_panels > .panel {
    display: block;
  }

  #template-full.campaign .section.campaign_tabs .tab_panels > .panel:first-child .mod-expandables {
    margin-top: 30px;
  }

  #template-full.campaign .section.campaign_tabs .tab_panels > .panel:last-child .mod-expandables ul > li:last-child {
    border-top: 1px solid #ebe9e8;
  }

  #template-full.campaign .section.campaign_tabs .mod-expandables ul > li {
    border-top: 1px solid #ebe9e8;
  }

  #template-full.campaign .section.campaign_tabs .mod-expandables .trigger_expandable {
    display: block;
  }

  #template-full.campaign .section.campaign_tabs .mod-expandables .expandable {
    position: absolute;
    float: left;
    z-index: -1;
    visibility: hidden;
    left: -9999px;
    top: -9999px;
    padding: 0 25px 25px 45px;
  }

  #template-full.campaign .section.campaign_tabs .mod-expandables .open .expandable {
    position: relative;
    float: none;
    visibility: visible;
    z-index: 0;
    left: 0;
    top: 0;
  }

  /* AWS 5.4 - Secure Start Templates / Additions -----------------------------------------*/
  /* Sidebar */
  .sidebar .mod-grid.ss-contacts {
    padding: 0 7.25%;
  }

  .sidebar .mod-grid.ss-contacts .item {
    width: 48%;
    float: left;
    margin: 0 2% 0 0;
  }

  .sidebar .mod-grid.ss-contacts .item + .item {
    margin: 0;
  }

  .sidebar .mod-grid.ss-contacts .mod-search input {
    width: 25%;
  }

  /* AWS 5.4.2 - Simple Template Overrides --------------------------------------------*/
  #template-simple.secure_start .section > .inner_container > .content {
    width: 100%;
    padding: 0;
  }

  #template-simple.secure_start #related_content {
    width: 85.5%;
    margin: 0 auto;
  }

  #template-simple.secure_start .section.full > .inner_container > .content,
  #template-simple.secure_start #related_content .section > .inner_container > .content {
    width: 100%;
  }

  /* Product Details */
  #template-simple.secure_start.alt_sidebar #sidebar {
    margin: 0 0 30px !important;
  }

  #template-simple.secure_start.alt_sidebar #sidebar > .inner_container {
    width: 85.5%;
  }

  /* Section Widths/Paddings */
  /* Secure Start Light Gray */
  #template-simple .section.ss_gray {
    background: #f9f8f8;
    padding: 30px 0;
  }

  #template-simple .section.ss_gray > .inner_container > .content {
    padding: 0;
    background: none;
  }


  /*---------------------------------------------------------------------------------------------
	AWS 6.1 - 3rd Party Overrides
	/*-------------------------------------------------------------------------------------------*/
  /* AWS 6.1 - Slider / Billboard (Layerslider) -------------------------------------------*/
  #slider_container .ls-bottom-nav-wrapper {
    width: 100%;
    padding: 0;
  }

  #slider_container .ls-bottom-nav-wrapper .ls-bottom-slidebuttons {
    margin: 0 40px 0 0;
  }

  #slider_container .ls-nav-prev {
    left: 25px;
  }

  #slider_container .ls-nav-next {
    right: 25px;
  }

  #slider_container .ls-bg,
  #slider_container .ls-inner .ls-curtile img,
  #slider_container .ls-inner .ls-nexttile img {
    left: 50% !important;
    margin: 0 0 0 -600px !important;
  }

  /* Content Container */
  .custom_slider .ls-slide > .content {
    width: 100%;
    left: 0 !important;
    margin: 0 !important;
  }

  .custom_slider .ls-slide > .content > .inner {
    padding: 0 7.25%;
  }

  /* Element Styling */
  .custom_slider .content h1 {
    font-size: 30px;
    line-height: 34px;
  }

  .custom_slider .content h2 {
    font-size: 18px;
  }
}


/*-------------------------------------------------------------------------------------------------
Phablet Overrides: 640-767px
-------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 640px) and (max-width: 767px) {
  .visible-mobile, .visible-phablet {
    display: block;
  }

  .hidden-mobile, .hidden-phablet {
    display: none;
  }

  /*---------------------------------------------------------------------------------------------
	AWS 1.0 - Base Elements
	/*-------------------------------------------------------------------------------------------*/
  fieldset .multicols > .col {
    float: none;
    width: 100% !important;
  }

  fieldset .multicols > .col + .col {
    margin: 20px 0 0;
  }

  /* AWS 1.5 - Blockquotes ----------------------------------------------------------------*/
  /* Testimonial */
  blockquote.testimonial > div {
    height: 140px;
  }

  blockquote.testimonial > p {
    font-size: 24px;
  }

  blockquote.testimonial cite {
    font-size: 28px;
  }

  blockquote.testimonial cite + p {
    font-size: 18px;
  }

  /* Source Image */
  blockquote.testimonial > div > .media {
    width: 140px;
  }

  blockquote.testimonial > div > .media img {
    width: 100%;
  }

  /*---------------------------------------------------------------------------------------------
	AWS 2.0 - Foundation (i.e. wrappers, nav, footer etc)
	/*-------------------------------------------------------------------------------------------*/
  .inner_container {
    width: 92% !important;
  }

  /* AWS 2.1 - Header ---------------------------------------------------------------------*/
  #header #logo {
    margin: 45px 0 17px 0;
    width: 175px;
  }

  #header #logo img {
    width: 100%;
  }

  /* Site Search */
  #header .mod-site_search {
    top: 58px;
  }

  /* AWS 2.2 - Navigations ----------------------------------------------------------------*/
  /* AWS 2.2.1 - Main Navigation */
  /* Secure Start Adjustments */
  .ss #navigation .nav:first-child > li > a > span {
    font-size: 14px;
  }

  .ss #navigation .nav:first-child > li:first-child > a > span {
    padding: 0 12px;
  }

  .ss #navigation .nav:first-child > li:first-child > a > span > .icon {
    display: none;
  }

  .ss #navigation .nav.right > li:first-child {
    display: none;
  }

  /* AWS 2.2.2 - Sub Navigation */
  .subnav {
    width: 92%;
    margin: 30px auto;
  }

  /* AWS 2.2.3 - Utility Navigation */
  #utility_navigation {
    top: 5px;
  }

  #utility_navigation > ul > li + li {
    margin: 0 0 0 10px;
  }

  /* Speficic Menu Items */
  /* Location */
  #utility_navigation > ul > .location > .content {
    width: 420px;
  }

  #utility_navigation > ul > .location .content > .multicols > .col {
    width: 100%;
  }

  #utility_navigation > ul > .location .content > .multicols > .col1 {
    margin: 0 0 30px;
  }

  /* MyHollister Variant */
  .myHollister #utility_navigation > ul > li > a {
    font-size: 12px;
  }

  /* AWS 2.3 - Footer ---------------------------------------------------------------------*/
  /* Back to Top Button */
  #footer .btn-back_to_top {
    top: 0;
    -moz-transform: scale(.75);
    -webkit-transform: scale(.75);
    -o-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
  }

  /* AWS 2.4 - Sidebar --------------------------------------------------------------------*/
  /* myHollister Adjustments */
  .myHollister #sidebar > .inner_container {
    width: 92%;
  }


  /*---------------------------------------------------------------------------------------------
	AWS 3.0 - Reusable Components
	/*-------------------------------------------------------------------------------------------*/
  /* AWS 3.1 - Aware Custom Components ----------------------------------------------------*/
  /* AWS 3.1.1 - Modal Windows --------------------------------------------------------*/
  /* Modals -----------------------------------------------------------------------*/
  /* Thumbnail Gallery */
  .modal-container.thumbnail_gallery {
    width: 90%;
    height: 460px;
    margin: 0 0 0 -45%;
  }

  /* AWS 3.1.2 - Carousel -------------------------------------------------------------*/
  .carousel_container .carousel .wrapper,
  .campaign_carousel .carousel .wrapper {
    width: 440px;
  }

  .carousel_container .carousel > .prev,
  .campaign_carousel .carousel > .prev {
    left: 0;
  }

  .carousel_container .carousel > .next,
  .campaign_carousel .carousel > .next {
    right: 0;
  }

  /* Custom Content */
  /* Feature */
  .carousel.feature .panels {
    width: 100%;
  }

  /* AWS 3.2 - Modules (i.e. reusable design parts(e.g. lists, etc)) ----------------------*/
  /* Clone Items */
  /* Variants */
  /* Products */
  .isEditable .mod-clone.products .js-clone {
    padding-left: 50px;
  }

  .mod-clone.products .js-clone + .js-clone {
    margin-top: 30px;
  }

  .mod-clone.products .js-clone > .col4 {
    position: absolute;
    top: 1px;
    left: 0;
  }

  .mod-clone.products .js-clone label {
    display: block !important;
  }

  .mod-clone.products .js-clone .trigger-remove {
    top: 0 !important
  }

  /* Filters */
  .mod-filters > div:nth-child(4) .content {
    left: auto;
    right: 0;
  }

  /* Gallery: Thumbnail */
  /* Full Sized Images */
  .mod-thumbnail_gallery .images.full {
    width: 100%;
    height: 460px;
  }

  .mod-thumbnail_gallery .images.full .cycle,
  .mod-thumbnail_gallery .images.full .cycle > div {
    height: 460px;
  }

  .mod-thumbnail_gallery .images.full .cycle img {
    max-height: 420px
  }

  /* Grid */
  /* Popular Products */
  .mod-grid.popular_products > .item > .image {
    width: 80%;
    margin: 0 auto 10px;
  }

  .mod-grid.popular_products > .item > .image img {
    display: block;
    width: 100%;
  }

  /* Site Section */
  #template-results .site_section > .row {
    width: 100%;
  }

  #template-results .site_section > .row > .item {
    width: 49%;
    float: left;
  }

  #template-results .site_section > .row > .item + .item {
    margin: 0 0 0 2%;
  }

  #template-results .site_section > .row > .item > .image > a {
    display: block;
    height: auto; /* undo height 1px declaration for FF */
  }

  #template-results .site_section > .row > .item > .image > a > .image_container {
    position: static;
    margin: 0 auto;
  }

  #template-results .site_section > .row > .item > .image > a > .header {
    padding: 0;
    text-align: center;
    display: block;
    font-size: 17px;
  }

  #template-results .site_section > .row > .item > .image > a > .header .icon {
    display: none;
  }

  /* Header & Buttons */
  .mod-header_btns > .multicols > .col1,
  .mod-header_btns > .multicols > .col2 {
    float: none;
    width: 100%;
    margin: 0;
  }

  .mod-header_btns > .multicols > .col2 {
    margin-top: 20px;
  }

  .mod-header_btns > .multicols > .col2 .btn.outline {
    float: left;
  }

  /* Order Details */
  .mod-order_details .multicols.cols3 .col1 {
    width: 49%;
  }

  .mod-order_details .multicols.cols3 .col2 {
    width: 49%;
  }

  .mod-order_details .multicols.cols3 .col3 {
    width: 100%;
    margin: 30px 0 0;
  }

  /* Order History */
  .mod-filtered_form {
    width: 100%;
  }

  /* Signature */
  .mod-signature .multicols .col1 {
    width: 100%;
    float: none;
  }

  .mod-signature .multicols .col2 {
    margin: 20px 0 0;
    float: none;
    width: 50%;
  }

  /* Steps (i.e. progress, part 1 of 4) */
  .mod-steps > ul > li {
    width: 130px;
  }

  /* AWS 3.3 - Callouts -------------------------------------------------------------------*/
  /* Site Portal */
  .callout.site_portal > .content {
    width: 53%;
  }

  .callout.site_portal > .image {
    width: 47%;
  }

  /* AWS 3.4 - Layouts (i.e. more complex designs, tend to hold one or more modules) ------*/
  /* 3.4.6 - SS Step 2 ----------------------------------------------------------------*/
  .layout.ss-step2 .mod-grid.search_listing > .content > .item {
    padding: 0 0 35px;
  }

  .layout.ss-step2 .mod-grid.search_listing > .content > .item > .footer {
    left: 0;
    right: 0;
  }

  /* 3.4.7 - SS Step 3 ----------------------------------------------------------------*/
  .layout.ss-step3 .column-left {
    width: 62%;
  }

  .layout.ss-step3 .column-right {
    width: 36%;
  }

  .layout.ss-step3 .mod-cart_preview > ul > li > .image {
    width: 60px;
  }

  .layout.ss-step3 .mod-cart_preview > ul > li > .content {
    padding-left: 80px;
  }

  /* AWS 3.4.8 - Article Listing Carousel ---------------------------------------------*/
  .layout.article_listing_carousel .results_options li {
    width: 100%;
  }

  /* AWS 3.4.9 - Hero -----------------------------------------------------------------*/
  /* Variations */
  /* Intro */
  .layout-hero.intro .mod-multicols .multicols > .col {
    width: 100% !important;
    padding: 50px 0;
  }


  /*---------------------------------------------------------------------------------------------
	AWS 4.0 - Buttons & Icons
	/*-------------------------------------------------------------------------------------------*/
  /* AWS 4.1 - Buttons --------------------------------------------------------------------*/
  /* Button Container Alt */
  .btn_container.alt {
    padding: 20px 0;
  }

  .btn_container.alt > .btn {
    width: 260px;
    padding: 15px;
  }

  /* AWS 4.3 - Badges ---------------------------------------------------------------------*/
  .badge {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    font-size: 12px;
  }


  /*---------------------------------------------------------------------------------------------
	AWS 5.0 - Template Specific (i.e. override display of any design element on a specific template)
	/*-------------------------------------------------------------------------------------------*/
  /* AWS 5.1 - Simple ---------------------------------------------------------------------*/
  /* Video & Image Containers */
  /* Full */
  #template-simple .section.image_container.full > .inner_container {
    width: 92%;
  }

  /* AWS 5.1.1 - Product Details ------------------------------------------------------*/
  /* Sidebar Overrides */
  #template-simple.product_details #sidebar .sidebar {
    padding: 40px 0 0;
    width: 92%;
    margin: 0 auto;
  }

  /* AWS 5.3 - Full -----------------------------------------------------------------------*/
  /* AWS 5.3.1 - Campaign -------------------------------------------------------------*/
  #template-full.campaign .section > .inner_container {
    width: 92%;
  }

  /* Section Types */
  /* Tabs (expandable overrides) */
  #template-full.campaign .section.campaign_tabs .tabs {
    display: none;
  }

  #template-full.campaign .section.campaign_tabs .tab_panels {
    padding: 0;
    border: none;
  }

  #template-full.campaign .section.campaign_tabs .tab_panels > .panel {
    display: block;
  }

  #template-full.campaign .section.campaign_tabs .tab_panels > .panel:first-child .mod-expandables {
    margin-top: 30px;
  }

  #template-full.campaign .section.campaign_tabs .tab_panels > .panel:last-child .mod-expandables ul > li:last-child {
    border-top: 1px solid #ebe9e8;
  }

  #template-full.campaign .section.campaign_tabs .mod-expandables ul > li {
    border-top: 1px solid #ebe9e8;
  }

  #template-full.campaign .section.campaign_tabs .mod-expandables .trigger_expandable {
    display: block;
  }

  #template-full.campaign .section.campaign_tabs .mod-expandables .expandable {
    position: absolute;
    float: left;
    z-index: -1;
    visibility: hidden;
    left: -9999px;
    top: -9999px;
    padding: 0 25px 25px 45px;
  }

  #template-full.campaign .section.campaign_tabs .mod-expandables .open .expandable {
    position: relative;
    float: none;
    visibility: visible;
    z-index: 0;
    left: 0;
    top: 0;
  }

  /* AWS 5.4 - Secure Start Templates / Additions -----------------------------------------*/
  /* AWS 5.4.1 - User Bar -------------------------------------------------------------*/
  #ss-user_bar {
    padding: 10px 0 2px;
  }

  #ss-user_bar > .inner_container {
    width: 92%;
  }

  /* Not logged In */
  #ss-user_bar fieldset ul > li > input {
    width: 130px;
  }

  /* AWS 5.4.2 - Simple Template Overrides --------------------------------------------*/
  #template-simple.secure_start #related_content {
    width: 92%;
  }

  /* Product Details */
  #template-simple.secure_start.alt_sidebar #sidebar > .inner_container {
    width: 92%;
  }


  /*---------------------------------------------------------------------------------------------
	AWS 6.0 - 3rd Party Overrides
	/*-------------------------------------------------------------------------------------------*/
  /* AWS 6.1 - Slider / Billboard (Layerslider) -------------------------------------------*/
  #slider_container,
  #slider_container > .ls-container {
    height: 417px !important;
  }

  #slider_container .ls-bg,
  #slider_container .ls-inner .ls-curtile img,
  #slider_container .ls-inner .ls-nexttile img {
    width: 998px !important;
    margin-left: -499px !important;
  }

  /* Content Container */
  .custom_slider .ls-slide > .content {
    width: 100%;
    height: 123px;
  }

  .custom_slider .ls-slide > .content > .inner {
    height: 123px;
    padding: 0 4%;
  }

  /* Small */
  #slider_container.small,
  #slider_container.small > .ls-container {
    height: 302px !important;
  }

  /* Content Container */
  .small .custom_slider .ls-slide > .content,
  .small .custom_slider .ls-slide > .content > .inner {
    height: 40px;
  }

  /* Small */
  /* Control Overrides */
  #slider_container.small .ls-bottom-nav-wrapper {
    margin-top: -40px;
  }
}


/*-------------------------------------------------------------------------------------------------
Phone: 320(min-width)-639px
-------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 639px) {
  .visible-mobile, .visible-phone {
    display: block;
  }

  .hidden-mobile, .hidden-phone, .invisible {
    display: none;
  }

  .secondary_link.hidden-phone {
    display: none;
  }

  /*---------------------------------------------------------------------------------------------
	AWS 1.0 - Base Elements
	/*-------------------------------------------------------------------------------------------*/
  body {
    -webkit-text-size-adjust: none;
  }

  fieldset .multicols > .col {
    float: none;
    width: 100% !important;
  }

  fieldset .multicols > .col + .col {
    margin: 20px 0 0;
  }

  /* AWS 1.2 - RTE Classes & Overrides ----------------------------------------------------*/
  .align_img_left,
  .align_img_right {
    display: block;
    margin: 10px auto;
    float: none;
  }

  /* Images */
  img.responsive {
    width: 100% !important;
    margin: 20px auto !important;
  }

  /* AWS 1.3 - Tables ---------------------------------------------------------------------*/
  .table_container {
    border: 1px solid #878785;
  }

  .table_container > .btn:last-child {
    margin: 0 15px 15px;
  }

  .table_helper {
    margin: 30px 0 -20px;
  }

  .table_container.mobile_friendly > table {
    min-width: 700px;
  }

  /* Vertical Breakdown */
  .table_container.vertical_breakdown {
    border: none;
  }

  .table_container.vertical_breakdown thead {
    display: none;
  }

  .table_container.vertical_breakdown .mobile-multiline {
    display: block;
  }

  .table_container.vertical_breakdown table {
    width: 100%;
  }

  /* IE9 Fix to force vertical stacking */
  .table_container.vertical_breakdown tbody td {
    display: block;
    width: 100%;
    text-align: left;
    padding: 5px 20px;
    float: left \9; /* IE9 Fix to force vertical stacking */
  }

  .table_container.vertical_breakdown tbody .hide-phone {
    display: none;
  }

  .table_container.vertical_breakdown tbody td:first-child {
    padding-top: 20px;
  }

  .table_container.vertical_breakdown tbody td:last-child {
    padding-bottom: 20px;
  }

  .table_container.vertical_breakdown tbody td:before {
    content: attr(data-col);
    display: inline;
    font-weight: bold;
    color: #878785;
  }

  .table_container.vertical_breakdown tbody td + td {
    border: none;
  }

  .table_container.vertical_breakdown tbody td .btn {
    display: block;
    margin-top: 20px;
    border: none !important;
  }

  .table_container.vertical_breakdown tbody td .btn.always_visible .hide {
    display: none;
  }

  .table_container.vertical_breakdown tbody td .btn.always_visible .txt {
    display: inline;
  }

  .table_container.vertical_breakdown tbody td .hr {
    display: block;
    border-color: #ddd;
  }

  /* Search IFU Results */
  .table.ifu > thead {
    display: none
  }

  .table.ifu td + td, .table.ifu th + th {
    border-left: 0;
  }

  .table.ifu > tbody > tr > td {
    width: 100%;
    display: block;
    padding-bottom: 0;
  }

  .table.ifu > tbody > tr > td + td {
    font-size: 14px;
    padding: 0;
    padding: 5px 20px 20px 40px;
  }

  .table.ifu > tbody > tr > td > small {
    margin-top: 5px
  }

  /* Expandables */
  .table_container.vertical_breakdown tbody td .mod-expandables {
    display: block;
    width: 100%;
    margin: 10px 0;
  }

  .table_container.vertical_breakdown tbody td .mod-expandables .trigger_expandable {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #878785;
    font-size: 14px;
    padding: 13px 30px 15px 0;
  }

  .table_container.vertical_breakdown tbody td .trigger_expandable:hover {
    color: #bf1e39;
  }

  .table_container.vertical_breakdown tbody td .mod-expandables .expandable_state {
    right: 0;
  }

  .table_container.vertical_breakdown tbody td .mod-expandables .expandable {
    padding: 10px 0 0;
  }

  .table_container.vertical_breakdown tbody td .mod-expandables .expandable p {
    font-size: 12px;
    color: #878785;
  }

  .table_container.vertical_breakdown tbody td .mod-expandables .expandable p + p {
    margin-top: 15px;
  }

  .table_container.vertical_breakdown tbody td .mod-expandables .expandable p:last-child {
    margin-bottom: 0;
  }

  .table_container.vertical_breakdown tbody td .mod-expandables .expandable p > a {
    border: none;
  }

  /* AWS 1.4 - Forms ----------------------------------------------------------------------*/
  /* General Styles for Fieldsets and widths */
  fieldset > ul,
  .fieldset {
    width: 100%;
  }

  fieldset > ul > li,
  .fieldset > li,
  fieldset > ul > li.half,
  .fieldset > li.half,
  fieldset > ul > li.quarter,
  .fieldset > li.quarter {
    width: 100%;
    margin: 0 0 14px;
  }

  fieldset > ul > li.new_line,
  .fieldset > li.new_line {
    margin-right: 0;
  }

  /* AWS 1.4.1 - Web Form For Markets(wffm) Overrides ---------------------------------*/
  .g-recaptcha,
  #rc-imageselect {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }

  /* Errors / Validator / Summary + Position - Width Changes*/
  .wffm .scfSubmitSummary > span,
  .wffm .scfError > ul,
  .wffm .scfValidationSummary > ul,
  .wffm .scfSectionContent > div,
  .wffm .scfSectionContent > .halfAvailableWidth,
  .wffm .scfSectionContent > .thirdAvailableWidth {
    width: 100% !important;
    margin-right: 0;
  }

  /* AWS 1.4.2 - Sitecore 9 Forms Overrides ---------------------------------*/
  .form_container .scfShorText,
  .form_container .halfAvailableWidth,
  .form_container .thirdAvailableWidth {
    width: 100% !important;
    margin-right: 0;
  }

  /*is this the best way?*/
  .form_container > form > div > input,
  .form_container > form > div > select,
  .form_container > form > div > textarea {
    width: 100%;
  }

  /* AWS 1.5 - Blockquotes ----------------------------------------------------------------*/
  /* Testimonial */
  blockquote.testimonial > div {
    display: block;
    height: auto;
  }

  blockquote.testimonial > div > .media,
  blockquote.testimonial > div > .content {
    width: 100%;
    text-align: center;
    padding: 0;
  }

  blockquote.testimonial > div > .media > img {
    margin: 0 0 15px;
  }

  blockquote.testimonial > p {
    font-size: 24px;
  }

  blockquote.testimonial cite {
    font-size: 28px;
  }

  blockquote.testimonial cite + p {
    font-size: 18px;
  }


  /*---------------------------------------------------------------------------------------------
	AWS 2.0 - Foundation (i.e. wrappers, nav, footer etc)
	/*-------------------------------------------------------------------------------------------*/
  .outer_wrapper,
  .inner_wrapper {
    min-width: 320px;
    max-width: inherit;
    width: 100%;
    margin: 0 auto;
  }

  .inner_wrapper {
    overflow: visible;
  }

  .inner_container {
    width: 87.5% !important;
  }

  #content {
    min-height: inherit !important
  }

  /* AWS 2.1 - Header ---------------------------------------------------------------------*/
  #header,
  .myHollister #header {
    height: 92px;
    border-bottom: 10px solid #bf1e39;
  }

  #header #logo {
    margin: 0 auto !important;
    width: 162px;
    display: block;
    position: relative;
    top: 24px;
  }

  #header #logo.hasText {
    top: 7px;
  }

  #header #logo > img {
    width: 100%;
  }

  #header #logo > span {
    position: static;
    display: block;
    font-size: 18px;
  }

  #header #logo > span:before {
    display: none;
  }

  /* Secure Start Adjustments */
  .ss #header {
    height: 100px;
  }

  .ss #header #logo {
    position: relative;
    top: 40px;
  }

  .ss #launch-mobile_menu {
    height: 90px;
  }

  /* Mobile Menu Button */
  #launch-mobile_menu {
    display: block;
    width: 72px;
    height: 82px;
    position: absolute;
    top: 0;
    left: -7.20%;
    border: none;
  }

  #launch-mobile_menu > span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -17px;
  }

  #launch-mobile_menu:hover,
  .menu-opened #launch-mobile_menu {
    background: #878787;
  }

  #launch-mobile_menu:hover > span,
  .menu-opened #launch-mobile_menu > span {
    background-position: -160px 0;
  }

  /* Menu Overlay */
  .menu-opened #menu_overlay,
  .cart-opened #menu_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 99;
  }

  .menu-opened #header,
  .cart-opened #header {
    z-index: 2000;
  }

  /* Site Search */
  #header .mod-site_search {
    display: none;
  }

  /* Mobile Menu Opened */
  .menu-opened #header .mod-site_search {
    display: block;
    width: 275px;
    left: -7.20%;
    top: 82px;
    background: #e1e1e1;
    padding: 15px 10px;
    z-index: 100;
  }

  .menu-opened .mod-site_search:before {
    content: '';
    position: absolute;
    top: -9px;
    left: 28px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 9px 8.5px;
    border-color: transparent transparent #e1e1e1 transparent;
  }

  .menu-opened .mod-site_search > .field {
    width: 234px;
  }

  .menu-opened .mod-site_search > .field > input {
    padding: 4px 0 0 8px;
  }

  .menu-opened .mod-site_search > button {
    top: 15px;
    right: 10px;
  }

  /* AWS 2.2 - Navigations ----------------------------------------------------------------*/
  /* AWS 2.2.1 - Main Navigation */
  #navigation {
    display: none;
  }

  .menu-opened #navigation {
    position: absolute;
    width: 275px;
    top: 133px; /* 175 when social menu exists */
    left: 0;
    height: auto;
    border-radius: 0 0 5px 0;
    overflow: hidden;
    z-index: 100;
    background: none;
  }

  .menu-opened #launch-mobile_menu {
    z-index: 100;
  }

  .ss.menu-opened #navigation {
    top: 90px;
  }

  #navigation .nav {
    border: none;
    height: auto;
    display: block;
  }

  #navigation .nav > li {
    display: block;
    background: #fff;
    width: 275px !important;
    border: none;
    border-left: none !important;
    left: -7.25%;
  }

  #navigation .nav > li.visible-phone {
    display: block !important;
  }

  #navigation .nav > li + li {
    border-top: 1px solid #ebebeb;
  }

  #navigation .nav > li:hover:after {
    display: none;
  }

  #navigation .nav > li > a {
    color: #b91432;
    text-align: center;
    height: 60px;
    line-height: 16px;
    width: 100% !important;
    border: none;
    background: #fff !important; /* override highlighted class */
  }

  #navigation .nav > li > a:hover,
  #navigation .nav > li > a.active {
    color: #fff;
    background: #b91432 !important;
  }

  #navigation .nav > li > a > span > .icon {
    display: none;
  }

  /* myHollister Adjustments */
  .myHollister #navigation .nav > li:first-child > a {
    text-indent: 0;
  }

  .myHollister #navigation .nav > li:first-child > a:before {
    display: none;
  }

  /* Secure Start Adjustments */
  .ss #navigation .nav,
  .ss #navigation .nav.right {
    margin: 0;
    float: none;
  }

  .ss #navigation .nav .icon,
  .ss #navigation .nav.right > li:first-child {
    display: none;
  }

  .ss #navigation .nav:first-child > li > a > span {
    font-size: 14px;
    text-transform: uppercase;
  }

  .ss #navigation .nav:first-child > li:first-child > a > span {
    padding: 0;
  }

  /* AWS 2.2.1.1 - Mega Menu */
  .megamenu_container {
    display: none !important;
  }

  /* AWS 2.2.2 - Sub Navigation */
  .subnav {
    width: 87.5%;
    margin: 30px auto;
  }

  /* AWS 2.2.3 - Utility Navigation */
  #utility_navigation {
    position: static;
  }

  #utility_navigation > ul > li,
  #utility_navigation > ul > li > a > .icon.arrow-lg-down {
    display: none;
  }

  /* Speficic Menu Items */
  /* Cart */
  #utility_navigation > ul > .cart {
    display: block;
    width: 75px;
    height: 82px;
    border: none;
    border-radius: 0;
    top: 0;
    right: -7.25%;
    margin: 0 1px 0 0;
    position: absolute;
  }

  .cart-opened #utility_navigation > ul > .cart {
    z-index: 100;
  }

  #utility_navigation > ul > .cart.open {
    background: #b91432;
  }

  #utility_navigation > ul > .cart > a {
    display: block;
    width: 75px;
    height: 82px;
    padding: 25px 0 0;
    font-size: 12px;
    text-align: center;
  }

  #utility_navigation > ul > .cart.open > a {
    color: #fff;
    border: none;
  }

  #utility_navigation > ul > .cart.open > a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -8.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 9px 8.5px;
    border-color: transparent transparent #fff transparent;
  }

  #utility_navigation > ul > .cart > a > .icon.cart {
    position: relative;
    left: 50%;
    top: auto;
    display: block;
    margin: 0 0 -7px -14px;
    width: 26px;
    height: 20px;
    background-position: -21px -54px;
  }

  /* Basket Variation */
  .useBasketIcon #utility_navigation > ul > .cart > a > .icon.cart {
    background-position: -269px -70px;
    width: 24px;
    height: 19px;
    margin: 0 0 -6px -11px;
  }

  .useBasketIcon #utility_navigation > ul > .cart > a > .icon.cart_number {
    top: 17px;
    margin-left: 5px;
  }

  #utility_navigation > ul > .cart.open > a > .icon.cart {
    background: none;
  }

  #utility_navigation > ul > .cart > a > .icon.cart_number {
    left: 50%;
    top: 19px;
    margin: 0 0 0 -6px;
  }

  #utility_navigation > ul > .cart.open > a > .icon.cart_number {
    background-position: 0 -81px;
    width: 19px;
    height: 19px;
    line-height: 19px;
    margin-left: -9px;
    top: 24px;
  }

  /* Additional Content */
  #utility_navigation > ul > .open > .content {
    top: 82px;
    left: auto;
    right: 0;
    width: 320px;
    border-radius: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
  }

  #utility_navigation > ul > .open > .content > .more_items {
    width: 80%;
    margin: 13px auto -5px;
  }

  #utility_navigation > ul > .open > .content > .btn {
    display: block;
    width: 80%;
    margin: 20px auto;
  }

  /* Social */
  .menu-opened #utility_navigation > ul > .social {
    display: block;
  }

  #utility_navigation > ul > .social {
    border: none;
    border-radius: 0;
    top: 133px;
    left: -7.25%;
    position: absolute;
    z-index: 100;
    margin: 0;
  }

  #utility_navigation > ul > .social > a {
    display: none;
  }

  /* Additional Content */
  #utility_navigation > ul > .social > .content {
    display: block;
    width: 275px;
    height: 42px;
    background: #e1e1e1;
    border-radius: 0;
    padding: 0 10px;
    border: none;
    position: static;
  }

  #utility_navigation > ul > .social > .content > ul {
    display: block;
    text-align: center;
  }

  #utility_navigation > ul > .social > .content > ul > li {
    display: inline-block;
    margin: 0 4px;
  }

  #utility_navigation > ul > .social > .content > ul > li > a {
    width: 32px;
    height: 32px;
    overflow: hidden;
    padding: 8px;
  }

  #utility_navigation > ul > .social > .content > ul > li > a > .icon {
    top: 0;
    margin: 0;
  }

  #utility_navigation > ul > .social > .content > ul > li > a > span > img {
    top: -17px;
  }


  /* AWS 2.2.4 - myHollister Navigation */
  #mobile-logout {
    background: none;
    width: 72px;
    height: 82px;
    position: absolute;
    top: 0;
    right: -7.2%;
    text-align: center;
    text-transform: uppercase;
    border: none;
    color: #878785;
  }

  #mobile-logout:hover {
    color: #bf1e39;
  }

  #mobile-logout:hover > span {
    background-position: -104px -176px;
  }

  #mobile-logout > span {
    display: block;
    margin: 27px auto 5px;
  }

  /* User Bar */
  #myh-user_bar {
    display: none;
  }

  #myh-user_bar > ul > li:last-child {
    display: none !important;
  }

  .myHollister.menu-opened #myh-user_bar {
    display: block;
    width: 275px;
    left: -7.20%;
    top: 82px;
    background: #e1e1e1;
    padding: 18px 10px 14px;
    z-index: 100;
    position: absolute;
  }

  .myHollister.menu-opened #myh-user_bar:before {
    content: '';
    position: absolute;
    top: -9px;
    left: 28px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 9px 8.5px;
    border-color: transparent transparent #e1e1e1 transparent;
  }

  .myHollister.menu-opened #myh-user_bar > ul > li {
    font-size: 12px;
  }

  .myHollister.menu-opened #myh-user_bar > ul > li:first-child {
    width: 180px;
  }

  /* Utility Navigation */
  #myh-utility_nav {
    display: none;
  }

  /* AWS 2.3 - Footer ---------------------------------------------------------------------*/
  #footer {
    padding: 23px 0 20px;
  }

  #footer > .inner_container {
    padding: 0 25px;
  }

  /* Disclaimer */
  #disclaimer > .inner_container {
    padding: 25px 0 20px;
  }

  /* Upcomming Events */
  #upcoming_events .col {
    float: none;
    width: 100%;
    margin: 0;
  }

  #upcoming_events .col + .col {
    margin: 30px 0 0;
  }

  /* Site Map */
  #footer .site_map > .col,
  #footer .site_map .col1 .col {
    width: 100%;
    text-align: center;
    float: none;
    margin: 0;
  }

  /* Copyright */
  #copyright {
    margin: 15px 0 0;
  }

  #copyright > a {
    float: none;
    display: block;
  }

  #copyright > p {
    float: none;
  }

  #copyright > p + p {
    line-height: 18px;
  }

  /* CE Mark */
  #copyright > p.ce_mark {
    text-align: center
  }

  /* myHollister Adjustments */
  .myHollister #copyright > p {
    line-height: 18px;
  }

  /* Social */
  #footer .social {
    float: none;
    display: inline-block;
  }

  /* Back to Top Button */
  #footer .btn-back_to_top {
    top: 0;
    -moz-transform: scale(.75);
    -webkit-transform: scale(.75);
    -o-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
  }

  /* AWS 2.4 - Sidebar --------------------------------------------------------------------*/
  #sidebar {
    position: static;
    width: 100%;
    margin: 30px 0 0 !important;
  }

  #sidebar > .inner_container {
    width: 100%;
  }

  #sidebar .sidebar {
    position: static;
    width: 100%;
    border: none;
    margin: 0;
    float: none;
  }

  #sidebar .sidebar > h4,
  #sidebar .callout.third,
  #sidebar .callout.fourth {
    display: none;
  }

  /* Alt Sidebar */
  .alt_sidebar #sidebar .sidebar > h2 {
    text-align: left;
  }

  /* Image */
  #sidebar .callout > .image {
    margin: 5px 0 15px;
  }

  #sidebar .callout > .image > img {
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: 228px;
  }

  /* Second */
  #sidebar .callout.first,
  #sidebar .callout.second {
    padding: 20px 0 25px;
  }

  #sidebar .callout.first > div,
  #sidebar .callout.second > div {
    width: 87.5%;
    margin: 0 auto;
  }

  #sidebar .callout.second > .content {
    height: auto;
    overflow: visible;
  }

  #sidebar .callout.banner.first {
    padding: 0;
  }

  #sidebar .callout.second .mod-listing li > br {
    display: none;
  }

  #sidebar .callout.second .mod-listing li > br + a {
    margin-left: 5px;
  }

  /* Banner */
  #sidebar .callout.banner {
    width: 100%;
    margin: 0;
    overflow: hidden;
  }

  #sidebar .callout.banner > .visible-phone {
    position: relative;
    height: 289px;
  }

  #sidebar .callout.banner > .visible-phone > img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 640px;
    margin: 0 0 0 -320px;
  }

  /* myHollister Adjustments */
  .myHollister #sidebar {
    display: none;
  }

  .myHollister #sidebar.always_visible {
    display: block;
  }

  .myHollister #sidebar.always_visible > .inner_container {
    width: 87.5%;
  }

  /* AWS 2.5 - Breadcrumbs ----------------------------------------------------------------*/
  /* Template Overrides */
  #template-full.campaign .section.breadcrumbs + #content > .section:first-child > .inner_container {
    padding-top: 0;
  }

  #template-results .section.breadcrumbs .inner_container .content {
    padding: 0;
  }


  /*---------------------------------------------------------------------------------------------
	AWS 3.0 - Reusable Components
	/*-------------------------------------------------------------------------------------------*/
  /* AWS 3.1 - Aware Custom Components ----------------------------------------------------*/
  /* AWS 3.1.1 - Modal Windows --------------------------------------------------------*/
  .modal-container {
    width: 90%;
    margin: 0 0 0 -45%;
  }

  .modal-container .modal-content {
    padding: 50px 20px 40px;
  }

  .modal-confirmation .modal-buttons > li {
    width: 48%;
  }

  .modal-confirmation .modal-buttons > li + li {
    margin-left: 4%;
  }

  .modal-confirmation .modal-buttons > li > .btn {
    min-width: 100%;
  }

  /* Modals -----------------------------------------------------------------------*/
  .modal-content .btn:link {
    min-width: 215px;
  }

  /* Cookie */
  .modal-container.cookie {
    width: 90%;
    min-width: 290px;
  }

  /* Login */
  .modal-container.login {
    width: 90%;
    min-width: 290px;
    margin: 0 0 0 -45%;
  }

  /* Media */
  .modal-media .multicols.cols2 .col {
    width: 100%;
    float: none;
  }

  .modal-media .multicols.cols2 .col + .col {
    margin: 30px 0 0;
    width: 100%;
  }

  /* Thumbnail Gallery */
  .modal-container.thumbnail_gallery {
    width: 90%;
    height: 360px;
    margin: 0 0 0 -45%;
  }

  /* AWS 3.1.2 - Carousel -------------------------------------------------------------*/
  .carousel_container .carousel {
    padding-bottom: 50px;
  }

  .carousel_container .carousel .wrapper {
    width: 320px;
  }

  .carousel_container .carousel .slides > .slide {
    width: 140px;
    height: 300px;
    padding: 20px 0 0;
  }

  /* Prev / Next Buttons */
  .carousel_container .carousel > .nav {
    top: auto;
    bottom: 0;
  }

  .carousel_container .carousel > .prev,
  .campaign_carousel .carousel > .prev {
    left: 50%;
    margin: 0 0 0 -40px;
  }

  .carousel_container .carousel > .next,
  .campaign_carousel .carousel > .next {
    right: 50%;
    margin: 0 -40px 0 0;
  }

  /* Custom Content */
  /* Feature */
  .carousel.feature {
    padding: 30px 0;
  }

  .carousel.feature .wrapper {
    width: 320px;
  }

  .campaign_carousel .carousel.feature .wrapper {
    margin-top: 20px;
  }

  .carousel.feature .nav {
    top: 160px;
  }

  .carousel.feature .slide {
    width: 140px;
    height: 160px;
    padding: 0;
  }

  .carousel.feature .slide > .image {
    width: 140px;
    height: 140px;
  }

  .carousel.feature .slide.selected > .image img {
    top: -140px;
  }

  .carousel.feature .panels {
    width: 87.5%;
    margin: 45px auto 0;
  }

  /* Video */
  .carousel.feature.video {
    padding-bottom: 40px !important;
  }

  .carousel.feature.video.bottom .nav {
    bottom: 0;
  }

  .carousel.feature.video .slide > .content > h6 {
    font-size: 12px;
    line-height: 16px;
  }

  /* Utility */
  /* Bottom Aligned Featured Carousel */
  .carousel.feature.bottom .nav {
    bottom: 8px;
  }

  /* AWS 3.2 - Modules (i.e. reusable design parts(e.g. lists, etc)) ----------------------*/
  /* Alternating Cotent */
  .mod-alternating .row {
    display: flex;
    height: auto;
    border: none;
    flex-direction: column;
  }

  .mod-alternating .row > div {
    width: 100%;
    display: block;
  }

  .mod-alternating .row > .content {
    padding: 25px;
    order: 99;
    -webkit-order: 99;
  }

  .mod-alternating .row > .media > img {
    position: static;
    width: 100%;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }

  /* Buttons */
  .mod-buttons > .btn {
    display: block;
  }

  .mod-buttons > .btn + .btn {
    margin-top: 30px;
  }

  /* Cart Preview */
  .mod-cart_preview {
    width: 100% !important;
    margin-top: 20px !important;
  }

  .mod-cart_preview > ul > li > img {
    display: block !important;
    width: 40px !important;
    float: left !important;
  }

  .mod-cart_preview > ul > li > img + .content {
    padding: 0 20% 0 0 !important;
    width: 80% !important;
    float: right !important;
    min-height: 51px;
  }

  .mod-cart_preview > ul > li > .content > .icon {
    top: 50%;
    margin-top: -8px;
  }

  /* Clone Items */
  /* Variants */
  /* Products */
  .isEditable .mod-clone.products .js-clone {
    padding-left: 50px;
  }

  .mod-clone.products .js-clone + .js-clone {
    margin-top: 30px;
  }

  .mod-clone.products .js-clone > .col4 {
    position: absolute;
    top: 1px;
    left: 0;
  }

  .mod-clone.products .js-clone label {
    display: block !important;
  }

  .mod-clone.products .js-clone .trigger-remove {
    top: 0 !important
  }

  /* Contact */
  .mod-contact > .form_container,
  .mod-contact > .details {
    float: none;
    width: 100%;
  }

  .mod-contact > .form_container:after {
    display: none;
  }

  .mod-contact > .details {
    margin-top: 20px;
  }

  .mod-contact .btn {
    width: 100%;
  }

  /* Divider Well */
  /* Misc Components Within */
  /* myHollister Account - Balance Info */
  .mod-divider_well .myh-account.cols2 .col1,
  .mod-divider_well .myh-account.cols2 .col2 {
    width: 100%;
    margin: 0;
    float: none;
  }

  .mod-divider_well .myh-account.cols2 .col + .col {
    margin-top: 10px;
  }

  .mod-divider_well .myh-account .btn {
    float: none;
  }

  /* Dropdown */
  .mod-dropdown > ul > li > .content p {
    padding: 0 30px;
  }

  .mod-dropdown > ul > li > .content .btn {
    width: 80%;
    margin: 20px auto;
    display: block;
  }

  /* Expandables */
  .mod-expandables {
    width: 112.5%;
    margin-left: -6.25%;
  }

  /* Additional Overrides */
  .mod-expandables .mod-grid {
    width: 100%;
    margin: 0;
  }

  /* Technology */
  .mod-expandables.technology .multicols .col {
    width: 100% !important;
    float: none;
  }

  .mod-expandables.technology .multicols .col1 {
    margin-bottom: 20px;
  }

  .mod-expandables.technology .multicols .col1 img {
    max-width: 400px;
    margin: 0 auto;
    display: block;
  }

  /* Errors */
  .mod-errors {
    width: 100%;
  }

  /* Filters */
  .mod-filters,
  .mod-filters > div {
    display: block;
  }

  .mod-filters > div + div {
    margin-top: 3px;
  }

  .mod-filters > div .content {
    position: static;
    width: 100%;
    border-top: 0;
  }

  /* Filter Selections */
  .mod-filter_selections {
    display: block;
  }

  .mod-filter_selections > div {
    display: block;
    padding: 8px 15px;
  }

  .mod-filter_selections > .header {
    width: 100%;
  }

  /* Gallery */
  .mod-gallery {
    margin-bottom: 0;
  }

  .mod-gallery > span {
    width: 50px;
    right: auto;
    left: 50%;
    margin: 0 0 0 -25px;
    text-align: center;
  }

  .mod-gallery > ul {
    width: 70%;
  }

  .mod-gallery > ul > li {
    width: 100%;
    min-width: 100%;
    margin: 0;
  }

  .mod-gallery > ul > li.hidden-mobile,
  .mod-gallery > ul > li.hidden-phone {
    display: none;
  }

  .mod-gallery > ul > .active > a {
    border: 1px solid #bf1e39;
    width: 100% !important;
    position: static !important;
    margin: 0 auto !important;
    max-width: 300px;
  }

  .mod-gallery > ul > .active > a > span,
  .mod-gallery.captions > ul > li > a > span {
    display: none !important;
  }

  /* Gallery: Thumbnail */
  .mod-thumbnail_gallery .btn-zoom {
    display: none;
  }

  /* Thumbnails */
  .mod-thumbnail_gallery .thumbnails {
    display: none;
  }

  /* Images */
  .mod-thumbnail_gallery .images {
    width: 100%;
  }

  .mod-thumbnail_gallery .images .cycle .cycle-slide {
    cursor: default;
  }

  /* Full Sized Images */
  .mod-thumbnail_gallery .images.full {
    width: 100%;
    height: 360px;
  }

  .mod-thumbnail_gallery .images.full .cycle,
  .mod-thumbnail_gallery .images.full .cycle > div {
    height: 360px;
  }

  .mod-thumbnail_gallery .images.full .cycle img {
    max-height: 320px
  }

  /* Grid */
  /* Image */
  .mod-grid > .item > .image img {
    display: block;
    width: 100%;
    max-width: 160px;
    margin: 0 auto;
  }

  /* Locations */
  .mod-grid.locations > .row > .item {
    float: none;
    width: 100%;
    margin: 0;
  }

  .mod-grid.locations > .row > .item + .item {
    margin-top: 20px;
  }

  /* Popular Products */
  .mod-grid.popular_products {
    margin-bottom: 60px;
  }

  .mod-grid.popular_products > .item {
    width: 100%;
    height: auto !important;
    float: none;
    padding: 20px;
    position: relative;
    margin: 0;
  }

  .mod-grid.popular_products > .item + .item {
    margin-top: 20px;
  }

  .mod-grid.popular_products > .item > .content > h2 {
    margin: 0 0 20px;
  }

  .mod-grid.popular_products > .item > .image + .content > h2 {
    margin-top: 20px;
  }

  .mod-grid.popular_products > .item > .content > .btn {
    position: static;
    margin-right: 0;
  }

  /* Additional Info */
  .mod-grid.popular_products > .item.info {
    border: 1px solid #efefef;
    padding: 20px;
  }

  .mod-grid.popular_products > .item.info .content p {
    line-height: 16px;
  }

  /* Small */
  .mod-grid.popular_products.small > .item,
  .mod-grid.popular_products.small > .item.info {
    height: 200px;
  }

  /* Search Listing */
  .mod-grid.search_listing + .mod-pagination {
    margin-top: 10px;
  }

  .mod-grid.search_listing > .content {
    margin: 0;
  }

  .mod-grid.search_listing > .content > .item {
    width: 45% !important;
    height: 280px;
    margin: 0 0 25px !important;
  }

  .mod-grid.search_listing > .content > .item:nth-of-type(even) {
    margin-left: 10% !important;
  }

  .mod-grid.search_listing > .content > .item > .image,
  .mod-grid.search_listing > .content > .item > .content {
    width: 100%;
    max-width: 186px;
  }

  .mod-grid.search_listing > .content > .item > .content {
    padding: 14px 0 0;
  }

  /* Site Map */
  .mod-grid.site_map {
    padding: 15px 20px;
  }

  .mod-grid.site_map > div + div {
    margin: 16px 0 0;
  }

  .mod-grid.site_map .item {
    width: 100%;
    padding: 0;
    float: none;
  }

  .mod-grid.site_map .item + .item {
    margin: 22px 0 0;
  }

  /* Site Portals */
  .mod-grid.site_portals > .item {
    width: 100%;
    margin: 0;
  }

  .mod-grid.site_portals > .item + .item {
    margin: 35px 0 0;
  }

  .mod-grid.site_portals > .item > .header,
  .mod-grid.site_portals > .item > .content {
    height: auto;
    min-height: inherit;
  }

  /* Site Section */
  .mod-grid.site_section > .row + .row {
    margin: 15px 0 0;
  }

  .mod-grid.site_section > .row > .item {
    width: 100%;
    float: none;
  }

  .mod-grid.site_section > .row > .item + .item {
    margin: 15px 0 0;
  }

  /* Site Search */
  /* Stock */
  .mod-site_search.stock > .field {
    width: 60%;
  }

  .mod-site_search.stock > .verification {
    width: 100%;
    margin: 10px 0 0;
  }

  /* Secure Start Contacts */
  .mod-grid.ss-contacts {
    margin: 0 0 40px;
  }

  .ss .mod-grid.ss-contacts {
    margin-top: 30px;
  }

  .mod-grid.ss-contacts > .item {
    width: 100%;
    margin: 0;
    float: none;
  }

  .mod-grid.ss-contacts > .item + .item {
    margin: 20px 0 0;
  }

  /* Header & Buttons */
  .mod-header_btns > .multicols > .col1,
  .mod-header_btns > .multicols > .col2 {
    float: none;
    width: 100%;
    margin: 0;
  }

  .mod-header_btns > .multicols > .col2 {
    margin-top: 20px;
  }

  .mod-header_btns > .multicols > .col2 .btn.outline {
    float: left;
  }

  /* Listing */
  /* Breadcrumbs */
  .mod-listing.breadcrumbs > ul > li:last-child {
    margin-right: 0;
  }

  /* Cart */
  .mod-listing.cart {
    width: 320px;
  }

  .mod-listing.cart > ul > li {
    padding: 0 30px;
  }

  .mod-listing.cart > ul > li:first-child {
    border-top: none;
  }

  .mod-listing.cart > ul > li > .content > a {
    width: 262px;
  }

  /* Filter Selections */
  .mod-listing.filter_selections {
    margin: 0 0 15px;
    background: none;
    padding: 0;
  }

  .mod-listing.filter_selections > ul > li {
    display: block;
    clear: both;
    margin: 0;
  }

  .mod-listing.filter_selections > ul > li:first-child {
    margin: 0 0 0 -7%;
    background: #ebe9e8;
    display: block;
    float: none;
    padding: 9px 7% 4px;
    width: 114%;
    position: relative;
  }

  .mod-listing.filter_selections > ul > li:first-child > span {
    display: block;
    margin: 0 0 3px;
  }

  .mod-listing.filter_selections > ul > li + li {
    margin: 8px 0 0;
  }

  .mod-listing.filter_selections > ul > li > a > .icon {
    margin: 0 0 0 6px;
    background-position: -27px -92px;
    width: 6px;
    height: 8px;
  }

  .mod-listing.filter_selections > ul > li > a:hover > .icon {
    background-position: -20px -92px;
  }

  /* Sample Cart */
  .mod-listing.sample_cart > ul > li {
    width: 100%;
    position: relative;
    padding-bottom: 60px;
  }

  .mod-listing.sample_cart > ul > li > .trigger-delete_cart_item {
    top: auto;
    bottom: 11px;
    right: 15px;
  }

  .recommended-product__cart .trigger-add_cart {
    top: auto;
    bottom: 11px;
    right: 15px;
  }

  /* Image */
  .mod-listing.sample_cart > ul > li > .image {
    width: 33%;
    padding: 0;
  }

  /* Content */
  .mod-listing.sample_cart > ul > li > .content {
    width: 67%;
    padding-left: 10px;
  }

  /* Header */
  .mod-listing.sample_cart > ul > li > .content > .header {
    position: static;
  }

  .mod-listing.sample_cart > ul > li > .content > .header > h4 {
    padding: 0;
  }

  .mod-listing.sample_cart > ul > li > .content > .header > .mod-dropdown {
    top: auto;
    right: auto;
    bottom: 0;
    left: 15px;
  }

  .mod-listing.sample_cart > ul > li > .content > .header > .mod-dropdown .content {
    right: auto;
    left: -1px;
  }

  /* myHollister Adjustments */
  .myHollister .mod-listing.sample_cart > ul > li {
    padding-bottom: 9px;
  }

  .myHollister .mod-listing.sample_cart > ul > li > .trigger-delete_cart_item {
    bottom: inherit;
  }

  /* Multicols */
  /* Columns */
  .mod-multicols .cols {
    display: block;
  }

  .mod-multicols .cols .col,
  .mod-multicols .multicols .col {
    display: block;
    width: 100% !important;
    min-height: auto !important;
    float: none;
  }

  .mod-multicols .multicols .col {
    margin: 0;
  }

  .mod-multicols .multicols .col + .col {
    margin-top: 15px;
  }

  /* Multicols(non-module) Overrides */
  .multicols.standard > div {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }

  .multicols.standard > div + div {
    margin-top: 20px !important;
  }

  /* Module Content */
  .multicols.mod-content > .col1 {
    width: 100%;
    margin: 0;
    float: none;
  }

  .multicols.mod-content > .col2 {
    width: 100%;
    margin: 20px 0 0;
  }

  .multicols.mod-content > .col > img {
    display: block;
    margin: 15px auto 20px;
    width: 280px;
  }

  .multicols.mod-content > .col2 > img:first-child {
    display: none;
  }

  /* Various Layouts */
  /* Secure Start Login Dependant CTA */
  .mod-multicols.ss-login-cta .col:first-child,
  .mod-multicols.ss-login-cta .col:last-child {
    display: none;
  }

  /* myH Form */
  .mod-myh_form .mod-errors {
    width: 100%;
  }

  /* News + Events */
  .mod-news_events > .item > .image {
    padding: 0;
  }

  /* Order Details */
  .mod-order_details .multicols.cols3 .col1 {
    width: 100%;
  }

  .mod-order_details .multicols.cols3 .col2,
  .mod-order_details .multicols.cols3 .col3 {
    width: 100%;
    margin: 0;
  }

  /* Order History */
  .mod-filtered_form {
    width: 100%;
  }

  /* Pagination */
  .mod-pagination {
    padding: 0;
  }

  /* Pagination Container */
  .mod-pagination_container .multicols > .col {
    width: 100%;
    float: none;
    margin: 0;
  }

  .mod-pagination_container .multicols > .col.col2 {
    margin: 30px 0 0;
  }

  .mod-pagination_container .mod-pagination {
    float: none;
  }

  /* Recommended */
  .mod-recommended > ul {
    text-align: center;
  }

  .mod-recommended > ul > li {
    display: inline-block;
    margin: 0;
  }

  .mod-recommended > ul > li + li {
    margin-top: 15px;
  }

  /* Results Options */
  .mod-results_options.align-right {
    text-align: left;
  }

  .mod-results_options.right {
    float: none;
  }

  /* Search v2 */
  .mod-search2 .multicols.cols2 > .col {
    padding: 15px;
  }

  .mod-search2 .multicols.cols2 > .col1 {
    width: 100%;
  }

  .mod-search2 .multicols.cols2 > .col2 {
    width: 100%;
    text-align: left;
    padding-top: 0;
  }

  .mod-search2 .multicols.cols2 > .col2:before {
    display: none;
  }

  .mod-search2 .search > input {
    width: 60%;
  }

  /* Site Search */
  .mod-site_search.half {
    width: 100%;
  }

  .mod-site_search.alt > .field {
    width: 75%;
    margin-right: 0;
  }

  .mod-site_search.alt > button {
    width: 20%;
    float: right;
  }

  /* Search Summary */
  .mod-search_summary {
    margin: 0 0 20px;
  }

  .mod-search_summary:after {
    display: none;
  }

  .mod-search_summary .summary,
  .mod-search_summary .sortby {
    width: 100%;
    float: none;
  }

  .mod-search_summary .sortby {
    text-align: left;
    margin: 16px 0 0;
  }

  /* Drop Down */
  .mod-search_summary .mod-dropdown > ul > li > .content {
    left: -1px;
    right: auto;
  }


  /* Search IFU */
  .module.mod-search_ifu {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .mod-search_ifu .cols3 .col {
    margin: 0;
  }

  .mod-search_ifu .cols3 .col, .mod-search_ifu button {
    width: 100%;
  }

  .mod-search_ifu button {
    margin-top: 0;
  }

  .mod-search_ifu input[type="text"], .mod-search_ifu select {
    margin-bottom: 20px;
  }

  /* Signature */
  .mod-signature .multicols .col {
    width: 100% !important;
    float: none;
  }

  .mod-signature .multicols .col2 {
    margin: 20px 0 0;
  }

  /* Standalone Callout */
  /* Floated */
  .mod-standalone_callout.float_right {
    float: none;
    display: block;
    width: 100%;
    margin: 10px 0;
  }

  /* Summary */
  .mod-summary:before {
    display: none;
  }

  .mod-summary .multicols.cols3 .col {
    width: 100%;
    margin: 20px 0 0;
  }

  .mod-summary .multicols.cols3 .col1 {
    margin-top: 0;
  }

  .mod-summary .col + .col:before {
    display: none;
  }

  /* Support */
  .mod-support ul {
    display: block;
  }

  .mod-support ul li {
    display: block;
    width: 290px !important;
    left: 50%;
    margin-left: -145px !important;
  }

  .mod-support ul li + li {
    margin-top: 10px;
  }

  /* AWS 3.3 - Callouts -------------------------------------------------------------------*/
  /* Site Portal */
  .callout.site_portal {
    width: 100%;
    height: auto;
    position: relative;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
  }

  /* Content */
  .callout.site_portal > .content {
    width: 100%;
    height: auto;
    padding: 25px 5% 28px;
    float: none;
  }

  .callout.site_portal.orange > .content:after {
    display: none;
  }

  .callout.site_portal > .content > .btn {
    position: static;
    display: block;
    margin: 22px 0 0;
    width: 100%;
  }

  /* Image & Video */
  .callout.site_portal > .image {
    display: none;
  }

  .callout.site_portal > .image.video {
    width: 100%;
    padding: 0;
  }

  /* AWS 3.4 - Layouts (i.e. more complex designs, tend to hold one or more modules) ------*/
  /* AWS 3.4.1 - Product Details ------------------------------------------------------*/
  .layout.product_details {
    width: 100%;
    margin: 0;
  }

  .layout.product_details .launch-sidebar {
    display: inline-block;
  }

  .layout.product_details > .features > .btn_container {
    display: block;
    width: 90%;
    margin: 31px auto 0;
  }

  .layout.product_details > .features > .btn_container > .btn {
    display: block;
    min-width: inherit;
  }

  .layout.product_details > .features > .btn_container p {
    margin: 5px 0 0;
    font-size: 12px;
    text-align: center;
  }

  .layout.product_details > .specs {
    margin-bottom: 30px;
  }

  .layout.product_details > .specs > .table_container > table tfoot td {
    padding: 14px 10px 10px
  }

  /* AWS 3.4.2 - Results Options ------------------------------------------------------*/
  /* Settings */
  .layout.results_options .settings > div {
    width: 100%;
    margin: 0;
  }

  .layout.results_options .settings > div + div {
    margin-top: 20px;
  }

  .layout.results_options .settings > div:first-child .mod-results_options li {
    float: none;
    display: block;
    margin-bottom: 10px;
  }

  .layout.results_options .settings > div:first-child .mod-results_options .select {
    width: 100%;
    margin: 0;
  }

  /* Summary */
  .layout.results_options .summary {
    padding: 11px 20px 18px;
  }

  .layout.results_options .summary > div {
    display: block;
    width: 100%;
    text-align: center;
  }

  .layout.results_options .summary > div + div {
    margin: 20px 0 0;
    width: 100%;
    text-align: center;
  }

  .layout.results_options .summary > div + div > .btn {
    display: block;
  }

  /* Layout for Three options */
  .layout.results_options.three .settings > div + div {
    margin-top: 10px;
  }

  /* AWS 3.4.4 - myHollister Quick Order ----------------------------------------------*/
  .layout.myh_quick_order fieldset ul li {
    width: 100%;
  }

  .layout.myh_quick_order fieldset ul li + li {
    margin-left: 0;
  }

  .layout.myh_quick_order > .multicols.cols2 {
    margin: 10px 0;
  }

  .layout.myh_quick_order > .multicols.cols2 .col {
    width: 100%;
  }

  .layout.myh_quick_order > .multicols.cols2 .col + .col {
    margin: 10px 0 0 0;
  }

  .layout.myh_quick_order > .multicols.cols2 .col > .btn {
    display: block;
  }

  .layout.myh_quick_order > .multicols.cols2 .col > a {
    float: none;
  }

  /* AWS 3.4.5 - Account Login/Creation -----------------------------------------------*/
  .layout.login_creation > hr {
    width: 100%;
  }

  .layout.login_creation > .multicols > .col {
    width: 100%;
    float: none;
    margin: 0;
  }

  .layout.login_creation > .multicols > .col + .col {
    margin-top: 20px;
  }

  /* AWS 3.4.6 - SS Step 2 ------------------------------------------------------------*/
  .layout.ss-step2 .column-left {
    width: 100%;
    margin-bottom: 20px;
  }

  .layout.ss-step2 .column-right {
    width: 100%;
  }

  /* Search Listing */
  .layout.ss-step2 .mod-grid.search_listing > .content {
    margin-left: 0;
  }

  .layout.ss-step2 .mod-grid.search_listing > .content > .item {
    width: 100% !important;
    margin: 0 0 50px 0 !important;
    height: auto !important;
  }

  .layout.ss-step2 .mod-grid.search_listing > .content > .item > .content {
    max-width: inherit;
    height: auto;
  }

  /* Search Summary */
  .layout.ss-step2 .mod-search_summary {
    margin-bottom: 0;
  }

  /* AWS 3.4.7 - SS Step 3 ------------------------------------------------------------*/
  .layout.ss-step3 .column-left,
  .layout.ss-step3 .column-right {
    float: none;
    width: 100%;
  }

  .layout.ss-step3 .column-right {
    margin-top: 60px;
  }

  .layout.ss-step3 .column-left .btn_container > div {
    width: 100%;
    margin: 0;
  }

  .layout.ss-step3 .column-left .btn_container > div > .btn {
    display: block;
    float: none;
  }

  .layout.ss-step3 .column-left .btn_container > div.col1 {
    display: none;
  }

  .layout.ss-step3 .mod-cart_preview > ul > li > .content > .icon {
    top: 10px;
    margin: 0;
  }

  /* AWS 3.4.8 - Article Listing Carousel ---------------------------------------------*/
  /* Filters */
  .layout.article_listing_carousel .results_options {
    padding: 0 15px 0;
  }

  .layout.article_listing_carousel .mod-results_options.align-right > ul {
    display: block;
  }

  .layout.article_listing_carousel .mod-results_options.align-right > ul > li {
    float: none;
    width: 100%;
    margin: 0;
  }

  /* jQuery Cycle */
  .layout.article_listing_carousel .cycle-article {
    padding: 0 15px;
  }

  /* Controls */
  .layout.article_listing_carousel .cycle-article .control,
  .layout.article_listing_carousel .cycle-article .cycle-pager {
    display: none;
  }

  /* Button Container */
  .layout.article_listing_carousel .btn_container {
    margin-top: 45px;
  }

  /* AWS 3.4.9 - Hero -----------------------------------------------------------------*/
  .layout-hero {
    height: auto;
    padding-top: 400px;
  }

  .layout-hero > .inner_container {
    height: auto;
  }

  /* Multicolumn Overrides */
  .layout-hero .mod-multicols {
    display: block;
  }

  .layout-hero .mod-multicols > .multicols {
    display: block;
  }

  .layout-hero .mod-multicols > .multicols > .col {
    padding: 15px 0;
    float: none;
    margin: 0;
  }

  /* Variations */
  /* Intro */
  .layout-hero.intro {
    padding: 0;
  }

  .layout-hero.intro .mod-multicols .multicols > .col {
    width: 100% !important;
    padding: 50px 0;
  }

  .layout-hero.intro .content > a:not(.btn) + a {
    margin: 0;
  }

  .layout-hero.intro .content > a:not(.btn) + a:before {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
  }

  /* AWS 3.4.10 - Site Portals --------------------------------------------------------*/
  .layout-site_portals .multicols {
    display: block;
  }

  .layout-site_portals .multicols .col {
    width: 100%;
    float: none;
  }

  .layout-site_portals .multicols .col + .col {
    margin: 20px 0 0;
  }

  .layout-site_portals .callout.site_portal {
    display: block;
    min-height: 0;
  }

  .layout-site_portals .callout.site_portal > .content {
    border-radius: 0;
    flex-grow: 1;
    padding: 20px !important;
    width: 100%;
    margin: 0;
  }

  /* AWS 3.4.12 - Testimonials Carousel -----------------------------------------------*/
  /* Blockquote Overrides */
  .layout-testimonials_carousel blockquote {
    padding: 30px;
  }

  /* Controls (i.e. next/prev) */
  .layout-testimonials_carousel .cycle-testimonials .control {
    display: none;
  }

  /* AWS 3.4.13 - Sample Order History ------------------------------------------------*/
  .layout-sample_order_history > .multicols {
    display: none;
  }

  /* Expandable Overrides */
  .layout-sample_order_history .mod-expandables {
    width: 100%;
    margin: 0;
  }

  .layout-sample_order_history .mod-expandables > ul > li {
    padding: 15px 10px 10px;
  }

  .layout-sample_order_history .mod-expandables .expandable {
    padding: 25px 0;
  }

  .layout-sample_order_history .mod-expandables .multicols > .col {
    width: 100%;
    margin: 0;
  }

  .layout-sample_order_history .mod-expandables .multicols > .col + .col {
    margin-top: 15px;
  }

  .layout-sample_order_history .mod-expandables .multicols .hidden {
    display: block !important;
    visibility: visible;
  }

  .layout-sample_order_history .mod-expandables .multicols > .col p {
    text-align: left;
  }

  .layout-sample_order_history .mod-expandables .trigger_expandable {
    top: 0;
    width: inherit;
    margin: 20px 0 10px;
    text-align: left;
    font-size: 14px;
  }

  /* Sample Cart Listing Overrides */
  .layout-sample_order_history .mod-listing.sample_cart > ul > li {
    width: 100%;
  }

  /* AWS 3.4.14 - Consultant ----------------------------------------------------------*/
  .layout-consultant .multicols .col1 {
    display: none;
  }

  .layout-consultant .multicols .col2 {
    float: none;
    width: 100%;
    margin: 0;
  }

  .layout-consultant .multicols .col2 h2 {
    text-align: center;
  }

  .layout-consultant .multicols .col1 img {
    margin: 0 auto;
    display: block;
  }


  /*---------------------------------------------------------------------------------------------
	AWS 4.0 - Buttons & Icons
	/*-------------------------------------------------------------------------------------------*/
  .btn.large {
    display: block;
    width: 100%;
  }

  /* AWS 4.1 - Buttons --------------------------------------------------------------------*/
  .btn_container > .btn + .btn {
    margin-top: 20px !important;
  }

  /* Button Container Alt */
  .btn_container.alt > .btn {
    display: block;
    width: 100%;
    padding: 15px;
    margin: 0;
    font-size: 16px;
  }

  /* AWS 4.3 - Badges ---------------------------------------------------------------------*/
  .badge {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    font-size: 12px;
  }


  /*---------------------------------------------------------------------------------------------
	AWS 5.0 - Template Specific (i.e. override display of any design element on a specific template)
	/*-------------------------------------------------------------------------------------------*/
  #content {
    border: none;
  }

  /* 5.1 - Simple -------------------------------------------------------------------------*/
  #template-simple #content {
    padding: 0;
  }

  #template-simple #content:first-child {
    padding: 15px 0 0;
  }

  .server_error #template-simple #content {
    padding: 30px 0;
  }

  #template-simple .section > .inner_container > .content,
  #template-simple .section.full > .inner_container > .content,
  #template-simple .section.extended > .inner_container > .content {
    width: 100%;
    padding: 0;
  }

  #template-simple .section.full > .inner_container > .content > h2 {
    padding: 0 6.25%;
  }

  #template-simple .section + .section {
    margin: 50px 0 0;
  }

  #template-simple .section > .inner_container > .content > .mod-grid.site_section {
    margin: 0;
  }

  #template-simple .section.full.carousel_container:first-child > .inner_container {
    padding-top: 10px;
  }

  /* myHollister Adjustments */
  .myHollister #template-simple #related_content {
    padding-top: 40px;
  }

  .myHollister #template-simple .section > .inner_container > .content > .mod-grid.site_section {
    margin-top: 30px;
  }

  .myHollister #template-simple .site_section > .row {
    width: 100%;
  }

  .myHollister #template-simple .site_section > .row > .item {
    width: 49%;
    float: left;
  }

  .myHollister #template-simple .site_section > .row > .item + .item {
    margin: 0 0 0 2%;
  }

  .myHollister #template-simple .site_section > .row > .item > .image > a {
    display: block;
    height: auto; /* undo height 1px declaration for FF */
  }

  .myHollister #template-simple .site_section > .row > .item > .image > a > .image_container {
    position: static;
    margin: 0 auto;
  }

  .myHollister #template-simple .site_section > .row > .item > .image > a > .header {
    padding: 0;
    text-align: center;
    display: block;
    font-size: 17px;
  }

  .myHollister #template-simple .site_section > .row > .item > .image > a > .header .icon {
    display: none;
  }

  /* Base Elements - Align Left Edge */
  #template-simple .section > .inner_container > .content > h2,
  #template-simple .section.image_container.full > .inner_container > .content > h2,
  #template-simple .section > .inner_container > .content > p {
    padding: 0;
  }

  /* Video & Image Containers */
  /* Full */
  #template-simple .section.image_container.full > .inner_container {
    width: 87.5%;
  }

  /* Utility / Specific Clases */
  /* Breadcrumbs */
  #template-simple .section.breadcrumbs + .section {
    margin: -10px 0 0;
  }

  #template-simple .section.breadcrumbs + .section > .inner_container:before {
    display: none;
  }

  /* Horizontal Rule */
  #template-simple #sidebar > .inner_container:before,
  #template-simple .section + .section > .inner_container:before {
    content: '';
    width: 300px;
    height: 1px;
    background: url('../images/hr-mobile.png') no-repeat;
    position: absolute;
    top: -30px;
    left: 50%;
    margin: 0 0 0 -150px;
  }

  #template-simple #sidebar > .inner_container:before,
  #template-simple.secure_start #sidebar > .inner_container:before,
  #template-simple.secure_start .section + .section > .inner_container:before {
    display: none;
  }

  /* Image Container */
  #template-simple .section.image_container > .inner_container {
    height: auto;
  }

  #template-simple .section.image_container > .inner_container > .content {
    float: none;
    width: 100%;
    padding: 25px 0;
  }

  #template-simple .section.image_container > .inner_container > .image {
    display: none;
  }

  /* Video Container */
  #template-simple .section.video_container {
    padding: 35px 0;
    background: #fff;
    margin: 0;
  }

  #template-simple .section.video_container > .inner_container {
    width: 100%;
    padding: 0;
  }

  #template-simple .section.video_container > .inner_container > .content {
    width: 100%;
    padding: 0;
    margin: 0;
    background: none;
  }

  #template-simple .section.video_container .content > h2 {
    padding: 0 6.25%;
  }

  /* AWS 5.1.1 - Product Details ------------------------------------------------------*/
  #template-simple.product_details #slider_container {
    display: none;
  }

  #template-simple.product_details .section + .section > .inner_container:before {
    display: none;
  }

  /* Sidebar */
  #template-simple.product_details #sidebar {
    background: #ebe9e8;
    width: 100%;
    padding: 0 0 20px;
    margin: 0 !important;
    z-index: 200;
    border-bottom: 10px solid #bf1e39;
  }

  #template-simple.product_details #sidebar.open {
    left: 0;
    -webkit-box-shadow: 0 5px 15px 0 rgba(36, 36, 36, .4);
    box-shadow: 0 5px 15px 0 rgba(36, 36, 36, .4);
  }

  #template-simple.product_details #sidebar .sidebar > h4 {
    display: block;
    margin: 0 0 20px;
    padding: 15px 5%;
  }

  #template-simple.product_details #sidebar .sidebar > .visible-phone {
    padding: 0 5%;
  }

  #template-simple.product_details #sidebar a.close-sidebar {
    font-size: 16px;
    margin: 0;
  }

  #template-simple.product_details #sidebar a.close-sidebar > .icon {
    background-position: -61px -42px;
    margin: 0 5px 0 0;
    top: 0;
  }

  #template-simple.product_details #sidebar .callout {
    padding: 20px 5%;
    background: #ebe9e8;
  }

  #template-simple.product_details #sidebar .callout.help {
    display: none;
  }

  #template-simple.product_details #sidebar .row + .row,
  #template-simple.product_details #sidebar .callout + .callout {
    border-top: 1px solid #ccc;
  }

  /* AWS 5.1.3 - Reverse (left nav !sidebar) ------------------------------------------*/
  #template-simple.reverse {
    width: 100%;
    padding: 0 6.25%;
    display: flex;
    flex-direction: column;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
  }

  #template-simple.reverse > .breadcrumbs {
    margin: 15px 0 0;
  }

  #template-simple.reverse > .breadcrumbs .inner_container {
    width: 100%;
  }

  #template-simple.reverse > .breadcrumbs .breadcrumbs {
    padding-bottom: 5px;
  }

  #template-simple.reverse > #left_nav {
    width: 100%;
    padding: 0;
    order: 99;
    -webkit-order: 99;
    margin-bottom: 30px;
  }

  #template-simple.reverse > #content {
    width: 100%;
    padding: 0 0 30px;
  }

  /* AWS 5.2 - Results --------------------------------------------------------------------*/
  #template-results {
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  #template-results #content .mod-search_summary + .inner_content {
    padding-top: 28px;
  }

  /* Search Tools */
  #search_tools {
    position: absolute;
    left: -100%;
    top: 0;
    background: #fff;
    width: 100%;
    padding: 0 5%;
    z-index: 10;
    padding-bottom: 20px;
    border-bottom: 10px solid #bf1e39;
  }

  #search_tools.open {
    left: 0;
    -webkit-box-shadow: 0 5px 15px 0 rgba(36, 36, 36, .4);
    box-shadow: 0 5px 15px 0 rgba(36, 36, 36, .4);
  }

  #search_tools .mod-site_search {
    margin-bottom: 22px;
  }

  /* Site Search Area */
  #search_tools .close-search_filters {
    font-size: 16px;
    margin: 15px 0 15px;
  }

  #search_tools .close-search_filters > .icon {
    background-position: -61px -42px;
    margin: 0 5px 0 0;
    top: 0;
  }

  /* Filters */
  #search_tools > .mod-listing.filter {
    width: 110%;
    margin: 16px 0 0 -5%;
  }

  #search_tools > .mod-listing.filter > h5 {
    padding: 0 5%;
  }

  #search_tools > .mod-listing.filter > ul > li {
    border-bottom: 1px solid #ebe9e8;
  }

  #search_tools > .mod-listing.filter > ul > li:first-child {
    border-top: 1px solid #ebe9e8;
  }

  #search_tools > .mod-listing.filter > ul > li > a {
    padding: 6px 40px 8px 5%;
  }

  #search_tools > .mod-listing.filter > ul > li > .active:after {
    top: 10px;
    right: 20px;
  }

  /* Content */
  #template-results #content {
    width: 100%;
    padding: 0 6.25%;
    margin: 0;
  }

  #template-results #content .inner_content:after {
    background: #fcfbf9 url('../images/hr-mobile.png') no-repeat top center;
    left: -20px;
    right: -20px;
  }

  /* Filter Selection */
  #template-results #content .mod-listing.filter_selections {
    background: none;
    padding: 0;
    margin: 7px 0 20px;
    width: 100%;
  }

  #template-results #content .panel > .mod-listing.filter_selections {
    margin-top: -20px;
  }

  #template-results #content .mod-listing.filter_selections:after {
    display: none;
  }

  #template-results #content .mod-listing.filter_selections + .mod-search_summary {
    margin-bottom: 10px;
  }

  /* Site Section */
  #template-results .site_section > .row {
    width: 100%;
  }

  #template-results .site_section > .row > .item {
    width: 49%;
    float: left;
  }

  #template-results .site_section > .row > .item + .item {
    margin: 0 0 0 2%;
  }

  #template-results .site_section > .row > .item > .image > a {
    display: block;
    height: auto; /* undo height 1px declaration for FF */
  }

  #template-results .site_section > .row > .item > .image > a > .image_container {
    position: static;
    margin: 0 auto;
  }

  #template-results .site_section > .row > .item > .image > a > .header {
    padding: 0;
    text-align: center;
    display: block;
    font-size: 17px;
  }

  #template-results .site_section > .row > .item > .image > a > .header .icon {
    display: none;
  }

  /* Tabs */
  #template-results #content > .tabs {
    margin-top: 30px;
  }

  #template-results #content > .tabs {
    width: 114%;
    margin: 0 0 0 -7%;
  }

  #template-results #content > .tabs > ul > li {
    margin: 0;
    width: 49.5%;
  }

  #template-results #content > .tabs > ul > li + li {
    margin: 0 0 0 1%;
  }

  #template-results #content > .tabs > ul > li > a {
    text-align: center;
  }

  #template-results #content > .tab_panels {
    padding-top: 20px;
  }


  /* AWS 5.2.1 - Results w/i Simple Template ------------------------------------------*/
  #results {
    overflow: hidden;
  }

  #results #inner_content {
    width: 50%;
  }

  #results #inner_content .mod-grid.search_listing > .content {
    margin: 0;
  }

  /* Search Tools Overrides */
  #results #search_tools {
    border: none;
    padding: 0;
    width: 50%;
    margin: 0 0 0 -50%;
    float: left;
    left: 0;
    top: 0;
    position: relative;
  }

  #results #search_tools.open {
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #results #search_tools > .mod-listing.filter {
    width: 100%;
    margin: 10px 0 0;
  }

  #results #search_tools > .mod-listing.filter > ul > li {
    border: none;
  }

  #results #search_tools > .mod-listing.filter > h5 {
    padding: 0;
  }

  #results #search_tools > .mod-listing.filter > ul > li > a {
    padding-left: 0;
  }

  #results > .overflow_container {
    width: 200%;
  }


  /* AWS 5.3 - Full -----------------------------------------------------------------------*/
  #template-full .section > .inner_container {
    width: 87.5%
  }

  /* AWS 5.3.1 - Campaign -------------------------------------------------------------*/
  #template-full.campaign .section > .inner_container {
    width: 87.5%;
  }

  /* Section Types */
  /* Base */
  #template-full.campaign .inner_container > .content > .multicols .col1,
  #template-full.campaign .inner_container > .content > .multicols .col2 {
    width: 100%;
    float: none;
    margin: 0;
  }

  #template-full.campaign .inner_container > .content > .multicols .col2 > img {
    width: 100%;
    margin-top: 20px;
  }

  /* Carousel */
  #template-full.campaign .section.campaign_carousel > .inner_container {
    width: 87.5%;
  }

  #template-full.campaign .section.campaign_carousel > .inner_container > .content > * + .carousel {
    margin-top: 25px;
  }

  /* Expandables */
  #template-full.campaign .mod-expandables {
    width: 100%;
    margin-left: 0;
  }

  /* Featured Image */
  #template-full.campaign .section.featured_image h2 {
    font-size: 30px;
  }

  #template-full.campaign .section.featured_image h3 {
    font-size: 20px;
  }

  #template-full.campaign .section.featured_image > .inner_container > .content {
    position: static;
    width: 100%;
    margin: 0 0 20px;
  }

  #template-full.campaign .section.featured_image > .inner_container > img {
    margin: 0;
    width: 100%;
  }

  /* Alt */
  #template-full.campaign .section.featured_image.alt > .inner_container > .content {
    margin: 0;
  }

  #template-full.campaign .section.featured_image.alt > .inner_container > .content > img {
    margin: 30px auto 0;
    width: 80%;
  }

  /* Section Types */
  /* Tabs (expandable overrides) */
  #template-full.campaign .section.campaign_tabs .tabs {
    display: none;
  }

  #template-full.campaign .section.campaign_tabs .tab_panels {
    padding: 0;
    border: none;
  }

  #template-full.campaign .section.campaign_tabs .tab_panels > .panel {
    display: block;
  }

  #template-full.campaign .section.campaign_tabs .tab_panels > .panel:first-child .mod-expandables {
    margin-top: 30px;
  }

  #template-full.campaign .section.campaign_tabs .tab_panels > .panel:last-child .mod-expandables ul > li:last-child {
    border-top: 1px solid #ebe9e8;
  }

  #template-full.campaign .section.campaign_tabs .mod-expandables ul > li {
    border-top: 1px solid #ebe9e8;
  }

  #template-full.campaign .section.campaign_tabs .mod-expandables .trigger_expandable {
    display: block;
  }

  #template-full.campaign .section.campaign_tabs .mod-expandables .expandable {
    position: absolute;
    float: left;
    z-index: -1;
    visibility: hidden;
    left: -9999px;
    top: -9999px;
    padding: 0 25px 25px 45px;
  }

  #template-full.campaign .section.campaign_tabs .mod-expandables .open .expandable {
    position: relative;
    float: none;
    visibility: visible;
    z-index: 0;
    left: 0;
    top: 0;
  }

  /* AWS 5.4 - Secure Start Templates / Additions -----------------------------------------*/
  /* Sidebar */
  .sidebar .mod-grid.ss-contacts {
    padding: 0 20px;
  }

  /* AWS 5.4.1 - User Bar -----------------------------------------------------------------*/
  #ss-user_bar {
    padding: 0;
  }

  #ss-user_bar > .inner_container {
    text-align: center;
    padding: 10px 20px;
  }

  #ss-user_bar > .inner_container > h5 {
    margin: 0 0 10px;
    display: block;
    top: 0;
  }

  #ss-user_bar > .inner_container > .multicols {
    display: block;
    width: 100%;
  }

  #ss-user_bar > .inner_container > .multicols .col1 {
    text-align: left;
    width: 50%;
    display: block;
    margin: 0;
  }

  #ss-user_bar > .inner_container > .multicols .col2 {
    text-align: right;
    width: 50%;
    display: block;
    margin: 0;
  }

  #ss-user_bar .btn:link {
    display: inline-block;
  }

  /* Dropdown Overrides */
  .mod-dropdown > ul > li > .content {
    right: auto;
    left: -1px;
  }

  /* Not logged In */
  #ss-user_bar fieldset ul > li {
    width: 48%;
    margin: 0 2% 10px 0;
    text-align: left;
  }

  #ss-user_bar fieldset ul > li:nth-child(even) {
    margin: 0 0 10px 2%;
  }

  #ss-user_bar fieldset ul > li:last-child {
    text-align: right; /*width:100%;margin:0;*/
  }

  #ss-user_bar fieldset ul > li > input {
    width: 100%;
  }

  #ss-user_bar fieldset ul > li > p {
    text-align: left;
    font-size: 12px;
    margin: 3px 0 0;
  }

  #ss-user_bar fieldset ul > li > .register {
    line-height: 14px;
  }

  /* Forgot Password */
  #ss-user_bar #userbar_forgot fieldset {
    float: none;
  }

  #ss-user_bar #userbar_forgot ul > li {
    width: 100%;
    margin: 0 0 10px;
  }

  #ss-user_bar #userbar_forgot ul > li:last-child {
    margin: 0;
  }

  #ss-user_bar #userbar_forgot ul > li > input {
    width: 100%;
  }


  /* AWS 5.4.2 - Simple Template Overrides --------------------------------------------*/
  #template-simple.secure_start .section > .inner_container > .content {
    width: 100%;
    padding: 0;
  }

  #template-simple.secure_start #related_content {
    width: 87.5%;
    margin: 20px auto 0;
  }

  #template-simple.secure_start .section.full > .inner_container > .content,
  #template-simple.secure_start #related_content .section > .inner_container > .content {
    width: 100%;
  }

  /* Product Details */
  #template-simple.secure_start.alt_sidebar #sidebar {
    margin: 20px 0 30px !important;
  }

  #template-simple.secure_start.alt_sidebar #sidebar > .inner_container {
    width: 87.5%;
  }

  /* Section Widths/Paddings */
  /* Secure Start Light Gray */
  #template-simple .section.ss_gray {
    background: #f9f8f8;
    padding: 30px 0;
  }

  #template-simple .section.ss_gray > .inner_container > .content {
    padding: 0;
    background: none;
  }

  #template-simple.secure_start.alt_sidebar #sidebar + .section > .inner_container:before,
  #template-simple .section + .section.ss_gray > .inner_container:before,
  #template-simple .section.ss_gray + .section > .inner_container:before {
    display: none;
  }

  /* AWS 5.4.3 - Full Template Overrides ----------------------------------------------*/
  #template-full.secure_start .section:first-child {
    padding-top: 15px;
  }


  /*---------------------------------------------------------------------------------------------
	AWS 6.1 - 3rd Party Overrides
	/*-------------------------------------------------------------------------------------------*/
  /* AWS 6.1 - Slider / Billboard (Layerslider) -------------------------------------------*/
  #slider_container {
    height: 293px;
    border: none;
    margin: 0 0 10px;
  }

  #slider_container.has_subhead {
    height: 362px;
    margin: 0;
  }

  #slider_container > .ls-container {
    height: 295px !important;
  }

  #slider_container.has_subhead > .ls-container {
    height: 364px !important;
  }

  #slider_container .ls-bottom-nav-wrapper {
    width: 100%;
    box-sizing: border-box !important;
    margin-top: -65px;
    padding: 0 20px;
  }

  #slider_container .ls-bg,
  #slider_container .ls-inner .ls-curtile img,
  #slider_container .ls-inner .ls-nexttile img {
    width: 700px !important;
    left: 50% !important;
    margin-left: -350px !important;
  }

  /* Content Container */
  .custom_slider .ls-slide > .content {
    width: 100% !important;
    display: block;
    bottom: 0;
    top: auto !important;
    left: 0 !important;
    margin: 0 0 20px !important;
    height: auto !important;
    min-height: 79px;
    /* max-height: 148px; */
    box-sizing: border-box !important;
    padding: 0 6.25%;
  }

  .custom_slider .ls-slide > .content > .inner {
    padding: 0;
    height: auto;
  }

  /* Element Styling */
  .custom_slider .content h1 {
    font-size: 22px;
    line-height: 45px;
    height: 86px;
    display: table;
  }

  .custom_slider .content h1 > span {
    display: table-cell;
    height: 86px;
    vertical-align: middle;
  }

  /*.custom_slider .content h2 {*/
  /*  display: none;*/
  /*}*/

  /* Control Overrides */
  #slider_container .ls-nav-prev,
  #slider_container .ls-nav-next {
    display: none;
  }

  /* Control Overrides */
  #slider_container .ls-nav-prev,
  #slider_container .ls-nav-next {
    display: none;
  }

  /* Small */
  #slider_container.small {
    height: 248px !important;
    margin: 0 0 10px;
  }

  #slider_container.small > .ls-container {
    height: 248px !important;
  }

  #slider_container.small .ls-bg,
  #slider_container.small .ls-inner .ls-curtile img,
  #slider_container.small .ls-inner .ls-nexttile img {
    width: 820px !important;
    left: 50% !important;
    margin-left: -410px !important;
  }

  /* Content Container */
  .small .custom_slider .ls-slide > .content,
  .small .custom_slider .ls-slide > .content > .inner {
    height: 33px;
  }

  .small .custom_slider .ls-slide > .content {
    top: auto !important;
    bottom: 0 !important;
    min-height: inherit !important;
  }

  /* Element Styling */
  .small .custom_slider .content h1 {
    font-size: 22px;
    line-height: 24px;
    height: 33px;
  }

  .small .custom_slider .content h1 > span {
    height: 33px;
  }

  /* Navigation(not-enough room) */
  #slider_container.small .ls-bottom-nav-wrapper {
    margin-top: -30px;
  }


  /* AWS 6.2 - jQuery Custom Scroll -------------------------------------------------------*/
  .mCSB_inside > .mCSB_container, .mCustomScrollBox {
    overflow: visible;
  }
}


/*-------------------------------------------------------------------------------------------------
Specialized Components & Templates (Special Cases)
-------------------------------------------------------------------------------------------------*/

/* Templates --------------------------------------------------------------------------------*/

/* Splash -------------------------------------------------------------------------------*/
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  /* Specialized Components & Component Overrides */
  /* Flags */
  .mod-listing.flags > h4 {
    font-size: 36px;
  }

  .mod-listing.flags > ul li > a {
    font-size: 30px;
    padding-top: 4px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  /* Specialized Components & Component Overrides */
  /* Flags */
  .mod-listing.flags > h4 {
    font-size: 34px;
  }

  .mod-listing.flags > ul li > a {
    font-size: 26px;
    padding-top: 7px;
  }

  /* Image Header */
  .mod-image_header {
    height: 674px;
  }

  .mod-image_header img {
    width: 1600px;
    margin-left: -800px;
  }

  .mod-image_header > .content {
    height: 275px;
  }

  .mod-image_header > .content h1 {
    font-size: 60px;
  }

  .mod-image_header > .content h2 {
    font-size: 40px;
  }

  .mod-image_header > .cta {
    height: 400px;
  }

  .mod-image_header > .cta .btn {
    font-size: 24px;
    height: 96px;
  }

  .mod-image_header > .cta .btn > .subtext {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .splash h3 {
    font-size: 48px;
  }

  .splash p {
    font-size: 30px;
  }

  /* Specialized Components & Component Overrides */
  /* Flags */
  .mod-listing.flags > h4 {
    font-size: 30px;
  }

  .mod-listing.flags > ul > li + li,
  .mod-listing.flags > ul li > ul {
    margin-top: 32px;
  }

  .mod-listing.flags > ul li > a {
    font-size: 22px;
    padding-top: 10px;
  }

  /* Image Header */
  .mod-image_header {
    height: 590px;
  }

  .mod-image_header img {
    width: 1400px;
    margin-left: -700px;
  }

  .mod-image_header > .content {
    height: 241px;
  }

  .mod-image_header > .content h1 {
    font-size: 60px;
  }

  .mod-image_header > .content h2 {
    font-size: 40px;
  }

  .mod-image_header > .cta {
    height: 350px;
  }

  .mod-image_header > .cta .btn {
    font-size: 22px;
    height: 87px;
  }

  .mod-image_header > .cta .btn > .subtext {
    font-size: 18px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .splash #header #logo {
    margin-top: 24px;
  }

  .splash h3 {
    font-size: 44px;
  }

  .splash * + h3 {
    margin-top: 100px;
  }

  .splash p {
    font-size: 26px;
  }

  /* Specialized Components & Component Overrides */
  /* Flags */
  .mod-listing.flags > h4 {
    font-size: 25px;
  }

  .mod-listing.flags > ul > li + li,
  .mod-listing.flags > ul li > ul {
    margin-top: 26px;
  }

  .mod-listing.flags > ul li > a {
    font-size: 16px;
    padding-top: 12px;
  }

  /* Image Header */
  .mod-image_header {
    height: 506px;
    margin-bottom: 50px;
  }

  .mod-image_header img {
    width: 1200px;
    margin-left: -600px;
  }

  .mod-image_header > .content {
    height: 207px;
  }

  .mod-image_header > .content h1 {
    font-size: 48px;
  }

  .mod-image_header > .content h2 {
    font-size: 32px;
  }

  .mod-image_header > .cta {
    height: 300px;
  }

  .mod-image_header > .cta .btn {
    font-size: 20px;
    height: 87px;
    padding: 20px;
  }

  .mod-image_header > .cta .btn > .subtext {
    font-size: 16px;
    margin-top: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .splash h3 {
    font-size: 40px;
  }

  .splash * + h3 {
    margin-top: 80px;
  }

  .splash p {
    font-size: 24px;
  }

  /* Structural Overrides */
  .splash #header #logo {
    margin-top: 21px;
  }

  /* Specialized Components & Component Overrides */
  /* Flags */
  .mod-listing.flags > h4 {
    font-size: 20px;
  }

  .mod-listing.flags > ul > li + li,
  .mod-listing.flags > ul li > ul {
    margin-top: 26px;
  }

  .mod-listing.flags > ul li > a {
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 50px;
  }

  .mod-listing.flags > ul li > ul {
    margin-left: 50px;
  }

  .mod-listing.flags > ul li .flag {
    width: 36px;
  }

  .mod-listing.flags > ul li .flag > img {
    width: 100%;
  }

  /* Image Header */
  .mod-image_header {
    height: 405px;
    margin-bottom: 40px;
  }

  .mod-image_header img {
    width: 960px;
    margin-left: -480px;
  }

  .mod-image_header > .content {
    height: 165px;
  }

  .mod-image_header > .content h1 {
    font-size: 36px;
  }

  .mod-image_header > .content h2 {
    font-size: 24px;
  }

  .mod-image_header > .cta {
    height: 240px;
  }

  .mod-image_header > .cta > .inner {
    padding: 0 10%;
  }

  .mod-image_header > .cta .btn {
    font-size: 18px;
    height: 82px;
    padding: 20px;
    width: 48%;
  }

  .mod-image_header > .cta .btn > .subtext {
    font-size: 14px;
    margin-top: 2px;
  }
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
  .splash #header #logo {
    margin-top: 24px;
  }

  .splash h3 {
    font-size: 44px;
  }

  .splash * + h3 {
    margin-top: 100px;
  }

  .splash p {
    font-size: 24px;
  }

  /* Specialized Components & Component Overrides */
  /* Flags */
  .mod-listing.flags > h4 {
    font-size: 30px;
  }

  .mod-listing.flags > ul li > a {
    font-size: 20px;
    padding-top: 10px;
  }

  /* Multicols */
  .splash .multicols.cols3 {
    width: 60%;
    margin: 0 auto;
  }

  .splash .multicols.cols3 > .col {
    width: 100%;
    margin: 0;
  }

  .splash .multicols.cols3 > .col + .col {
    margin-top: 110px;
  }

  /* Image Header */
  .mod-image_header {
    height: 324px;
  }

  .mod-image_header img {
    width: 768px;
    margin-left: -384px;
  }

  .mod-image_header > .content {
    height: 132px;
  }

  .mod-image_header > .content h1 {
    font-size: 28px;
  }

  .mod-image_header > .content h2 {
    font-size: 18px;
  }

  .mod-image_header > .cta {
    height: 192px;
  }

  .mod-image_header > .cta > .inner {
    padding: 0 10%;
  }

  .mod-image_header > .cta .btn {
    font-size: 15px;
    height: 75px;
    padding: 20px;
    width: 48%;
  }

  .mod-image_header > .cta .btn > .subtext {
    font-size: 13px;
    margin-top: 2px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {

  /* Specialized Components & Component Overrides */
  /* Image Header */
  .mod-image_header > .content h1 {
    font-size: 26px !important;
  }

  .mod-image_header > .content h2 {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 360px) and (max-width: 479px) {

  /* Specialized Components & Component Overrides */
  /* Image Header */
  .mod-image_header > .content h1 {
    font-size: 22px !important;
  }

  .mod-image_header > .content h2 {
    font-size: 15px !important;
  }
}

@media only screen and (min-width: 100px) and (max-width: 639px) {
  .splash h3 {
    font-size: 40px;
  }

  .splash * + h3 {
    margin-top: 50px;
  }

  .splash p {
    font-size: 18px;
  }

  /* Specialized Components & Component Overrides */
  /* Flags */
  .mod-listing.flags + .mod-listing.flags {
    margin-top: 80px;
  }

  .mod-listing.flags > h4 {
    font-size: 26px;
    margin-bottom: 20px;
  }

  .mod-listing.flags > ul li > a {
    font-size: 18px;
    padding-top: 11px;
  }

  .mod-listing.flags > ul > li + li,
  .mod-listing.flags > ul li > ul {
    margin-top: 12px;
  }

  /* Multicols */
  .splash .multicols.cols3 > .col {
    width: 100%;
    margin: 0;
  }

  .splash .multicols.cols3 > .col + .col {
    margin-top: 80px;
  }

  /* Image Header */
  .mod-image_header {
    height: 470px;
    margin-bottom: 30px;
  }

  .mod-image_header img {
    width: 640px;
    margin-left: -320px;
  }

  .mod-image_header > .content {
    height: 110px;
    bottom: auto;
    top: 160px;
  }

  .mod-image_header > .content h1 {
    font-size: 19px;
  }

  .mod-image_header > .content h2 {
    font-size: 13px;
    margin-top: 5px;
  }

  .mod-image_header > .content > .inner {
    padding: 0 5%;
  }

  .mod-image_header > .cta {
    height: auto;
    padding-top: 300px;
    position: static;
  }

  .mod-image_header > .cta > .inner {
    padding: 0 10%;
  }

  .mod-image_header > .cta .btn {
    width: 100%;
    float: none;
    font-size: 17px;
    height: 75px;
    padding: 20px;
  }

  .mod-image_header > .cta .btn + .btn {
    margin: 20px 0 0;
  }

  .mod-image_header > .cta .btn > .subtext {
    font-size: 14px;
    margin-top: 2px;
  }
}

/* Components -------------------------------------------------------------------------------*/

/* Gallery ------------------------------------------------------------------------------*/
@media only screen and (min-width: 640px) and (max-width: 890px) {
  .mod-gallery {
    margin-bottom: 0;
  }

  .mod-gallery > span {
    margin-right: 15px;
  }

  .mod-gallery > ul > li {
    width: 32%;
    min-width: 32%;
  }

  .mod-gallery > ul > li.hidden-mobile {
    display: none;
  }

  .mod-gallery > ul > li > a {
    padding: 10px;
  }

  .mod-gallery > ul > li > a > span {
    bottom: 10px;
    left: 10px;
    right: 10px;
  }
}

/* Note: Phone styles above */

/* Steps (i.e. progress, part 1 of 4) ---------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 639px) {
  .mod-steps > ul > li {
    width: 95px;
    text-transform: none;
  }

  .mod-steps > ul > li + li:before {
    width: 40px;
    left: -18px;
  }
}

@media only screen and (min-width: 400px) and (max-width: 479px) {
  .mod-steps > ul > li {
    width: 80px;
    text-transform: none;
  }

  .mod-steps > ul > li + li:before {
    width: 30px;
    left: -10px;
  }
}

@media only screen and (min-width: 100px) and (max-width: 399px) {
  .mod-steps > ul > li {
    width: 65px;
    text-transform: none;
  }

  .mod-steps > ul > li + li:before {
    width: 5px;
    left: -5px;
  }
}

/* Tile Components ----------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 639px) {
  .mod-grid.popular_products > .item > .image {
    float: right;
    width: 50%;
  }

  .mod-grid.popular_products > .item > .image + .content > h2 {
    margin-top: 0;
  }
}

@media screen and (min-width: 767px) {
  #template-simple #content.content-sidebar-container {
    flex-flow: row;
  }

  .btn_container.alt {
    flex-flow: row;
    justify-content: flex-start;
  }

  .btn_container.alt .btn + .btn {
    margin-block-start: 0px;
    margin-inline-end: 10px;
  }
}

@media only screen and (min-width: 100px) and (max-width: 639px) {
  #sidebar {
    position: static;
    width: 100%;
    margin: 30px 0 0 !important;
  }
}

@media only screen and (max-width: 1024px) {
  .mod-multicols .cols {
    display: block;
  }

  .mod-multicols .cols .col,
  .mod-multicols .multicols .col {
    display: block;
    width: 100% !important;
    min-height: auto !important;
    float: none;
  }

  .multicols .col {
    margin: 0;
  }

  .mod-multicols .multicols .col + .col {
    margin-top: 15px;
  }
}