@media only screen and (min-width: 768px) {
    .site-wrap::before { content: 'tablet'; }
}
@media only screen and (min-width: 1170px) {
    .site-wrap::before { content: 'desktop';}
}
@media(min-width: 992px) {
}
@media (min-width: 1200px){
    .featured-product .owl-theme .owl-nav .owl-next {right: -60px;}
    .featured-product .owl-theme .owl-nav .owl-prev {left: -60px;}
    .view-carousel .swiper-button-next {right: -60px;}
    .view-carousel .swiper-button-prev {left: -60px;}
    .container-custom {padding-left: 5%; padding-right: 5%;}
    .about-story .box-heading.special {max-width: 550px;}
    .content_about .item_about .about-inner {margin-left: 3rem;}
    .content_about .item_about .about-inner p {margin-bottom: 2rem;}
    .content_about .item_about .order-md-first .about-inner {margin-left: 0; margin-right: 3rem;}
}

@media (min-width: 768px) and (max-width: 1024px) {
    .container {padding-left: 5px; padding-right: 5px;}
    .row {margin-left: -5px; margin-right: -5px;}
    .row [class*="col-"] {padding-left: 5px; padding-right: 5px;}
    .article__title {font-size: 1.75rem;}
    #frmSearch {padding-left: 0;}
    .footer-item .title {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
}

@media only screen and (min-width: 768px){
    .tablet--hide {display: none !important;}
    .cart__row td {vertical-align: middle;}
    .item__price {
        flex-shrink: 1;
        flex-grow: 1;
        text-align: right;
        display: inline-block;
    }
}
/* Iphone 5 landscape */
@media only screen and (max-width: 767px){
    body {font-size: 14px;}
    .container,.container-fluid {padding-left: 5px; padding-right: 5px;}
    .row {margin-left: -5px; margin-right: -5px;}
    .row [class*="col-"] {padding-left: 5px; padding-right: 5px;}
    .no-gutters>.col, .no-gutters>[class*=col-] {padding-left: 0; padding-right: 0;}
    .mobile--hide{ display:none !important}
    .header-top, .box-special-menu,.filters-toolbar__item-child button span {display: none;}
    .box-heading .name {letter-spacing: 0;}
    .box-heading .name.h1 {font-size: 2rem;}
    .box-heading .name.h2 {font-size: 1.875rem;}
    .box-heading.line-diver .name span:after {left: 0; right: auto;}
    .box-heading > .viewall {display: none;}
    #masthead .on_menu_left,#masthead .mobi-cart {display: flex;}
    #masthead #langmobile {display: flex;}
    .about-gallery:before {display: none;}
    .brandnav .navbar-logo {
        padding: .5rem 0;
    }
    .brandnav .navbar-logo a.logo {
        max-width: 68px;    
    }
    .home-page .nav-control {margin-top: -1rem;}
    .nav-language {padding: .5rem 0;}
    .about_btn {text-align: center;}
    .content_about {padding: 2.5rem 0 1rem;}
    .content_about.bg_section {background-image: none;}
    .content_about .item_about .about-inner {padding-bottom: 2.5rem;}
    .about_timeline {padding-bottom: 1.5rem;}
    .section-element.about_testimonial .view-carousel {padding: 0 2.5rem;}
    .section-element.about_testimonial .owl-carousel {padding: 1rem 1.5rem;}
    .about_testimonial .article-block .article-author .testimonial__img {max-width: 68px;}
    .feature-block-one {margin-bottom: 2rem;}
    .filters-toolbar__item-child + .filters-toolbar__item-child {margin-left: .25rem;}
    #footer .box-social {text-align: center;}
    .wrap-scroll-nav {
        width: 100%;
        padding-right: 30px;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .wrap-scroll-nav::-webkit-scrollbar {display: none;}
    .section-element .wrap-scroll-nav:before {
        font-family: FontAwesome;
        content: '\f178';
        font-size: 1.125rem;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5;
        width: 34px;
        height: 45px;
        line-height: 43px;
        display: flex;
        align-content: center;
        justify-content: center;
        border-top-right-radius: .35rem;
        border-bottom-right-radius: .35rem;
        color: var(--main);
        background-color: var(--white);
    }
    .section-element .wrap-scroll-nav:after {
        content: '';
        position: absolute;
        top: 0;
        right: 34px;
        width: 16px;
        height: 45px;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    }
    .product-description {margin-left: unset;}
    .box_grid .product-hover .product-simple-info.twoCols {
        flex-direction: column;
    }
    .box_grid .product-simple-info.twoCols .product-box-price {
        flex-direction: row;
        align-items: center;
    }
    .section-element-about .nav-tabs .nav-item .nav-link, .product-content .nav-tabs .nav-item .nav-link {white-space: nowrap; padding: .75rem 1rem;}
    .section-element.section-element-about,.section-element-about .content_about {padding: 1.5rem 0;}
    section.section-element .features-inner {padding: 0 1rem;}
    .section-element.section-element-page {padding: 1.5rem 0 1rem;}
    .contact-address-info,.section-element.section-element-form {padding: 1.5rem 0;}
    .section-element.latest-news {padding: 1.5rem 0 1rem;}
    .section-background {min-height: 217px;}
    .section-element.featured-product {padding: 2rem 0;}
    .section-element.about-story {padding: 2rem 0 3rem;}
    .section-element.about-gallery {padding: 2rem 0;}
    .content_about .item_about .social_left {padding-right: unset;}
    .content_about .item_about .social_right {padding-left: unset;}
    .video-background {margin-bottom: 1rem;}
    .video-background a.video__link {width: 96px; height: 96px;}
    .product_box .product-hover .icon_label {width: 36px; height: 36px;}
    .product_box .product-hover .text_label {
        font-size: .625rem;
        padding: .25rem .35rem;
    }
    .clients-register {margin-left: 0; padding: 1.5rem; text-align: center; align-items: center;}
    .clients-register .title {font-size: 2rem;}
    .clients_list {margin-right: 0; padding: 1.5rem 1rem;}
    #blog_article article.items {margin-bottom: 1rem;}
    .view-carousel .carousel-control {right: 0; background-color: var(--white); top: 50%; margin-top: -20px;}
    .view-carousel .carousel-control.left { right: auto; left: 0;}
    .owl-theme .owl-dots {text-align: center;}
    .ms-layer .name {font-size: 2.125rem !important;}
    .ms-layer p {font-size: 1.125rem !important;}
    .ms-bullets.ms-dir-v {display: none;}
    .item .per-product .product-info button {padding-left: 10px; padding-right: 10px; width: 100%;}
    .featured .article-block .article-meta {padding: .75rem 1rem;}
    .section-element.info-newsletter .content {margin-bottom: 1rem; text-align: center;}
    .bg-breadcrumb .box-heading {text-align: center;}
    .bg-breadcrumb .box-heading .name.h1 {font-size: 2.5rem;}
    .element_cert_inner {padding: 1.5rem .5rem;}
    .article-section {padding: 1rem;}
    .article__title {font-size: 1.75rem;}
    .card .card-block {padding: 1.5rem;}
    .products-grid.product-cat .product_box,.blog_pagelist .card.featured,.article-grid .items {margin-bottom: 1rem;}

    .product-cat .product_box:not(.no-shadow):hover .product-hover .product-simple-info .product-box-name, .product-cat .product_box.active:not(.no-shadow) .product-hover .product-simple-info .product-box-name {
        background-color: transparent;
        color: var(--green);
    }
    .products-grid .product_box {margin-bottom: 1rem;}
    .product_box.box_lists .product-hover .product-simple-info.p-3 {padding-left: .25rem!important; padding-right: .25rem!important;}
    .product-cat .sub_catagory .owl-carousel {
        border-radius: 1rem;
        padding: .75rem 2.75rem;
    }
    .product-cat .sub_catagory .owl-carousel a {
        white-space: nowrap;
    }
    .category_tab_menu ul li a {font-size: 1.175rem;}
    .article-inner .article-meta {padding: 1rem .75rem;}
    .article-meta .name {font-size: inherit;}
    .article-grid .cat_info {font-size: .625rem;}
    .filters-toolbar__item-wrapper .filters-toolbar__input {max-width: 165px;}
    .product-simple-info.twoCols .product-box-price .price__old,.box-price .price__old {margin-right: 5px;}
    .box_list .product-hover figure {margin-right: .75rem;}
    .product_box .product-hover .product-box-label {font-size: .75rem;}
    .sub_catagory > ul > li {padding: .5rem .75rem;}
    .featured .article-meta .name,.product_box .product-hover .product-box-name {font-size: 1rem;}
    .footer-item {margin-bottom: 20px;}
    #footer .footer-item:last-child {margin-bottom: 0;}
    .footer-item .box-content .content .list-flex {max-height: unset;}
    .footer-item .box-content .content .link-list li:not(:last-child) a {padding-bottom: 0;}
    .footer-item .box-content .content .link-list a {line-height: 30px;}
    .footer__text {text-align: center;}
    .box-social,.social .title {text-align: center;}
    .box-heading h1,.box-heading h2,.box-heading h3 {font-size: 1.429rem;}
    .box-heading {margin-bottom: 15px;}
    .box-heading .sub-heading {font-size: 0.875rem;}
    .article {padding-left: 0;}
    
    .box-heading .name,.box-heading .name.h3 {font-size: 1.75rem;}
    .product-title span{font-size: 18px}
    .article_gallery .i-Thumbs:after {padding-bottom: 203px;}
    
    .about_timeline ol,
    .about_timeline ol li {
        width: auto; 
    }

    .about_timeline ol {
        padding: 0;
        transform: none !important;
    }

    .about_timeline ol li {
        display: block;
        height: auto;
        background: transparent;
    }

    .about_timeline ol li:first-child {
        margin-top: 25px;
    }

    .about_timeline ol li:not(:first-child) {
        margin-left: auto;
    }

    .about_timeline ol li div {
        width: 94%;
        height: auto !important;
        margin: 0 auto 25px;
    }

    .about_timeline ol li div {
        position: static;
    }

    .about_timeline ol li:nth-child(odd) div {
        transform: none;
    }

    .about_timeline ol li:nth-child(odd) div::before,
    .about_timeline ol li:nth-child(even) div::before {
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
        border: none;
        border-left: 1px solid white;
        height: 25px;
    }

    .about_timeline ol li:last-child,
    .about_timeline ol li:nth-last-child(2) div::before,
    .about_timeline ol li:not(:last-child)::after {
        display: none;
    }
    #footer {padding-top: 2rem;}
    .footer-item:first-child.col-xs-12 {width: 100%;}
    .footer-item:nth-child(n+2):nth-child(-n+3).col-xs-12 {width: 50%;}
}

@media only screen and (max-width: 480px) {
    .step__footer__continue-btn {padding: 0.45em 1.15em; font-size: 13px;}
    #frmSearch {padding-left: 0;}
    .product_gallery .items:after {padding-bottom: 100%;}
    .fearured-products, .fearured-article {margin-top: 20px;}
    .product-title, .custom-title {margin: 10px 0;}
    .product-title span, .custom-title .inner-hd {font-size: 18px; line-height: 30px;}
    button.button > span{height:34px;line-height:32px;padding:0 10px;}
    .section-element.counter {padding: 3rem 0;}
    .testimonial__item__text,.testimonial__item__author {font-size: 1.125rem;}
}