/**
    * @description This css file is used for making template responsive
    * @version  StyledStore 1.0
    * @package StyledStore 
*/
@media (max-width: 1280px) {
    .logo-container {
        padding: 0;
    }
    .header-topbar {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid;
    }
}
@media (min-width: 768px) {
    .header {
        padding-bottom: 0;
    }
    .header .logo {
        position: relative;
        padding-bottom: 10px;
    }
    .logo .site-title {
        font-size: 3rem;
    }
    .header-topbar .social-icons {
        margin-right: 50px;
    }
    .header-topbar .acc-login {
        margin-right: 0;
        padding-right: 25px;
    }
    .lgn-ct .header-top-cart.mini-cart {
        padding-left: 25px;
    }
    .lgn-ct .mini-cart a i {
        padding-left: 8rem;
        padding-right: 1rem;
    }
    .header .navigation-menu  {
        display: inline-block;
        padding-right: 0;
    }
    .mobile-navigation {
        display: none;
    }
    /* hide the button in desktop view */
    .main-menu-btn {
        position: absolute;
        top: -99999px;
    }
    /* always show the menu in desktop view */
    #main-menu-state:not(:checked) ~ .header-menu {
        display: block;
    }
    .sm-mint ul {
        top: 53px !important;
    }
    .st-slider-slides .bx-prev {
        left: 55px;
    }
    .st-slider-slides .bx-next {
        right: 55px;
    }
    #st-woo-sidebar {
        margin-top: 0;
    }
    .woocommerce div.product form.cart div.quantity {
        margin: 0 0 0 10px;
    }
    .stwo-post-navigation.clearfix {
        float: right;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .header .navigation-menu {
        display: block;
        width: 100%;
    }
    .header .navigation-menu:before {
        display: block;
        content: " ";
        position: absolute;
        width: 200%;
        top: 0;
        bottom: 0;
        background: #fff;
        left: -200%;
    }
    .sm-mint ul {
        top: auto !important;
    }
}
@media (min-width: 480px) and (max-width: 768px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 47%;
    }
    .woocommerce ul.products li.last,
    .woocommerce-page ul.products li.last {
        margin-right: 3%;
    }
    .stwo-post-navigation,
    .stwo-post-navigation .nav-links {
        width: 100%;
        float: left;
    }
    .stwo-post-navigation .nav-next {
        float: left;
        margin-left: 0;
    }
    .stwo-post-navigation .nav-previous {
        margin-left: 0;
    }
    .woocommerce div.product .product_title {
        display: inline-block;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .main-menu-btn {
        margin-top: 12px;
    }
    .st-slider-caption .subtitle_abv {
        font-size: 2.2rem;
    }
    .st-slider-caption .slide_title {
        font-size: 2.5rem;
    }
    .st-slider-caption .subtitle_blw {
        font-size: 2.2rem;
    }
    .st-slider-caption .labels .lable {
        font-size: 1.4rem;
    }
    .styledstore_recent_post ul {
        overflow: hidden;
    }
    .woocommerce ul.product_list_widget li,
    .styledstore_recent_post ul li {
        width: 46%;
        float: left;
        margin-right: 2%;
    }
    #fist-half-footer-toop-widgets > div {
        width: 33.33%;
        float: left;
    }
    #second-half-footer-top-widgets > div {
        width: 50%;
        float: left;
    }
    .styledstore-singlepost .author-metainfo {
        padding: 0;
    }
    .comment-form .comment-notes + .row > div {
        padding: 0;
    }
    .footer-menu {
        float: left;
    }
    .copyright {
        float: left;
        font-size: 1.2rem;
        line-height: 2;
    }
    .footer-menu ul li {
        font-size: 1.2rem;
        line-height: 2;
        float: left;
    }
    .footer-menu ul li a {
        font-size: 1.2rem;
    }
}
@media (max-width: 620px) {
    .main-menu-btn {
        margin-top: 12px;
    }
    .st-slider-caption .subtitle_abv {
        font-size: 1.6rem;
    }
    .st-slider-caption .slide_title {
        font-size: 2.5rem;
    }
    .st-slider-caption .subtitle_blw {
        font-size: 1.6rem;
    }
    .st-slider-caption .labels {
        display: none;
    }
    .featured-product-noSlider h3.st-woo-title,
    .featured-product-noSlider .short-description,
    .featured-product-noSlider .star-rating,
    .featured-product-noSlider .price {
        width: 100%;
        float: left;
        text-align: left !important;
    }
}
@media (max-width: 415px) {
    .header .logo {
        top: 0;
    }
    .header-topbar .social-icons {
        margin-right: 7px;
    }
    .header-topbar .social-icons .social-icon {
        padding: 0 5px;
    }
    .header-topbar .social-icons {
        width: 100%;
        margin-top: 15px;
        margin-right: 0;
        text-align: center;
    }
    .social-icon a {
        line-height: 1.2;
    }
    .lgn-ct {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    .header-topbar .acc-login {
        margin-right: 5px;
        padding-right: 5px;
    }
    .lgn-ct > div a {
        line-height: 1;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100%;
        margin-right: 0;
    }
    .styledstore-singlepost .author-metainfo {
        padding: 0;
    }
    .comment-form .comment-notes + .row > div {
        padding: 0;
    }
    #footer {
        text-align: center;
    }
    .footer-menu {
        float: left;
    }
    .copyright {
        float: left;
        font-size: 1.2rem;
        line-height: 2;
    }
    .footer-menu ul li {
        font-size: 1.2rem;
        line-height: 2;
        float: left;
    }
    .footer-menu ul li a {
        font-size: 1.2rem;
    }
    .stwo-post-navigation,
    .stwo-post-navigation .nav-links {
        width: 100%;
        float: left;
    }
    .stwo-post-navigation .nav-next {
        float: left;
        margin-left: 0;
    }
    .stwo-post-navigation .nav-previous {
        margin-left: 0;
    }
    .woocommerce div.product .product_title {
        display: inline-block;
    }
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%;
    }
}