@media (min-width: 768px) {
  #ap-menu {
    display: none
  }

  .leo-control-nav {
    display: none
  }

  .drag-target-left,
  .hide.drag-target-left {
    display: none
  }

  .button-collapse-right {
    right: -100px
  }
}

@media (max-width: 992px) {
  .product-left-column #image-block {
    width: 83%
  }

  .product-left-column #view_scroll_left,
  .product-left-column #view_scroll_right {
    bottom: -45px
  }

  #blogpage img {
    max-width: 100%
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .contact-link .login {
    display: none
  }

  #header_logo img {
    width: 222px
  }

  #apollo-menu .navbar-nav>li>a {
    padding: 0 10px;
    line-height: 54px
  }

  #apollo-verticalmenu .block-title {
    padding: 15px
  }

  .product-left-column #image-block {
    width: 83.5%
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .block_content .ct-p strong {
    letter-spacing: 0px
  }
}

@media (max-width: 768px) {
  .product-left-column #image-block {
    width: 81.5%
  }

  .product-left-column #thumbs_list {
    height: 230px
  }

  .product-left-column #view_scroll_left,
  .product-left-column #view_scroll_right {
    width: 50px;
    height: 30px;
    line-height: 30px;
    bottom: -30px
  }

  .product-left-column #view_scroll_left:before,
  .product-left-column #view_scroll_right:before {
    font-size: 20px;
    line-height: 30px
  }

  .socialsharing_product ul li .btn {
    padding: 5px;
    margin-bottom: 5px
  }

  .product-right-column .total-price {
    display: block;
    margin-left: 0;
    margin-bottom: 15px
  }
}

@media (max-width: 991px) {
  #paneltool {
    display: none
  }

  .product-block:hover .ap-more-info {
    display: none
  }

  .product-block .functional-buttons .box-button {
    right: 15px;
    opacity: 1
  }

  .product-block.special-item .product-desc {
    opacity: 1 !important;
    clear: both;
    float: none;
    position: static;
    margin-top: 15px
  }

  .product-block.special-item .box-button {
    opacity: 1 !important;
    right: 15px !important;
    left: inherit !important
  }

  #header-main .container {
    width: 100%
  }

  .header-bottom .row {
    position: static;
    width: inherit
  }

  #apollo-verticalmenu {
    margin-bottom: 0
  }

  #search_block_top {
    margin: 0
  }

  .vertical-container {
    margin: 0 -9px
  }

  .navbar-header .navbar-toggle {
    display: block;
    float: left;
    margin: 10px;
    width: 40px
  }

  .rtl .navbar-header .navbar-toggle {
    float: right
  }

  .collapse.navbar-collapse {
    display: none !important
  }

  #apollo-menu .navbar-header {
    position: fixed;
    top: 5px;
    left: 9px;
    z-index: 21
  }

  #apollo-menu .navbar-header .btn-menu-canvas {
    padding: 5px 6px;
    text-align: center
  }

  #header-main {
    background-color: #fff;
    padding-top: 50px
  }

  #header-main .header-left {
    display: block;
    text-align: center
  }

  #header-main .header-right {
    display: block
  }

  #topbar {
    height: 50px;
    position: fixed;
    z-index: 20;
    width: 100%;
    left: 0;
    top: 0
  }

  .contact-link .login {
    display: none
  }

  #slideshow .slide-caption {
    top: 5%
  }

  #slideshow .slide-caption .text_first {
    font-size: 25px
  }

  #slideshow .slide-caption h3 {
    font-size: 50px
  }

  #slideshow .slide-caption p {
    font-size: 50px
  }

  #slideshow .slide-caption .btn-slide {
    height: 35px;
    line-height: 34px;
    padding: 0px 15px
  }

  #slideshow .leo-direction-nav {
    width: 100%
  }

  #slideshow .leo-control-nav {
    bottom: 5px
  }

  #slideshow .slider-container .leo-direction-nav a.leo-prev {
    left: 20px
  }

  .rtl #slideshow .slider-container .leo-direction-nav a.leo-prev {
    right: 20px;
    left: auto
  }

  #slideshow .slider-container .leo-direction-nav a.leo-next {
    right: 20px
  }

  .rtl #slideshow .slider-container .leo-direction-nav a.leo-next {
    left: 20px;
    right: auto
  }

  #slideshow .slider-container:hover .leo-direction-nav a.leo-prev {
    left: 30px
  }

  .rtl #slideshow .slider-container:hover .leo-direction-nav a.leo-prev {
    right: 30px;
    left: auto
  }

  #slideshow .slider-container:hover .leo-direction-nav a.leo-next {
    right: 30px
  }

  .rtl #slideshow .slider-container:hover .leo-direction-nav a.leo-next {
    left: 30px;
    right: auto
  }

  .footer_top_wrap {
    padding-bottom: 40px
  }

  .footer-center-wrap .footer_boxed {
    margin-top: 30px
  }

  .block_html_content .caption_block_html h4 {
    font-size: 16px;
    padding-top: 15px
  }

  .block_html_content .caption_block_html span {
    font-size: 14px
  }

  .product-center-column {
    margin-top: 30px
  }

  .footer_top_wrap {
    padding: 30px 0px 0px !important
  }
}

@media (max-width: 767px) {
  .row-block {
    margin-bottom: 10px
  }

  #breadcrumbs {
    padding-top: 15px;
    padding-bottom: 15px
  }

  #popup-newletter {
    min-width: 98%;
    background: #FFF
  }

  #popup-newletter .pnewle-form,
  #popup-newletter .pnewle-message,
  #popup-newletter .social-icons {
    width: 100% !important
  }

  #slideshow .adjust_height {
    height: 160px !important
  }

  #slideshow .adjust_height ul li .img-responsive {
    max-width: 140%
  }

  #slideshow .slide-caption {
    top: 2%
  }

  #slideshow .slide-caption .text_first {
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0px 0px 5px
  }

  #slideshow .slide-caption h3 {
    font-size: 30px;
    line-height: 30px
  }

  #slideshow .slide-caption p {
    font-size: 30px
  }

  #slideshow .slide-caption .btn-slide {
    font-size: 10px;
    height: 25px;
    line-height: 25px;
    padding: 0px 10px 0px 10px
  }

  #slideshow .leo-direction-nav {
    width: 100%
  }

  #cart.blockcart_top {
    min-width: 60px
  }

  #cart.blockcart_top .cart-inner {
    display: none
  }

  #cart.blockcart_top .title-cart {
    margin: 0px;
    border-radius: 3px
  }

  .header_user_info.popup-over .popup-title span {
    display: none
  }

  .header_user_info.popup-over .popup-title:before {
    right: 2px
  }

  .rtl .header_user_info.popup-over .popup-title:before {
    left: 2px;
    right: auto
  }

  #category_accessories_block {
    padding: 15px 0
  }

  #category_accessories_block .row {
    margin: 0
  }

  #left_column,
  #right_column {
    margin-bottom: 15px
  }

  #left_column .title_block,
  #right_column .title_block {
    background-color: #000;
    color: #fff;
    padding: 12px 15px;
    position: relative;
    margin-bottom: 0;
    font-size: 12px
  }

  #left_column .title_block:hover,
  #right_column .title_block:hover {
    cursor: pointer
  }

  #left_column .title_block a,
  #right_column .title_block a {
    color: #fff
  }

  #left_column .block_content,
  #right_column .block_content {
    padding: 15px;
    background-color: #fff
  }

  #catalog_block .advanced-filter {
    display: inline-block
  }

  .footer-center-wrap .toggle-footer li {
    border-bottom: 1px solid #e8e8e8
  }

  .footer-center-wrap .footer_quicklink .footer-block {
    margin-top: 15px
  }

  #footer .footer-block {
    margin-bottom: 15px
  }

  #footer .footer-block .title_block {
    background-color: #000;
    color: #fff!important;
    padding: 12px 15px;
    position: relative;
    margin-bottom: 0;
    font-size: 12px
  }

  #footer .footer-block .title_block:before {
    content: "\f067";
    font-family: "FontAwesome";
    font-size: 14px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px
  }

  #footer .footer-block .title_block.active:before {
    content: "\f068"
  }

  #footer .footer-block .title_block:hover {
    cursor: pointer
  }

  #footer .footer-block .block_content {
    padding: 15px;
    background-color: #000
  }

  #footer .footer-block .block_content a {
    color: #fff;
  }

  #footercenter .footer-block .title_block {
    background-color: #fff;
    color: #000
  }

  #footercenter .footer-block .block_content {
    background-color: #fff
  }

  #footerbottom {
    padding: 20px 0 0
  }

  .sidebar .block .title_block:hover {
    cursor: pointer
  }

  #login-page .register-box {
    margin-top: 20px
  }

  #cart-page .cart_header_labels,
  .ajaxcart .cart_header_labels {
    display: none
  }

  #cart-page .list_product_cart,
  .ajaxcart .list_product_cart {
    text-align: center
  }

  #cart-page .list_product_cart .cpro_item,
  .ajaxcart .list_product_cart .cpro_item {
    border-bottom: 1px solid #e8e8e8;
    min-height: auto !important;
    padding: 10px 0px
  }

  #cart-page .list_product_cart .cpro_item:first-child,
  .ajaxcart .list_product_cart .cpro_item:first-child {
    border-top: 1px solid #e8e8e8
  }

  #cart-page .product_name,
  #cart-page small,
  .ajaxcart .product_name,
  .ajaxcart small {
    text-align: center !important
  }

  #cart-page small,
  .ajaxcart small {
    float: none
  }

  .product_list.list .functional-buttons .box-button {
    margin-top: 0;
    float: right
  }

  .rtl .product_list.list .functional-buttons .box-button {
    float: left
  }

  .product_list.list .functional-buttons .cart {
    float: left
  }

  .rtl .product_list.list .functional-buttons .cart {
    float: right
  }

  .product_list.list .product-block .product-meta {
    padding: 0 15px
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .block_support .html-custom .html-box {
    border: 1px solid #E8E8E8;
    border-radius: 40px;
    display: inline-block;
    padding: 10px;
    min-width: 240px;
    min-height: 70px;
    font-size: 14px;
    margin-bottom: 10px
  }
}

@media (max-width: 480px) {
  .home_html {
    display: none
  }

  .block_html_content {
    text-align: center
  }

  .block_html_content.bh_four {
    margin-top: 18px
  }

  #footercenter {
    margin-bottom: 10px
  }

  .block_support .html-custom .html-or {
    top: inherit;
    display: block
  }

  .product-left-column #image-block {
    width: 77%
  }

  .product-left-column #thumbs_list {
    height: 90px
  }

  .product-left-column #thumbs_list li {
    width: 55px;
    height: 20px
  }

  .product-left-column #view_scroll_left,
  .product-left-column #view_scroll_right {
    width: 25px;
    height: 20px;
    line-height: 20px;
    bottom: -20px
  }

  .product-left-column #view_scroll_left:before,
  .product-left-column #view_scroll_right:before {
    font-size: 20px;
    line-height: 20px
  }

  #blog-listing .blog-item .image {
    width: 100%;
    margin-bottom: 15px
  }

  #slideshow .adjust_height {
    height: 140px !important
  }
}