/* Note: Design for a width of > 1200px

================================================== */

@media only screen and (min-width: 1200px) {

  .container {

    padding-left: 0;

    padding-right: 0;

  }



  .theme-default .nivo-directionNav a {

    opacity: 0;

  }



  .theme-default:hover .nivo-directionNav a {

    opacity: 1;

  }

}

/* Note: Design for a width of max 1199px

================================================== */

@media only screen and (max-width: 1199px) {

  .container {

    padding-left: 0;

    padding-right: 0;

  }



  #htmlcontent_home li a h2 {

    font-size: 20px;

    line-height: 20px;

  }



  .nivo-caption h2 {

    font-size: 38px;

  }

  .nivo-caption span {

    display: none;

  }



  #pager {

    bottom: 32px;

  }

}

/* Note: Design for a width of > 991px

================================================== */

@media only screen and (min-width: 992px) {

  .main_page_products li.first_item_of_line {

    clear: left;

  }

}





/* Note: Design for a width of > 991px

================================================== */

@media only screen and (max-width: 991px) {

  #categories_block_left h4 {

    font-size: 20px;

    line-height: 28px;

    padding: 15px 15px 15px 20px;

  }



  .nivo-caption {

    width: 70%;

  }

  .nivo-caption h2 {

    font-size: 32px;

  }

  .nivo-caption h4 strong {

    font-size: 38px;

  }

}

/* Note: Design for a width of 992px * 1199px

================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .products_block ul li > div {

    width: 120px;

  }



  #search_block_top input.search_query {

    width: 342px;

  }



  .products_block ul li a.products_block_img {

    width: 96px;

  }

  .products_block ul li > div {

    width: 104px;

  }



  #htmlcontent_footer li a {

    padding: 17px 15px;

  }

}

/* Note: Design for a width > 767px

================================================== */

@media only screen and (min-width: 768px) {

  footer .block ul.toggle_content {

    display: block !important;

    height: 100% !important;

    opacity: 1 !important;

  }

}

/* Note: Design for a width of 768px * 991px

================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

  #search_block_top input.search_query {

    width: 177px;

  }



  /* ************************************************************************************************

  								HOME PRODUCTS (768px * 991px)

  ************************************************************************************************ */

  .main_page_products li.first_item_of_tablet_line {

    clear: left;

  }



  /* ************************************************************************************************

  			  					CATEGORY PAGE (768px * 991px)

  ************************************************************************************************ */

  #product_comparison .product_image_div a img {

    width: 70px;

  }



  #product_comparison .product_image_div span {

    width: 30px;

  }



  #product_comparison th {

    white-space: normal;

    padding: 5px;

    text-align: center;

  }



  /* ************************************************************************************************

  			 				 	BOX COLUMN (768px * 991px)

  ************************************************************************************************ */

  .products_block ul li > div {

    width: auto;

    float: none;

  }



  .products_block ul li a.products_block_img {

    width: 100%;

    margin-right: 0;

    margin-bottom: 10px;

  }



  .products_block ul li .reduction {

    margin-left: 0;

    margin-right: 0;

  }



  /* ************************************************************************************************

  			 					ORDER (768px * 991px)

  ************************************************************************************************ */

  table#cart_summary td.tdfirst {

    width: 83%;

  }



  .multishipping-cart .cart_ref {

    padding: 5px!important;

  }



  table.multishipping-cart td {

    padding: 5px !important;

  }



  .addresses #id_address_delivery {

    width: 100%;

  }



  /******************************************************************************************************

  								Multishiping (768px * 991px)

  *******************************************************************************************************/

  #cart_summary.multishipping-cart #cart_quantity_button a {

    clear: both;

  }



  table#cart_summary.multishipping-cart .cart_quantity .cart_quantity_input {

    clear: both;

    border-top: none;

    border-bottom: none;

    border-right: 1px solid #CCC;

    border-left: 1px solid #CCC;

    width: 45px;

  }



  table#cart_summary.multishipping-cart #cart_quantity_button {

    float: none !important;

    margin: 0 auto;

    width: 45px;

  }



  #htmlcontent_home li a img {

    float: none;

    width: 100%;

  }



  #pager {

    bottom: 50px;

  }



  #htmlcontent_footer li a {

    padding: 10px;

  }

}

/* Note: Design for a width of < 767px

================================================== */

@media only screen and (max-width: 767px) {

  .container {

    padding-left: 15px;

    padding-right: 15px;

  }



  html {

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

  }



  /* ************************************************************************************************

  												HEADER (< 767px)

  ************************************************************************************************ */

  #header #header_logo {

    top: 70px;

  }

  #header #header_logo img {

    width: 230px;

    height: auto;

  }

  #header #header_user {

    top: 64px;

  }

  #header #header_user #shopping_cart a {

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

  }

  #header #header_user #shopping_cart a {

    width: 42px;

    height: 42px;

    padding: 0;

    font-style: normal;

    text-align: center;

  }

  #header #header_user #shopping_cart a:before {

    font-family: FontAwesome;

    content: "";

    font-size: 32px;

    color: #fff;

    line-height: 42px;

    position: absolute;

    top: 0px;

    left: 5px;

    font-weight: normal;

  }

  #header #header_user #shopping_cart a span,

  #header #header_user #shopping_cart a i {

    display: none !important;

  }

  #header #cart_block {

    top: 107px;

  }

  #header .hr-top {

    display: none;

  }

  #header #header_right {

    padding-top: 228px;

  }



  #htmlcontent_home li {

    float: none;

    width: 100%;

  }



  #your_account {

    top: 122px;

  }



  .page_wrapper_2 #columns {

    background: #fff;

  }



  #htmlcontent_footer li {

    float: none;

    width: 100%;

  }



  .sale-box, .new-box {

    position: relative;

    display: inline-block;

    left: 0;

    right: 0;

    top: 0;

    margin-bottom: 6px;

  }



  #your_account {

    right: 0;

  }



  /* ************************************************************************************************

  										LANGUAGES CURRENCIES (< 767px)

  ************************************************************************************************ */

  #languages_block_top.mobile-open, #currencies_block_top.mobile-open {

    background: #333;

  }



  #languages_block_top, #currencies_block_top {

    padding: 0;

    top: 0px;

    text-align: center;

    width: 25%;

    height: 45px;

    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7e7e7e), color-stop(100%, #474747));

    background-image: -webkit-linear-gradient(#7e7e7e, #474747);

    background-image: -moz-linear-gradient(#7e7e7e, #474747);

    background-image: -o-linear-gradient(#7e7e7e, #474747);

    background-image: linear-gradient(#7e7e7e, #474747);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#474747',GradientType=0 );

    border: none;

  }

  #languages_block_top p, #currencies_block_top p {

    padding: 0;

    line-height: 45px;

    border-right: 1px solid #5f5f5f;

    color: #fff;

  }

  #languages_block_top p strong, #currencies_block_top p strong {

    display: inline-block;

  }

  #languages_block_top p span,

  #languages_block_top p b, #currencies_block_top p span,

  #currencies_block_top p b {

    display: none;

  }

  #languages_block_top p .arrow_header_top, #currencies_block_top p .arrow_header_top {

    margin: 0px 0px 4px 5px;

  }



  #currencies_block_top p.inner-carrencies, #languages_block_top p, .mobile-link-top h4 {

    color: #fff;

  }



  #countries_2 .countries_ul, #setCurrency .currencies_ul {

    left: -1px;

    top: 45px;

    width: 140px;

    text-align: left;

  }



  /* languages */

  #languages_block_top {

    right: 50%;

  }



  /* currencies */

  #currencies_block_top {

    right: 25%;

  }



  .main-mobile-menu {

    display: block;

    margin: 0px 0px 0px 0px;

  }



  .accessories_desc {

    margin-bottom: 12px;

  }



  /* ************************************************************************************************

  										   MOBILE MENU TOP (< 767px)

  ************************************************************************************************ */

  .blockpermanentlinks-header {

    position: absolute;

    right: 75%;

    top: 0px;

    width: 25%;

  }



  .mobile-link-top {

    display: block;

    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7e7e7e), color-stop(100%, #474747));

    background-image: -webkit-linear-gradient(#7e7e7e, #474747);

    background-image: -moz-linear-gradient(#7e7e7e, #474747);

    background-image: -o-linear-gradient(#7e7e7e, #474747);

    background-image: linear-gradient(#7e7e7e, #474747);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#474747',GradientType=0 );

    -webkit-border-radius: 0 0 0 6px;

    -moz-border-radius: 0 0 0 6px;

    -ms-border-radius: 0 0 0 6px;

    -o-border-radius: 0 0 0 6px;

    border-radius: 0 0 0 6px;

  }



  .mobile-link-top h4 {

    margin: 0;

    line-height: 45px;

    border-right: 1px solid #5f5f5f;

    height: 45px;

  }

  .mobile-link-top h4 i {

    color: #fff;

  }

  .mobile-link-top h4:hover i {

    color: #c32026 ;

  }



  .mobile-link-top h4 .arrow_header_top_menu.arrow_header_top {

    display: block;

    position: static;

    line-height: 45px;

    font-size: 25px;

    text-align: center;

  }



  body#index a.header_links_home, #sitemap a.header_links_sitemap, #contact a.header_links_contact, #cms a.header_links_delivery, #stores a.header_links_store {

    color: #c32026 ;

  }



  #currencies_block_top p.active, #currencies_block_top p:hover, #languages_block_top p.active, #languages_block_top p:hover, .mobile-link-top h4.active, .mobile-link-top h4:hover {

    color: #c32026 ;

  }



  #currencies_block_top p.inner-carrencies i, #languages_block_top p i, .mobile-link-top h4 i {

    margin: 0;

  }



  #mobilelink {

    display: none;

    list-style: none;

    width: 140px;

    position: absolute;

    top: 45px;

    left: 0px;

    z-index: 101;

  }



  #mobilelink a {

    text-transform: capitalize;

  }



  /*************************************************************************************************

  											Search Mobile (< 767px)

  **************************************************************************************************/

  #search_block_top {

    right: 0px;

    top: 165px;

    width: 100%;

    background: #393939;

    padding: 15px;

    -webkit-border-radius: 6px 6px 0 0;

    -moz-border-radius: 6px 6px 0 0;

    -ms-border-radius: 6px 6px 0 0;

    -o-border-radius: 6px 6px 0 0;

    border-radius: 6px 6px 0 0;

  }



  #search_block_top input.search_query {

    width: 100%;

    padding-right: 53px;

  }



  #search_block_top a {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 11;

  }



  /*************************************************************************************************

  											Alert cart (< 767px)

  **************************************************************************************************/

  .alert_cart {

    background: #000;

    width: 310px;

    position: fixed;

    left: 50%;

    top: 0;

    margin-left: -155px;

    z-index: 9998;

  }

  .alert_cart a {

    display: block;

    padding: 21px 40px 22px 50px;

    height: 85px;

    font-size: 12px;

    color: #fff;

    font-weight: bold;

    position: relative;

    z-index: 9997;

  }

  .alert_cart a:hover {

    color: #a9a9a9;

  }

  .alert_cart span {

    background: url(../img/delete_top.png) center 10px no-repeat;

    width: 35px;

    height: 35px;

    position: absolute;

    right: 5px;

    top: 23px;

    cursor: pointer;

    z-index: 9999;

  }

  .alert_cart span:hover {

    background-position: center -50px;

  }



  /* ************************************************************************************************

  								BLOCK HEADER USER INFO LOGIN/LOGOUT (< 767px)

  ************************************************************************************************ */

  .blockuserinfo {

    position: absolute;

    top: 0px;

    right: 0px;

    text-align: center;

    width: 25%;

    height: 45px;

  }

  .blockuserinfo a {

    display: block;

    text-align: center;

    line-height: 45px;

    padding: 0;

    width: auto;

    border: none;

    -webkit-border-radius: 0 0 6px 0;

    -moz-border-radius: 0 0 6px 0;

    -ms-border-radius: 0 0 6px 0;

    -o-border-radius: 0 0 6px 0;

    border-radius: 0 0 6px 0;

    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7e7e7e), color-stop(100%, #474747));

    background-image: -webkit-linear-gradient(#7e7e7e, #474747);

    background-image: -moz-linear-gradient(#7e7e7e, #474747);

    background-image: -o-linear-gradient(#7e7e7e, #474747);

    background-image: linear-gradient(#7e7e7e, #474747);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#474747',GradientType=0 );

  }

  .blockuserinfo a i {

    display: none;

  }



  /* ************************************************************************************************

  								HOME PRODUCTS (< 767px)

  ************************************************************************************************ */

  .main_page_products li .product_image {

    float: left;

    margin-right: 20px;

    width: 145px;

  }

  .main_page_products li .product_image a {

    padding: 15px;

    display: block;

  }

  .main_page_products li .product_content {

    overflow: hidden;

  }



  /* ************************************************************************************************

  											FOOTER  (< 767px)

  *********************************************************************************************** */

  footer .block {

    width: 100%;

  }



  footer .block h4 {

    padding: 11px 0px 10px 0px;

    margin-top: 0px;

    margin-bottom: 0;

    position: relative;

  }

  footer .block h4:hover {

    cursor: pointer;

  }



  footer .block h4 i {

    display: inline-block;

    position: absolute;

    right: 0;

    top: 12px;

  }



  footer .modules .block ul {

    display: none;

    padding: 0px 0 0 0;

    margin-top: 16px;

  }



  footer .block .list-footer li {

    padding: 0 0 6px;

  }

  footer .block .list-footer li:last-child {

    padding-bottom: 0;

  }



  .bottom_footer {

    padding-left: 15px;

    padding-right: 15px;

  }



  footer .block .list-footer li a {

    padding-right: 10px;

  }



  footer .modules {

    padding-bottom: 30px;

  }



  /* ************************************************************************************************

  								PAGE MANUFACTURE ADN SUPLIER (< 767px)

  ************************************************************************************************ */

  .border_sep {

    border-right: none;

    border-bottom: 1px solid #d0d0d0;

    margin-bottom: 15px;

    padding-bottom: 15px;

  }



  .mnf_sup_list li .right_side p {

    float: left;

    margin: 8px 15px 0 0;

  }



  /* ************************************************************************************************

  								  PAGE STORES AND SITEMAP (< 767px)

  ************************************************************************************************ */

  div#stores_block p.text input {

    width: 286px;

    height: 35px;

    line-height: 35px;

    padding: 1px 1px 1px 10px;

  }



  /* ************************************************************************************************

  										BOX COL (< 767px)

  ************************************************************************************************ */

  .column .block h4 .column_icon_toggle {

    display: block;

    float: right;

    padding: 0;

    margin: 2px 0px 0 0;

  }



  .column .block h4 {

    margin-bottom: 15px;

  }

  .column .block h4:hover {

    cursor: pointer;

  }



  #right_column.column .toggle_content, #left_column.column .toggle_content {

    margin-bottom: 15px;

  }



  .products_block ul li a.products_block_img {

    width: 60px;

  }



  /* ************************************************************************************************

  						PAGINATION AND SORT AND SUBCATEGORY BLOCK (< 767px)

  ************************************************************************************************ */

  #itempage {

    float: none;

    margin: 20px 0 0 0;

  }



  .row_category .category_image {

    width: 50%;

  }



  #productsSortForm {

    margin-bottom: 10px;

  }



  #product_comments_block_extra .comments_advices a.read_rew {

    margin-bottom: 10px;

    border: none;

    padding-right: 0;

    margin-right: 0;

  }



  /**********************************************************************************************

  									  ORDER STEP (< 767px)

  ***********************************************************************************************/

  p.cart_navigation .exclusive, p.cart_navigation .exclusive_large {

    float: right;

    margin-bottom: 0px;

    padding-left: 9px;

    padding-right: 9px;

  }



  #order_steps {

    width: 280px;

    overflow: hidden;

    margin: 20px auto 20px auto;

    list-style: none;

    height: 200px!important;

  }



  #order_steps li.even:first-child {

    background: #9c9c9c;

  }



  #order_steps li.even.step_current:first-child {

    background: #202020;

  }



  #order_steps li.even {

    background: url(../img/marker-order2.png) center 0px no-repeat #9c9c9c;

  }



  #order_steps li.odd {

    background: url(../img/marker-order2.png) center 0px no-repeat #777777;

  }



  #order_steps li {

    float: none;

    width: 280px;

    height: 40px;

    text-align: center;

  }



  #order_steps li a, #order_steps li span {

    display: inline-block;

    padding: 6px 0 0 5px;

    font: bold 14px "Arial";

  }



  #order_steps li span {

    color: #ffffff;

    font-weight: bold;

  }



  #order_steps li span span {

    float: none;

    color: #ffffff;

    font-weight: bold;

    font-size: 14px;

    line-height: 14px;

    text-align: center;

  }



  #order_steps li.even.step_current {

    background: #202020;

  }



  #order_steps li.odd.step_current {

    background: #202020;

  }



  #order_steps li a {

    font-weight: bold;

    color: #ccc;

    text-decoration: none;

    padding: 0;

  }



  #order_steps li a:hover {

    color: #fff;

  }



  #availableCarriers_table th {

    font-size: 12px;

    word-wrap: break-word;

    white-space: normal;

  }



  /**********************************************************************************************

  								  SHOPPING CART PAGE (< 767px)

  ***********************************************************************************************/

  table#cart_summary td.cart_product {

    padding-right: 20px;

    width: 100px;

  }



  #order-detail-content #cart_summary td.cart .div_cart_quantity_delete a {

    margin-left: 9px;

  }



  #order-detail-content .title-th.cart_quantity_title {

    display: none;

  }



  #compare_shipping_form #compare_shipping .SE_SubmitRefreshCard input {

    margin-right: 10px;

    margin-bottom: 10px;

  }



  #order-detail-content table td strong {

    margin-right: 7px;

  }



  #order-detail-content table#cart_summary td {

    display: table-cell;

    border-bottom: 0;

    font-size: 12px;

  }



  #order-detail-content table#cart_summary input.cart_quantity_input {

    width: 35px;

  }



  #order-detail-content table#cart_summary td.cart_product {

    padding-right: 10px;

  }



  #order-detail-content #cart_summary.multishipping-cart td.cart_quantity {

    width: 100%;

  }



  table#cart_summary.multishipping-cart .cart_quantity .cart_quantity_input {

    border: 1px solid #d0d0d0;

    width: 45px;

  }



  #order-detail-content table.multishipping-cart td strong {

    display: block;

    float: none;

    font-weight: bold;

    color: #333;

    margin-right: 7px;

    clear: both;

    color: #333333;

    font-weight: bold;

    margin-right: 7px;

    padding-bottom: 7px;

    width: 100%;

  }



  #order-detail-content table.multishipping-cart td {

    display: block!important;

    border-bottom: 0!important;

  }



  #order-detail-content table.multishipping-cart thead {

    display: none;

  }



  .multishipping-cart .cart_quantity {

    width: auto;

    overflow: hidden;

  }



  #order-detail-content table.multishipping-cart td select option {

    padding: 5px;

  }



  .order_delivery {

    padding-top: 7px;

  }



  #module-cheque-payment #columns p.cart_navigation a, #module-bankwire-payment #columns p.cart_navigation a {

    display: block;

    float: none;

    text-align: center;

  }



  #module-cheque-payment #columns p.cart_navigation input, #module-bankwire-payment #columns p.cart_navigation input {

    float: none;

    width: 100%;

    text-align: center;

  }



  #module-bankwire-payment #columns p.cart_navigation input {

    margin-bottom: 20px;

  }



  #module-referralprogram-program #idTab3 table th {

    font-size: 11px;

  }



  #module-referralprogram-program #idTab3 table th, #module-referralprogram-program #idTab3 table td {

    padding-left: 2px;

    word-wrap: break-word;

    padding-right: 2px;

  }



  #module-referralprogram-program #idTab3, #module-referralprogram-program #idTab1, #module-referralprogram-program #idTab2 {

    overflow: auto;

  }

}

/* Note: Design for a width of < 480px 

================================================== */

@media only screen and (max-width: 480px) {

  .products_block ul li > div {

    width: 50%;

  }



  .main_page_products li .product_image {

    float: left;

    margin-right: 20px;

    width: 120px;

  }

  .main_page_products li .product_image a {

    display: block;

  }

  .main_page_products li .product_content {

    overflow: visible;

  }

  .main_page_products li .button {

    float: left;

  }

  .main_page_products li .exclusive {

    float: left;

    clear: left;

    margin-right: 15px;

  }



  #history #block-history .footable-cell-detail .btn {

    margin-bottom: 10px;

  }



  .btn {

    white-space: normal;

  }



  #instant_search_results .title_shop_block {

    width: 100%;

    text-align: left;

    float: none;

    display: block;

    margin-top: 5px;

  }

  #instant_search_results .title_shop_block a {

    font-size: 11px;

  }



  #order-detail-content table#cart_summary td.cart_product a img {

    width: 120px;

  }

}

/* Note: Design for a width of 480px * 767px

================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {

  /* ************************************************************************************************

  			MOBILE MENU TOP  CURRENCIES   LANGUAGES    USER INFO (480px * 767px)

  ************************************************************************************************ */

  #mobilelink {

    width: 178px;

  }



  #countries_2 .countries_ul, #setCurrency .currencies_ul {

    width: 179px;

  }



  .alert_cart {

    width: 420px;

    left: 50%;

    margin-left: -210px;

  }



  /* ************************************************************************************************

  								HOME PRODUCTS (480px * 767px)

  ************************************************************************************************ */

  /* ************************************************************************************************

  								BOX COL (480px * 767px)

  ************************************************************************************************ */

  .products_block ul li > div {

    width: 348px;

  }



  /**********************************************************************************************

  							  LOGIN PAGE	(480px * 767px)								

  ***********************************************************************************************/

  p.cart_navigation .exclusive, p.cart_navigation .exclusive_large {

    float: right;

    margin-bottom: 0px;

    margin-right: 0px;

  }



  /**********************************************************************************************

  								ORDER PAGE (480px * 767px)									

  ***********************************************************************************************/

  table#cart_summary td.cart_product {

    width: 146px;

  }



  table#cart_summary .min-with-td {

    display: inline-block;

    font-weight: normal;

    min-width: 100px;

  }



  table#cart_summary td.tdfirst {

    width: 77%;

  }

}

/* Note: Design for a width max 560px

================================================== */

@media only screen and (max-width: 560px) {

  .nivo-caption {

    display: none !important;

  }

}

	/* Note: Design for a width max 480px

================================================== */

@media only screen and (max-width: 480px) {

  #htmlcontent_home li a h2 {

    font-size: 17px;

    line-height: 19px;

  }



  #htmlcontent_home li .item-html {

    padding: 10px;

  }

}

