@media only screen and (min-device-width :320px) and (max-device-width : 360px) {
.header-login.mobile_res a {
    color: #fff;
}
.header-login.mobile_res p {
    color: #fff;
}
nav.navbar.navbar-expand-md.navbar-light.mobile_res button {
    padding: 0px;
    margin: 0px;
    position: relative;
    left: -10px;
    top: 0;
   border:none;
}
.header-login a span {
    width: 30px;
    border-radius: 100%;
    height: 30px;
    line-height: 30px;
    margin: 4px 3px 0 0;
    float: left;
}
.navbar-toggler-icon {
    margin: 12px 0px 0;
   
}
.navbar-light .navbar-toggler-icon { width: 20px !important;

}
.header-login a {
    font-size: 11px; color: #fff;
}
.header-login p {
    font-size: 10px;
     color: #fff;
}
.header-logo select {
    height: 35px;
    padding: 0 7px;
    font-size: 12px;
}
.header-logo input {
    height: 37px;
    padding: 0 36px 0 85px; font-size:13px;
}
button.btn.search_btn span {
    display: none;
}
button.btn.search_btn {
    height: 37px;
    padding: 0 12.5px;
    font-size: 12px;
}

ul.product-flag a {
    border: solid 1px #80bb01;
    padding: 4px 4px;
    margin: 0 14px 0 0px;
}
.product_bg {
    margin: 20px 0;
}
.product_bg h2 {
    font-size: 15px;
    padding: 13px 13px;
}
.owl_top .owl-nav>div.owl-next {
    right: 5px !important;
    top: -58px !important;
}
.owl_top .owl-nav>div.owl-prev {
    left: auto !important;
    top: -59px !important;
    right: 49px !important;
}
.owl-nav-style .owl-nav>div.owl-prev {
    left: -8px;
    top: 40%;
}
.owl-nav-style .owl-nav>div.owl-next {
    right: -9px;
    top: 40%;
}
.discount span {
    padding: 4px 8px;
    font-size: 11px;
	float: left;
}
article.list-product.product_top_slid {
    padding: 5px 5px;
}
article.list-product.product_top_slid .img-block {
    padding: 44px 0 20px;
}
.pro_view-img.product_content h4 {
    font-size: 12px;
}
.pro_view-img.product_content p {
    font-size: 12px;
}
.rating_price h3 {
    font-size: 13px;
}
.rating_price span {
    font-size: 13px;
}
.cart_btn a {
    padding: 4px 5px;
    font-size: 11px;
}
.cart_btn span a {
    font-size: 23px;
}
.delavery_section {
    padding: 22px 0;
    margin-top: 30px;
}
.delavery_content h5 {
    font-size: 16px;
}
.delavery_content i {
    width: 53px;
    height: 53px;
    line-height: 51px;
    font-size: 21px;
}
.delavery_content p {
    font-size: 13px;
}
.delavery_content {
    padding: 0 0 20px;
    border-bottom: solid 1px #ccc;
    margin: 0 0 14px 0;
}
.news_left h5 {
    padding: 0px 0 0;
    font-size: 15px;
}
.news_left i {
    padding: 17px;
    font-size: 25px;
    margin-right: 10px;
}
.news_left p {
    font-size: 11px;
}

.news_right input {
    height: 48px !important;
    padding: 0 20px !important;
}

.news_right button {
    height: 40px !important;
    padding: 0 16px !important;
    margin: 24px 5px 0;
    font-size: 13px;
}
.news_right {
    padding: 20px 0 0;
}
.mx-related-products-slider ul.mx-related-products {
    margin: 20px 0;
    top: 0px;
    left: 90%;
    padding: 10px 0;
}
.mx-related-products-slider ul.mx-related-products li {
    width: 100px !important;
}
.mx-related-products-slider ul.mx-related-products li img {
    height: 36%;
}

span.mx-price {
    font-size: 18px;
}


.banner_space {
    padding: 0 0 20px;
}

.footer_center {
    text-align: left;
}
.top_header p {
    font-size: 11px;
}
.wishilist {
    padding: 0 8px;
    margin: 0;
    font-size: 11px;
}
.top-right ul li {
    display: none;
}
nav.navbar.navbar-expand-md.navbar-light.mobile_res {
    padding: 14px 10px 8px;
}

ul.nav_menu {
    width: 100%;
    z-index: 999;
    display: inline-block;
}
ul.nav_menu li {
    display: block;
    text-align: left;
}

/* new */

button.navbar-toggler {
    border: none;
    outline: none;
    padding: 0;
}
span.wipho {
    display: none;
}
.mobile-nav {
    width: 85%;
    float: left;
}
nav.navbar.navbar-expand-md.navbar-light {
    padding: 5px 0 10px;
    width: 100%;
    display: inline-block;
    float:left;
}
.header-login a span img {
    height: 20px;
}
.header-login {
    text-align: left;
}
.site-header.fixed .header-login a span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 6px 6px 0 0;
}
.site-header.fixed .header-login a {
    font-size: 10px;
}
.site-header.fixed .header-login p {
    color: #fff;
    font-size: 10px;
}

.slide-caption {
    padding-right: 0;
}
.hero::after {
    display: none;
}
.hero::before {
    display: none;
}
.navbar-collapse {
    z-index: 333; background-color: rgb(121 220 170);
}
button.btn-close.close-icon.float-end {
    float: right;
    border: none;
    background: no-repeat;
    font-size: 23px;
    color: #fff;
}
.slick-track .owl-next {display: none;}

.slick-track .owl-prev {display: none;}

.site-header.fixed .navbar-light {
    padding: 6px 0 12px !important;
}

}


@media only screen and (min-device-width :361px) and (max-device-width : 480px) {
    .header-login.mobile_res a {
        color: #fff;
    }
    .header-login.mobile_res p {
        color: #fff;
    }
    nav.navbar.navbar-expand-md.navbar-light.mobile_res button {
        padding: 0px;
        margin: 0px;
        position: relative;
        left: -10px;
        top: 0;
       border:none;
    }
    .header-login a span {
        width: 30px;
        border-radius: 100%;
        height: 30px;
        line-height: 30px;
        margin: 4px 3px 0 0;
        float: left;
    }
    .navbar-toggler-icon {
        margin: 12px 0px 0;
       
    }
    .navbar-light .navbar-toggler-icon { width: 20px !important;
    
    }
    .header-login a {
        font-size: 11px; color: #fff;
    }
    .header-login p {
        font-size: 10px;
         color: #fff;
    }
    .header-logo select {
        height: 35px;
        padding: 0 7px;
        font-size: 12px;
    }
    .header-logo input {
        height: 37px;
        padding: 0 36px 0 85px; font-size:13px;
    }
    button.btn.search_btn span {
        display: none;
    }
    button.btn.search_btn {
        height: 37px;
        padding: 0 12.5px;
        font-size: 12px;
    }
    
    ul.product-flag a {
        border: solid 1px #80bb01;
        padding: 4px 4px;
        margin: 0 14px 0 0px;
    }
    .product_bg {
        margin: 20px 0;
    }
    .product_bg h2 {
        font-size: 15px;
        padding: 13px 13px;
    }
    .owl_top .owl-nav>div.owl-next {
        right: 5px !important;
        top: -58px !important;
    }
    .owl_top .owl-nav>div.owl-prev {
        left: auto !important;
        top: -59px !important;
        right: 49px !important;
    }
    .owl-nav-style .owl-nav>div.owl-prev {
        left: -8px;
        top: 40%;
    }
    .owl-nav-style .owl-nav>div.owl-next {
        right: -9px;
        top: 40%;
    }
    .discount span {
        padding: 4px 8px;
        font-size: 11px;
        float: left;
    }
    article.list-product.product_top_slid {
        padding: 5px 5px;
    }
    article.list-product.product_top_slid .img-block {
        padding: 44px 0 20px;
    }
    .pro_view-img.product_content h4 {
        font-size: 12px;
    }
    .pro_view-img.product_content p {
        font-size: 12px;
    }
    .rating_price h3 {
        font-size: 13px;
    }
    .rating_price span {
        font-size: 13px;
    }
    .cart_btn a {
        padding: 4px 5px;
        font-size: 11px;
    }
    .cart_btn span a {
        font-size: 23px;
    }
    .delavery_section {
        padding: 22px 0;
        margin-top: 30px;
    }
    .delavery_content h5 {
        font-size: 16px;
    }
    .delavery_content i {
        width: 53px;
        height: 53px;
        line-height: 51px;
        font-size: 21px;
    }
    .delavery_content p {
        font-size: 13px;
    }
    .delavery_content {
        padding: 0 0 20px;
        border-bottom: solid 1px #ccc;
        margin: 0 0 14px 0;
    }
    .news_left h5 {
        padding: 0px 0 0;
        font-size: 15px;
    }
    .news_left i {
        padding: 17px;
        font-size: 25px;
        margin-right: 10px;
    }
    .news_left p {
        font-size: 11px;
    }
    
    .news_right input {
        height: 48px !important;
        padding: 0 20px !important;
    }
    
    .news_right button {
        height: 40px !important;
        padding: 0 16px !important;
        margin: 24px 5px 0;
        font-size: 13px;
    }
    .news_right {
        padding: 20px 0 0;
    }
    .mx-related-products-slider ul.mx-related-products {
        margin: 20px 0;
        top: 0px;
        left: 90%;
        padding: 10px 0;
    }
    .mx-related-products-slider ul.mx-related-products li {
        width: 100px !important;
    }
    .mx-related-products-slider ul.mx-related-products li img {
        height: 36%;
    }
    
    span.mx-price {
        font-size: 18px;
    }
    
    
    .banner_space {
        padding: 0 0 20px;
    }
    
    .footer_center {
        text-align: left;
    }
    .top_header p {
        font-size: 11px;
    }
    .wishilist {
        padding: 0 8px;
        margin: 0;
        font-size: 11px;
    }
    .top-right ul li {
        display: none;
    }
    nav.navbar.navbar-expand-md.navbar-light.mobile_res {
        padding: 14px 10px 8px;
    }
    
    ul.nav_menu {
        width: 100%;
        z-index: 999;
        display: inline-block;
    }
    ul.nav_menu li {
        display: block;
        text-align: left;
    }
    
    /* new */
    
    button.navbar-toggler {
        border: none;
        outline: none;
        padding: 0;
    }
    span.wipho {
        display: none;
    }
    .mobile-nav {
        width: 85%;
        float: left;
    }
    nav.navbar.navbar-expand-md.navbar-light {
        padding: 5px 0 10px;
        width: 100%;
        display: inline-block;
        float:left;
    }
    .header-login a span img {
        height: 20px;
    }
    .header-login {
        text-align: left;
    }
    .site-header.fixed .header-login a span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 6px 6px 0 0;
    }
    .site-header.fixed .header-login a {
        font-size: 10px;
    }
    .site-header.fixed .header-login p {
        color: #fff;
        font-size: 10px;
    }
    
    .slide-caption {
        padding-right: 0;
    }
    .hero::after {
        display: none;
    }
    .hero::before {
        display: none;
    }
    .navbar-collapse {
        z-index: 333; background-color: rgb(121 220 170);
    }
    button.btn-close.close-icon.float-end {
        float: right;
        border: none;
        background: no-repeat;
        font-size: 23px;
        color: #fff;
    }
    .slick-track .owl-next {display: none;}
    
    .slick-track .owl-prev {display: none;}
    
    .site-header.fixed .navbar-light {
        padding: 6px 0 12px !important;
    }
    
    }

@media only screen and (min-device-width :481px) and (max-device-width : 520px) {
    .header-login.mobile_res a {
        color: #fff;
    }
    .header-login.mobile_res p {
        color: #fff;
    }
    nav.navbar.navbar-expand-md.navbar-light.mobile_res button {
        padding: 0px;
        margin: 0px;
        position: relative;
        left: -10px;
        top: 0;
       border:none;
    }
    .header-login a span {
        width: 30px;
        border-radius: 100%;
        height: 30px;
        line-height: 30px;
        margin: 4px 3px 0 0;
        float: left;
    }
    .navbar-toggler-icon {
        margin: 12px 0px 0;
       
    }
    .navbar-light .navbar-toggler-icon { width: 20px !important;
    
    }
    .header-login a {
        font-size: 11px; color: #fff;
    }
    .header-login p {
        font-size: 10px;
         color: #fff;
    }
    .header-logo select {
        height: 35px;
        padding: 0 7px;
        font-size: 12px;
    }
    .header-logo input {
        height: 37px;
        padding: 0 36px 0 85px; font-size:13px;
    }
    button.btn.search_btn span {
        display: none;
    }
    button.btn.search_btn {
        height: 37px;
        padding: 0 12.5px;
        font-size: 12px;
    }
    
    ul.product-flag a {
        border: solid 1px #80bb01;
        padding: 4px 4px;
        margin: 0 14px 0 0px;
    }
    .product_bg {
        margin: 20px 0;
    }
    .product_bg h2 {
        font-size: 15px;
        padding: 13px 13px;
    }
    .owl_top .owl-nav>div.owl-next {
        right: 5px !important;
        top: -58px !important;
    }
    .owl_top .owl-nav>div.owl-prev {
        left: auto !important;
        top: -59px !important;
        right: 49px !important;
    }
    .owl-nav-style .owl-nav>div.owl-prev {
        left: -8px;
        top: 40%;
    }
    .owl-nav-style .owl-nav>div.owl-next {
        right: -9px;
        top: 40%;
    }
    .discount span {
        padding: 4px 8px;
        font-size: 11px;
        float: left;
    }
    article.list-product.product_top_slid {
        padding: 5px 5px;
    }
    article.list-product.product_top_slid .img-block {
        padding: 44px 0 20px;
    }
    .pro_view-img.product_content h4 {
        font-size: 12px;
    }
    .pro_view-img.product_content p {
        font-size: 12px;
    }
    .rating_price h3 {
        font-size: 13px;
    }
    .rating_price span {
        font-size: 13px;
    }
    .cart_btn a {
        padding: 4px 5px;
        font-size: 11px;
    }
    .cart_btn span a {
        font-size: 23px;
    }
    .delavery_section {
        padding: 22px 0;
        margin-top: 30px;
    }
    .delavery_content h5 {
        font-size: 16px;
    }
    .delavery_content i {
        width: 53px;
        height: 53px;
        line-height: 51px;
        font-size: 21px;
    }
    .delavery_content p {
        font-size: 13px;
    }
    .delavery_content {
        padding: 0 0 20px;
        border-bottom: solid 1px #ccc;
        margin: 0 0 14px 0;
    }
    .news_left h5 {
        padding: 0px 0 0;
        font-size: 15px;
    }
    .news_left i {
        padding: 17px;
        font-size: 25px;
        margin-right: 10px;
    }
    .news_left p {
        font-size: 11px;
    }
    
    .news_right input {
        height: 48px !important;
        padding: 0 20px !important;
    }
    
    .news_right button {
        height: 40px !important;
        padding: 0 16px !important;
        margin: 24px 5px 0;
        font-size: 13px;
    }
    .news_right {
        padding: 20px 0 0;
    }
    .mx-related-products-slider ul.mx-related-products {
        margin: 20px 0;
        top: 0px;
        left: 90%;
        padding: 10px 0;
    }
    .mx-related-products-slider ul.mx-related-products li {
        width: 100px !important;
    }
    .mx-related-products-slider ul.mx-related-products li img {
        height: 36%;
    }
    
    span.mx-price {
        font-size: 18px;
    }
    
    
    .banner_space {
        padding: 0 0 20px;
    }
    
    .footer_center {
        text-align: left;
    }
    .top_header p {
        font-size: 11px;
    }
    .wishilist {
        padding: 0 8px;
        margin: 0;
        font-size: 11px;
    }
    .top-right ul li {
        display: none;
    }
    nav.navbar.navbar-expand-md.navbar-light.mobile_res {
        padding: 14px 10px 8px;
    }
    
    ul.nav_menu {
        width: 100%;
        z-index: 999;
        display: inline-block;
    }
    ul.nav_menu li {
        display: block;
        text-align: left;
    }
    
    /* new */
    
    button.navbar-toggler {
        border: none;
        outline: none;
        padding: 0;
    }
    span.wipho {
        display: none;
    }
    .mobile-nav {
        width: 85%;
        float: left;
    }
    nav.navbar.navbar-expand-md.navbar-light {
        padding: 5px 0 10px;
        width: 100%;
        display: inline-block;
        float:left;
    }
    .header-login a span img {
        height: 20px;
    }
    .header-login {
        text-align: left;
    }
    .site-header.fixed .header-login a span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 6px 6px 0 0;
    }
    .site-header.fixed .header-login a {
        font-size: 10px;
    }
    .site-header.fixed .header-login p {
        color: #fff;
        font-size: 10px;
    }
    
    .slide-caption {
        padding-right: 0;
    }
    .hero::after {
        display: none;
    }
    .hero::before {
        display: none;
    }
    .navbar-collapse {
        z-index: 333; background-color: rgb(121 220 170);
    }
    button.btn-close.close-icon.float-end {
        float: right;
        border: none;
        background: no-repeat;
        font-size: 23px;
        color: #fff;
    }
    .slick-track .owl-next {display: none;}
    
    .slick-track .owl-prev {display: none;}
    
    .site-header.fixed .navbar-light {
        padding: 6px 0 12px !important;
    }
    
}

@media only screen and (min-device-width :521px) and (max-device-width : 640px) {
.header-login.mobile_res a {
    color: #fff;
}
.header-login.mobile_res p {
    color: #fff;
}
nav.navbar.navbar-expand-md.navbar-light.mobile_res button {
    padding: 0px;
    margin: 0px;
    position: relative;
    left: -10px;
    top: 0;
   border:none;
}
.header-login a span {
    width: 37px;
    border-radius: 100%;
    height: 37px;
    line-height: 37px;
    margin: 0 7px 0 0;
}
.header-login a {
    font-size: 11px;
}
.header-login p {
    font-size: 10px;
    
}
.header-logo select {
    height: 35px;
    padding: 0 7px;
    font-size: 12px;
}
.header-logo input {
    height: 37px;
    padding: 0 36px 0 85px; font-size:13px;
}
button.btn.search_btn span {
    display: none;
}
button.btn.search_btn {
    height: 37px;
    padding: 0 11px;
}

ul.product-flag a {
    border: solid 1px #80bb01;
    padding: 4px 4px;
    margin: 0 14px 0 0px;
}
.product_bg {
    margin: 20px 0;
}
.product_bg h2 {
    font-size: 15px;
    padding: 13px 13px;
}
.owl_top .owl-nav>div.owl-next {
    right: 5px !important;
    top: -58px !important;
}
.owl_top .owl-nav>div.owl-prev {
    left: auto !important;
    top: -59px !important;
    right: 49px !important;
}
.owl-nav-style .owl-nav>div.owl-prev {
    left: -8px;
    top: 40%;
}
.owl-nav-style .owl-nav>div.owl-next {
    right: -9px;
    top: 40%;
}
.discount span {
    padding: 4px 8px;
    font-size: 11px;
	float: left;
}
article.list-product.product_top_slid {
    padding: 5px 5px;
}
article.list-product.product_top_slid .img-block {
    padding: 44px 0 20px;
}
.pro_view-img.product_content h4 {
    font-size: 12px;
}
.pro_view-img.product_content p {
    font-size: 12px;
}
.rating_price h3 {
    font-size: 13px;
}
.rating_price span {
    font-size: 13px;
}
.cart_btn a {
    padding: 4px 5px;
    font-size: 11px;
}
.cart_btn span a {
    font-size: 23px;
}
.delavery_section {
    padding: 22px 0;
    margin-top: 30px;
}
.delavery_content h5 {
    font-size: 16px;
}
.delavery_content i {
    width: 53px;
    height: 53px;
    line-height: 51px;
    font-size: 21px;
}
.delavery_content p {
    font-size: 13px;
}
.delavery_content {
    padding: 0 0 20px;
    border-bottom: solid 1px #ccc;
    margin: 0 0 14px 0;
}
.news_left h5 {
    padding: 0px 0 0;
    font-size: 15px;
}
.news_left i {
    padding: 17px;
    font-size: 25px;
    margin-right: 10px;
}
.news_left p {
    font-size: 11px;
}

.news_right input {
    height: 48px !important;
    padding: 0 20px !important;
}

.news_right button {
    height: 40px !important;
    padding: 0 16px !important;
    margin: 24px 5px 0;
    font-size: 13px;
}
.news_right {
    padding: 20px 0 0;
}
.mx-related-products-slider ul.mx-related-products {
    margin: 20px 0;
    top: 0px;
    left: 90%;
    padding: 10px 0;
}
.mx-related-products-slider ul.mx-related-products li {
    width: 100px !important;
}
.mx-related-products-slider ul.mx-related-products li img {
    height: 36%;
}

span.mx-price {
    font-size: 18px;
}


.banner_space {
    padding: 0 0 20px;
}

.footer_center {
    text-align: left;
}
.top_header p {
    font-size: 11px;
}
.wishilist {
    padding: 0 10px 0 0;
    color: #000;
    margin: 0 10px 0 0;
    border-right: solid 2px #000;
    font-size: 11px;
}
.top-right ul li {
    display: none;
}
nav.navbar.navbar-expand-md.navbar-light.mobile_res {
    padding: 14px 10px 8px;
}

ul.nav_menu {
    width: 200px;
    position: absolute;
    z-index: 999;
    background: #fff;
}
}