/********************************************************
  Mobile Devices
  Version:   1.0.0
********************************************************/

/********************************************************
        ## Min Width 1200px
********************************************************/
@media (min-width: 1200px) {

}
/********************************************************
        ## Min Width 992px And Max Width 1199px
********************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
    .footer-menu li a {
        padding: 10px 4px;
    }
    .footer-social a {
        padding: 2px 6px;
        margin-top: 7px;
    }
    .widget-area section {
        padding: 15px 20px;
    }
}
/********************************************************
        ## Min Width 768px And Max Width 991px
********************************************************/
@media (min-width: 768px) and (max-width: 991px){
    .footer-social ul{
        text-align: center;
        margin-top: 10px;
    }
    .primary-menu ul li a {
        padding: 15px 10px;
        font-size: 13px;
    }
    .header-search{
        padding-left: 0;
    }
}
/********************************************************
        ## Max Width 767px
********************************************************/
@media only screen and (max-width:767px) {
    .primary-menu .xs-angle-down {
        margin: -10px 0 0 0;
        padding: 9px 15px;
        background: #fff;
        float: right;
        color: #333;
        font-size: 22px;
        border: 1px solid transparent;
    }
    .navbar-default .navbar-collapse {
        overflow: hidden;
    }
    .primary-menu ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: none;
    }
    .primary-menu ul.nav li.dropdown > ul.dropdown-menu.active {
        display: block;
        box-shadow: none;
        border: 0;
    }
    .primary-menu .dropdown-menu {
        width: auto;
        float: none;
        position: static;
    }
    .text-center-xs,.header-top .text-right{
        text-align: center;
    }
    .logo img{
        margin: 0 auto;
    }
    .header-social {
        margin-bottom: 10px;
    }
    .header-middle .mini-cart {
        position: absolute;
        top: 60px;
        left: 0;
        text-align: left;
        z-index: 1;
        width: auto;
    }
    .primary-menu ul li a {
        padding: 15px;
    }
    .navbar-default .navbar-toggle{
        border-color: #c09f5a;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background-color: #c09f5a;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        background-color: #c09f5a;
    }
    .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{
        background-color: #fff;
    }
    .woocommerce .product-fix .compare, .woocommerce .product-fix .yith-wcqv-button{
        visibility: visible;
        bottom: 0;
    }
    .margin-top-xs-20{
        margin-top: 20px;
    }
    .footer-bottom ,.footer-bottom ul,.info{
        text-align: center;
    }
    .info{
        padding-bottom: 5px;
    }
    .header-social{
        position: absolute;
        top: 51px;
        width: auto;
        z-index: 1;
    }
    .header-social ul{
        text-align: left;
    }
    .primary-menu  ul.nav > li:first-child > a {
        padding-left: 15px;
    }
    .primary-menu .navbar-nav>li>a::after{
        display: none;
    }
    .blog-slider #blog-slider{
        padding: 50px;
    }
    .footer-social ul{
        text-align: left;
        margin-top: 20px;
    }
    .footer-menu{
        margin-top: 10px;
    }
    .footer-menu li a {
        padding: 5px 2px;
    }
}
/********************************************************
        ## Max Width 480px
********************************************************/
@media only screen and (max-width:480px) {
    .blog-slider #blog-slider{
        padding: 30px;
    }
    .social-sharing-fix{
        float: left !important;
    }
    .article-post, .comments-wrap, .pagination-wrap .pagination {
        padding: 20px;
    }
    .widget-area section{
        padding: 15px 20px;
    }
}
/********************************************************
        Max Width 320px
********************************************************/
@media only screen and (max-width:320px) {

}
/********************************************************
        Max Width 240px
********************************************************/
@media only screen and (max-width:240px) {

}