@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Rubik:300,400,500,700,900');

 * {
     margin: 0;
     padding: 0;
     -webkit-font-smoothing: antialiased;
     -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
     text-shadow: rgba(0, 0, 0, .01) 0 0 1px
 }

 body {
     font-family: 'Rubik', sans-serif;
     font-size: 14px;
     font-weight: 400;
     background: #fff;
     color: #000000
 }

 div {
     display: block;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 ul {
     list-style: none;
     margin-bottom: 0px
 }

 p {
     font-family: 'Rubik', sans-serif;
     font-size: 14px;
     line-height: 1.7;
     font-weight: 400;
     color: #828282;
     -webkit-font-smoothing: antialiased;
     -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
     text-shadow: rgba(0, 0, 0, .01) 0 0 1px
 }

 p a {
     display: inline;
     position: relative;
     color: inherit;
     border-bottom: solid 1px #ffa07f;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

 a,
 a:hover,
 a:visited,
 a:active,
 a:link {
     text-decoration: none;
     -webkit-font-smoothing: antialiased;
     -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
     text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
     
 }
 
 a:hover{
     font-weight:bold;
    
 }

 p a:active {
     position: relative;
     color: #FF6347
 }

 p a:hover {
     color: #FFFFFF;
     background: #ffa07f
 }

 p a:hover::after {
     opacity: 0.2
 }

 ::selection {}

 p::selection {}

 h1 {
     font-size: 48px
 }

 h2 {
     font-size: 36px
 }

 h3 {
     font-size: 24px
 }

 h4 {
     font-size: 18px
 }

 h5 {
     font-size: 14px
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Rubik', sans-serif;
     font-weight: 500;
     -webkit-font-smoothing: antialiased;
     -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
     text-shadow: rgba(0, 0, 0, .01) 0 0 1px
 }

 h1::selection,
 h2::selection,
 h3::selection,
 h4::selection,
 h5::selection,
 h6::selection {}


 section {
     display: block;
     position: relative;
     box-sizing: border-box
 }

 .clear {
     clear: both
 }

 .clearfix::before,
 .clearfix::after {
     content: "";
     display: table
 }

 .clearfix::after {
     clear: both
 }

 .clearfix {
     zoom: 1
 }

 .float_left {
     float: left
 }

 .float_right {
     float: right
 }

/*Header Design*/

.header-main {
    position: relative;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #007bff
}

.logo {
    color: #fff;
    font-size: 25px;
    font-weight: 600
}

.brand-wrap {
    text-decoration: none !important
}

.icon-sm {
    width: 48px;
    height: 48px;
    line-height: 48px !important;
    font-size: 20px
}

.section-header{
    background:#eff6fa;
}

.widget-header {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.widget-header .notify {
    position: absolute;
    top: -3px;
    right: -10px
}

.notify {
    position: absolute;
    top: -4px;
    right: -10px;
    display: inline-block;
    padding: .25em .6em;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    border-radius: 3rem;
    color: #fff;
    background-color: #fa3434
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.search-form {
    border: 5px solid #ffffff !important
}

.search-button {
    color: #007bff;
    background-color: #ffffff;
    border-color: #ffffff
}

.navbar-main {
    background-color: #eff6fa
}

.navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1) !important
}

.navbar-toggler {
    padding: 4px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.37rem
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 15rem;
    padding: .5rem 0;
    margin: .5rem 7px 0px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .45rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.navbar-toggler-icon {
    background-image: url(https://img.icons8.com/ios/50/000000/menu.png)
}

.nav-link {
    text-transform: uppercase;
    font-weight: 400
}

.vl {
    border-left: 1px solid #fff;
    height: 100%
}



/*Product Carousal*/

.trans_200 {
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

 .trans_300 {
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease
 }

 .trans_400 {
     -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
     -ms-transition: all 400ms ease;
     -o-transition: all 400ms ease;
     transition: all 400ms ease
 }

 .trans_500 {
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease
 }

 .fill_height {
     height: 100%
 }

 .super_container {
     width: 100%;
     overflow: hidden
 }

 .prlx_parent {
     overflow: hidden
 }

 .prlx {
     height: 130% !important
 }

 .nopadding {
     padding: 0px !important
 }

 .button {
     display: inline-block;
     background: #0e8ce4;
     border-radius: 5px;
     height: 48px;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

 .button a {
     display: block;
     font-size: 18px;
     font-weight: 400;
     line-height: 48px;
     color: #FFFFFF;
     padding-left: 35px;
     padding-right: 35px
 }

 .button:hover {
     opacity: 0.8
 }
 .viewed {
     padding-top: 20px;
     background: #eff6fa
 }

 .bbb_viewed_title_container {
     border-bottom: solid 1px #dadada
 }

 .bbb_viewed_title {
     margin-bottom: 14px
 }

 .bbb_viewed_nav_container {
     position: absolute;
     right: -5px;
     bottom: 14px
 }

 .bbb_viewed_nav {
     display: inline-block;
     cursor: pointer
 }

 .bbb_viewed_nav i {
     color: #dadada;
     font-size: 18px;
     padding: 5px;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

 .bbb_viewed_nav:hover i {
     color: #606264
 }

 .bbb_viewed_prev {
     margin-right: 15px
 }

 .bbb_viewed_slider_container {
     padding-top: 20px
 }

 .bbb_viewed_item {
     width: 100%;
     background: #FFFFFF;
     border-radius: 2px;
     padding-top: 25px;
     padding-bottom: 15px;
     padding-left: 10px;
     padding-right: 10px
 }

 .bbb_viewed_image {
     width: 115px;
     height: 115px
 }

 .bbb_viewed_image img {
     display: block;
     max-width: 100%
 }

 .bbb_viewed_content {
     width: 100%;
     margin-top: 25px
 }

 .bbb_viewed_price {
     font-size: 18px;
     color: #FE903F;
     font-weight: 500;
 }

 .bbb_viewed_item.discount .bbb_viewed_price {
     color: #df3b3b
 }

 .bbb_viewed_price span {
     position: relative;
     font-size: 12px;
     font-weight: 400;
     color: rgba(0, 0, 0, 0.6);
     margin-left: 8px
 }

 .bbb_viewed_price span::after {
     display: block;
     position: absolute;
     top: 6px;
     left: -2px;
     width: calc(100% + 4px);
     height: 1px;
     background: #8d8d8d;
     content: ''
 }

 .bbb_viewed_name {
     margin-top: 3px
 }

 .bbb_viewed_name a {
     font-size: 14px;
     color: #000000;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

 .bbb_viewed_name a:hover {
     color: #0e8ce4
 }

 .item_marks {
     position: absolute;
     top: 18px;
     left: 18px
 }

 .item_mark {
     display: none;
     width: 36px;
     height: 36px;
     border-radius: 50%;
     color: #FFFFFF;
     font-size: 10px;
     font-weight: 500;
     line-height: 36px;
     text-align: center
 }

 .item_discount {
     background: #df3b3b;
     margin-right: 5px
 }

 .item_new {
     background: #0e8ce4
 }

 .bbb_viewed_item.discount .item_discount {
     display: inline-block
 }

 .bbb_viewed_item.is_new .item_new {
     display: inline-block
 }

.owl-item{
    width: 100%;

}


@media screen and (max-width: 760px){
    /*.bbb_viewed_slider_container{
        display: none;
    }
    .bbb_viewed_nav{  
        display: none;
    }*/
}

/*Footer*/
.footer{
    background: #15294c!important;
}

/*Quantity Count*/
#myform {
    text-align: center;
    padding: 5px;
    margin: 2% 0;
}
.qty {
    width: 40px;
    text-align: center;
    height: 40px;
}
input.qtyplus { width:25px; }
input.qtyminus { width:25px; }

/*Login Sign Up*/
/* register */


.tab-content>.tab-pane {
    display: block;
}

#myTabContent 
{
position: relative;
width: 100%;
height: 370px;
z-index: 5;
    overflow: hidden;
}

    #myTabContent .tab-pane
    {
    position: absolute;
    top: 0;
    padding: 10px 40px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

#login,
.content-3 {
    -webkit-transform: translateX(-250px);
    -moz-transform: translateX(-250px);
    -o-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
}

#newuser,
.content-4 {
    -webkit-transform: translateX(250px);
    -moz-transform: translateX(250px);
    -o-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px);
}

.register .register-right ul .nav-item:a.active~#myTabContent #login,
.register .register-right ul .nav-item:a.active~#myTabContent .content-2,
.register .register-right ul .nav-item:a.active~#myTabContent #newuser,
{
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    z-index: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.2s 0.1s;
    -moz-transition: all ease-out 0.2s 0.1s;
    -o-transition: all ease-out 0.2s 0.1s;
    -ms-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;
}


@keyframes page {
    0% {
        left: 0;
    }
    50% {
        left: 10px;
    }
    100% {
        left: 0;
    }
}

@-moz-keyframes page {
    0% {
        left: 0;
    }
    50% {
        left: 10px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes page {
    0% {
        left: 0;
    }
    50% {
        left: 10px;
    }
    100% {
        left: 0;
    }
}

@-ms-keyframes page {
    0% {
        left: 0;
    }
    50% {
        left: 10px;
    }
    100% {
        left: 0;
    }
}

@-o-keyframes page {
    0% {
        left: 0;
    }
    50% {
        left: 10px;
    }
    100% {
        left: 0;
    }
}


.register {
    background: -webkit-linear-gradient(left,  #f7eef1, #00c6ff);
    margin-top: 3%;
}

.register-left {
    text-align: center;
    color: #fff;
    margin-top: 4%;
}

.register-left input {
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    width: 60%;
    background: #f8f9fa;
    font-weight: bold;
    color: #383d41;
    margin-top: 30%;
    margin-bottom: 3%;
    cursor: pointer;
}

.register-right {
    background: #f8f9fa;
    border-top-left-radius: 15% 50%;
    border-bottom-left-radius: 15% 50%;
}

.register-left img {
    margin-top: 15%;
    margin-bottom: 5%;
    width: 25%;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-20px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-20px);
    }
}

.register-left p {
    font-weight: lighter;
    padding: 12%;
    margin-top: -9%;
}

.register .register-form {

}



.register .nav-tabs {
    margin-top: 1%;
    border: none;
    background: #FD8A43;
    border-radius: 20px;
    width: 35%;
    float: right;
}
#myTab  .nav-item {
    padding: 5px 3px;
        text-align: center;
    display: block;
        margin: 0px 6px;
}
.register .nav-tabs .nav-link {
    padding: 10px 3px;
    height: 40px;
    color: #fff;
    font-size: 13px;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}

.register .nav-tabs .nav-link:hover {
    border: none;
}

.register .nav-tabs .nav-link.active {
    color:  #1143a6;
    border: 1px solid  #1143a6;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}

.register-heading {
    text-align: center;
    color:  #1143a6;
}

#login.active 
{
    
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    z-index: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;

}
#newuser.active 
{
    
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    z-index: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;

}

#checkpinpopup{
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #e5e5e5;
}

#checkpin{
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #e5e5e5;
}

/*Form Search*/
.frmSearch {
    border: 1px solid #ccc;
    background-color: #c6f7d0;
    margin: 2px 0px;
    padding:40px;
    border-radius:4px;
}
#country-list{
    float:left;
    list-style:none;
    margin-top:-3px;
    position: absolute;
    z-index : 10;
}
#country-list li{padding: 10px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid;}
#country-list li a{color : #000;}
#country-list li:hover{background:#ece3d2;cursor: pointer;}
#search-box{padding: 6px 15px;border: #ccc 1px solid;border-radius:4px;}
.topNav a{color : #fff;}
.top-head ul li {padding-right:8px;}

/*Vendor Login*/
.vendor input,
textarea select{
    padding: 8px 0px 8px 0px !important;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
    border: none !important;
    border-bottom: 1px solid #F3E5F5 !important;
    color: #000 !important;
    font-weight: 300
}

.vendor input:focus,
textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #D32F2F !important;
    outline-width: 0;
    font-weight: 400
}

.vendor button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0
}

.vendor .card {
    border-radius: 0;
    border: none;
    position: relative
}

.vendor .card1 {
    width: 50%
}

.vendor .card2 {
    width: 50%;
    height: 700px;
    background-color: #E8EAF6
}

.vendor #image {
    width: 80%;
    height: 300px;
    margin: auto
}

.vendor #logo {
    position: absolute
}

.vendor .form-group {
    position: relative;
    margin-bottom: 1.5rem
}

.vendor .form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 7px 0 0 0;
    transition: all 300ms;
    opacity: 0.5
}

.vendor .form-control:focus+.form-control-placeholder,
.vendor .form-control:valid+.form-control-placeholder {
    font-size: 80%;
    transform: translate3d(0, -100%, 0);
    opacity: 1
}

.vendor .btn-gray {
    border-radius: 50px;
    color: #fff;
    background-color: #BDBDBD;
    padding: 8px 40px
}

.vendor .btn-gray:hover {
    color: #fff;
    background-color: #D32F2F
}

.vendor a {
    color: #000
}

.vendor a:hover {
    color: #000
}

.vendor #google {
    width: 20px;
    height: 20px
}

.vendor .bottom {
    bottom: 0;
    position: absolute;
    width: 100%
}

.vendor .sm-text {
    font-size: 15px
}

@media screen and (max-width: 1200px) {
    .vendor .card1 {
        width: 100%;
        padding: 10px 30px
    }

    .vendor .bottom {
        position: relative
    }

    .vendor .card2 {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .vendor .container {
        padding: 10px !important
    }

    .vendor .card2 {
        height: 400px
    }
}



















a{
    text-decoration:none!important;
    color : #343a40;
}


a:hover{
    text-decoration:none!important;
    color : #343a40;
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
}	

footer a:hover{
   color : #f44f7a;
}

.breadcrumb-item a{
    text-decoration:none;
	font-size:13px !important;
}

.navbar{
     background: #eff6fa;
     padding-top: 0;
     padding-bottom: 0;
}
.navbar-light .navbar-brand {
     color: #2196F3;
}
.navbar-light .navbar-nav .nav-link {
     color: #fff;
}
 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
     color: #26B35F;
}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
     color: #fff;
}
 .navbar-light .navbar-nav .nav-link{
     padding-top: 10px;
     padding-bottom: 10px;
     transition: 0.3s;
     /*padding-left: 24px;
     padding-right: 24px;*/
     font-size: 16px;
     font-weight: bold;
}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
     background: #343a40!important;
     transition: 0.3s;
     color:#fff;
}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav a.nav-link:hover{
     background:#fff!important;
    color:#000!important;
}
a.dropdown-item:focus, a.dropdown-item:hover {
    color: #000!important;
    text-decoration: none;
    background-color: #fff !important;
}
.sm-menu{
    border-radius: 0px;
    border: 0px;
    top: 97%;
    box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}
.dropdown-item {
    color: #3c3c3c;
    font-size: 14px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2196F3;
}
.navbar-toggler{
    outline: none !important;
}
.navbar-tog{
    color: #26B35F;
}
.megamenu-li {
    position: static;
}

.megamenu {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    padding: 15px;
}
.megamenu h6{
    margin-left: 21px;
}
.megamenu i{
    width: 20px;
}
.bg-custom-dark{
    background:#000!important;
}
.bg-custom-pink{
    background:#F04F79!important;
}
.bg-btn-pink{
    background:#F04F79!important;
}
/*home*/
    .carousel {
        max-height: 400px;
        width: 100%;
        overflow:hidden;
    }
    .carousel .carousel-inner {
        height:100%;    
    }
    .carousel .carousel-inner img {
        display:block;
        object-fit: cover;
    }



/*Footer*/
section {
    padding: 60px 0;
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}
#footer {
    background: #007b5e !important;
}
#footer h5{
    padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#ffffff;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
    padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
    font-size:25px;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
#footer ul.social li:hover a i {
    font-size:30px;
    margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
    color:#ffffff;
}
#footer ul.social li a:hover{
    color:#eeeeee;
}
#footer ul.quick-links li{
    padding: 3px 0;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
#footer ul.quick-links li:hover{
    padding: 3px 0;
    margin-left:5px;
    font-weight:700;
}
#footer ul.quick-links li a i{
    margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}


.navbar-nav>li>a {
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 20px;
}
.navbar-toggler {
    padding: .20rem .50rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid white
}


.all-show {
    z-index: 10
}

.cart-added {
    border-left: 4px solid red;
    padding: 10px;
    background-color: #3F3B3A;
    border-radius: 2px
}

.suction {
    font-size: 12px
}

@media (max-width:767px){ 

.desktop-menu{
	display:none !Important;
}
	
    #footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}



}


/*Product Page*/


#burgundy {
    color: rgb(153, 40, 59)
}

.search-nav-item {
    height: 40px
}



#sort {
    outline: none;
    border: none
}



@media(min-width:1200px) {
    
    .search-nav-item {
        margin-left: 400px;
        width: 350px
    }

    .fa-user-o {
        margin-left: 300px
    }

    .text {
        display: none
    }

    .fa-user-o,
    .fa-shopping-cart {
        font-size: 16px;
    }

    #sidebar {
        width: 30%;
        padding: 20px;
        float: left
    }

    

    del {
        padding-right: 2px
    }

    .filter,
    #mobile-filter {
        display: none
    }
}

@media(min-width:992px) and (max-width:1199px) {
    #search {
        /*width: 300px;*/
        padding: 5px;
        padding-left: 20px
    }

    .search-nav-item {
        margin-left: 200px;
        width: 350px
    }

    .fa-user-o {
        margin-left: 160px
    }

    .text {
        display: none
    }

    #sidebar {
        width: 30%;
        padding: 20px;
        float: left
    }

    

    .fa-plus,
    .fa-minus {
        font-size: 12px
    }

    .sign {
        height: 25px
    }

    .price {
        width: 99px
    }

    .filter,
    #mobile-filter {
        display: none
    }
}

@media(min-width:768px) and (max-width:991px) {
    #search {
        width: 300px;
        padding: 5px;
        padding-left: 20px
    }

    .search-nav-item {
        margin-left: 60px;
        width: 350px
    }

    .fa-user-o {
        margin-left: 80px
    }

    .text {
        display: none
    }

    #sidebar {
        width: 35%;
        padding: 20px;
        float: left
    }


    .filter,
    #mobile-filter {
        display: none
    }
}

@media(min-width:576px) and (max-width:767px) {
    .text {
        display: none
    }

    .search-nav-item {
        margin-left: 35px;
        width: 270px
    }

    
    .fa-search {
        padding: 3px;
        font-size: 18px
    }

    #sidebar {
        width: 40%;
        padding: 20px;
        float: left
    }

    

    #off {
        padding-left: 2px
    }

    #sorting span,
    #res {
        font-size: 14px
    }

    .filter,
    #mobile-filter {
        display: none
    }
}

@media(max-width:575px) {
    .search-nav-item {
        margin: 0;
        width: 100%;
        margin-top: 10px
    }

    #search {
        width: 80%;
        padding-left: 10px;
        margin-top: 10px;
        padding-right: 10px
    }

    .fa-search {
        padding: 10px;
        font-size: 18px
    }

    #sidebar {
        display: none
    }

    .filter {
        margin-left: 70%;
        margin-top: 2%
    }

    #sorting,
    #res {
        font-size: 12px;
        margin-top: 2%
    }
}



/********************* Shopping Demo-6 **********************/
.product-grid6,.product-grid6 .product-image6{overflow:hidden}
.product-grid6{font-family:'Open Sans',sans-serif;text-align:center;position:relative;transition:all .5s ease 0s}
.product-grid6:hover{box-shadow:0 0 10px rgba(0,0,0,.3)}
.product-grid6 .product-image6 a{display:block}
.product-grid6 .product-image6 img{width:100%;height:auto;transition:all .5s ease 0s}

.product-grid6 .product-content{padding:12px 12px 0px;transition:all .5s ease 0s;min-height:80px;}

.product-grid6 .title{font-size:16px;font-weight:600;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.product-grid6 h5 {font-size:13px;}
.product-grid6 .title a{color:#000}
.product-grid6 .title a:hover{color:#000}
.product-grid6 .price{font-size:18px;font-weight:600;color:#000}
.product-grid6 .price span{color:#999;font-size:15px;font-weight:400;text-decoration:line-through;margin-left:7px;display:inline-block}

@media only screen and (max-width:990px){.product-grid6{margin-bottom:30px}
}

.h2-bg{
    margin: 30px 0;
    background: repeating-linear-gradient(
        -45deg,
        #e6f4ff,
        #e6f4ff 2px,
        #fff 3px,
        #fff 8px
);
}
.h2-bg-white{
    background: #fff;
    padding: 1px 20px;
}

#what-we-do{
    background:#ffffff;
}
#what-we-do .card{
    padding: 1rem!important;
    border: none;
    margin-bottom:1rem;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
#what-we-do .card:hover{
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
#what-we-do .card .card-block{
    padding-left: 50px;
    position: relative;
}
#what-we-do .card .card-block a{
    color: #007b5e !important;
    font-weight:700;
    text-decoration:none;
}
#what-we-do .card .card-block a i{
    display:none;
    
}
#what-we-do .card:hover .card-block a i{
    display:inline-block;
    font-weight:700;
    
}
#what-we-do .card .card-block:before{
    font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #007b5e;
    left: 0;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}

#what-we-do .card:hover .card-block:before{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);  
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}

/*BLOG DESIGN*/
/*********footer*******************/
.kilimanjaro_area {
    position: relative;
    z-index: 1;
    }
    .foo_top_header_one {
    background-color: #15151e;
    color: #fff;
}
.section_padding_100_70 {
    padding-top: 100px;
    padding-bottom: 70px;
}
.foo_top_header_one {
    color: #fff;
}.kilimanjaro_part {
    margin-bottom: 30px;
}
.foo_top_header_one .kilimanjaro_part > h5 {
    color: #fff;
}
.kilimanjaro_part h4, .kilimanjaro_part h5 {
    margin-bottom: 30px;
}
.kilimanjaro_single_contact_info > p, .kilimanjaro_single_contact_info > h5, .kilimanjaro_blog_area > a, .foo_top_header_one .kilimanjaro_part > p {
    color: rgba(255,255,255,.5);
}
p, ul li, ol li {
    font-weight: 300;
}
ul {
    margin: 0;
    padding: 0;
}
.kilimanjaro_bottom_header_one {
    background-color: #111;
}
.section_padding_50 {
    padding: 50px 0;
}
.kilimanjaro_bottom_header_one p {
    color: #fff;
    margin: 0;
}
p, ul li, ol li {
    font-weight: 300;
}
.kilimanjaro_bottom_header_one a {
    color: inherit;
    font-size: 14px;
}
a, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}
.m-top-15 {
    margin-top: 15px;
}
ul {
    margin: 0;
    padding: 0;
}

.kilimanjaro_widget > li {
    display: inline-block;
}
p, ul li, ol li {
    font-weight: 300;
}
ol li, ul li {
    list-style: outside none none;
}
.kilimanjaro_widget a {
    border: 1px solid #333;
    border-radius: 6px;
    color: #888;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 4px;
    padding: 7px 12px;
}
ul {
    margin: 0;
    padding: 0;
}
.kilimanjaro_links a {
    border-bottom: 1px solid #333;
    color: rgba(255,255,255,.5);
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.kilimanjaro_links a {
    color: rgba(255,255,255,.5);
    font-size: 13px;
}
top-15 {
    margin-top: 15px;
}
.foo_top_header_one .kilimanjaro_part > h5 {
    color: #fff;
}
.kilimanjaro_part h4, .kilimanjaro_part h5 {
    margin-bottom: 30px;
}
.kilimanjaro_social_links > li {
    display: inline-block;
}
p, ul li, ol li {
    font-weight: 300;
}
.kilimanjaro_social_links a {
    border: 1px solid #333;
    border-radius: 6px;
    color: #888;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 3px;
    padding: 7px 12px;
}
.kilimanjaro_blog_area .kilimanjaro_date {
    color: #27ae60;
    font-size: 13px;
    margin-bottom: 5px;
}
.kilimanjaro_blog_area > p {
    color: rgba(255,255,255,.5);
    line-height: 1.3;
    margin-bottom: 0;
}
.kilimanjaro_works > a {
    display: inline-block;
    float: left;
    position: relative;
    width: 33.33333333%;
    z-index: 1;
}
.kilimanjaro_thumb {
    left: 0;
    position: absolute;
    top: 0;
    width: 75px;
}
.kilimanjaro_links a i {
    padding-right: 10px;
}
  /* :: 18.0 Footer Area CSS */

    .footer_area {
        position: relative;
        z-index: 1;
    }
 .footer_bottom p > i,
    .footer_bottom p > a:hover {
        color: #27ae60;
    }   

    .social_links_area {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 50px 0 30px 0;
        text-align: center;
        position: relative;
        z-index: 1;
    }
 .social_links_area > a:hover {
        color: #27ae60;
    }

    .inline-style .social_links_area > a:hover {
        background-color: transparent;
        color: #27ae60;
        border: 0px solid transparent;
    }
 .single_feature:hover .feature_text h4 {
        color: #27ae60;
    }
.kilimanjaro_blog_area {
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
    padding: 0 0 15px 90px;
    position: relative;
    z-index: 1;
}
.kilimanjaro_links a {
    border-bottom: 1px solid #333;
    color: rgba(255,255,255,.5);
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

/*Accordian Menu*/
.accordion {
    width: 100%;
    max-width: 384px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0px
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 15px;
    color: #4D4D4D;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.accordion li:last-child .link {
    border-bottom: 0
}

.accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #000;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px
}

.accordion li.open .link {
    color: #f44f7a
}

.accordion li.open i {
    color: #000;
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.submenu {
    display: none;
    font-size: 14px
}

.submenu li a{
    
}

.submenu a {
    display: block;
    text-decoration: none;
    padding: 8px;
    padding-left: 25px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.submenu a:hover {
    background: #fff;
    color: #f44f7a!important;
}

/*Product Details*/
.header-navigation {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: .80rem;
}

.header-navigation a {
  font-size: .80rem;
}

.header-navigation .breadcrumb {
  margin-bottom: 0;
  background-color: transparent;
  padding: 0.20rem 1rem;
}

.header-navigation .btn-group {
 margin-left: auto;
}

.header-navigation .btn-share {
  position: relative;
}

.header-navigation .btn-share::after {
  content: "";
  width: 1px;
  height: 50%;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.store-body {
  display: flex;
  flex-direction: row;
  padding: 0;
}

.store-body .product-info {
  width: 60%;
  border-right: 1px solid rgba(0,0,0,.125); 
}

.store-body .product-payment-details {
  width: 40%;
  padding: 15px 15px 0 15px;
}

.product-info .product-gallery {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid rgba(0,0,0,.125);
}

.product-gallery-featured {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 15px 0;
  cursor: zoom-in;
}

.product-gallery-thumbnails .thumbnails-list li {
  margin-bottom: 5px;
  cursor: pointer;
  position: relative;
  width: 70px;
  height: 70px;
}

.thumbnails-list li img {
  display: block;
  width: 100%;
}

.product-gallery-thumbnails .thumbnails-list li:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background: #007bff;
  position: absolute;
  top: 0;
  left: 0;
}

.product-info .product-seller-recommended {
  padding: 20px 20px 0 20px;
}

.product-comments textarea {
  height: 50px;
}

.last-questions-list li {
  margin-bottom: 20px;
}

.last-questions-list li span {
  padding-left: 10px;
}

.breadcrumb-list > li {
  font-size: 14px;
  list-style: none;
  display: inline;
}
.breadcrumb-list > li a:after {
  content: "/";
  vertical-align: middle;
  margin: 0 5px;
  color: #7a7a7a;
}
.action-wishlist:hover,
.action-wishlist:focus{
  color:#fff;
}
.add-to-cart.action-wishlist {
  width: 35px;
  text-align: center;
  padding: 0;
}
.add-to-cart.action-wishlist i {
  margin-right: 0px;
}
.product-add-to-cart .cart-title,
.product-add-to-cart .cart-title:hover,
.product-list-action .cart-title,
.product-list-action .cart-title:hover {
  background-color: transparent;
  border-bottom: none;
  color: inherit;
}
.product-add-to-cart .pro-add-btn i,
.product-list-action .pro-add-btn i {
  margin-right: 10px;
  font-size: 18px;
}
.add-to-cart {
  display: inline-block;
}
.action-wishlist:hover,
.action-wishlist:focus{
  color:#fff;
}
.add-to-cart.action-wishlist i {
  margin-right: 0px;
}
.product-add-to-cart {
  float: none;
}
.single-product-wishlist{
  display: inline-block;
  position: relative;
  /*margin-left: 20px;*/
}

.breadcrumb-area {
    padding: 30px 0;
    background-color: #f3f3f3;
}
.breadmome-name {
    color: #ff6a00;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 18px;
}
.breadcrumb-content > ul > li {
    display: inline-block;
    list-style: none;
    position: relative;
    font-size: 14px;
    color: #333;
}
.breadcrumb-content > ul > li.active{
    color: #ff6a00;
}
.breadcrumb-content > ul > li:after {
    content: "/";
    vertical-align: middle;
    margin: 0 5px;
    color: #7a7a7a;
}
.breadcrumb-content > ul > li:last-child:after{
    display: none;
}
.mt-80 { margin-top: 80px }.mb-80 { margin-bottom: 80px }
.single-product-name {
    font-size: 14.5px!important;
    text-transform: capitalize;
    font-weight: 900;
    color: #444;
    line-height: 24px;
    margin-bottom: 15px;
    font-family : Verdana!important;
    font-weight:bold;
}
.product-sku{
    font-family : Verdana!important;
    font-size: 11.5px!important;
    font-weight:bold;
}

.single-product-reviews {
    margin-bottom: 10px;
}
.single-product-price {
    margin-top: 25px;
}
.single-product-action {
    margin-top: 0;
    padding-bottom: 0;
    float: left;
    width: 100%;
}
.product-discount {
    display: inline-block;
    margin-bottom: 20px;
}
.product-discount span.price {
    font-size: 28px;
    font-weight: 900;
    line-height: 30px;
    display: inline-block;
    color: #008bff;
}
.product-info {
    color: #333;
    font-family : Verdana!important;
    font-size: 11.5px!important;
    margin-top:10px;
}
.product-info p {
    line-height: 30px;
    font-family : Verdana!important;
    font-size: 11.5px!important;
    color: #333;
    margin-top: 30px;
}
.product-add-to-cart span.control-label {
    display: block;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #232323;
    font-size: 14px;
}
.product-add-to-cart {
    overflow: hidden;
    margin: 0px 0px;
    float: left;
    width: 100%;
}
.cart-plus-minus-box {
    border: 1px solid #e1e1e1;
    border-radius: 0;
    color: #3c3c3c;
    height: 49px;
    text-align: center;
    width: 50px;
    padding: 5px 10px;
}
.product-add-to-cart .cart-plus-minus {
    margin-right: 25px;
}
.cart-plus-minus {
    position: relative;
    width: 75px;
    float: left;
    padding-right: 25px;
}
.add-to-cart {
    background: #f44f7a;
    border: 0;
    color: #fff;
    box-shadow: none;
    padding: 0 18px;
    border-radius: 3px;
    font-weight: 400;
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 35px;
}
.add-to-cart:hover {
    color: #3d3938;
}


.dibu{
	display: none;
}
@media screen and (max-width: 1024px){
	.dibu {
        width: 98%;
        position: fixed;
        bottom: 0px;
        background: #333;
        height: 40px;
        z-index: 600;
        display: none;
        border-top: 2px solid #8e0e0f;
        box-sizing: border-box;
    	display: block;
    }
    .dibu .dibu_box {
        width: 20%;
        float: left;
        background: url(dibu_boxbg.png) no-repeat;
        height: 30px;
        cursor: pointer;
    }
    .dibu .dibu_box img {
        width: 30px;
        display: block;
        margin: auto;
        margin-top: 10px;
    }



    .dibu_pro{ width:100%; height:100%; position:relative; position:fixed; top:0; right:-100%; background:#fff; z-index:999999}
    .dibu_proimg{ position:absolute; top:15px; right:10px; width:30px; height:30px; background:url(../images_m/dibu_proimg.png) no-repeat; cursor:pointer}
    .dibu_proimg:hover{ background:url(../images_m/dibu_proimg1.png) no-repeat;}
    .dibu_proup{ width:100%; text-align:center; font-family:Arial; font-size:18px; line-height:50px; color:#222;}
    .dibu_prodown1{ width:96%;background:#e4e4e4; padding:12px 2%; font-family:Arial; font-size:15px; line-height:20px; font-weight:bold; color:#000}
    .dibu_prodowntxt1{ width:90%;font-size:14px; padding:12px 5%; font-family:Arial; line-height:20px; border-bottom:1px solid #ddd; color:#000; position:relative; cursor:pointer}
    .dibu_prodowntxt1 img{ position:absolute; width:20px; height:10px; top:18px; right:20px; }
    .dibu_prodowntxt1:hover{ color:#ff4546; background:#eee}
    .dibu_prodowntxt2{ display:none; width:100%}
    .dibu_prodowntxt22{ width:84%;font-size:12px; padding:8px 8%; font-family:Arial; line-height:20px; border-bottom:1px solid #ddd; color:#000;}
    .dibu_prodowntxt22:hover{ color:#ff4546}
    .jiacu{ width:90%;font-size:14px; padding:12px 5%; font-family:Arial; line-height:20px; border-bottom:1px solid #ddd; color:#000; cursor:pointer; font-weight:bold;}
}

.contact-form{
    background: #fff;
    margin-top: 10%;
    margin-bottom: 5%;
    width: 70%;
}
.contact-form .form-control{
    border-radius:5rem;
}
.contact-image{
    text-align: center;
}
.contact-image img{
    border-radius: 6rem;
    width: 11%;
    margin-top: -3%;
    transform: rotate(29deg);
}
.contact-form form{
    padding: 14%;
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #0062cc;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #dc3545;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}

/*Start Sitemap*/
.site-map-sec ul {
  padding-left: 35px;
  border-left: 1px solid #ddd;
  padding-top: 5px;
  padding-bottom: 5px;
}

.site-map-sec li{ position: relative;}
.site-map-sec li:before {
  content: "";
  position: absolute;
  background: #ddd;
  width: 35px;
  height: 2px;
  top: 13px;
  left: -35px;
}

/*SLider Product Gallery*/
.imgbox {
    position:relative;
    width:100%;
    height:auto;
    margin-bottom:10px;
}
.probox {

    height:auto;
    border:1px solid #cccccc;
    margin-bottom:4px;
}
.probox img {
    /*width:450px;*/
    /*height:450px;*/
    vertical-align:top;
}

.imgbox2 {
    position:relative;
    width:124px;
    height:70px;
    margin-bottom:10px;
}
.probox2 {
    width:124px;
    height:70px;
    border:0px solid #cccccc;
    margin-bottom:4px;
}
.probox2 img {
    width:124px;
    height:70px;
    vertical-align:top;
}


.showbox {
    display:none;
    position:absolute;
    left:0px;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
    border:1px solid #ccc;
}
.showbox img {
    position:absolute;
    height:800px;
    width:800px;
}
.hoverbox {
    display:none;
    position:absolute;
    top:0;
    background:transparent;
    border:0px solid #09f;
    height:252px;
    width:252px;
    cursor:move;
    z-index:10;
}
#nav{height:45px; width:1150px; margin:0px; padding:0px;}
#nav ul li{float:left;display:inline;height:45px;line-height:45px;}
#nav ul li a{float:left;padding:0 30px; *padding:0 30px;color:#ffffff;font-size:14px;}
#nav ul li a:hover{ background-color:#ffffff; text-decoration:none;color:#5751AB;}


.list-h li{padding-left:0px; margin-right:6px;}
#spec-n5{overflow:hidden;height:57px;}
#spec-list{overflow:hidden; margin-left:0px; display:inline;}
#spec-list ul li{ margin-right:0px; display:inline; }
#spec-list ul li img{ width:45px; height:45px; border:1px solid #cccccc;}
#spec-list{ position:relative;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
.heading-font{
    font-size:30px;
    font-family:'Times New Roman', Times, Serif;
    color : #000;
    font-weight:bold;
}

.productname-font{
    color : #000;
    font-family:verdana;
    font-size:15px;
}

.bg-black{
    background : #000;
}

.slick-prev, .slick-next{
    top:30%!important;
}
.slick-prev:before, .slick-next:before{
    font-size:40px!important;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    background:#fff;
}

.hotsaleproductdetails{
    display:none;
}

@media screen and (max-width: 1024px){
    .slidecaraousel{
        display:none;
    }
    .hotsaleproductdetails{
        display:block;
    }
}


/*Cart*/
.cartdropdown ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    width: 100%;
}

.cartdropdown li {
    float: left;
}

.cartdropdown li a {
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.cartdropdown li a:hover:not(.active) {
    background-color: #fff;
}

.cartdropdown li.cartButton {
  position: absolute;
  height: 100%;
  color: #000;
  right: 0px;
 
}

.cartdropdown li.cartButton.active {
  /*background-color: #000;*/
}

.cartdropdown .active {
  a {
    background-color: #fff;
  } 
}

.cartdropdown .cart  {
  position: absolute;
  display: none;
  top: 30px;
  right: 0;
  width: 200px;
  height: auto;
  background:#fff;
  padding:15px;
  z-index :1;
}

/* Style to change separator  */
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

/* add this share button excluding allproduct page*/
.addthis-share-btn{
	z-index:-999999;
	margin-top:1rem; 
}

.pinkonhover:hover{
	color:#f44f7a; 
}

.desc-font{
	font-family : Verdana!important;
    font-size: 11.5px!important;
    font-weight:bold; 
}

.paginationdisabled{
    color : #ccc;
}

#paging{
    color:#666;
}

@media (max-width:767px){
	#desktop-menu{
		display:none !important; 
	}
    .mb-sm-3 {
        margin-top: 15px !important;
    }
    .mobile-logo-image{
        max-width:85%!important;
        margin-left:10px;
    }
    .small-width-text-center{
        text-align:center;
    }
}  
@media (min-width:768px){
	#mobile-menu-only{
		display:none !important; 
	}
}


.mm-menu_offcanvas{
    width:auto!important;
}

@media screen and (max-width: 420px){
    .cart_view{
        font-size: 6px;
    }
    .table_width{
    	width: auto!important;
    }
    .select_width{
    	width: 25px!important;
    }
    .select_width1{
        width: 40px!important;
    }
    .img_width{
    	height: 20px!important;
    	width: 20px!important;
    }
    .pl-4, .px-4 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}
.table-responsive {
  display: grid !important;
  width: 100%;
  overflow-x: auto;
  /*-webkit-overflow-scrolling: touch;*/
}
}



/*LOADER*/