/******************************
 GENERAL
*******************************/
@media only screen and (max-width: 1024px) {
  .product-grid-item:hover .image > a > img, .product-list-item:hover .image > a > img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity 0; }

  .p-over, .quickview-button, .gallery-thumb a:before, .gallery-thumb .item-hover {
    display: none; } }
@media only screen and (max-width: 980px) {
  #container, #header {
    max-width: 100%; }

  .side-block-left,
  .side-block-right,
  .banner-overlay {
    display: none !important; } }
@media only screen and (max-width: 760px) {
  .hide-on-mobile {
    display: none !important; }

  #cart .content {
    width: 100%; }

  .login-content .left {
    width: 100%;
    margin-bottom: 30px; }

  .login-content .right {
    width: 100%; }

  .login-content .left p:nth-child(2) {
    min-height: 55px; }

  .side-block-left,
  .side-block-right {
    display: none; }

  .heading-title, .box-heading {
    max-height: 100%; } }
@media only screen and (max-width: 470px) {
  table.form td {
    display: block; } }
/******************************
HEADER
*******************************/
@media only screen and (max-width: 980px) {
  .cdpd-desktop .sticky-wrapper {
    max-height: 160px; }

  .cdpd-menu {
    clear: both; }

  .cdpd-header-default.nocart-nosearch .cdpd-menu {
    clear: none; }

  .sticky-wrapper {
    height: auto !important; } }
@media only screen and (max-width: 760px) {
  .cdpd-header-center .cdpd-links .links {
    width: 100%; 
  }

  body header {
    box-shadow: none; }

  header .links > a {
    border-bottom-color: #E4E4E4;
    border-top-style: solid;
    border-top-width: 1px; }
  header .cdpd-login {
    border-bottom: 1px solid #E4E4E4; }

  #header {
    padding-top: 40px; }
  #header .cdpd-links {
    position: absolute;
    top: 0; }

  .is-sticky {
    max-height: 100%; } }
@media only screen and (max-width: 760px) {
  .cdpd-header .text-only > i {
    display: none; }
  .cdpd-header .icon-only > i {
    font-size: 185% !important; }
  .cdpd-header .icon-only > span {
    display: none; } }
/******************************
 HEADER CENTER
*******************************/
@media only screen and (max-width: 1039px) {
  .breadcrumb{
    padding-left:15px;
  }
  .breadcrumb{
    padding-left:10px;
  }
}
@media only screen and (max-width: 760px) {
  .cdpd-header-menu #logo a {
    height: 120px; }
  .cdpd-header-menu #logo a img {
    max-height: 120px; }

  .cdpd-header-mega .cdpd-logo #logo a {
    text-align: center;
    padding-left: 0; }

  .hide-on-mobile {
    display: none !important; }

  .super-menu > li:last-of-type {
    border-left: 0 !important; }

  .cdpd-header-center {
    box-shadow: none; }
  .cdpd-header-center .cdpd-cart, .cdpd-header-center .cdpd-search, .cdpd-header-center .cdpd-secondary, .cdpd-header-center .cdpd-links, .cdpd-header-center .cdpd-menu, .cdpd-header-center .cdpd-logo {
    padding: 0; }
  .cdpd-header-center .cdpd-search, .cdpd-header-center .cdpd-cart {
    top: 0; }
  .cdpd-header-center .cdpd-top-header {
    border-bottom-width: 0; }
  .cdpd-header-center .cdpd-menu-bg {
    display: none; }
  .cdpd-header-center #search input {
    border-radius: 0;
    border-left-width: 0 !important;
    border-right-width: 0 !important; }
  .cdpd-header-center .button-search {
    border-radius: 0; }
  .cdpd-header-center .cdpd-cart {
    border-radius: 0; }
  .cdpd-header-center .cdpd-cart #cart .heading a span {
    border-top: 1px solid transparent; }
  .cdpd-header-center .cdpd-cart #cart {
    border-radius: 0;
    border-right-width: 0 !important; }
  .cdpd-header-center .cdpd-cart #cart .content {
    padding-top: 0; }
  .cdpd-header-center .cdpd-cart #cart .content .cart-wrapper {
    border-radius: 0; }
  .cdpd-header-center .cdpd-cart #cart .content:before {
    display: none; }
  .cdpd-header-center .cdpd-cart #cart .heading i {
    border-radius: 0; }
  .cdpd-header-center .cdpd-language, .cdpd-header-center .cdpd-currency {
    padding: 0;
    margin-right: 0;
    position: absolute;
    min-width: 40px;
    z-index: 99; }
  .cdpd-header-center .cdpd-language {
    left: 0; }
  .cdpd-header-center .cdpd-currency {
    right: 1px; }
  .cdpd-header-center .cdpd-language form {
    text-align: left; }
  .cdpd-header-center .cdpd-language form > div {
    border-left: 0; }
  .cdpd-header-center .cdpd-currency form {
    text-align: right; }
  .cdpd-header-center .cdpd-currency form > div {
    border-right: 0;
    border-left: 1px solid transparent; }
  .cdpd-header-center .lang form, .cdpd-header-center .curr form {
    display: block; }
  .cdpd-header-center .cdpd-center-bg {
    top: 80px; }
  .cdpd-header-center .cdpd-secondary {
    width: 100%;
    text-align: center;
    clear: both;
    background-color: #FAFAFA;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent; }
  .cdpd-header-center .links {
    float: none !important;
    margin: 0 auto; }
  .cdpd-header-center .autocomplete2-suggestions {
    top: 40px;
    border-radius: 0; }
  .cdpd-header-center .autocomplete2-suggestions:before {
    display: none; }
  .cdpd-header-center .autocomplete2-selected:first-child,
  .cdpd-header-center .autocomplete2-selected:last-child,
  .cdpd-header-center .autocomplete2-suggestion:first-child > a > span > img,
  .cdpd-header-center .autocomplete2-suggestion:last-child > a > span > img {
    border-radius: 0; }

  .cdpd-top-header {
    border-bottom: none; } }
@media only screen and (max-width: 470px) {
  #cart .content {
    min-width: 100%; }

  .cdpd-header-center #search input {
    border-bottom-width: 0 !important; }
  .cdpd-header-center .cdpd-cart #cart {
    border-left-width: 0 !important; } }
/******************************
EXTENDED MENU
*******************************/
@media only screen and (max-width: 980px) {
  .cdpd-header-menu #cart {
    height: 40px;
    box-shadow: none; }
  .cdpd-header-menu .j-50 {
    height: 40px; }
  .cdpd-header-menu .j-med {
    height: 120px; }
  .cdpd-header-menu.nocart-nosearch .j-med {
    height: 80px; } }
/******************************
 MEGA MENU
*******************************/
@media only screen and (max-width: 1024px) {
  .super-menu > li:first-of-type {
    border-left: none; } }
@media only screen and (max-width: 980px) {
  .cdpd-header-default .super-menu > li > div {
    left: 0;
    margin-left: 0; } }
@media only screen and (max-width: 760px) {
  .super-menu > li.icon-only {
    width: 100%; }

  .mobile-trigger {
    display: block;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 100%;
    font-size: 14px;
    padding-left: 10px;
    background-color: #1976d3;
    color: #fff;
    cursor: pointer; }
  .mobile-trigger:before {
    content: "\f0c9";
    margin-right: 10px;
    font-size: 20px;
    float: left; }

  .cdpd-mobile .mega-menu, .cdpd-mobile .html-menu {
    position: relative; }

  .cdpd-menu .mobile-menu li:last-of-type {
    border-right: none; }

  .cdpd-menu {
    height: auto; }
  .cdpd-menu .mobile-menu {
    display: none; }
  .cdpd-menu .mobile-menu > li {
    position: relative;
    display: block;
    border-bottom: 1px solid #fff;
    border-left: none;
    border-right: none;
    background-color: #088ee7;
    left: 0; }
  .cdpd-menu .mobile-menu > li .mobile-plus {
    display: none;
    width: 40px;
    height: 40px;
    line-height: 35px;
    font-size: 15px;
    font-weight: bold;
    z-index: 99;
    top: 0;
    right: 0;
    position: absolute;
    text-align: center;
    cursor: pointer;
    color: white;
    background-color: #1976d3;}
  .cdpd-menu .mobile-menu > li > ul {
    left: 0 !important; }
  .cdpd-menu .mobile-menu > li > ul li .mobile-plus {
    border-left: none;
    height: 39px; }
  .cdpd-menu .mobile-menu > li > a {
    text-align: left;
    padding-left: 10px; }
  .cdpd-menu .mobile-menu li:last-of-type {
    border-bottom: none; }
  .cdpd-menu .mobile-menu > li > ul + .mobile-plus,
  .cdpd-menu .mobile-menu > li > div + .mobile-plus,
  .cdpd-menu .mobile-menu > li > span + .mobile-plus,
  .cdpd-menu .mobile-menu > li > ul li .mobile-plus {
    display: block; } }
/******************************
Dropdown
*******************************/
@media only screen and (max-width: 760px) {
  .mobile-menu .drop-down > ul {
    display: none; }
  .mobile-menu .drop-down ul {
    width: 100%;
    position: relative;
    box-shadow: none;
    left: 0;
    visibility: visible;
    opacity: 1;
    display: none; }
  .mobile-menu .drop-down ul li {
    color: #333745;
    position: relative;
    border-bottom: 1px solid #f4f4f4; } }
/******************************
 MEGA-MENU MIXED
*******************************/
@media only screen and (max-width: 760px) {
  .mega-menu .mega-menu-column {
    width: 100% !important;
    float: none; } }
/******************************
 MOBILE MENU ON TABLET
*******************************/
@media only screen and (max-width: 980px) {
  .mobile-menu-on-tablet header .hide-on-mobile {
    display: none !important; }
  .mobile-menu-on-tablet .sticky-wrapper {
    height: auto !important;
    max-height: 100% !important; }
  .mobile-menu-on-tablet .cdpd-header-center {
    box-shadow: none; }
  .mobile-menu-on-tablet .super-menu > li.icon-only {
    width: 100%; }
  .mobile-menu-on-tablet .mobile-trigger {
    display: block;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 100%;
    font-size: 14px;
    padding-left: 10px;
    background-color: #1976d3;
    color: #fff;
    cursor: pointer; }
  .mobile-menu-on-tablet .mobile-trigger:before {
    content: "\e618";
    margin-right: 10px;
    font-size: 20px;
    float: left; }
  .mobile-menu-on-tablet.cdpd-desktop .mega-menu, .mobile-menu-on-tablet .cdpd-mobile .html-menu {
    position: relative; }
  .mobile-menu-on-tablet .cdpd-menu .mobile-menu li:last-of-type {
    border-right: none; }
  .mobile-menu-on-tablet .cdpd-menu {
    height: auto; }
  .mobile-menu-on-tablet .cdpd-menu .mobile-menu {
    display: none; }
  .mobile-menu-on-tablet .cdpd-menu .mobile-menu > li {
    position: relative;
    display: block;
    border-bottom: 1px solid #333745;
    border-left: none;
    border-right: none;
    left: 0;
    width: 100%; }
  .mobile-menu-on-tablet .cdpd-menu .mobile-menu > li .mobile-plus {
    display: none;
    width: 40px;
    height: 40px;
    line-height: 35px;
    font-size: 25px;
    font-weight: bold;
    z-index: 99;
    top: 0;
    right: 0;
    position: absolute;
    text-align: center;
    cursor: pointer;
    color: white;
    background-color: #4f5660;
    border-left: 1px solid #333745; }
  .mobile-menu-on-tablet .cdpd-menu .mobile-menu > li > ul {
    left: 0 !important; }
  .mobile-menu-on-tablet .cdpd-menu .mobile-menu > li > ul li .mobile-plus {
    border-left: none;
    height: 39px; }
  .mobile-menu-on-tablet .cdpd-menu .mobile-menu > li > a {
    text-align: left;
    padding-left: 10px; }
  .mobile-menu-on-tablet .cdpd-menu .mobile-menu li:last-of-type {
    border-bottom: none; }
  .mobile-menu-on-tablet .cdpd-menu .mobile-menu > li > ul + .mobile-plus,
  .mobile-menu-on-tablet .cdpd-menu .mobile-menu > li > div + .mobile-plus,
  .mobile-menu-on-tablet .cdpd-menu .mobile-menu > li > span + .mobile-plus,
  .mobile-menu-on-tablet .cdpd-menu .mobile-menu > li > ul li .mobile-plus {
    display: block; } }
/******************************
Dropdown
*******************************/
@media only screen and (max-width: 980px) {
  .mobile-menu-on-tablet .mobile-menu .drop-down > ul {
    display: none; }
  .mobile-menu-on-tablet .mobile-menu .drop-down ul {
    width: 100%;
    position: relative;
    box-shadow: none;
    left: 0;
    visibility: visible;
    opacity: 1;
    display: none; }
  .mobile-menu-on-tablet .mobile-menu .drop-down ul li {
    color: #333745;
    position: relative;
    border-bottom: 1px solid #f4f4f4; } }
/******************************
 MEGA-MENU MIXED
*******************************/
@media only screen and (max-width: 760px) {
  .mobile-menu-on-tablet .mega-menu .mega-menu-column {
    width: 100% !important;
    float: none; } }
/******************************
Android/Firefox
*******************************/
@media only screen and (max-width: 470px) {
  .firefox .sticky-wrapper, .firefox header {
    display: table; }
  .firefox #top-modules {
    clear: both; } }
/******************************
CUSTOM SECTIONS
*******************************/
@media only screen and (max-width: 760px) {
  .single-section .box-sections.box-block ul li {
    min-width: 100%;
    float: none;
    margin-bottom: 0; } }
@media only screen and (max-width: 540px) {
  .box-sections {
    height: auto; }
  .box-sections ul li {
    min-width: 100%;
    float: none;
    display: block;
    margin-bottom: 0;
    border-right: 0;
    border-bottom: 1px solid; }
  .box-sections ul li:last-of-type {
    border-bottom: 0; } }
/******************************
CAROUSEL
*******************************/
@media only screen and (max-width: 560px) {
  .cdpd-carousel .htabs {
    height: auto; }
  .cdpd-carousel .htabs a {
    background-color: transparent;
    box-shadow: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: inherit;
    border-right: 0;
    width: 100%; }
  .cdpd-carousel .htabs a:last-of-type {
    border-bottom: 0; }
  .cdpd-carousel .htabs.single-tab a, .cdpd-carousel .htabs.single-tab a.selected, .cdpd-carousel .htabs.single-tab a:hover {
    border-bottom: 0; } }
/******************************
 TABLES
*******************************/
@media only screen and (max-width: 540px) {
  table.list .t-2, table.list .t-3, table.list .t-6, table.list .t-span-3 {
    display: none; }
  table.list .t-span-1 {
    display: table-cell; } }
/******************************
 ACCOUNT
*******************************/
@media only screen and (max-width: 760px) {
  .login-content .login-wrap {
    min-height: 50px; }
  .login-content > div {
    min-height: 100%; } }
@media only screen and (max-width: 460px) {
  .order-list .order-info {
    text-align: center;
    padding: 5px 0;
    width: 50px; } }
/******************************
 FOOTER
*******************************/
@media only screen and (max-width: 760px) {
  [data-hint]:before, [data-hint]:after {
    display: none !important; }

  footer .contacts-left, footer .contacts-right {
    float: none; 
    text-align: center;
    padding: 10px;
  }
  footer .bottom-footer {
    height: auto;
    overflow: visible;
    border-radius: 0; }
  footer .bottom-footer .copyright {
    float: none;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%; }
  footer .bottom-footer .payments {
    padding-right: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    float: none; }

  #footer .contacts {
    border-radius: 0; }
  #footer .contacts > div > span {
    display: block;
    margin-bottom: 5px; }
  #footer .contacts > div > span.hint--top {
    display: inline-block; }

  .footer-post-title {
    white-space: normal; } }
@media only screen and (max-width: 470px) {
  footer .contacts > div {
    text-align: left; }
  footer .contacts > div .no-name {
    display: inline-block;
    margin-bottom: 0; }
  footer .bottom-footer .copyright {
    padding-top: 12px; } }
/******************************
EXTENDED LAYOUT
*******************************/
@media only screen and (max-width: 760px) {
  .extended-layout #column-left + #content,
  .extended-layout #column-left + .row #content {
    padding: 0 0 20px 20px;
    margin-left: 0; }
  .extended-layout #column-right + #content,
  .extended-layout #column-right + .row #content {
    padding: 0px 20px 20px 20px;
    margin-right: 0; }
  .extended-layout #column-left + #column-right + #content,
  .extended-layout #column-left + #column-right + .row #content {
    padding: 0 20px 20px 20px;
    margin-left: 0;
    margin-right: 0; } }
/******************************
ADVANCED GRID
*******************************/
@media only screen and (max-width: 760px) {
  .multi-modules .cdpd-simple-slider, .multi-modules .cdpd-slider {
    max-width: 100% !important; }

  .multi-modules-column, .multi-modules-row {
    height: auto !important; }

  .multi-modules-column {
    width: 100% !important;
    margin-bottom: 0 !important;
    height: auto !important; }

  .multi-modules > div .multi-modules-row {
    margin-bottom: 20px; } }

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

*******************************/
@media (max-width: 991px) and (min-width: 768px){
  .cdpd-header-center .cdpd-cart, .cdpd-header-center .cdpd-search, .cdpd-header-center .cdpd-secondary, .cdpd-header-center .cdpd-links, .cdpd-header-center .cdpd-menu, .cdpd-header-center .cdpd-logo {
    padding: 0;
  }
  .container{
    padding-left: 0;
    padding-right: 0;
  }
  #content{
    padding-left: 10px;
  }
  #column-right{padding-right: 10px;}

  .cdpd-desktop .menu-floated > li > a{
    padding: 0 5px;
  }

  footer .bottom-footer .copyright {
    margin-top: 1%;
  }
}

@media only screen and (max-width: 480px) {
  #content, .container {padding: 0;}
  .container .row{
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
  }

  .container .col-sm-12{
    padding-right: 0;
    padding-left: 0;
  }

  .padding-right-5px{padding-right: 0px !important;}
  .col-sm-6{padding-left:0;padding-right:0;}
  #content .cdpd-slider{
    margin-bottom:0px;
  }
}