@media screen and (max-width: 991px) {
/*----------------------FOOTER----------------------*/
/*  .social-media-bar{
    margin-bottom:2.2em;
  }*/

  section.main {
    padding-bottom: 0.7em;
  }
  footer .navbar-nav.nav {
    margin: 0;
  }
  .main-width {
    width: 95%;
  }
  .navbar-collapse.collapse {
    padding: 0;
  }
  .navbar-nav{
    float: none;
    padding-top:3em;
  }
  .footer .container .navbar-nav ul{
    margin-top:15px;
  }
  .footer .container .nav.navbar-nav li{
    float: none;
  }
  div.pull-right.site-copy{
    display: none;
  }
  div.pull-right.site-copy.mobile{
    border-top:1px solid #555555;
    display: block;
    width: 100%;
  }
  div.pull-right.site-copy.mobile p{
    text-align: left;
    margin-left: 2em;
  }
  .footer-logo{
    margin-top:3em;
  }
  .footer-box{
    height: 32.6em;
  }
  .search-bar.mobile{
    display: block;
  }
  .search-bar form{
    max-width: 30em;
    margin:2em auto;
    padding-left: 1.9em;
  }

  .search-bar form button, .search-bar form input {
    background: #f1f1f1;
    padding: 0.3em 0.5em;
  }
/*---------------------------HEADER---------------------------*/
  .search-bar.row{
    display: none;
  }
  .navbar-collapse.collapse{
    max-height: none;
  }
  .navbar-collapse.in{
    overflow-y: visible;
  }
  .navbar.top .nav>li>a>i {
    display: none;
  }
  .navbar .navbar-inverse{
    margin-top:3.8em;
    margin-bottom:0;
    display: block;
    z-index: 1000;
  }
  .navbar-inverse{
    background-color:#fff;
    border:none;
  }
  .navbar-inverse .navbar-toggle{
    border:none;
  }
  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: #fff;
  }
  .navbar-inverse .navbar-toggle .icon-bar{
    background-color:#e20024;
    border:2px solid #e20024;
  }
  .navbar-toggle .icon-bar+.icon-bar{
    margin-top: 3px;
  }
  .navbar-toggle .icon-bar{
    width: 23px;
  }
  .navbar-toggle{
    display: initial;
  }
  .dropdown-menu .sub {
    margin-left: 0;
  }
  .dropdown-menu .sub h4{
    color:#fff;
    font-family: clio_lightlight,"Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: .4em 0;
    padding-left:3em;
    margin: 0;

  }
  .dropdown-menu .sub:hover h4{
    color:#fff;
    background-color:#bf021f;
  }
  .navbar.top .nav-left, .navbar.top .nav-right{
    text-align: left;
    /*float: none;*/
    background-color: #e20024;
  }
  .navbar.top .nav-left{
    display: block;
    width: auto;
    padding-right: 0;
    padding-top: 4em;
    margin-top: 0em;
  }
  .navbar.top .nav-right, .navbar.top .nav-left{
    display: block;
    width: auto;
    float: none;
  }
  .nav .pguide-drop{
    padding-top:1em;
  }
  .navbar.top .nav.nav-right .right-lg-space{
    padding:1em 0;
  }
  .navbar.top .nav.nav-right .retail-locator{
    padding-bottom:3em;
  }
  .navbar.top .nav.nav-right .retail-locator{
    color:blue!important;
  }
  .navbar.top .nav>li>a{
    color:#fff;
    padding:0 0 0 2.8em;
    margin:0;
    font-family: clio_boldbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.4em;
  }
  .navbar.top .nav>li>a:hover{
    background-color: #bf021f;
    color:#fff;
  }
  .navbar.top .nav>li{
    display: block;
    /*width: 25%;*/
  }
  .tech-drop a:hover + .dropdown-menu,
  .pguide-drop a:hover + .dropdown-menu{
    left:100%;
    top:1em;
    width: 300%;
  }
  .pguide-drop a:hover + .dropdown-menu{
    top:-3.3em;
  }
  .dropdown-menu.tech:hover, .dropdown-menu.performance-guide:hover{
    width:300%;
    left:100%;
    top:1em;
  }
  .dropdown-menu.performance-guide:hover{
    top:-3.3em;
  }
  .dropdown-menu.tech, .dropdown-menu.performance-guide {
    padding-left: 0;
  }
  .dropdown-menu.tech .sub, .dropdown-menu.performance-guide .sub{
    width:21%;
    height: auto;
    margin: auto;
    margin-left: 0;
  }
  .tech #insulation-sub, .tech #fabric-sub,
  .tech #yarn-sub, .tech #home-sub{
    width:100%;
  }
  .performance-guide{
    padding:0;
    /*margin-bottom: -3.8em;*/
  }
  .performance-guide #hang-tags-sub,
  .performance-guide #find-comfort-sub,
  .performance-guide #partner-logos-sub{
    width:100%
  }
  .navbar-header .home-logo{
    /*border:1px solid red;*/
  }

  .retail_location_icon{
    display: none;
  }
  ul.nav li:hover>a{
    color:#fff!important;
  }
  .dropdown-menu, .dropdown-menu:hover{
    top:0 !important;
    left:0 !important;
    display: block !important;
    position: relative !important;
    background:none !important;
    width: 100% !important;
    height: auto !important;
    float: none !important;
    border:none;
    box-shadow: none;
  }
  .dropdown-menu ul li{
    display: block !important;
  }
  .dropdown-menu div a>div{
    display: none !important;
  }
  .dropdown-menu div{
    display: block !important;
    width:auto !important;
  }
}


@media screen and (max-width: 570px) {
  .container{
    padding:0;
  }
  #primaloft-carousel .carousel-inner{
    width:140%;
  }
  #primaloft-carousel.carousel{
    overflow: hidden;
  }
}