/*   1.HD devices Desktops     	  ( Devices =1450px)
 *   1.Large devices Desktops     (1200px = Devices = 1400px)
 *   2.Medium devices Desktops    (980px =  Devices  = 1024px)
 *   3.Small devices Tablets      (767px =  Devices  = 979px)
 *   4.Extra small devices Phones ( Devices <767px)
 */
/* 3.Medium devices Desktops 
================================================== */
/* 4.Small devices Tablets
================================================== */
/* 5.Extra small devices Phones
================================================== */
/* 5.Small devices Phones
================================================== */
@media (min-width: 1400px) {
  .header_v1 #header-logo {
    width: 18.5%;
  }
  .header_v1 #_desktop_topsearch {
    width: 68.3%;
  }
  .header_v1 .cart-info {
    width: 13.2%;
  }
  .header_v1 #vertical_menu {
    width: 17.5%;
  }
  .header_v1 #header_menu {
    width: 82.5%;
  }
  div.deal-block {
    width: 36.5%;
  }
  div.extra-block {
    width: 63.5%;
  }
}
@media (max-width: 1400px) {
  .container {
    width: 1200px !important;
    max-width: none;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .header_v1 #vertical_menu {
    width: 20%;
  }
  .header_v1 #header_menu {
    width: 80%;
  }
  .header_v1 #header-logo {
    width: 20%;
  }
  .header_v1 #_desktop_topsearch {
    width: 63%;
  }
  .banner-extra-1, .banner-extra-2, .banner-extra-3 {
    width: 19.5%;
  }
  .sp-extra-2, .sp-extra-3, .sp-extra-4 {
    width: 80.5%;
  }
  .sp-deal .product-container div.right-block .cart_content {
    margin-bottom: 20px;
  }
  div.sp-extra-1 .product-miniature .product-container div.right-block {
    padding: 10px 20px 30px;
  }
}
@media (min-width: 1200px) {
  #header-logo {
    margin-top: -5px;
  }
  div#js-product-list.product-list--list .product-miniature .product-container .left-block {
    width: 28%;
  }
  div#js-product-list.product-list--list .product-miniature .product-container .right-block {
    width: 72%;
  }
  .layout-full .container {
    width: 100% !important;
    max-width: 100% !important;
  }
  .menu-fixed .spsf-menu li ul.submenu-container {
    transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
  }
  .menu-fixed .spsf-menu li:hover ul.submenu-container {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@media (max-width: 1199px) {
  #products .product-miniature .product-container .product-info h5.product-title a, .featured-products .product-miniature .product-container .product-info h5.product-title a, .product-accessories .product-miniature .product-container .product-info h5.product-title a, .product-miniature .product-container .product-info h5.product-title a, .category-products .product-miniature .product-container .product-info h5.product-title a {
    font-size: 13px;
  }
  #search_filters h3.block-title {
    font-size: 150%;
  }
  #js-product-list .product-miniature .product-container .product-info h5.product-title {
    min-height: 33px !important;
  }
  .product-page .product-actions .product-variants {
    margin: 0 0 35px;
  }
  .product-page .product-actions .product-variants .product-variants-item {
    display: block;
    margin: 0 0 20px;
  }
  .product-page .product-actions .product-variants .product-variants-item.Color {
    margin: 0 0 20px;
  }
  .product-page .product-actions .product-variants .product-variants-item .selector:after {
    width: 19px;
    background: #eee;
  }
  .product-page .product-actions .product-variants .product-variants-item:last-child {
    margin: 0;
  }
  .product-page .main-product {
    margin: 0 0 40px;
    padding: 0;
  }
  .product-page div.tabs .nav-tabs li.nav-item a.nav-link {
    padding: 13px;
    font-size: 14px;
  }
  .lang-rtl div#_desktop_splanguage {
    margin: 0 0 0 15px;
  }
  .lang-rtl .product-page .product-actions .product-variants .product-variants-item .selector:after {
    width: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 970px !important;
    max-width: none;
  }
  #product.layout-full-width .pb-left-column {
    width: 60%;
  }
  #product.layout-full-width .pb-right-column {
    width: 40%;
  }
  .product-page .images-container.vertical-thumbnails .js-qv-mask {
    top: 30px;
  }
}
@media (min-width: 992px) {
  .footer-v2.footer-container .footer-social {
    width: 41.6%;
  }
}
@media (max-width: 991px) {
  #header-logo {
    text-align: center;
    margin-bottom: 35px;
  }
  div.footer-social {
    text-align: center;
  }
  div.footer-social h3.block-title {
    margin: 0 0 20px;
  }
  .lang-rtl div.footer-social {
    text-align: center;
  }
  .footer-v2.footer-container .footer-social h3.block-title {
    display: block;
  }
  div#js-product-list.product-list--list .product-miniature .product-container .left-block, div#js-product-list.product-list--list .product-miniature .product-container .right-block {
    width: 100%;
  }
  #js-product-list-top .showing {
    margin: 0 10px;
  }
  #js-product-list-bottom .showing {
    display: none;
  }
  #product.layout-left-column .pb-left-column, #product.layout-right-column .pb-left-column, #product.layout-left-column .pb-right-column, #product.layout-right-column .pb-right-column {
    width: 100%;
  }
  .product-page .images-container.horizontal-thumbnails .js-qv-mask {
    margin-bottom: 30px;
  }
  .product-page h1.product-name {
    margin: 30px 0 15px;
  }
  .product-page .images-container.vertical-thumbnails .js-qv-mask {
    top: 30px;
  }
  #wrapper #content-wrapper .page-not-found h1 {
    font-size: 32px;
  }
  #wrapper #content-wrapper .page-not-found p {
    font-size: 13px;
    margin: 0 0 15px;
  }
  #wrapper #content-wrapper .page-not-found form {
    width: 80%;
  }
  #wrapper #content-wrapper .page-not-found form button {
    padding: 0 15px;
  }
  .lang-rtl div div.slider-container {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: auto !important;
    max-width: none;
  }
  .lang-rtl div.js-product-list .product-sort {
    float: left;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: none;
    width: auto !important;
  }
  .breadcrumb .breadcrumb-container {
    height: auto;
  }
  .breadcrumb .breadcrumb-container .title-page {
    display: none;
  }
  .breadcrumb .breadcrumb-container ul {
    float: none;
  }
  div#blockcart-modal div.divide-right {
    border: none;
  }
  div#blockcart-modal .modal-body .cart-content {
    padding: 0;
  }
  div#blockcart-modal .modal-body .cart-content .btn {
    font-size: 15px;
  }
  .text-xs-center #menu-icon {
    line-height: 45px;
    cursor: pointer;
  }
  .text-xs-center i {
    font-size: 12px;
    margin: -6px 3px 0;
    float: none;
    vertical-align: middle;
  }
  #mobile_top_menu_wrapper {
    position: absolute;
    z-index: 3;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    top: 100%;
    width: 160px;
    left: auto;
    right: 15px;
  }
  #category .showing {
    margin: 0 0 20px;
  }
  .js-product-list .product-sort {
    float: none;
    margin: 0 0 30px;
  }
  #js-product-list-top .pagination {
    display: none;
  }
  #js-product-list-bottom .product-sort {
    display: none;
  }
  #js-product-list-bottom .filter-button {
    display: none;
  }
  #js-product-list-bottom .pagination .text-xs-center i {
    margin: 0;
  }
  .product-page .tabs .tab-content {
    border: none;
  }
  .product-page .tabs .nav-tabs .nav-item {
    margin-bottom: 15px;
  }
  .product-page .tabs .nav-tabs .nav-item .nav-link.active:before {
    display: none;
  }
  .header_center .container {
    position: relative;
  }
  .mobile-search {
    position: static;
  }
  #_mobile_topsearch {
    position: absolute;
    top: calc(100% + 10px);
    left: 15px;
    right: 15px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 3px;
  }
  #_mobile_topsearch.active-search {
    opacity: 1;
    visibility: visible;
  }
  #btn_search {
    display: block;
    width: 42px;
    height: 42px;
    color: #555;
    font-weight: 300;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
  }
  #btn_search:before {
    content: '\f002';
  }
  #btn_search:hover, #btn_search.btnActive {
    opacity: 0.7;
  }
  .header_v2 .content-search .spr-search-button {
    border-radius: 0px 3px 3px 0;
  }
  .lang-rtl .header_v2 .content-search .spr-search-button {
    border-radius: 3px 0 0 3px;
  }
  .spr-container .spr_selector {
    display: none;
  }
  .search-widget {
    position: relative;
    margin: 0px;
  }
  #_mobile_logo {
    line-height: 70px;
    width: 100%;
    text-align: center;
  }
  #_mobile_logo a {
    display: inline-block;
    vertical-align: middle;
  }
  .footer-container #copyright .copyright, .footer-container #copyright .footer-payment {
    text-align: center;
  }
  .footer-container #copyright .copyright {
    margin-bottom: 20px;
  }
  #category #search_filter_toggler {
    width: 100%;
    padding: 4px 10px;
    height: 42px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 500;
  }
  #search_filters .facet .facet-title {
    border: none;
  }
  #sp-currency, #sp-language {
    padding: 0 10px;
  }
  .currency-selector .dropdown-menu, .language-selector .dropdown-menu {
    left: 0;
    right: auto;
  }
  #search_filters {
    margin: 0 0 45px !important;
  }
  #search_filters .facet {
    margin: 0;
  }
  #search_filters .facet .facet-title {
    margin: 15px 0;
    padding: 0 20px;
    display: inline-block;
  }
  #category #search_filter_toggler {
    width: 100%;
    padding: 4px 10px;
    height: 42px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 500;
  }
  .lang-rtl div.spcurrency-block {
    padding: 0 15px;
  }
  .lang-rtl div.currency-selector .dropdown-menu, .lang-rtl div.language-selector .dropdown-menu {
    left: auto;
    right: 0;
  }
  .lang-rtl div#blockcart-modal div.divide-right {
    border: none;
  }
  .lang-rtl #mobile_top_menu_wrapper {
    left: 15px;
    right: auto;
  }
  .lang-rtl div.user-info {
    margin: 0;
  }
}
@media (max-width: 480px) {
  .btn, button, .button, input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
    padding: 7px 10px;
  }
  div.box-left {
    text-align: center;
  }
  .lang-rtl div.box-left {
    text-align: center;
  }
  div.box-right {
    text-align: center;
  }
  .lang-rtl div.box-right {
    text-align: center;
  }
  .category-products h3.title-block {
    font-size: 24px;
  }
  .js-product-list .product-sort {
    float: none;
    margin: 10px 0 30px;
  }
  #product.layout-full-width .product-page h1.product-name {
    margin: 55px 0 15px;
  }
}
@media (max-width: 479px) {
  #overlay i {
    left: 40%;
  }
  .product-sort {
    margin-bottom: 20px;
  }
  .product-page .product-actions .product-variants .product-variants-item {
    display: block;
    margin: 0 0 20px;
  }
  .product-page .product-actions .product-variants .product-variants-item.Color {
    margin: 0 0 20px;
  }
  .product-page .product-actions .product-add-to-cart .add-to-cart {
    margin: 0 1px;
  }
  .product-page .tabs .nav-tabs li.nav-item {
    display: block;
  }
  .product-page .images-container.vertical-thumbnails .js-qv-mask {
    width: 80px;
  }
  .product-page .images-container.vertical-thumbnails .product-cover {
    width: calc(100% - 85px);
  }
  .product-page .tabs .nav-tabs li.nav-item a {
    font-size: 12px;
  }
  .lang-rtl div#header-cart {
    margin: 0;
  }
  .lang-rtl .spblockcart div.cart-icon {
    margin: 0;
  }
}
