/* 

 *  Responsive CSS File

 *  v1.0

 */



/* clearfix */





@media (max-width: 1280px) {



    .container {

        max-width: 100%;

    }



    .partner-block ul li {

        padding: 0;

    }



}



@media (min-width: 1200px) {



    .container {

        width: 1140px;

    }



    .footer-static-block .footer-block-contant {

        display: block !important;

    }



    /* san pham trang chu */

    .category-home-product .sidebar-box.listing-box {

        display: block;

        overflow: hidden;

    }



    .category-home-product .sidebar-box .sidebar-title {

        height: auto;

        background: transparent;

        padding: 0 25px 0 0;

        display: inline-block;

        float: left;

        margin: 0;

    }



    .category-home-product .sidebar-box .sidebar-contant {display: flex !important;/* margin: 10px 0 0 0 !important; */padding: 0;}



    .category-home-product .sidebar-box .sidebar-contant ul {

        display: flex;

        align-items: center;

    }



    .category-home-product .sidebar-box .sidebar-contant .btn-view-all {

        background: transparent;

        color: #056c99 !important;

        font-size: 14px;

        font-weight: bold;

        display: block;

        margin: 0;

        padding: 0;

        height: 34px;

        line-height: 34px;

    }



    .category-home-product .sidebar-box .sidebar-contant ul li {

        display: inline-block;

        margin: 0 15px 0 15px;

        position: relative;

    }



    .category-home-product .catalogue-parent-title {

        background-color: #056c99;

        padding: 9px 16px 10px;

        color: #fff;

        font-family: "Roboto", sans-serif;

        font-size: 20px;

        font-weight: 500;

        line-height: 32px;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        margin: 0 40px 0 0 !important;

    }



    .category-home-product .catalogue-parent-title a {

        padding: 0;

        display: block;

        color: #fff;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }



    .category-home-product .sidebar-box .sidebar-contant ul li:after {

        position: absolute;

        content: "";

        width: 10px;

        height: 10px;

        background: #ddd;

        top: 12px;

        left: -17px;

        border-radius: 50%;

    }



    .category-home-product .sidebar-box .sidebar-title span {

        background: #056c99;

        padding: 9px 16px 10px;

        display: inline-block;

    }





}





@media (max-width: 1199px) {

    .container {

        padding: 0 15px;

    }



    /* Header */

    .nav > li .menu-label {

        top: 0px;

    }



    .header-middle-right {

        border: none;

    }



    .info-link span {

        display: none;

    }



    .header-right-link > ul > li:first-child {

        padding-right: 15px

    }



    .right-icon-link ul li {

        font-size: 0;

        line-height: 1px;

        padding-right: 0;

    }



    .right-icon-link ul li a {

        padding: 0;

    }



    .right-icon-link ul li > a span {

        margin: 0;

    }



    .right-icon-link ul li:last-child > a span {

        border: none;

        padding: 0;

    }



    .header-right-link > ul > li > a {

        padding: 22px 0;

    }



    .megamenu .level2 > a {

        margin-right: 0;

    }



    .header-bottom .help-num {

        padding: 13px 0;

    }



    .cat-dropdown .navbar-nav > li > a {

        padding: 0px 10px;

        /* font-size: 12px; */

    }



    .cat-dropdown .sidebar-contant ul li.level {

        padding: 8px 0px 9px;

    }



    .category-dropdown select {

        width: 180px;

    }



    .popup-links {

        display: none;

    }



    /* Column */

    .ser-feature-block {

        -webkit-background-size: cover;

        background-size: cover;

    }



    .ser-feature-block {

        text-align: left;

    }



    .ser-feature-block .feature-box-main {

        padding: 40px 0px;

    }



    .homepage .banner {

        min-height: 100%;

    }



    .banner .owl-buttons {

        display: none;

    }



    .banner-detail {

        top: 20%;

        left: 0;

    }



    .banner-detail .banner-detail-inner .banner-title {

        font-size: 25px;

        line-height: 30px;

    }



    .banner-detail .banner-detail-inner span.offer {

        font-size: 25px;

        margin-top: 0;

    }



    .banner-detail .banner-detail-inner span.slogan {

        font-size: 20px;

        margin-bottom: 5px;

        padding: 5px 0;

    }



    .sub-banner3 .sub-banner-detail span.line {

        margin: 25px 0;

    }



    .cate-detail a {

        font-size: 14px;

    }



    h2.main_title {

        font-size: 20px;

    }



    .btn-sidebar-menu-dropdown {

        padding: 20px 10px;

    }



    /* .sidebar-block .sidebar-title-inner{

      padding: 20px 14px 33px;

    } */

    .sidebar-title {

        margin-bottom: 10px;

    }



    .sidebar-title-inner .sidebar-title h3 {

        padding: 9px 10px 10px;

    }



    .sidebar-block .elec-cate-bg .sidebar-contant {

        padding: 0px;

    }



    .sidebar-block .furn-cate-bg .sidebar-contant {

        padding: 0px;

    }



    .product-item .detail-inner-left ul li,

    .product-listing.grid-type .product-item .detail-inner-left ul li {

        padding: 0 2px;

        margin: 0 2px;

    }



    .homepage .listing-box ul li a {

        padding: 1px 0;

    }



    /* .price-box .price {

      font-size: 16px !important;

    } */

    .price-box .old-price {

        font-size: 14px !important;

    }



    .product-slider .heading-part > h2 {

        font-size: 25px;

        letter-spacing: 1px;

    }



    .pro-detail-info {

        margin-top: 0px;

    }



    .main-label {

        font-size: 12px;

        height: 45px;

        line-height: 45px;

        top: 10px;

        width: 45px;

    }



    .sale-label {

        left: 5px;

    }



    .new-label {

        right: 5px;

    }



    .product-listing.list-type .inner-listing .item-width {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .ser-feature-block {

        padding: 0px;

    }



    ul li.service-box {

        padding: 15px 0;

    }



    .feature-detail {

        padding-left: 5px;

    }



    .ser-feature-block .service-box .ser-title {

        font-size: 14px;

    }



    .homepage .client-main .item p {

        line-height: 25px;

    }



    .list-types {

        padding: 0 2px;

    }



    .short-by {

        float: right;

    }



    .shorting-style-2 .short-by {

        float: none;

    }



    .show-item {

        float: none;

    }



    .slidebar-open.btn-color.btn {

        float: right;

    }



    .show-item {

        margin-top: 20px;

        width: 100%;

    }



    .shorting .view {

        margin-right: 10px;

    }



    .product-detail-main .bottom-detail.responsive-btn ul li {

        border: none;

        padding: 0;

    }



    .bottom-detail ul li a {

        display: inline-block;

        line-height: 11px;

    }



    .bottom-detail.responsive-btn ul li a {

        font-size: 0;

        padding: 13px 15px;

    }



    .bottom-detail ul li.pro-cart-icon a {

        font-size: 16px;

        line-height: 18px;

    }



    .short-by > span,

    .show-item > span {

        font-size: 15px;

    }





    .client-img.left-side {

        float: none;

        margin: 0;

    }



    #brand-logo {

        padding: 0 40px;

    }



    .newsletter-box {

        margin-top: 0;

    }



    .newsletter-bg {

        padding: 30px;

    }



    .footer .newsletter-inner form button {

        padding: 15px 18px;

    }



    .site-link,

    .payment {

        text-align: center;

    }





    .quote {

        border: none;

    }



    .heading-part-desc h2.heading {

        font-size: 20px;

    }



    .product-page .product-item .detail-inner-left ul li {

        padding: 0 2px;

    }



    .product-page .product-detail-inner {

        padding: 10px 0 0;

    }



}



@media (min-width: 992px) {



    .mobilemenu-content,

    .nav > li.level .megamenu {

        display: none !important;

    }



    .mobilemenu-content,

    .nav > li.level:hover .megamenu {

        display: block !important;

    }



    .sidebar-box .sidebar-contant {

        display: block;

    }



    .mobilemenu-content li:first-child a {

        padding-left: 0;

    }





}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    /* Header */

    /* Content */

    .navbar-brand > img {

        height: 37px;

    }



    .navbar-header .navbar-brand {

        padding: 50px 21px 51px 0px;

    }



    .header-right-part {

        padding: 0 92px 0 181px;

    }



    .category-main .ui-state-default {

        width: 180px !important;

    }



    .banner-top {

        margin-bottom: 5px;

    }



    .daily-deals .detail-inner-left ul li button {

        padding: 7px 6px 8px 0;

    }



    .daily-deals .product-item .detail-inner-left ul li {

        padding: 0;

    }



    .item-offer-clock ul li.seperator {

        margin-left: 0;

        margin-right: 0;

    }



    .newsletter-inner .main_title {

        font-size: 17px;

        line-height: 36px;

    }



    .newsletter-title .sub-title {

        font-size: 14px;

    }



    .newsletter-icon {

        margin-right: 5px;

    }



    .newsletter-icon > img {

        height: 40px;

    }



    .footer-static-block ul li {

        padding: 3px 0;

    }



    .team-item:hover .team-item-detail {

        bottom: 10px;

    }



    .about-3 .team-item {

        padding: 15px;

    }



    .about-3 .team-item:hover .team-item-detail {

        bottom: 0;

    }



    /* Footer */



}



@media only screen and (min-width: 768px) and (max-width: 991px) {



    /* Content */

    .special-products-block .pro-detail-main .bottom-detail {

        bottom: -90px;

    }



    .sub-banner .sub-banner-detail .sub-banner-subtitle {

        font-size: 16px;

        margin-top: 10px;

        margin-bottom: 10px;

    }



    .banner-top {

        margin-bottom: 5px;

    }



    .ser-feature-block .service-box .ser-title {

        font-size: 17px;

    }



    .select-size ul li span {

        margin-right: 0;

    }



    .partner-detail-main {

        margin-top: 50px;

    }



    .about-3 .team-img {

        display: inline-block;

    }



    .about-3 .team-item,

    .about-3 .team-item .team-item-detail {

        text-align: center;

    }



}



@media (min-width: 992px) {

    .footer .footer-static-block {

        display: block !important;

    }

}





@media (max-width: 991px) {

    .center-sm {

        text-align: center;

    }

    .action-mobile.right-box {
        display: block;
    }

    .mobilemenu-content-flex .right-box .action-top .form {
        top: 60px;
    }

    .flex-for-mobile {
        display: flex;
        justify-content: space-between;
    }

    .header-middle {
        background: #fff;
        border-bottom: 1px solid #ddd;
        padding: 15px 0 15px 0!important;
    }

    .mobilemenu-content-flex .right-box .action-search i {
        color: #333;
    }

    .flex-for-mobile {
        display: flex;
        justify-content: space-between;
    }

    .action-mobile.right-box .mobilemenu-content-flex .right-box .action-cart {
        padding-right: 10px;
    }

    .action-mobile.right-box .action-top .action-cart {
        margin: 0 15px 0 0;
    }

    .action-mobile.right-box .action-top {
        top: 7px;
        position: relative;
    }

    a.Logo-mobile {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -8px;
    }

a.Logo-mobile img {
    max-height: 60px;
    object-fit: contain;
}

    .header-top {
        display: none;
    }

    .mobilemenu-content-flex .right-box .action-bottom{
        display: none;
    }



    .order-mobile{

        order: 1;

    }

    .home-container #sidebar {

        order: 2;

        height: auto!important;

    }



    .inner-wrapper-sticky {position: static !important;height: auto!important;transform: unset!important;}



    .home-container .sidebar-contant{

        display: block;

    }





    .megamenu-inner-top .sub-menu-level1 {

        margin: 5px 0 0 0;

    }



    .cat-dropdown .navbar-nav > li > a .img_hover {

        position: absolute;

        left: 15px;

        opacity: 1;

    }



    .cat-dropdown .navbar-nav > li > a .img {

        opacity: 0;

    }



    .megamenu .sub-menu-level1 li.level2 a {

        color: #fff;

    }



    .container-full-sm .container {

        width: 100%;

        padding: 0;

        height:

    }



    .height-sm-0 {

        min-height: 0 !important;

    }



    .float-none-md {

        float: none !important;

    }



    .float-left-md {

        float: left !important;

    }



    .float-right-md {

        float: right !important;

    }



    .ptb-95 {

        padding-top: 65px;

        padding-bottom: 65px;

    }



    .pt-95 {

        padding-top: 65px;

    }



    .pb-95 {

        padding-bottom: 65px;

    }



    .ptb-60 {

        padding-top: 50px;

        padding-bottom: 50px;

    }



    .pt-60 {

        padding-top: 50px;

    }



    .pb-60 {

        padding-bottom: 50px;

    }



    .mtb-60 {

        margin-top: 45px;

        margin-bottom: 45px;

    }



    .mt-60 {

        margin-top: 45px;

    }



    .mb-60 {

        margin-bottom: 45px;

    }



    .ptb-sm-0 {

        padding-top: 0px;

        padding-bottom: 0px;

    }



    .pt-sm-0 {

        padding-top: 0px;

    }



    .pb-sm-0 {

        padding-bottom: 0px;

    }



    .ptb-sm-15 {

        padding-top: 15px;

        padding-bottom: 15px;

    }



    .pt-sm-15 {

        padding-top: 15px;

    }



    .pb-sm-15 {

        padding-bottom: 15px;

    }



    .ptb-sm-30 {

        padding-top: 30px;

        padding-bottom: 30px;

    }



    .pt-sm-30 {

        padding-top: 30px;

    }



    .pb-sm-30 {

        padding-bottom: 30px;

    }



    .ptb-sm-60 {

        padding-top: 60px;

        padding-bottom: 60px;

    }



    .pb-sm-60 {

        padding-bottom: 60px;

    }



    .pt-sm-60 {

        padding-top: 60px;

    }



    .mtb-sm-30 {

        margin-top: 30px;

        margin-bottom: 30px;

    }



    .mt-sm-30 {

        margin-top: 30px;

    }



    .mb-sm-30 {

        margin-bottom: 30px;

    }



    .mtb-sm-0 {

        margin: 0;

    }



    .mt-sm-0 {

        margin-top: 0;

    }



    .mb-sm-0 {

        margin-bottom: 0;

    }



    .mtb-sm-20 {

        margin-top: 20px;

        margin-bottom: 20px;

    }



    .mt-sm-20 {

        margin-top: 20px;

    }



    .mb-sm-20 {

        margin-bottom: 20px;

    }





    /* Header */

    body.dark-header {

        padding-top: 0;

    }



    header#header {

        position: relative;

    }



    .header-top,

    .header-bottom {

        padding: 0 15px;

    }



    .border-right {

        border-right: none;

    }



    #menu {

        overflow-X: hidden;

        overflow-Y: auto;

    }



    .login-part {

        position: absolute;

        right: 15px;

        top: -55px;

    }



    .right-call-part {

        padding: 0;

        margin: 0;

    }



    .right-call-part ul li .navbar-toggle {

        margin-left: 17px;

    }



    .cart-box-main {

        top: -1px;

    }



    .navbar-header .navbar-brand {

        border-right: 0px;

        padding: 20px 0px;

    }



    .navbar-nav > li.dropdown > a:after {

        display: none;

    }



    .sidebar-menu-dropdown .cat-dropdown::after {

        display: none;

    }



    .header-bottom .help-num {

        color: #ffffff;

        display: none;

        padding: 13px 0;

    }



    .header-top.mobile .help-num {

        display: block;

    }



    .header-middle-left {

        padding: 0 15px;

    }



    .header-right-link {

        position: absolute;

        right: 25px;

        top: -108px;

    }



    .header-right-link > ul > li:first-child {

        padding-right: 6px;

    }



    .header-right-link > ul > li > a {

        padding: 11px 0 17px;

    }



    .header-link-dropdown {

        top: 60px;

    }



    .header-right-part {

        float: none;

        padding: 0 89px 0 151px;

    }



    .header-middle-right {

        margin-bottom: 20px;

        padding: 0;

    }



    .nav_sec {

        border-top: none;

    }



    .category-main .ui-state-default {

        width: 150px !important;

    }



    .navbar-header {

        width: 100%;

    }



    .navbar-toggle {

        border: none;

        background: #056c99;

        color: #ffffff;

        height: 35px;

        margin-right: 0;

        margin-top: 6px;

        padding: 7px 9px;

        width: 36px;

        display: block;

    }



    button:focus {

        outline: none;

    }



    .category-dropdown select {

        width: 150px;

    }



    .navbar-brand > img {

        height: 30px;

    }



    .navbar-nav > li > a {

        padding: 8px 18px;

    }



    .side-toggle {

        display: block;

    }



    .cat-dropdown .navbar-nav {

        display: inline-block;

        float: none;

        width: 100%;

    }



    .right-icon-link {

        display: none;

    }



    .right-icon-link.mobile {

        display: block;

        padding: 0;

        position: absolute;

        width: 100%;

    }



    .right-icon-link.mobile ul li {

        border-right: 1px solid #3c3c4a;

        float: left;

        padding: 6px 0;

        width: 33.33%;

        text-align: center;

    }



    .right-icon-link ul li .content-dropdown ul li {

        text-align: left;

    }



    .right-icon-link.mobile ul li:last-child {

        border: medium none;

    }



    .right-icon-link ul li > a span {

        border: none;

        padding: 0;

    }



    .right-icon-link ul li.login-icon a span {

        background-position: -127px -666px;

    }



    .right-icon-link ul li.login-icon:hover a span {

        background-position: -127px -698px;

    }



    .right-icon-link ul li.track-icon a span {

        background-position: -127px -728px;

    }



    .right-icon-link ul li.track-icon:hover a span {

        background-position: -127px -760px;

    }



    .right-icon-link ul li.gift-icon a span {

        background-position: -127px -792px;

    }



    .right-icon-link ul li.gift-icon:hover a span {

        background-position: -127px -824px;

    }



    .right-call-part .login-icon > a span {

        background-position: -151px -96px !important;

    }



    .cart-box-main > a span {

        background-position: -156px -14px !important;

    }



    .sidebar-menu-dropdown .cat-dropdown {

        display: block;

    }



    .sidebar-block.gray-bg,

    .sidebar-block .gray-bg {

        background: #fff;

    }



    .sidebar-box .sidebar-contant {

        background: #f5f5f5;

        padding-top: 10px;

        padding-bottom: 20px;

    }



    .homepage .sidebar-box .sidebar-contant {

        background-color: transparent;

    }



    .sidebar-title {

        margin-bottom: 0px;

    }



    .navbar-collapse {

        background: #07a082;

        bottom: 0;

        border-bottom: 0;

        display: inline-block !important;

        height: 100% !important;

        left: -250px;

        position: fixed !important;

        top: 0 !important;

        margin: 0 !important;

        transition: all 0.4s ease 0s;

        -moz-transition: all 0.4s ease 0s;

        -webkit-transition: all 0.4s ease 0s;

        -o-transition: all 0.4s ease 0s;

        -webkit-box-shadow: 0px 0 1px rgba(0, 0, 0, 0.2);

        -moz-box-shadow: 0px 0 1px rgba(0, 0, 0, 0.2);

        box-shadow: 0px 0 1px rgba(0, 0, 0, 0.2);

        width: 250px;

        z-index: 4;

    }



    .navbar-collapse.menu-open {

        left: 0;

    }



    .navbar-nav > li {

        float: none;

    }



    .header-inner .navbar-collapse,

    .header-inner .navbar-collapse ul {

        width: 100%;

    }



    #menu-main > li:hover,

    .navbar-nav li.active {

        background: none;

    }



    .mobilemenu-content li:hover a {

        color: #1b2839;

    }



    #menu-main li.active a {

        color: #1b2839;

    }



    .mobilemenu-content .sub-menu-level2 li.level3 > a {

        color: #fff !important;

    }



    .mobilemenu-content .sub-menu-level2 li.level3 > a:hover {

        color: #1b2839 !important;

    }



    #menu-main > li:hover {

        background: none;

    }



    .navbar-collapse > ul {

        margin: 0;

    }



    .navbar-collapse.collapse {

        width: 250px;

    }



    .navbar-nav > li > a {

        padding-left: 0px;

    }



    .nav > li .menu-label {

        display: none;

    }



    #header button i.fa {

        font-size: 21px;

    }



    .header-inner {

        width: 100%;

        position: relative;

        display: inline-block;

    }



    .sidebar-menu-dropdown {

        width: 0;

        display: block;

        padding: 0;

    }



    .btn-sidebar-menu-dropdown {

        display: none;

    }



    .search-container input[type="text"] {

        font-size: 30px;

        padding: 0;

    }



    .sidebar-menu-dropdown .cat-dropdown {

        display: block !important;

    }



    .cat-dropdown .sidebar-contant ul li.level:hover {

        background-color: transparent;

    }



    .cat-dropdown .sub-megamenu a.page-scroll::before {

        display: none;

    }



    .cat-dropdown .navbar-nav > li > a {

        color: #fff;

    }



    .cat-dropdown .sidebar-contant ul li.level {

        border-bottom: 1px solid #20b092;

    }



    .cat-dropdown .navbar-nav > li > a i {

        color: #fff;

    }



    .cat-dropdown {

        display: block;

    }



    .cat-dropdown {

        padding: 0;

        background: transparent;

    }



    .cat-dropdown .sub-megamenu a.page-scroll::before {

        display: none;

    }



    .cat-dropdown .nav > li.level .megamenu {

        margin-top: 0;

    }



    .cat-dropdown .nav > li.level .megamenu {

        left: 0 !important;

        background-color: transparent;

        padding: 0 40px;

        box-shadow: none;

        border: 0;

    }



    .cat-dropdown .nav > li.level:hover .megamenu {

        left: 0 !important;

    }



    /* Menu */

    #menu .level {

        position: relative;

    }



    #menu .mobile-sub-menu {

        display: none;

    }



    #menu span.opener {

        background: url(../images/sprite.png) no-repeat scroll 0 0;

        height: 25px;

        width: 25px;

        display: inline-block;

        position: absolute;

        right: 5px;

        top: 8px;

        cursor: pointer;

        z-index: 1;

    }



    #menu span.plus {

        background-position: -118px -377px;

    }



    #menu span.minus {

        background-position: -118px -415px;

    }



    #menu-main .level {

        position: relative;

    }



    #menu-main .mobile-sub-menu {

        display: none;

    }



    #menu-main span.opener {

        background: url(../images/sprite.png) no-repeat scroll 0 0;

        height: 25px;

        width: 25px;

        display: inline-block;

        position: absolute;

        right: 10px;

        top: 7px;

        cursor: pointer;

        z-index: 1;

    }



    #menu-main span.plus {

        background-position: -117px -378px;

    }



    #menu-main span.minus {

        background-position: -117px -416px;

    }



    .navbar-collapse {

        padding: 0;

    }



    .megamenu .level2 > a {

        position: relative;

        margin-bottom: 2px;

        color: #10502f;

        font-size: 14px;

        font-weight: 500;

        text-transform: none;

    }



    .megamenu .level2 > a:before {

        content: "\f105";

        font-family: FontAwesome;

        position: absolute;

        left: -11px;

    }



    .megamenu .sub-menu-level2 li.level3 > a {

        color: #ffffff !important;

    }



    .megamenu {

        background-color: transparent;

        border-top: none;

        position: relative;

        left: auto;

        top: auto;

        opacity: 1;

        padding: 0px 30px;

        transition: none 0s ease 0s;

        -moz-transition: none 0s ease 0s;

        -webkit-transition: none 0s ease 0s;

        -o-transition: none 0s ease 0s;

    }



    .megamenu .container {

        width: 100%;

    }



    .megamenu .sub-menu-level1 li.level2 {

        float: none;

        margin-bottom: 0px;

    }



    .megamenu .megamenu-inner-top .level2 {

        margin-bottom: 15px;

    }



    .megamenu {

        box-shadow: none;

    }



    .mobilemenu-content .navbar-nav li:last-child {

        border: none;

    }



    .mobilemenu-content ul li.level3 {

        border: medium none;

    }



    .mobilemenu-title.mobilemenu > span {

        display: inline-block;

        font-weight: 500;

        padding: 8px 0 0 10px;

        text-transform: uppercase;

    }



    .mobilemenu-content.right-side li a {

        font-size: 14px;

        font-weight: 600;

        padding: 10px 0 10px 15px;

    }



    .mobilemenu-title {

        display: block;

    }



    .mobilemenu {/* background: #07a082; */color: #ffffff;cursor: pointer;display: flex;font-size: 16px;padding: 4px 5px;/* top: 100px; *//* width: 100%; */border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;justify-content: space-between;}





    .mobilemenu.openmenu {

        border-radius: 0;

    }



    .mobilemenu.closemenu {/* border-radius: 0; *//* display: flex; *//* justify-content: space-between; */}



    .mobilemenu-title .fa {font-size: 18px;height: 37px;margin: 0;padding: 10px;width: 37px; color: #333;/* float: right; */}



    .mobilemenu-content {background: #056c99;transition: none 0s ease 0s;width: 100%;position: absolute;z-index: 1;display: none;top: 65px;}

.mobilemenu-content .right-box {
    display: none;
}



    .mobilemenu-content ul {

        margin: 0;

        padding: 0;

        width: 100%;

    }



    .mobilemenu-content ul li {

        border-bottom: 1px solid #17b092;

        float: left;

        width: 100%;

    }



    .mobilemenu-content ul li a {

        display: inline-block;

        color: #fff;

        font-size: 14px;

        line-height: 24px;

        padding: 5px 15px;

        width: 100%;

    }



    #menu-main > li > a span::before {

        display: none;

    }



    /* content */

    .product-listing-view #sidebar,

    .product-listing-view #content {

        padding: 0 !important;

    }



    .sidebar-block {

        margin-top: 0 !important;

    }



    .sidebar-block .elec-cate-bg {

        background-repeat: repeat;

    }



    .sidebar-block .furn-cate-bg {

        background-repeat: repeat;

    }



    .banner {

        margin-bottom: -1px;

    }



    .main-banner .owl-controls .owl-buttons {

        display: none;

    }



    .banner-detail {

        top: 35%;

    }



    .banner-detail .banner-detail-inner span.slogan {

        font-size: 20px;

    }



    .slogan:before {

        width: 30px;

    }



    .slogan:after {

        width: 30px;

    }



    .banner-detail .banner-detail-inner span.offer {

        font-size: 18px;

        margin-top: 0;

    }



    .banner-detail a.btn {

        display: none;

    }



    .inner-banner {

        padding: 60px 0;

    }



    .btn.big {

        padding: 20px;

    }



    .banner-detail a.btn {

        font-size: 20px;

        margin-top: 35px;

    }



    .banner-2 .banner-detail a.btn,

    .banner-3 .banner-detail a.btn {

        margin-top: 15px;

    }



    .banner-top {

        margin-bottom: 0;

    }



    .sub-banner.sub-banner3 .sub-banner-detail .sub-banner-type {

        margin-top: 10px;

    }



    .sub-banner.sub-banner6 .sub-banner-detail .sub-banner-subtitle {

        margin-bottom: 0;

    }



    .sub-banner .sub-banner-detail span {

        margin: 20px 0 15px;

    }



    .sub-banner .sub-banner-effect {

        display: none;

    }



    .small-banner.small-banner1 {

        margin-bottom: 20px;

    }



    .special-products-block .pro-detail-main {

        min-height: 1px !important;

    }



    .product-slider .heading-part span {

        right: -80px;

        width: 70px;

    }



    .product-slider .heading-part > h2 {

        font-size: 20px;

    }



    .ser-feature-block {

        border: none;

    }



    .ser-feature-block .feature-box-main {

        padding: 15px 0px;

    }



    .product-listing.grid-type .product-item-details .product-detail-inner,

    .product-item .quick-view {

        display: none;

    }



    .product-item .product-item-details {

        transform: translateY(0);

        margin-top: 0;

    }



    .product-listing-view .static-sidebar {

        height: auto !important;

    }



    .product-listing-view .static-sidebar .inner-wrapper-sticky {

        position: relative !important;

        left: auto !important;

        top: auto !important;

        bottom: auto !important;

        right: auto !important;

        transform: none !important;

        width: auto !important;

    }



    .rating-summary-block {

        display: none;

    }



    .product-item .product-image img {

        opacity: 1 !important;

    }



    ul li.service-box {

        text-align: center;

        float: left;

        width: 50%;

    }



    ul li.service-box:first-child {

        padding-top: 15px;

    }



    ul li.service-box:last-child {

        border-bottom: 1px solid #e1e1e1;

        padding-bottom: 15px;

    }



    .share-link {

        margin-bottom: 30px;

        margin-top: 10px;

    }



    .cat-box-inner .cart-link button {

        opacity: 1;

    }



    .quote1-img > img,

    .quote2-img > img {

        height: 45px;

    }



    .homepage .quote1-img > img,

    .quote2-img > img {

        height: auto;

    }



    .quote {

        padding: 0;

    }



    .newsletter {

        background-size: cover;

    }



    .newsletter-box {

        margin-top: 15px;

    }



    .newsletter-icon {

        float: none;

        margin-right: 0;

    }



    .newsletter-title {

        display: inline-block;

        margin-top: 0;

    }



    .newsletter-inner p {

        margin-bottom: 15px;

    }



    .newsletter-inner span {

        margin-bottom: 20px;

    }



    .newsletter-inner input {

        width: 100%

    }



    .footer .newsletter-inner form button {

        padding: 20px 22px;

    }



    .client-main .owl-controls .owl-pagination {

        display: inline-block !important;

    }



    .brand .item {

        padding: 10px 0;

    }



    .error-block-bg {

        background: none;

    }



    .banner .owl-carousel {

        overflow: hidden;

        padding-top: 0px;

    }





    .daily-deals .product-detail-inner {

        text-align: left;

    }



    .product-slider .owl-prev,

    .product-slider .owl-next {

        height: 50px;

        width: 35px;

        padding: 0 10px;

        opacity: 1;

    }



    .product-slider .owl-prev::after,

    .product-slider .owl-next::after {

        font-size: 23px;

        line-height: 47px;

    }



    .product-slider .owl-prev {

        left: 0px;

    }



    .product-slider .owl-next {

        right: 0px;

    }



    #sidebar-product .owl-pagination,

    #blog .owl-pagination {

        right: 20px;



    }



    .sidebar-box.gray-box {

        padding-bottom: 0;

    }



    .sidebar-box.gray-box .sidebar-contant {

        padding-top: 25px;

    }



    .sidebar-box {

        margin-bottom: 15px !important;

    }



    .sidebar-block .sidebar-title-inner {padding: 20px 14px 0px;padding: 0;}



    .sidebar-block .sidebar-box {

        position: relative;

    }



    .sidebar-box .sidebar-contant {

        display: none;

        margin-top: 10px;

    }



    .shop-list .sidebar-box .sidebar-contant {

        display: block;

    }



    .shop-list .sidebar-box .sidebar-contant {

        background: #fff;

    }



    .sidebar-box span.opener {

        background: url(../images/sprite.png) no-repeat scroll 0 0;

        height: 30px;

        width: 30px;

        display: inline-block;

        position: absolute;

        right: 0;

        cursor: pointer;

        z-index: 1;

    }



    .sidebar-box span.plus {

        background-position: -118px -377px;

    }



    .sidebar-box span.minus {

        background-position: -118px -415px;

    }



    .sidebar-box span.opener {

        top: 10px;

        right: 10px;

    }



    .blog-item:hover .blog-media img {

        opacity: 1;

        transform: scale(1);

    }



    .blog-item a.read {

        opacity: 1;

    }



    .client-main .owl-buttons {

        display: none;

    }



    .about-title {

        font-size: 25px;

        line-height: 45px;

    }



    .checkout-step ul li .step .line {

        display: none;

    }



    .account-content {

        padding: 0;

    }



    .account-sidebar ul li.active a::after,

    .account-sidebar ul li:hover a::after {

        border-width: 0px;

    }



    .account-sidebar ul li.active a .fa,

    .account-sidebar ul li:hover a .fa {

        right: 15px;

    }



    .footer-middle {

        padding: 20px 0;

    }



    .footer .title > span {

        margin-left: 0;

        top: 30px;

    }



    /* Footer */

    .footer-static-block {

        position: relative;

        margin-bottom: 10px;

        border-bottom: 1px solid #e1e1e1;

    }



    .footer-static-block .title {

        margin-bottom: 1px;

    }



    .footer-static-block .footer-block-contant {

        display: none;

        margin-bottom: 20px;

    }



    .footer .f-col:last-child .footer-static-block {

        border-bottom: none;

    }



    .footer-static-block span.opener {

        background: url(../images/sprite.png) no-repeat scroll 0 0;

        height: 30px;

        width: 30px;

        display: inline-block;

        position: absolute;

        right: 0;

        top: 5px;

        cursor: pointer;

        z-index: 1;

    }



    .footer-middle-left .footer-static-block span.opener {

        top: -70px;

    }



    .footer-static-block span.plus {

        background-position: -92px -375px;

    }



    .footer-static-block span.minus {

        background-position: -92px -413px;

    }



    .bread-bg {

        padding: 10px 0;

    }



    /*About page*/

    .style-02 .partner-detail-main {

        margin-top: 0;

    }



    .partner-detail-main p {

        margin-bottom: 30px;

    }



    .partner-block ul li {

        padding: 0;

    }



    table.compare-info tr td button:first-child {

        margin-bottom: 10px;

    }



}



@media (max-width: 767px) {

    .center-xs {

        text-align: center;

    }

    .mobilemenu-content {
        top: 50px;
    }

    .mobilemenu-content-flex .right-box .action-top .form {
        top: 45px;
        right: -10px;
    }

    a.Logo-mobile img {
        max-height: 50px!important;
    }

    .header-middle {
        padding: 15px 0 5px 0!important;
    }

    .footer-bottom h2 {

        font-size: 19px;

    }

    .tab_content .Description img, .tab_content .Description iframe {

        height: auto !important;

    }



    .product-item .product-image img {

        height: 150px;

    }



    .page-content h2 {

        font-size: 22px;

        line-height: 30px;

        letter-spacing: 0;

    }



    .page-content h3 {

        font-size: 20px;

        line-height: 25px;

    }



    .price-box span {

        display: block;

        height: 25px;

    }



    .price-box {

        height: 50px;

    }



    .product-item {

        margin: 0 0 0px 0;

    }



    .float-none-sm {

        float: none !important;

    }



    .float-left-sm {

        float: left !important;

    }



    .float-right-sm {

        float: right !important;

    }



    .ptb-95 {

        padding-top: 35px;

        padding-bottom: 35px;

    }



    .pt-95 {

        padding-top: 35px;

    }



    .pb-95 {

        padding-bottom: 35px;

    }



    .ptb-60 {

        padding-top: 40px;

        padding-bottom: 40px;

    }



    .pt-60 {

        padding-top: 40px;

    }



    .pb-60 {

        padding-bottom: 40px;

    }



    .mtb-40 {

        margin-top: 30px;

        margin-bottom: 30px;

    }



    .mtb-60 {

        margin-top: 40px;

        margin-bottom: 40px;

    }



    .mt-60 {

        margin-top: 40px;

    }



    .mb-60 {

        margin-bottom: 40px;

    }



    .mt-40 {

        margin-top: 30px;

    }



    .mb-40 {

        margin-bottom: 30px;

    }



    .ptb-xs-0 {

        padding-top: 0px;

        padding-bottom: 0px;

    }



    .pt-xs-0 {

        padding-top: 0px;

    }



    .pb-xs-0 {

        padding-bottom: 0px;

    }



    .ptb-xs-30 {

        padding-top: 30px;

        padding-bottom: 30px;

    }



    .pt-xs-30 {

        padding-top: 30px;

    }



    .pb-xs-30 {

        padding-bottom: 30px;

    }



    .ptb-xs-60 {

        padding-top: 60px;

        padding-bottom: 60px;

    }



    .pb-xs-60 {

        padding-bottom: 60px;

    }



    .pt-xs-60 {

        padding-top: 60px;

    }



    .mtb-xs-30 {

        margin-top: 30px;

        margin-bottom: 30px;

    }



    .mt-xs-30 {

        margin-top: 30px;

    }



    .mb-xs-30 {

        margin-bottom: 30px;

    }



    .mtb-xs-20 {

        margin-top: 20px;

        margin-bottom: 20px;

    }



    .mt-xs-20 {

        margin-top: 20px;

    }



    .mb-xs-20 {

        margin-bottom: 20px;

    }



    .mtb-xs-15 {

        margin-top: 15px;

        margin-bottom: 15px;

    }



    .mt-xs-15 {

        margin-top: 15px;

    }



    .mb-xs-15 {

        margin-bottom: 15px;

    }



    /* Header */

    .navbar-brand > img {

        height: 25px;

    }



    .header-right-link > ul > li > a {

        padding: 12px 0 13px;

    }



    /* Content */

    .bread-crumb {

        float: none;

    }



    .product-detail-view #sidebar,

    .product-detail-view #content {

        padding: 0 !important;

    }



    .inner-banner .banner-detail h1 {

        font-size: 30px;

    }



    h2.main_title,

    .sidebar-title h3 {

        font-size: 20px;

    }



    .banner-detail .banner-detail-inner .banner-title {

        font-size: 20px;

        line-height: 30px;

        margin-bottom: 2px;

    }



    .banner-detail .banner-detail-inner p {

        font-size: 12px;

        line-height: 15px;

    }



    .banner-detail a.btn {

        display: none;

    }



    .sub-banner .sub-banner-detail .sub-banner-title {

        font-size: 20px;

        line-height: 24px;

    }



    .sub-banner .sub-banner-detail .sub-banner-subtitle {

        font-size: 12px;

        margin-top: 0;

        margin-bottom: 0;

    }



    .sub-banner {

        margin: 0 auto 0;

    }



    .ser-feature-block .feature-box {

        min-width: 210px;

        text-align: left;

    }



    .ser-feature-block .feature-box-main {

        margin-bottom: 20px;

    }



    .ser-feature-block .center-sm:last-child .feature-box-main {

        margin-bottom: 0px;

    }



    .perellex-banner {

        background-position: right center;

    }



    .special-products-block {

        text-align: center;

    }



    .special-products-block .product-image {

        float: none;

    }



    .special-products-block .pro-detail-main {

        min-height: 0px !important;

        margin-left: 0;

        margin-top: 30px;

        text-align: left;

    }



    .special-products-block .pro-detail-main .bottom-detail {

        position: relative;

        margin-top: 20px;

    }



    .special-products-block .product-item {

        float: none;

    }



    .product-page .product-detail-inner {

        padding: 10px 5px 0;

    }



    .pro-detail-info {

        margin-top: 0;

        width: auto;

    }



    .client-main .item p {

        line-height: 25px;

    }



    .brand .item {

        padding: 0;

    }



    .product-detail-view .static-sidebar .inner-wrapper-sticky {

        position: relative !important;

        left: auto !important;

        top: auto !important;

        bottom: auto !important;

        right: auto !important;

        transform: none !important;

        width: auto !important;

    }



    .product-detail-view .static-sidebar {

        height: auto !important;

    }



    .homepage .product-listing.grid-type {

        margin-bottom: -20px;

    }



    .shop-list-view .bottom-detail ul li {

        padding: 0 10px;

    }



    .shop-list-view .bottom-detail ul li:first-child {

        padding: 0;

    }



    .shop-list-view .bottom-detail ul li:last-child {

        padding-right: 0;

    }



    .shop-list-view .bottom-detail ul li > a {

        font-size: 0;

    }



    .shop-list-view .bottom-detail ul li > a span {

        margin-right: 0;

    }



    .checkout-step ul {

        display: inline-block;

    }



    .checkout-step ul li {

        float: none;

        margin-bottom: 15px;

    }



    .table-responsive {

        display: inline-block;

        margin-bottom: 0;

    }



    .error-block-detail .main-error-text {

        font-size: 220px;

        line-height: 180px;

    }



    .story_img_part {

        background: none;

        position: relative;

    }



    .team-item:hover {

        background: none;

    }



    .team-item:hover img {

        opacity: 1;

        transform: scale(1);

    }



    .team-item .team-item-detail {

        bottom: 0;

        opacity: 1;

        position: relative;

    }



    .team-item:hover .team-item-detail {

        opacity: 1;

        bottom: 0;

    }



    .team-item .sub-title {

        color: #000;

        margin-top: 10px;

    }



    .listing-effect .listing-meta {

        color: #000;

    }



    .team-item .sub-title {

        margin-top: 10px;

    }



    .listing-effect .social_icon {

        margin-top: 0;

    }



    .listing-effect:hover .social_icon {

        margin-top: 0;

    }



    .partner-detail-main {

        margin-top: 30px;

    }



    .about-2 .team-item .team-item-detail {

        background: none;

    }



    .about-2 .team-item:hover .team-item-detail {

        bottom: 0px;

        padding: 0;

    }



    .story_detail_part {

        padding-right: 0;

    }



    .about-3 .team-item {

        padding: 15px;

    }



    .about-3 .team-img {

        display: inline-block;

    }



    .about-3 .team-item {

        text-align: center;

    }



    .about-3 .team-item .team-item-detail {

        text-align: center;

    }



    .about-3 .listing-effect .social_icon ul li {

        margin: 0;

    }



    .contact-info .p-0 {

        border-right: none;

        margin-bottom: 30px;

    }



    .contact-box span {

        margin-bottom: 10px;

    }



    .ser-feature-block {

        padding: 0;

    }



    .service-box {

        border-bottom: 1px solid #e1e1e1;

    }



    .service-box:last-child {

        border: medium none;

    }



    .service-box:last-child .feature-box {

        padding-bottom: 0;

    }



    .ser-feature-block .feature-icon {

        margin-left: 0;

        float: left;

    }



    .blog-detail .post-info ul li {

        margin-right: 10px;

    }



    .footer .newsletter-inner form button {

        padding: 15px 18px;

    }



    .newsletter-inner .btn.big {

        padding: 15px 20px;

    }



    .footer-middle-left .footer-static-block span.opener {

        top: -80px;

    }



    .footer-top {

        padding: 32px 20px;

    }



    #newslater-popup .newsletter-inner .main_title {

        font-size: 30px;

    }



    .nl-popup-inner {

        margin: 10px;

    }



    #newslater-popup button.mfp-close {

        top: 10px;

        right: 10px;

    }



    #newslater-popup .newsletter-inner input {

        background: #ffffff;

    }



}



@media (max-width: 600px) {

    /* Header */

    .top-link ul li:first-child,

    .right-icon-link ul li:first-child {

        padding-left: 15px;

    }



    .header-top {

        font-size: 14px;

    }



    .top-right-link ul li a {

        font-size: 0;

    }



    .top-right-link ul li a span {

        margin-bottom: -9px;

    }



    .header-right-part {

        padding: 0 89px 0 151px;

    }



    .category-dropdown select {

        background-position: 72% 50% !important;

        padding: 7px 24px 7px 25px;

        width: 150px;

    }



    .banner-detail .banner-detail-inner .banner-title {

        font-size: 15px;

        line-height: 25px;

    }



    .banner-detail .banner-detail-inner span.slogan {

        font-size: 16px;

    }



    .banner-detail a.btn {

        display: none;

    }



    .sub-banner .sub-banner-detail {

        bottom: 30%;

    }



    .sub-banner-block .btn {

        display: none;

    }



    .inner-banner .banner-detail h1 {

        font-size: 25px;

    }



    .header_search_toggle.mobile-view {

        display: block;

        margin-bottom: 20px;

    }



    .mobile-view .search-box input.input-text {

        position: relative;

        right: auto;

        width: 100% !important;

        opacity: 1;

    }



    .mobile-view .search-box button.search-btn {

        position: absolute;

    }



    .product-listing .col-xs-6 {

        padding: 0 10px;

    }



    .product-item:hover .product-image img {

        opacity: 1;

    }



    .product-image {

        background: none;

    }



    .detail-inner-left {

        opacity: 1;

        transform: scale(1);

        -moz-transform: scale(1);

        -webkit-transform: scale(1);

        -o-transform: scale(1);



    }



    .product-listing .row .owl-carousel .owl-item .item {

        padding: 0 10px;

    }



    .product-listing .shop-list-view .product-item {

        float: none;

        margin-right: 0;

        margin-bottom: 15px;

    }



    .product-listing.grid-type .row {

        margin-left: -10px;

        margin-right: -10px;

    }



    .product-listing.grid-type .item-width {

        padding-left: 10px;

        padding-right: 10px;

    }



    .detail-inner-left,

    .product-listing.grid-type .detail-inner-left {

        opacity: 1;

    }



    .product-item .detail-inner-left ul li,

    .product-listing.grid-type .product-item .detail-inner-left ul li {

        margin: 0;

    }



    .product-item:hover .detail-inner-left ul li,

    .product-listing.grid-type .product-item:hover .detail-inner-left ul li {

        margin: 0;

    }



    .product-item .detail-inner-left ul li {

        padding: 0 4px;

    }



    .product-detail-inner,

    .product-listing.grid-type .product-detail-inner {

        position: relative;

        right: auto;

        bottom: 0;

        margin-top: 10px;

    }



    .detail-inner-left ul li a,

    .detail-inner-left ul li button,

    .product-listing.grid-type .detail-inner-left ul li a,

    .product-listing.grid-type .detail-inner-left ul li button {

        background: #eeeeee;

    }



    .detail-inner-left ul li a,

    .detail-inner-left ul li button {

        font-size: 14px;

    }



    .product-listing.list-type .product-image {

        float: none;

        width: 200px;

    }



    .product-listing.list-type .inner-listing .item-width {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .product-listing.list-type .product-item-details {

        padding-top: 10px;

        margin-left: 220px;

    }



    .product-listing.list-type .price-box {

        margin-bottom: 5px;

    }



    .product-item-details {

        padding-top: 0;

        text-align: center;

    }



    .detail-inner-left ul {

        width: 100%;

    }



    .product-item .detail-inner-left ul li {

        width: 25%;

        float: left;

        margin: 5px 0 0;

    }



    .product-listing.list-type .product-item .detail-inner-left ul li {

        width: auto;

    }



    .product-item:hover .detail-inner-left ul li {

        margin: 5px 0 0;

    }



    .product-item .detail-inner-left ul li:first-child {

        padding-left: 4px;

    }



    .product-item .detail-inner-left.right-side ul li::before {

        background: #a7a7a7;

        content: "";

        height: 25px;

        left: 0;

        position: absolute;

        width: 1px;

    }



    .product-item .detail-inner-left.right-side ul li {

        width: 50%;

    }



    .product-item .detail-inner-left.left-side ul li {

        width: 100%;

    }



    .detail-inner-left.left-side {

        display: inline-block;

        width: 33.33%;

    }



    .detail-inner-left.right-side {

        width: 66.67%;

    }



    .detail-inner-left.right-side ul li a {

        border: none;

    }



    .product-item .detail-inner-left ul li:last-child {

        padding-right: 3px;

    }



    .product-page .product-listing .row {

        margin-left: -5px;

        margin-right: -5px;

    }



    .product-item:hover .product-detail-inner {

        bottom: 0;

    }



    .uniq-product .product-detail-inner {

        top: auto;

        bottom: 0;

    }



    .uniq-product .product-item:hover .product-detail-inner {

        top: auto;

        bottom: 0;

    }



    .uniq-product .product-item-details {

        position: relative;

        top: auto;

        background: none;

    }



    .price-box {

        display: block;

        text-align: center;

    }



    .quick-view-popup .product-item-details .price-box {

        text-align: left;

    }



    .list-type .price-box,

    .sidebar-box.sidebar-item .price-box,

    .product-detail-main .price-box {

        text-align: left;

    }



    /* .product-item.sold-out::after {

      top: 40%;

    } */

    .rating-summary-block.right-side {

        float: none;

        text-align: center;

    }



    .cat-block .price-box {

        text-align: left;

    }



    .daily-deals .price-box {

        text-align: left;

    }



    .daily-deals .product-item .detail-inner-left ul li {

        margin: 10px 0;

    }



    .daily-deals .product-item .detail-inner-left ul li {

        border-right: none;

    }



    .daily-deals .detail-inner-left ul li button {

        border: none;

        padding: 0;

    }



    .daily-deals .detail-inner-left ul li a {

        border: 0;

    }



    .countdown-inner .countdown-detail {

        padding-right: 10px;

    }



    .newsletter-icon {

        margin-right: 10px;

    }



    .newsletter-bg {

        padding: 30px 0;

    }



    .nl-popup-main {

        background-position: right 0;

    }



    #newslater-popup .newsletter-inner input {

        border: 1px solid #d2d2d2;

    }



    .error-block-detail .main-error-text {

        font-size: 150px;

        line-height: 120px;

        margin-bottom: 40px;

    }



    .main_title span {

        padding: 0 70px 0 0;

    }



    .paypal-box {

        display: none;

    }



    .payment-top-box {

        margin-bottom: 0;

    }



    .footer-top .f-logo {

        float: none;

        text-align: center;

    }



    .footer-top p {

        margin-left: 0px;

    }

}



@media (max-width: 575px) {

    .header-top {

        border-bottom: none;

    }



    .top-link .ui-state-default,

    .top-link .ui-widget-content .ui-state-default,

    .top-link .ui-widget-header .ui-state-default {

        min-width: 48%;

    }

}



@media (max-width: 576px) {

    .float-none-xs {

        float: none !important;

    }



    .float-left-xs {

        float: left !important;

    }



    .float-right-xs {

        float: right !important;

    }

}



@media only screen and (min-width: 420px) and (max-width: 767px) {

}





@media (max-width: 500px) {

    .mlr_-20 {

        margin-left: -5px !important;

        margin-right: -5px !important;

    }



    .plr-20 {

        padding-left: 5px !important;

        padding-right: 5px !important;

    }



    .plr-20.mb-20 {

        margin-bottom: 10px;

    }



    .product-listing.list-type .inner-listing .item-width {

        margin-bottom: 20px;

    }



    .top-link ul li a {

        color: #fff;

    }



    .header-top.mobile ul li {

        float: left;

    }



    .banner-detail {

        top: 30%;

    }



    .header-middle hr {

        display: none;

    }



    .header-right-link > ul > li > a span {

        width: 35px;

    }



    .banner-detail .banner-detail-inner span.offer {

        font-weight: 400;

        font-size: 15px;

    }



    .sub-banner .sub-banner-detail .sub-banner-title {

        font-size: 20px;

    }



    .product-detail-tab .nav-tabs > li {

        float: none;

    }



    .product-detail-main .bottom-detail ul li > a {

        font-size: 0;

    }



    .product-detail-main .bottom-detail ul li > a span {

        margin-right: 0;

        margin-bottom: -6px;

    }



    .homepage .product-listing.grid-type .mb-xs-20 {

        margin-bottom: 10px;

    }



    .homepage .product-listing.grid-type {

        margin-bottom: -10px;

    }



    .slidebar-open.btn-color.btn {

        margin-left: 0;

        padding: 6px 3px;

        text-align: center;

        width: 32px;

    }



    .slidebar-open.btn-color.btn.closemenu > span {

        font-size: 0;

        line-height: 0;

        padding: 0;

    }





    .share-link {

        margin-bottom: 20px;

        margin-top: 0;

    }



    .category-bar ul li a {

        font-size: 18px;

        padding: 10px;

    }



    .ser-subtitle {

        float: none;

    }



    .product-detail-main .product-item-details .product-item-name {

        font-size: 18px;

    }



    .product-item-name {

        margin-bottom: 0;

        line-height: 22px;

    }



    .newsletter-title .main_title {

        font-size: 20px;

    }



    #newslater-popup .newsletter-inner p {

        padding: 0 20px;

    }



    ul.social-icon li i.fa {

        height: 30px;

        width: 30px;

        line-height: 30px;

        font-size: 16px;

    }



    .payment ul li {

        padding: 0

    }



    .team-item .sub-title {

        font-size: 12px;

        margin-bottom: 0;

        margin-top: 10px;

    }



    .listing-effect .social_icon ul li {

        display: inline-block;

        margin: 0 -5px;

    }



    .listing-effect .social_icon ul li a i.fa.fa-facebook:hover {

        background: rgba(0, 0, 0, 0);

        color: #3b5998;

    }



    .listing-effect .social_icon ul li a i.fa.fa-twitter:hover {

        background: rgba(0, 0, 0, 0);

        color: #00aced;

    }



    .listing-effect .social_icon ul li a i.fa.fa-dribbble:hover {

        background: rgba(0, 0, 0, 0);

        color: #f7679a;

    }



    .listing-effect .social_icon ul li a i.fa.fa-pinterest:hover {

        background: rgba(0, 0, 0, 0);

        color: #cb2027;

    }



    /* .card-body {

        padding-left: 0;

      } */

    .product-info {

        width: 160px;

    }

}



@media (max-width: 419px) {



    #newslater-popup .newsletter-inner {

        padding: 50px 0;

    }



    #newslater-popup .newsletter-inner .main_title {

        font-size: 25px;

    }



    #newslater-popup .newsletter-inner input {

        margin-bottom: 20px;

    }



    #newslater-popup .newsletter-inner > form {

        margin-bottom: 20px;

    }





    /* Header */

    .header-right-link > ul > li:hover {

        position: static;

    }



    .header-right-link {

        top: -108px;

    }



    .header-right-part {

        padding: 0 89px 0 0;

    }



    .category-dropdown {

        display: none;

    }



    .main-banner .owl-controls .owl-pagination {

        bottom: 10px;

    }



    .banner-detail .banner-detail-inner .banner-title {

        font-size: 16px;

        line-height: 20px;

    }



    .banner-detail .banner-detail-inner span.offer {

        font-size: 12px;

        padding: 5px;

    }



    .banner-detail .banner-detail-inner span.slogan {

        font-size: 12px;

        padding: 0;

    }



    .banner-detail .banner-detail-inner p {

        display: none;

    }



    .sub-banner .sub-banner-detail .sub-banner-subtitle {

        font-size: 12px;

        margin-top: 0;

        margin-bottom: 0;

    }



    .sub-banner-block .col-xs-6 {

        width: 100%;

    }



    .sub-banner {

        max-width: 100%;

    }



    .sub-banner .sub-banner-detail .sub-banner-title {

        font-size: 16px;

        line-height: 20px;

    }



    .category-bar ul li a {

        font-size: 14px;

        padding: 5px;

    }



    .ser-feature-block {

        border: none;

    }



    ul li.service-box {

        text-align: center;

        float: none;

        width: 100%;

    }



    ul li.service-box:first-child {

        padding-top: 5px;

    }



    ul li.service-box:last-child {

        border-bottom: none;

        padding-bottom: 5px;

    }



    .ser-feature-block .feature-box .ser-subtitle {

        font-size: 12px;

        letter-spacing: 0;

    }



    .main_title span {

        padding: 0;

    }



    .main-label {

        font-size: 11px;

        height: 35px;

        line-height: 35px;

        top: 5px;

        width: 35px;

    }



    .product-item .product-detail-inner {

        bottom: 0;

    }



    .product-item:hover .product-detail-inner {

        bottom: 0;

    }



    .detail-inner-left ul li a,

    .detail-inner-left ul li button,

    .product-listing.grid-type .detail-inner-left ul li a,

    .product-listing.grid-type .detail-inner-left ul li button {

        height: 30px;

        width: 30px;

        line-height: 30px;

    }



    .product-listing.list-type .product-image {

        width: auto;

        max-width: 100%;

    }



    .product-listing.list-type .product-item-details {

        margin-left: 0;

        position: relative;

        top: auto;

        transform: translateY(0%) !important;

        -moz-transform: translateY(0%) !important;

        -webkit-transform: translateY(0%) !important;

        -o-transform: translateY(0%) !important;

    }



    .select-size ul li a {

        margin-right: 0;

    }



    .newsletter-inner {

        padding: 30px 0px;

    }



    .newsletter-icon {

        display: none;

    }



    .newsletter-box {

        padding: 0;

    }



    .newsletter-bg {

        padding: 0;

        background: none;

    }



    .newsletter .newsletter-inner form button {

        position: relative;

        margin-top: 15px;

        border-radius: 5px;

        -moz-border-radius: 5px;

        -webkit-border-radius: 5px;

        -o-border-radius: 5px;

    }



    .newsletter-inner .main_title {

        font-size: 20px;

        line-height: 25px;

    }



    .newsletter-title .sub-title {

        font-size: 16px;

    }



    .error-block-detail .main-error-text {

        font-size: 120px;

    }



    .error-small-text {

        font-size: 30px;

    }



    .error-slogan {

        font-size: 22px;

    }



    .short-by > span,

    .show-item > span {

        display: none;

    }



    .short-by,

    .select-item,

    .compare {

        display: inline-block;

    }



    .tab_content {

        padding: 10px;

    }



    .product-detail-tab .nav > li > a {

        font-size: 14px;

        padding: 8px 10px;

        display: block;

    }



    .share-link label {

        letter-spacing: 0;

        margin-right: 5px;

    }



    .f-logo img {

        height: 25px;

    }



    .footer-bottom .site-link li a {

        padding: 0 6px;

    }



    ul.social-icon li i.fa {

        padding: 0 5px;

    }



    .comment-user {

        margin-right: 15px;

    }



    .comment-user img {

        width: 40px;

    }



    ul.child-comment {

        margin-left: 40px;

    }



    .product-detail-tab .tab_content {

        padding: 15px;

    }



}



@media (max-width: 1199px) {

    .category-home-product .sidebar-title {

        display: block !important;

        margin: 0;

    }



    .category-home-product .sidebar-box .sidebar-contant {

        padding: 0;

    }



    .category-home-product .sidebar-block .sidebar-contant .btn.small {

        font-size: 14px;

    }



    .category-home-product .sidebar-box span.opener {

        background: url(../images/sprite.png) no-repeat scroll 0 0;

        height: 30px;

        width: 30px;

        display: inline-block;

        position: absolute;

        right: 0;

        cursor: pointer;

        z-index: 1;

    }



    .category-home-product .sidebar-box span.plus {

        background-position: -118px -377px;

    }



    .category-home-product .sidebar-box span.opener {

        top: 10px;

        right: 10px;

    }



    .category-home-product .sidebar-box span.minus {

        background-position: -118px -415px;

    }



    .category-home-product .sidebar-box .sidebar-contant {

        display: none;

    }



    .category-home-product li.catalogue-parent-title {

        display: none;

    }



    .btn-sidebar-menu-dropdown {

        font-size: 15px;

    }



    .btn-sidebar-menu-dropdown .fa {

        top: 3px;

        position: relative;

    }

}