@media only screen and (max-width: 1024px) {
    .nav>li>a {
        font-size: 21px;
    }
}

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

    .row-icon-index img {
        max-width: 150px;
    }

    section.header-promotion {
        margin-top: 0px;
    }

    .box-text p {
        letter-spacing: 0;
    }

    html body {
        letter-spacing: 0;
    }

    .badge-inner.secondary.on-sale span.onsale {
        font-size: 18px;
    }

    .icon-flash-sale {
        width: 45px;
    }

    .product-small .ux-timer span strong {
        font-size: 13px;
    }

    .product-slide-row .product-small.col {
        width: 30%;
        max-width: 30%;
        flex-basis: 30%;
    }

    .blog-carousel .col.post-item {
        width: 40%;
        flex-basis: 40%;
        max-width: 40%;
    }

    .callout.badge.badge-square {
        height: 40px;
        width: 40px;
    }

    
}

@media only screen and (max-width: 849px) {
    .home .icon-extra .icon-box-img {
        height: 120px;
    }

    .home-category .icon-box-img svg {
        max-width: 110px;
    }

    a.map-search {
        min-width: auto;
    }

    .row.row-small.row-contact-page .col {
        border-bottom: 1px solid #E6E6E6;
        margin-bottom: 30px;
    }
    
    .woocommerce-tabs .tabs.nav>li>a {
        font-size: 22px;
    }

    .uppercase, h6, th, span.widget-title {
        letter-spacing: 0;
        font-size: 25px;
    }

    .row-calculate .col {
        max-width: 100%;
        width: 100%;
        flex-basis: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    

    .off-canvas:not(.off-canvas-center) li.html {
        padding: 10px 20px;
    }

    body .header.show-on-scroll, body .stuck .header-main {
        padding-bottom: 0;
    }
    
    .stuck div#wide-nav {
        padding-top: 0;
    }

    .row.row-small.row-contact-page {
        margin-top: 25px;
        padding: 0 15px !important;
    }

    .accordion.join-us-acc {
        padding-right: 0;
    }

    .row .col.acc-position-col.medium-6.small-12.large-6 {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }
    
    .sec_join .col.medium-6.small-12.large-6 {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }
    

    .stuck .header-main .nav > li > a {
        line-height: 40px !important;
    }

    .section.sec_banner_grid {
        padding: 0 0px;
    }
    
    section.sec_banner_grid.section_page_header {
        padding: 0;
    }

    .rwd-title-text {
        width: 100% !important;
    }

    h5.post-title.is-large {
         line-height: 23px;
        font-size: 23px;
    }

    #main .section.main-blog {
        padding-left: 0 !important;
        padding-right: 0;
    }
    
    section.section-blog {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .section-cat-blog h3 a,.section-cat-blog h3 {
        font-size: 20px;
        line-height: 20px;
    }
    
    .section-cat-blog .icon-box-img {
        max-width: 50px;
        margin-bottom: 0;
    }
    
    section.section_page_header {
        padding-top: 0 !important;
    }

    .title-breadcrumbs.pb-half.pt-half {
        padding-bottom: 0;
    }
    
    .page-title-inner.container {
        padding-bottom: 0;
    }


    .social-icons a.icon {
        margin: 0 20px 0 0;
    }

    .sale .badge-container.absolute.left.top.z-1 {
        right: 10px;
    }

    h1, h2, h3, h4, h5, h6 {
        letter-spacing: -0.5px;
    }

    .products .list.product .box-image {
        width: 120px;
    }

    .products .list.product .box-text.box-text-products {
        width: calc(100% - 120px);
    }

    #main .promotion-banner img {
        margin-bottom: 0;
    }

    .top-bar-product {
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-flow: row wrap;
        background: #efefef;
        padding: 5px;
        border-radius: 5px;
        align-items: center;
    }
    
    .flex-col.medium-text-center.top-bar-product {
        margin-top: 15px;
    }

    .footer-2 .widget#nav_menu-2 {
        border-bottom: 0;
    }

    .footer-2 .widget#nav_menu-2 {
        border-bottom: 0;
    }
    
    .footer-2 .widget .widget-title:after {content: '\f105';font-family: FontAwesome;position: absolute;right: 0;font-size: 17px;}
    
    .footer-2 .widget.active .widget-title:after {
        content: '\f107';
        font-size: 17px;
    }

    .footer-2 .widget {
        border-bottom: 1px solid #1A4175;
        padding-bottom: 5px !important;
        margin-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
    }
    
    .footer-widgets.footer.footer-2 {
        padding: 0 15px;
    }


    .footer-2 .widget .menu-conneet-container, .footer-2 .widget .textwidget {
        display: none;
    }
    
    .footer-2 .widget.active .menu-conneet-container, .footer-2 .widget.active .textwidget {
        display: block;
    }

    .sec_banner_grid._mobile .img {
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 20px;
        overflow: visible;
    }

    #main .sec_banner_grid._mobile .mobile-cat-banner-bottom .col-inner {
        padding-top: 0;
        margin-bottom: 0;
    }
    
    .sec_banner_grid._mobile  .row.mobile-cat-banner-top {
        display: block;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        padding: 0 15px;
    }
    
    .sec_banner_grid._mobile .col {
        width: 100%;
        max-width: 100%;
        padding: 0;
        border-radius: 20px;
        display: inline-block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }


    .sec_banner_grid._mobile .col .col-inner {
        margin-bottom: 20px;
    }
    
    .sec_banner_grid._mobile .img {
        box-shadow: none;
    }

    .sec-health .col.medium-4.small-12.large-4 {
        width: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%;
    }

    .product-slide-row .product-small.col {
        width: 40%;
        max-width: 40%;
        flex-basis: 40%;
    }


    .blog-carousel .col.post-item {
        width: 40%;
        flex-basis: 40%;
        max-width: 40%;
    }

    p.name.product-title a {
        font-size: 20px;
        line-height: 20px;
    }

    .home-category .icon-box-text {
        font-size: 20px;
        line-height: 20px;
    }

    .row-icon-index .col.medium-3.small-6.large-3 {
        width: 25%;
        max-width: 25%;
    }

    .home-category .icon-box-text {
        font-size: 20px;
    }

    .row-icon-index img {
        max-width: 100px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    body .header.show-on-scroll, body .stuck .header-main {
        height: 70px!important;
    }

    body .stuck #logo img {
        max-height: 50px!important;
    }

    .searchform button.ux-search-submit.submit-button {
        background: #005BA8;
        color: #fff;
        border: 0;
        height: 40px;
        min-height: auto;
        line-height: 40px;
        font-size: 12px;
        width: 50px;
        border-radius: 0 10px 10px 0;
    }

    input#woocommerce-product-search-field-1 {
        border-radius: 10px 0 0 10px;
        border-color: #D0EAFA;
    }

    .header-bottom {
        background-color: #FAFAFA !important;
    }
    
    .nav-sidebar img.menu-image {
        width: 30px;
    }


    ul.mobile-nav.nav.nav-left i { 
        color: #005BA8;
    }

    .header-main {
        background: #FAFAFA;
        padding-bottom: 0;
    }

    .header-main li.html.custom {
        display: block;
    }

    .header-main .nav > li > a {
        color: #707071;
    }

    .nav>li>a {
        font-size: 20px;
    }
}

@media (max-width: 767px){
    
    #main #origincode_videogallery .origincode_big_li {
        width: 50% !important;
    }

    .section-cat-blog h3 a, .section-cat-blog h3 {
        font-size: 17px;
        line-height: 17px;
        letter-spacing: 0px;
        font-family: PSLKittithadaPro;
    }

    .section-cat-blog .col.medium-2.small-6.large-2 {
        padding: 0 2px;
    }

    .sec-health img {
        max-width: 120px;
    }

    .sec-health .col.medium-4.small-12.large-4 {
        width: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%;
    }
   
}

@media (max-width: 768px){
   
}

@media (max-width: 549px){

    .home .icon-extra .icon-box-img {
        height: 92px;
    }

    .home-category .icon-box-img svg {
        height: 90px;
        max-width: 70px;
    }

    .row-icon-index img {
        max-width: 60px;
        margin-top: 0;
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .home-category svg {
        height: auto;
    }

    .button, button, input[type='submit'], input[type='reset'], input[type='button'] {
        letter-spacing: 0;
    }


    .icon-blog-category img {
        height: 59px;
        width: auto;
        margin-top: -5px;
    }
    
    
    .section-cat-blog .icon-box-img .icon {
        width: 100%;
    }


    .product-tabs.small-nav-collapse>li {
        border-bottom: 1px solid #ececec;
    }

    .row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col {
        padding: 2px 15px 19.6px;
    }

    .blog-home-content .col.post-item {
        border-bottom: 1px solid #efefef;
        margin-bottom: 25px;
    }

    .flickity-viewport .col.post-item {
        border-bottom: 0;
    }

    .icon-box-img svg {
        height: 45px;
    }
;
    .small-nav-collapse>li {
        border-top: 1px solid #ccc;
    }

    h3 {
        font-size: 25px;
    }
    
    .row.row-small.row-contact-page .col {
        padding-bottom: 35px;
    }

    .point-right:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        position: absolute;
        border-style: solid;
        border-width: 10px 25px 10px 0;
        border-color: transparent #DFF2F5 transparent transparent;
        left: -22px;
        top: 25px;
    }

    .point-right:before{
        display: none; 
    }

    .point-left:before{
        display: none; 
    }

    .row.timeline-row {
        margin-top: 50px;
    }
    
    .col.timeline-title {
        display: none;
    }
    
    .point-right:after{
        display: none;
    }

    .col.timeline-icon.medium-2.small-12.large-2 {
        width: 80px;
        max-width: 80px;
    }
    
    .col.time-line-detail.medium-5.small-12.large-5 {
        width: calc(100% - 80px);
        max-width: calc(100% - 80px);
        padding-left: 25px !important;
        margin-top: -60px;
        padding-bottom: 30px !important;
    }
    
    .row .row-list-timeline {
        justify-content: flex-end;
    }
    
    .col.timeline-title.medium-5.small-12.large-5 h3 {
        text-align: left !important;
    }
    
    .col.timeline-title.medium-5.small-12.large-5 {
        padding-left: 125px !important;
        padding-bottom: 15px !important;
    }

    #main #origincode_videogallery .origincode_big_li {
        width: 50% !important;
    }

    .section-cat-blog .icon-box-img {
        max-width: 100%;
        margin-bottom: 0;
    }

    h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .blog-carousel .col.post-item {
        width: 66%;
        flex-basis: 66%;
        max-width: 66%;
    }

    .sec-health .col.medium-4.small-12.large-4 {
        width: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%;
    }
    .product-slide-row .product-small.col {
        width: 66%;
        max-width: 66%;
        flex-basis: 66%;
    }

    .row-slider .flickity-prev-next-button {
        width: 30px !important;
        opacity: 1;
        background-color: #fff !important;
        box-shadow: 0px 3px 6px #00000029 !important;
        -ms-transform: translateX(0) !important;
        transform: translateX(0) !important;
        color: #000;
        border-radius: 10px;
        height: 60px;
    }


    #logo img {
        max-height: 50px !important;
    }
}