@media (min-width: 1200px) {
  .featured .product .span3 {
    width: 262px
  }
}

@media (max-width: 979px) and (min-width: 768px) {
  .featured .product .span3 {
    width: 160px
  }
}

@media (max-width: 1200px) {
  .banner-text1 {
    font-size: 15px
  }

  .banner1 {
    width: 180px
  }

  .banner3 {
    width: 360px
  }

  .announcement .title {
    width: 100%
  }

  .announcement .tagline1, .announcement .tagline2 {
    width: 100%
  }

  .announcement .title:before, .announcement .tagline1:before, .announcement .tagline2:before, .announcement .tagline2:after {
    display: none
  }

  .subscription input[type='email'] {
    width: 38%
  }
}

@media (max-width: 979px) {
  .primary.navbar .btn-navbar {
    background: none;
    border: 0;
    display: block;
    float: none;
    transition: background 0.4s ease-out;
    -moz-transition: background 0.4s ease-out;
    -webkit-transition: background 0.4s ease-out;
    -o-transition: background 0.4s ease-out
  }

  .primary.navbar .btn-navbar:hover {
    background: #3F3F3F;
    -moz-transition: background 0.4s ease-out;
    -webkit-transition: background 0.4s ease-out;
    -o-transition: background 0.4s ease-out
  }

  .primary.navbar .btn-navbar:active {
    -moz-box-shadow: inset 0 4px 2px #2b2a2a;
    -webkit-box-shadow: inset 0 4px 2px #2b2a2a;
    box-shadow: inset 0 4px 2px #2b2a2a
  }

  .nav li ul {
    display: none
  }

  .nav li:hover ul {
    display: none
  }

  .banner .images .left, .banner .images .right {
    padding: 0;
    width: 100%;
    float: none;
    height: auto
  }

  .images .right .vertical-half {
    height: auto
  }

  .images .right .vertical-half:first-child {
    margin: 0
  }

  .banner .images img {
    width: 100%;
    height: auto;
    margin-bottom: 10px
  }

  .best-sellers .product-box .product-image-wrapper {
    width: 100%;
    float: none;
    margin: 10px auto;
    text-align: center
  }

  .best-sellers .product-box .product-info {
    text-align: center;
    width: 95%;
    float: none
  }

  .registration-form input {
    width: 95%
  }

  .registration-form select {
    width: 99%
  }

  .subscribe input {
    width: auto;
    margin: 0 5px 0 0
  }

  .privacy-policy input {
    width: auto;
    margin: 0 5px 0 0
  }
}

@media (max-width: 1017px) and (min-width: 801px) {
  .product-title {
    color: #5f5f5f;
    height: 50px;
    overflow: hidden
  }
}

@media (max-width: 800px) {
  .product-title {
    color: #5f5f5f;
    height: 50px;
    overflow: hidden
  }
}

@media (max-width: 768px) {

 .filters__block .filtr-input{
    margin-top: 2px;
 }

  .products-grid > div {
    width: 33.333% !important
  }

  .product-title {
    color: #5f5f5f;
    height: 50px;
    overflow: hidden
  }
}

@media (max-width: 767px) {

  .subscription{
    padding: 20px 20px 30px;
  }

  .header-top, .nav-wrapper, .slider, .contents, footer {
    margin: 0 auto;
  }

  .contents {
    padding: 0 20px
  }

  .header-aside {
    text-align: center
  }

  .logo {
    text-align: center
  }

  .search-product {
    margin-bottom: 10px
  }

  .nav-wrapper {
    background: #000 repeat-x
  }

  .primary.navbar .nav {
    width: 100%
  }

  .primary.navbar .nav li {
    background: #ccc;
    display: block;
    float: none
  }

  .primary.navbar .nav > li > a {
    width: 100%
  }

  .navbar .btn-navbar {
    margin-bottom: 5px
  }

  #slider-main .carousel-control, #slider-main:hover .carousel-control {
    display: none
  }

  .announcement .title {
    float: none;
    width: 100%
  }

  .announcement p {
    float: none;
    width: 100%
  }

  .announcement .icon-truck {
    display: none
  }

  .announcement .tagline1, .announcement .tagline2 {
    width: 100%
  }

  .announcement .title:before, .announcement .tagline1:before, .announcement .tagline2:before, .announcement .tagline2:after {
    display: none
  }

  .products .span3 {
    width: 50%;
    float: left
  }

  .product-box {
    margin-top: 20px;
    margin-bottom: 20px;
    
  }

  .featured .product .span3 {
    width: 50%;
    float: left
  }

  .featured-title {
    font-size: 18px
  }

  .featured-title:before {
    display: none
  }

  .featured-title:after {
    display: none
  }

  .product-filter .pagination {
    width: 100%;
    text-align: center
  }

  .product-filter .filter-controls {
    width: 100%;
    float: none;
    text-align: center
  }

  .sidebar-main .products-grid > div .image .sale {
    right: 10%
  }

  .sidebar-main .products-grid > div .image {

    float: none;
    text-align: center;
    padding: 0 10%
  }

  .sidebar-main .products-grid > div .product-details {
    float: none;
    width: 100%;
    padding: 0 0%;
    text-align: center
  }
.btn-group>.btn:first-child {
    margin-left: 0;
    width: 100%;
}
  .sidebar-main .products > div .image .sale {
    width: 50%
  }
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 2px 0;
}
.sidebar-main h2 {
    margin: 1px auto 10px;
    text-align: center;
}

 .featured-title {
    padding: 10px 0;
    line-height: 1.5;
    width: 100%;
    margin: 0;
    font-size: 14px;
    letter-spacing: normal;
}

  .subscription label {
    background: #070707 repeat-x;
    float: none;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
  }

  .subscription label:after {
    content: "";
    display: none
  }

  .subscription input[type='email'] {
    display: block;
    height: auto;
    width: auto;
    margin: unset;
    margin-bottom: 20px;
    padding: 1%;
    text-align: center;
    width: 100%
  }

  .subscription input[type='submit'] {
    display: block;
    background: #f57349;
    border: none;
    height: 29px;
    width: 100%;
    margin-left: unset;
    text-align: center;
    margin: unset;
    text-indent: 0
  }

  .subscription input[type='submit']:hover, .subscription input[type='submit']:active {
    background: #f04b30
  }

  .blog-posts, .tweets {
    padding: 0 10px;
    border: none
  }

  .facebook-widget {
    margin-left: 1%;
    margin-right: 1%;
    width: 98%
  }

  .footer-links {
    text-align: center
  }

  .payment-options {
    text-align: center
  }

  .copyright {
    text-align: center
  }

  .footer-social-links {
    text-align: center
  }

  ul.best-sellers li {
    display: inline-block;
    width: 49%
  }

  .customer-form {
    min-height: unset;
  }

  .btn-continue, .customer-form button[type="submit"] {
    position: static
  }
}

@media(max-width: 991px){

  .span12{
    width: auto!important;
  }

  .images .right{
    width: 100%;
    height: auto;
  }

  .images .left{
    width: 100%;
  }

  .images .left .vertical-half a{
    display: block;
    text-align: center;
  }

  .filters__block{
    margin-bottom: 30px
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .cart {
    margin-top: 10px
  }

  .navbar .btn-navbar {
    margin-bottom: 5px
  }

  .nav-wrapper {
    background: #000 repeat-x
  }

  .primary.navbar .nav {
    width: 100%
  }

  .primary.navbar .nav li {
    background: #e0dede;
    display: block;
    float: none
  }

  .primary.navbar .nav > li > a {
    width: 100%
  }

  .navbar .btn-navbar {
    margin-bottom: 5px
  }

  .payment-options img {
    margin-top: 5px
  }

  .product-filter .pagination {
    width: 100%;
    text-align: center
  }

  .product-filter .filter-controls {
    width: 100%;
    float: none;
    text-align: center
  }

  .sidebar-main .products-grid > div .image .sale {
    right: 22px
  }

  .sidebar-main .products-grid > div .image {
    width: 90%;
    float: none;
    text-align: center;
    padding: 0 10%
  }

  .sidebar-main .products-grid > div .product-details {
    float: none;
    width: 90%;
    padding: 0 10%;
    text-align: center
  }
}

@media (max-width: 480px) {
  .hidden-phone2 {
    display: none !important
  }

  .products-grid > div {
    width: 50% !important;
    height: 295px
  }

  .product-title {
    font-size: 11px
  }

  .featured .product-title {
    font-size: 12px;
    font-weight: bold;

  }

  h1, h2, h3, h4, h5, h6 {
    line-height: 1.5
  }

  .logo img {
    width: 80%
  }

  .announcement {
    font-size: 13px;
    line-height: 2
  }

  .announcement .icon-truck {
    display: none
  }

  .announcement .title {
    font-size: 16px
  }

  .featured .product .span3 {
    width: 100%;
    float: none
  }

  .product-details .description {
    font-size: 7px
  }

  .product-details .name {
    font-size: 9px
  }

  ul.best-sellers li {
    display: block;
    width: 100%
  }

  .privacy-policy {
    text-align: center
  }
}

@media (max-width: 360px) {
  .products-grid > div {
    width: 100% !important;
    height: inherit !important
  }

  .product-details {
    min-height: 0 !important
  }

  .product-title, .rating {
    height: auto
  }
}

@media (max-width: 376px) and (min-width: 306px) {
  .banner-text1 {
    font-size: 16px !important
  }
}

@media (max-width: 330px) {
  li.by_cat > a, li.by_brand > a {
    font-size: 11px !important
  }
}

@media (max-width: 386px) {
  .banner-text1 {
    font-size: 13px !important
  }

  #onj_accordion li a {
    font-size: 12px
  }
}

@media (max-width: 315px) {
  #cart-container {
  }
}