/*@import url('https://fonts.googleapis.com/css?family=Lato|PT+Sans');*/

*{
    padding:0px;
    margin:0px;
    /*border-radius:0px  !important;*/
}
body{
/*font-family: 'PT Sans', sans-serif;*/
/*font-family: 'Lato', sans-serif;*/
font-family: 'Poppins', sans-serif;
    padding:0px;
    margin:0px;
    font-size:15px;
    font-style:normal;
    font-weight:normal;
    background:#e7e7ea;
 
}
p{
    margin:0px;
}
ul{
    padding:0px;
    list-style:none;
    margin:0px
}
a,a:hover,a:active,a:focus{
    text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
    color:#2f2f2f;
    margin:10px 0 20px;
}
button{
    outline:none;
}
.hide{
    display:none !important;
} 
h1{font-size:33px;margin:0px}
h2{font-size:27px;margin:0px}
h3{font-size:17px;margin:0px}
h4{font-size:15px;margin:0px}
h5{font-size:12px;margin:0px}
h6{font-size:10.2px;margin:0px}
.no_padding{
    padding:0px
}
.container{
    width:1200px
}
/*section{
    margin-top:20px !important;
 
}*/
.mobile_categories,.for_mob{
    display:none !important
}

/***************************/
    /*top-Header*/
/************************/

header{
    background:#fff;
    box-shadow: 2px 2px 3px rgba(0,0,0,.1);
}
header .top_header {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 13px;
}

 header .top_header ul.social-links{
     display:inline-block
 }
 header .top_header ul.social-links li a {
    color: rgba(0, 0, 0, 0.7);
} 
 header .top_header ul.social-links li a {
    display: block;
    text-align: center;
    height: 40px;
    width: 40px;
    line-height: 40px;
    color: rgba(0, 0, 0, .7);
    background-color: transparent;
    font-size: 16px;
    border-radius: 0;
}
 header .top_header ul.social-links li a .fa{
     line-height:40px
 }
 ul.social-links + .header-info {
    padding-left: 20px;
        font-size: 15px;
    display: inline-block;
    margin-left: 10px;
    border-left: 1px solid rgba(0,0,0,0.08);
}
header .header-info {
   font-family: 'Poppins', sans-serif;
    display: inline-block;
    margin: 0;
    padding: 6px 0;
 
    font-weight: 500;
    /*min-height: 40px;*/
}
header .phone-number {
    color: #349ee8;
    vertical-align: middle;
}

header .welcome{
    display:inline-block
}
.header-info + .welcome {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid rgba(0,0,0,0.08);
}
.top_header ul li {
    line-height: 42px;
    padding:0px
}
.top_header ul.topBarNav li {
    position: relative;
    display: inline-block;
    margin-right: -4px;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.top_header ul.topBarNav li a {
    display: block;
    padding-left: 12px;
    padding-right: 12px;
}
.top_header ul li a {
    color: #878c94;
        transition: all 0.2s ease-in-out; 
}
.top_header ul li a:hover{
    box-shadow: 0 1px 8px rgba(0,0,0,.175)
}

 
.top_header .dropdown-menu {
    position: absolute;
    top: 100%;
    left: -39px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
     margin: 0; 
    display:none;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border:none;
    border-radius: 4px;
    -webkit-box-shadow: 1px 2px 3px 0 #AAA;
    box-shadow: 1px 2px 3px 0 #AAA;
    
    -moz-transition:    all 1000ms ease;
    -webkit-transition: all 1000ms ease;
    -o-transition:      all 1000ms ease;
    -ms-transition:     all 1000ms ease;
    transition:         all 1000ms ease;
}

 .top_header .open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  opacity:1;
}
  
.top_header .dropdown-menu {
  opacity:.3;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}

 
 .top_header  .dropdown:hover .dropdown-menu{
    display:block;   
}
.top_header .dropdown-menu>li>a{
    padding:5px 20px;
}
.top_header .dropdown-menu>li>a .fa{
    margin-right:10px;
}
.top_header ul.topBarNav li ul li {
    display: block;
    line-height: 30px;
    width: 100%;
    border: none;
}

/***************************/
    /*top-Header*/
/************************/

/************************/
/*******login_block*****/
/************************/
.login_header ul {
    text-align:right;

}
.login_header ul li a{
    padding:4px 10px;
}
body{
    
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(-45deg, #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.login_block{
    width:50%;
    padding:10px;
    margin:80px auto 30px;
    box-shadow: 1px 1px 20px -7px black;
    background:#fff;
        border-top:3px solid #69c1ff;
}
.login_logo {
    border-right: 1px solid #ccc;
    margin-right:-1px
}
  .login_block .logo {
    margin-bottom: 10px;
    text-align: center;
    padding: 15px;
    border-bottom: 1px solid #ecebeb;               
}
    .login_block .logo img{
        margin:0 auto;
    }
    .login-wrap{
          padding: 41px 50px;
    border-left: 1px solid #ccc;
   
}
    .gen-page-title{
        margin-bottom:40px;
        font-size:20px;
    }
    .login_button{
        margin-bottom:10px;
    }
.btn-login {
    width: 100%;
    display: block;
    color: #fff;
    text-transform: uppercase;
    background: #69c1ff;
    padding:10px 12px
}
.btn_sign_up{
    display:block;
        border: none;
    line-height: 180%;
    text-align: center;
    color: #2874f0;
    background-color: #fff;
    margin-top: 16px;font-family: inherit;
    width: 100%;
    height: 48px;
    font-size: 15px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
}
.form-group{
    margin-bottom:30px;

}
.has-float-label .form-control {
    border-top: none;
    border-left: none;
    border-right: none;
        padding: 11px 8px;
}
            
input.form-control,input.form-control:focus {
  
    box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   -moz-transition: none;
   -webkit-transition: none;
}
 .forgot_pass a{
     display:inline-block;
   margin-top:1rem;

 }
 .has-float-label {
  position: relative; }
  .has-float-label label {
    position: absolute;
        color: #ccc;
    left: 0;
    top: 0;
    cursor: text;
    letter-spacing:2px;
    font-size: 75%;
    opacity: 1;
    -webkit-transition: all .2s;
            transition: all .2s;
       top: -10px;
   left: 0;  
    z-index: 3;
    line-height: 1;
    padding: 0 1px; }
    .has-float-label label::after {
      content: " ";
      display: block;
      position: absolute;
      background: white;
      height: 2px;
      top: 50%;
      left: -.2em;
      right: -.2em;
      z-index: -1; }
  .has-float-label .form-control::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: all .2s;
            transition: all .2s; }
  .has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0; }
  .has-float-label .form-control:placeholder-shown:not(:focus) + label {
    font-size: 100%;
    opacity: .5;
    top: .6em;
    color:#333;
    font-weight: normal; }

.input-group .has-float-label {
  display: table-cell; }
  .input-group .has-float-label .form-control {
    border-radius: 4px; }
  .input-group .has-float-label:not(:last-child) .form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .input-group .has-float-label:not(:first-child) .form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px; }
  .login_left_text{
      padding:15px 40px;
  }
  .login_left_text ul.about_us li{
      line-height:35px;
      position:relative;
  }
  .login_left_text ul.about_us li:before{
      content: "\f105";
      font-family:FontAwesome
  }
  .login_footer{
      text-align:center;
      color:#fff
  }
.login_left_text ul.about_us {
    margin-bottom: 15px;
}
  .login_footer p{
      font-size:12px;
      margin-bottom:8px;
  }
    .login_left_text .social-links li{
        padding:0px
    }
  .login_left_text .social-links li a .fa{
      background:#efeeee;
    width: 30px;
    height: 30px;
    color: #6f6868; 
    padding: 8px;
    border-radius: 100% !important;
  }

  .for_got_pass .gen-page-title {
    margin-bottom: 85px;
    font-size: 20px;
}


  /*register*/
  .padd_15{
      padding:15px;
  }
  .user_details h3{
      text-align:center;
      margin-bottom:30px;
  }
  /*Register*/
@media screen and (max-width:766px) {
    .login_left_text{
        display:none
    }
    section.main-content{
        margin:0px !important;padding:0px;
    }
      .login_block {
          padding:0px;
    width: 100% !important;
    margin: 0px auto;
  height: 100% !important;
  box-shadow:none;
  background:#fff
}
      .login_footer{
          display:none
      }
      .login_logo{
          padding:44px 0 100px;
          background:#69c1ff;
           border-right: 1px solid #ccc;
      }
   .login_block .logo{
       border: none;
   background: #fff;
    border-radius: 100% !important;
    width: 100px;
    height: 100px;
    padding: 15px;
    margin: 0 auto;
    padding-top: 24px;
}
  
   .gen-page-title {
    margin-bottom: 30px;
    margin-top: 10px;
}
   .btn-login{
           
    border-radius: 36px !important;
    padding: 15px 12px;
    margin-top:40px;
   }


   
    
         .login_section{
          padding:50px 30px 10px;
      }
      .login-wrap,.mob_login-wrap{
               
          padding:0px;
          border:none;
          background-color: white;
   border: 1px solid #e3e3e3; 
    padding: 20px;
    margin-top: -100px;
    border-radius: 10px !important;
}
      .form-group {
    margin-bottom:12px;
    height:46px;
}


.btn_sign_up {
    display: block;
    border: none;
    line-height: 180%;
    text-align: center;
    color: #2874EF;
    background-color: #fff;
    /*margin-top: 52px;*/
    font-family: inherit;
    width: 100%;
    height: auto;
    font-size: 15px;
    box-shadow:none;
}
.for_got_pass .gen-page-title {
    margin-bottom: 50px;
    font-size: 20px;
}
  
  }
@media only screen and (max-device-width : 1024px) and (min-device-width : 769px) {
    .login_block {
        width: 70%;
    }
   
 
}
    
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1023px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    .login_block {
    width: 95%;
}
     .login_header .top_header ul.social-links {
    display: inline-block;
}
    .login_header  .top_header ul.social-links {
    display: inline-block;
}
    .login_header  ul.social-links + .header-info{
        display:inline-block
    }
     .login_header  ul.social-links + .header-info span.sm-hide{
         display:none
     }
     .login_header ul li a{
         padding:0px 8px;
     }
}
/************************/
/*******login_block*****/
/************************/


/**********************/
/*category_mega_menu*/
/*********************/
.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%; 
    z-index:9999999
}
.logo_top{
    margin-bottom:10px;
}
.category-header .navbar-default{
    background-color:#494d57;
    border-bottom-color:#494d57;
    margin-bottom:0px;
    border:none
}
.category-header .navbar-default .navbar-nav>li>a{
    color:#fff
}
.category-header .navbar-default h3{
    color:#fff;
}
.navbar-right{
    margin-right:0px
}
.searchby_type .dropdown-menu{
    padding:0px;
    z-index:9999999999
}
.searchby_type .dropdown-menu>li>a{
    padding: 12px;
    transition: all .3s;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #ebebeb;
}
.searchby_type  .dropdown:hover .searchby_type .dropdown-menu{
    display:block
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background:none
}
.input-group.input-group-unstyled input.form-control {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.input-group-unstyled .input-group-addon {
    border-radius: 4px;
    border: 0px;
    background-color: transparent;
}

.category-header .input-group{
    border: 2px solid #71c4ff !important;

}

.form-control-feedback{
    left:0px;
    z-index:8;
    top:5px;
}
.category-header .input-group  .form-control{
    border:none;
    height:42px;
    padding:6px 12px 6px 35px
}
.input-group-addon:last-child{
    background:#71c4ff;
    border-color:#71c4ff
}
.has-feedback{
    margin-top:30px;
}
.has-feedback a{
        color: #fff;
    text-transform: uppercase;
}
.add_to_cart {
    padding-top:30px;
}
  .add_to_cart  i.fa-shopping-cart {
    font-size: 20px;
    margin-right: 0;
    padding: 0 10px;
    background-color: #71c4ff;
    color: #ffffff;
    line-height: 35px;
    float: left;
        line-height: 45px;
    font-size: 20px;
    padding: 0 20px;
}
  .add_to_cart a.dropdown-toggle>span {   
    border: 1px solid rgba(0,0,0,0.15);
    border-left: none;
    padding: 3px 5px;
    height: 35px;
    line-height: 12px;
    text-align: left;
    display: table;
     padding:6px 15px 0;
    height: 45px;
    line-height: 18px;
}
   .add_to_cart  .cart-total {
    font-size: 13px;
}
   .add_to_cart  .cart-price {
    font-size: 12px;
}
.category-header h3{
    margin:0px;
    
}
.category_dropdown:hover .asdasdasd{
    display:block
}
.category_link {
    width: 318px;
        background: #6fc3ff !important;
            font-size: 20px;
    letter-spacing: 1px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color:#fff
}

.category_link .fa{
    float:right
}
.category-header .category_dropdown .dropdown-menu{
      z-index: 99999999;
    margin:0px;
      border:1px solid #ccc;
          width: 318px;
          border:none !important
     
}
.category-header .category_dropdown .dropdown-menu a{
    padding:12px;
     transition: all .3s;
      font-size: 14px;
    font-weight: 400;
    
    border-bottom: 1px solid #ebebeb;
}
.category-header .category_dropdown .dropdown-menu a .fa{
    float:right;
    line-height:19px;
   
}
 
.dropdown-menu{
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
        /*left: auto;*/
        
        
       /**/ border-top:3px solid #71c4ff !important
}

.dropdown-submenu {
    position: initial;
}
 
.dropdown-submenu>.dropdown-menu {
    top: 0px;
  left: 100% !important;
  margin-top: -1px;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  min-height: 101%;
  padding:0px;
     box-shadow: 0 1px 5px #e7e7e7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
     
}

 
 /*.category-header .dropdown-menu li a:before {
    content: "\f192";
    color: #71c4ff;
    display: inline-block;
    font-size: 10px;
      padding-right: 10px;
    margin-right: 11px;
    font-family: FontAwesome;
    border-right: 1px solid #ebebeb;
}*/
  .category-header .dropdown-menu li a:hover{
     color: #71c4ff;
     background:none;
     
  }
.dropdown-submenu.pull-left {
    float: none;
}

.largemenu{
    width:850px !important
}
.largemenu li{
    float:left;
    width:33.33%;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*category_mega_menu*/
/*********************/


/*Left Mega Menu*/
.left_mega_menu .list-group{
    margin-bottom:0px
}
.no_rightpadd{
    padding-right:0px
}
.light_bg{
    background:#fff
}
 
.left_mega_menu h3{
    padding: 14px 43px;
    color: #fff;
    margin: 0;
    /* margin: 11px 0; */
    font-size: 21px;
    background: #349ee8;
}
 
.left_mega_menu .category_dropdown  a{
    padding:12px 10px 12px 12px;
     transition: all .3s;
      font-size: 0.89em;
      display:block;
    font-weight: 400;
    line-height:19px;
    color:#000;
    border-bottom: 1px solid #ebebeb;
}
.left_mega_menu .category_dropdown  a .fa {
    float: right;
    line-height: 19px;
}
 .left_mega_menu .category_dropdown  a:before {
    /*content: "\f192";
    color: #71c4ff;
    display: inline-block;
    font-size: 10px;
    padding-right: 5px;
   
    font-family: FontAwesome;*/
     
}
.left_mega_menu .dropdown-submenu .dropdown-menu{
        top: 49px;
}
.left_mega_menu .category_dropdown .dropdown-submenu li a{
    line-height:17px
}
/*Left mega menu*/

/*banner_block*/
.banner_block{
    padding:10px;background:#fff;height:359px;background-size:cover;overflow: hidden;
}
.offer_image{
    float:left;padding:0 15px;
}
.offer_division{
        border: 1px solid #6fc3ff;
    height: 100%;
}
.offer_division h2{
  margin-top: 10px;
    text-align: center;
    color: #349ee8;
    font-size: 21px;
    margin-bottom: 10px;
}
.offer_division h3{
    margin-top:0px;
    text-align: center;
    color: black;
    font-size:20px;
    margin-bottom:7px;
}
.offer_division_details{
    text-align:center;
    padding-right:15px;
}
.offer_division_details img{
    margin:0 auto
}
/*div.product-price {
    padding-bottom: 49px;
}*/
.price_div{
        margin-bottom: 21px;

}
.product-price {
    font-size: 30px;
    line-height: 1.2em;
    margin: 0 0 3px 0;
    color: #333;
    /*display: block;*/
    font-weight: 400;
}
.old-product-price {
    text-decoration: line-through;
    color: #333333;
    font-size: 20px;
    font-weight: 400;
    /*display: block;*/
}
.product-price.new-product-price {
    color: #fe6613;
}
.offer_shopnow{
         border: 2px solid;
    padding: 5px 46px;
    font-size: 16px;
    border-radius: 50px !important;
}
  .slider-label{    background: #6fc3ff;
    width: 215px;
    height: 185px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
       left: -121px;
    top: -99px;
    text-align: left;
    z-index:9999
  }
                                                                                                                                                                                                                                                                     
 
  .slider-label-inset {
        position: absolute;
   bottom: -16px;
    left: 24%;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 300;
    color: #fff;
    width: 120px;
    height: 60px;
    text-align: center;
}
 
.banner_block{
    position:relative
}
.timer_bottom {
          background: #349ee8;
    padding:10px 15px 1px;
    bottom: -21px;
    position: absolute;
    margin-left: -15px;
    width: 100%;
    color: #fff;
    text-align: center
}
.timer_bottom li{
        line-height: 17px;
        position:relative
}
.timer_bottom li:before{
        content: ":";
    position: absolute;
    left: -5px;
    font-size: 33px;
}
.timer_bottom li .text{
        font-size: 10px;
}
.timer_bottom li .integer{
    font-size:28px;
}
.timer_bottom li:first-child{
          margin-top: -25px;
    font-size: 20px;

    vertical-align: middle
} 

.timer_bottom li:first-child:before{
    content:" ";
}
.timer_bottom li:nth-child(2):before{
    content:" ";
}
.timer_bottom li:first-child .fa{
        margin-right: 6px;
}
.banner_block .sale_timer{
    position:absolute;
    bottom:20px;
        left: 35%;
        text-align: center;
}
.sale_timer ul li {
     background: #000;
    width: 60px;
    height: 60px;
    line-height: 22px;
    padding: 6px 0;
    color: #fff;
}
.sale_timer ul li .text{
    font-size:12px;
}
/*banner_block*/



/*sale-box*/
.sale-box{
    height:175px;
    text-align:center;
    color:#fff;
    padding:10px
}
.sale-box .box_content{
    border:1px solid #fff;
         height: 100%;
         padding:15px;

}
.sale-box h3,.sale-box h4{
    color:#fff;
     text-transform:uppercase
}
.sale-box h4{
    font-size:2em;
    margin:8px 0;

}
.sale-box.blue{
    background:#349ee8;
   
}

.sale-box.red h3{
    font-size:27px;
    margin-bottom:10px;
}
.sale-box.red{
    background:#ef1c23;
     margin-bottom:10px
}
.sale-box  p{
        color: #000;
    text-transform: uppercase;
    font-size: 1.2em;  
        margin-bottom: 8px     
}
.sale-box a span{
        border: 2px solid #fff;
    padding: 3px 17px;
    border-radius: 30px !important;
    color: #fff;
}
/*sale-box*/

.util-left{
    display:inline-block
}

.row-title .main-title {
    padding-right: 16px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #333;
    text-transform: Uppercase;
}
.row-title .sub-title {
    padding-right: 20px;
    font-size: 14px;
    color: #999;
}
.row-title .label {
    margin-top: 12px;
    border: 3px solid #DCDEE3;
    border-radius: 3px;
    overflow: hidden;
}
.util-clearfix:after {
    visibility: hidden;
    display: block;
    height: 0;
    font-size: 0;
    content: '\0020';
    clear: both;
}
.product_list .nav-tabs>li{
    float:none !important
}
.product_list .nav-tabs{
        width: 300px;
    float: left;
    border:none;
    width: 24.5%;
    float: left;
    border: none;
    padding-right:0px;
}
 
.product_list  .nav-tabs > li > a {
    border:none;
    margin-right: 0px;
    
    font-size: 15px;
    text-transform: uppercase;
    color: #3a3a3a;
    position: relative;
    padding: 25px 15px 25px 65px;
    line-height: 22px;
    transition: .3s;
    
}
  
  .product_list .nav-tabs > li{
       transition: .3s;
      border-bottom:1px solid #ccc;
      border-left:1px solid #ccc;
       border-right:1px solid #ccc;
       margin:0px;
  }
    
.product_list .nav-tabs > li > a .fa{
    position: absolute;
    left: 21px;
    top: 21px;
    font-size: 30px;
}

.nav-tabs>li.active{
     border-right:none;

     border-left: 3px solid #349ee8; 
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
     border:none;
     border-bottom-color:#ccc
   
}
.product_list  .nav-tabs > li:hover{
     border-left: 3px solid #349ee8; 
}

.product_list .tab-content{
        margin-left: 25%;
}

.product_item{
    border:1px solid #eee;
    padding:10px;
}

.product_item:hover{
    box-shadow: 4px 5px 31px -10px;
}
.product_list  .product_img{
    text-align:center;
        border: 1px solid #efeeee;
}
.product_list  .product_img img{
    margin:0 auto;
    width:auto !important;
}
.product_list   .product_name {
    padding: 20px 0 0 0;
    text-align:center;
    font-weight: bold;
    font-weight: 600;    font-size: 12px;
    color: #349ee8;
}
.product_list   .product_name a{
     color: #349ee8;
}

.product_list   .product_desc {
    padding: 10px 0 0 0;
    font-size: 13px;
}
.product_list   .product_price {
    padding: 8px 0 7px 0;
    font-weight: bold;
    text-align:center
}
.product_list   .money, .money_like {
    font-size: 18px;
        margin-right: 17px;
    color: #349ee8;
}
.product_list   .availability{
        font-size: 12px;
    color: #333;
}
.product_links .btn {
    padding: 4px 16px;
    background: #349ee8;
    border: 2px solid transparent;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
 
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: background 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.2s ease-in-out;
    text-transform: uppercase;
}
.product_links{
        text-align: center;
}
 .product_links .btn {
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 20px;
    padding: 0;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    margin-right: 10px;
}
 .product_links .btn:hover{
     background:#000
 }
 .product_links .btn .fa{
         line-height: 37px;
   
 }
 .product_links .btn .fa-shopping-cart{
      margin-left: -3px;
 }
 .heading_main{
     border-top: 3px solid #349ee8;
     /*margin-bottom:20px;*/
}
 .heading_main h3{
         padding: 15px;
    border-bottom: 1px solid #e0e0e0;
 }
  .heading_main h3 span{
      font-weight:bold;
          color: #349ee8;
  }
.owl-theme .owl-nav {
    /*position: absolute;*/
    /* margin-top: 10px; */
    text-align: center;
    -webkit-tap-highlight-color: transparent;
      /*top: -74px;*/
    right: 8px;
}

/************************/
/******Pop Up Modal*****/
/**********************/
.view_modal .modal-dialog {
    width: 795px;
    margin: 100px auto 0;
}
.view_modal .modal-dialog .modal-body{
    padding:0 15px;
 }
.view_modal .modal-header{
        padding:0
    }
        .view_modal .modal-header .close {
            background: #6fc3ff;
            color: #fff;
            opacity: 1;
             padding: 7px 11px 3px;
    margin-top: 0px;
    font-size: 29px;
}        
          .view_modal .modal-header  .modal-title {
    margin: 0;
    line-height: 1.42857143;
    padding: 9px;
}
.image_section{
             padding: 15px 0;
}
.image_section .quick-links{
    padding: 0 15px;
}
.image_section .gen-but{
    width:49%;
        color: #fff;
    font-size: 20px;
}
.image_section .gen-but.add_cart{
background: #6fc3ff;
   
}
.image_section .gen-but.add_to_wishlist{
    background:#000
}
.product_section{
        padding-bottom: 15px;
    border-left: 1px solid #dcdcdc;
}
.view_modal .product_detail{
        padding: 15px 0;
        border-bottom:1px solid #dedede;
        margin-bottom: 10px;
}
.view_modal .product_detail h4{
    margin-bottom:10px;
}
.view_modal .product_detail .product_code{
        /*float: right;*/    padding-top: 10px;
}
.view_modal .product_detail ul li{
        font-size:12px;
}
.view_modal .product_detail ul li .badge{
    background-color: #6fc3ff;
    border-radius: 10px !important;
        padding-top: 5px;
}
.inline{
    display: inline-block;
}
.view_modal .product_detail .product_price{
        font-size: 16px;
    padding-top: 6px;
 
    vertical-align: top;
}
.view_modal .product_detail .product_price span{
       color: #0f95f5;
font-size: 19px;
}
    .view_modal .product_detail .product_price span.per_piece {
        color: #b3b3b3;
        font-weight: normal;
        font-size: 12px;
    }
      .view_modal .product_detail .product_price span.clrblck{
       color: #000;
    font-weight: normal;
    font-size: 12px;
    border-left: 1px solid #cac7c7;
    padding-left: 10px;
    }


.view_modal .border-left{
    border-left : 1px solid #dcdcdc;
    padding-left:10px;
}
.view_modal .border-right{
    border-right : 1px solid #dcdcdc;
    padding-right:10px;
}
.view_modal .add_review{
        padding-bottom: 6px;
        font-size: 12px;
       border-bottom:1px solid #dedede;
        margin-bottom: 10px;
}
.view_modal .add_review .notifyme{
    float: right;
    padding: 3px 5px 2px;
        background: #ff895c;
    margin-top: -4px;
    border-radius: 35px !important;
    color: #fff
}
.view_modal .product_summary{
    border: 1px solid #dedede;
    width:100%;
    margin-bottom: 15px;
}
.product_summary h4{
    background: #f1f0f0;
    padding: 6px;
        margin-bottom: 5px;
}
.product_summary tr td{
        padding: 3px 10px;
    font-size: 13px;
}
 
.product_summary table{
    width:100%;

}
.product_summary tr td:first-child{
    color:#909090
}
.product_summary tr td:nth-child(2){
    color:#000
}
.payent_method  ul li{
    padding:0px
}
.payent_method  ul li:first-child{
    font-size: 12px;
    padding-left: 8px;
}

.payent_method  ul li img{
    height:20px;
}
.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(0.);
    -moz-transform: scale(0.);
    -ms-transform: scale(0.);
    transform: scale(0.);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}
@media screen and (max-width:766px) {
    

    .modal{
            z-index: 9999999;
    }
    .view_modal .modal-dialog .modal-body{
        padding:15px;
    }
    
    .view_modal .modal-dialog{
        width:100%;
        margin:0 auto
    }
    .view_modal .product_detail h4 {
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid #ccc;
    padding-top: 15px;
}
    .view_modal .product_section{
        border:none;
    }
     .view_modal .product_detail li{
         position:relative
     }
    .view_modal .product_detail  .quantity{
        float:right
    }
    .view_modal .product_detail .product_code{
        /*float:none;*/
        margin-top: 10px;
    }
    .view_modal .border-left,.view_modal .border-right{
        border:none;
    }
}
/************************/
/******Pop Up Modal*****/
/**********************/

.flex-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
 
 .flex-list_benefits .flex-list__item {
    color: #243238;
    min-height: 200px;
    padding: 40px 20px;
    position: relative;
    align-self: flex-start;
}
.flex-list__item {
    flex: 1;
    text-align: center;
    float: left;
    width: 100%;
    /*height: 100%;*/
}

.flex-list_benefits .flex-list__item:after {
    position: absolute;
    content: "";
    top: 60px;
    right: -1px;
    height: 80px;
    width: 1px;
    background: #ccc;
}


 .flex-list_benefits .flex-list__text {
    display: block;
    color: #b0bec5;
    margin-top: 10px;
} 
.t5 {
    font-size: 12px;
    line-height: 18px;
}
 
.flex-list_benefits .flex-list__img {
    display: block;
    margin: 0 auto 20px;
    font-size: 40px;
    height: 40px;
    width: 40px;
}
.flex-list_benefits .flex-list__img:before{
    background-size: 40px 40px;
     background-repeat:no-repeat
}
.flex-list_benefits .flex-list__img.icon-payment:before {    
    background-image: url(../images/securepay.png);   
}

.flex-list_benefits .flex-list__img.icon-quality:before {    
    background-image: url(../images/qualitypro.png);   
}

.flex-list_benefits .flex-list__img.icon-money:before {    
    background-image: url(../images/cashback.png);   
}

.flex-list_benefits .flex-list__img.icon-improve:before {    
    background-image: url(../images/custsupport.png);   
}

.flex-list_benefits .flex-list__img.icon-like:before {    
    background-image: url(../images/custsatisfac.png);   
}

 
.svg:not(html):before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-size: contain;
}
 
 


.footer {
  font-size: 13px;
  margin-top:0px;
  color: #bababa;
      padding: 30px 0 0;
  background-color: #373939;
}
.footer p{
        margin: 0 0 10px;
}
.footer ul {
  line-height: 1.7;
  padding: 0;
  list-style: none;
}
.footer ul li a {
  color: #bababa;
}
.footer .copyright {
  padding: 10px;
  color: #bababa;
  background-color: #202222;
      margin-top: 21px;
}
.footer .footer-icon span i {
  line-height: 2;
  width: 30px;
  /*height: 30px;*/
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;
  border: 1px solid #a3a3a3;
  border-radius: 100% !important;
}
.footer .footer-icon li{
    display:block
}
.footer .footer-icon span{
    float:left;
    width:10%;
}
    .footer .footer-icon span.text {
    float:right;
        width: 83%;
    }
.footer .follow-us {
  display: inline-block;
}
.footer .follow-us li {
  float: left;
}
.footer .follow-us li a {
  font-size: 20px;
  line-height: 2;
  display: block;
  width: 40px;
  height: 40px;
  margin: 10px 10px 0 0;
  text-align: center;
  border: 1px solid #a3a3a3;
  border-radius: 100% !important;
  -webkit-transition: all 0.1s ease 0s;
  -o-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
}
.footer a:hover{
    color:#71c4ff
}
.footer .follow-us li a .fa{
    line-height: 40px;
}
.footer .subscribe-button {
  font-size: 13px;
  height: 32px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.footer .subscribe-button {
    color: #fff;
    border-color: #fff;
    background-color: #009688;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.footer input[type="text"] {
  height: 32px;
  border-color: transparent;
}
.footer input[type="text"]:focus {
  z-index: 2;
  border-color: transparent;
}

.title-footer {
  font-size: 18px;
  line-height: 1;
  margin: 10px 0;
  padding: 10px 0;
  border-bottom: 1px solid #464646;
}
.title-footer > span {
  display: inline-block;
  color: #bababa;
}




@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
  
    
    .container {
 width: 100% !important;
}
     .banner_block{
        width:668px !important
    }
    .col-sm-push-4 {
    left:33.33%;
}
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1023px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
     .sm-hidden{
        display:none !important;
    }
    .container {
    width: 750px !important;
}
    .header-info + .welcome {
    padding-left: 20px;
    margin-left: 0px;
    border-left: 1px solid rgba(0,0,0,0.08);
}
    .banner_block{
        width:96%
    }
    .col-sm-push-4 {
    left: 2%;
}
    .product_links .btn {
        width: 37px;
        height: 37px;
    }
    .tab-pane .col-sm-4{
        padding:3px;
    }
    .flex-list_benefits .flex-list__item {
    color: #243238;
    min-height: 200px;
    padding: 23px 14px;
    position: relative;
    align-self: flex-start;
}
    ul.social-links + .header-info{
        display:none
    }
        .sale-box.blue {
    background: #349ee8;
    margin-left: 13px;
}
 
.sale-box {
    height: 175px;
    text-align: center;
    color: #fff;
    padding: 10px;
    float: left;
    width: 49%;
    margin-top: 10px;
}
.modal{
            z-index: 9999999;
    }
    .view_modal .modal-dialog .modal-body{
        padding:0 15px;
    }
    
    .view_modal .modal-dialog{
        width:100%;
        margin:0 auto
    }
    
    .view_modal .product_section{
        border:none;
    }
     .view_modal .product_detail li{
         position:relative; 
    font-size: 12px;
    display: inline-block;
    padding-right: 25px;
}   
    .view_modal .product_detail  .quantity{
        float:right
    }
    .view_modal .product_detail .product_code{
        float: none;
    margin-top: 10px;
    display: block;
    }
    .view_modal .border-left,.view_modal .border-right{
        border:none;
    }
} 

 @media (min-width: 1440px) {
  
   .sm-hidden{
        display:block ;
    }
}

@media only screen 
and (max-device-width : 1024px) and (min-device-width : 769px) 
 {
     .sm-hidden{
        display:none ;
    }
        .col-sm-push-4 {
    left: 33.33%;
}
        .container{
            width:100% !important;
        }
         ul.social-links + .header-info{
        display:none
    }
         .largemenu {
    width: 749px !important;
    background: #fff;
}
    .dropdown-submenu > .dropdown-menu {
        top: 0px;
        left: 82% !important;
    }
    .category-header .category_dropdown .dropdown-menu a {
    padding: 12px;
    transition: all .3s;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 1px solid #ebebeb;
}

}
 
.dropdown .dropdown-menu .caret{border:4px solid transparent;border-left-color:#000;float:right;margin-top:6px}.dropdown-menu{min-width:250px}.dropdown-menu > li.open > a{background-color:#F5F5F5;color:#262626;text-decoration:none}.dropdown-menu .dropdown-menu{left:100%;margin:0;right:auto;top:-1px}.dropdown-menu-right .dropdown-menu,.navbar-right .dropdown-menu .dropdown-menu,.pull-right .dropdown-menu .dropdown-menu{left:auto;right:100%}.dropdown-menu.animated{-webkit-animation-duration:0.3s;animation-duration:0.3s}.dropdown-menu.animated:before{content:" ";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:99}.dropdownhover-top{margin-bottom:2px;margin-top:0}.navbar-fixed-bottom .dropdown-menu .dropdown-menu,.dropdownhover-top .dropdown-menu{bottom:-1px;top:auto}.navbar-nav > li > .dropdown-menu{margin-bottom:0}.dropdownhover-bottom{-webkit-transform-origin:50% 0;transform-origin:50% 0}.dropdownhover-left{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.dropdownhover-right{-webkit-transform-origin:0 50%;transform-origin:0 50%}.dropdownhover-top{-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
@media screen and (max-width:766px){
    /*section {
    margin: 10px 0 !important;
}*/
    .navbar-default {
    background-color: #fff;
    border-color: #fff; -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    border:none;
    margin-bottom:0px;
}
   .navbar-header{
       padding: 0 10px;
   }
    .navbar-brand {
    float: none;
    height: 50px;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
}
     .navbar-fixed-top img{
        margin:0 auto;
            padding-left: 90px;
        height:50px;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: -15px;
     margin-left:0px;  
}
    .shopping_cart .badge{
            background-color: #000;
          position: absolute;
    top: 6px;
    border-radius: 100% !important;
    right: 11px;
    height: 20px;
    padding: 5px 7px;
    width: 20px;
    }
 .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
        margin-top: 5px;
}
    .logout_btn{
            position: absolute !important;
    border: 0;
    text-align: center;
    color: #fff;
    background: #78c6ff;
    bottom: 0px;
    }
    .logout_btn a{
        color:#fff !important;
            padding: 12px !important;
    text-transform: uppercase;
    }
    .navbar-toggle,.navbar-toggle:focus,.navbar-toggle:active,.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        background:none;
        border:none;
            padding: 7px;
            font-size: 18px;
            margin-right: 0px;
                padding: 8px 18px;
    }
    .shopping_cart,.shopping_cart:focus,.shopping_cart:active,.navbar-default .shopping_cart:focus, .navbar-default .shopping_cart:hover{
         background: #72c4ff;
       
         position:relative;
    margin-right: 10px;
    margin: 0px;
    height: 50px;
    font-size: 25px;
    padding: 0px;
    width: 58px;
    background: #72c4ff;
    color: #fff;
    }
    .shopping_cart .fa{
            margin-left:-15px;
    }
    .navbar-form{
            margin-right: 0px;
            border:none;
            margin-top:0px;
            margin-bottom:0px
    }
    .btn-default{
            height: 34px;
    }
    .box_shadow{
            -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    border-radius: 4px !important;
    }
    .content_wrapper{
            margin-top: 41px;
    }
    .row{
    margin:0px;
}
    .col-xs-12{
        padding:0px
    }
    .container-fluid{
        padding:0px !important
    }

  .banner_block {
    padding: 10px;
    background: #fff;
    height: 396px;
    background-size: cover;
    overflow: hidden;
}
   .offer_image_mob img{
           height: 126px;
   }
   .offer_division h2 {
    margin-top: 10px;
    text-align: center;
    color: #349ee8;
    font-size: 14px;
    margin-bottom: 4px;
}
   .offer_division h3 {
    margin-top: 0px;
    text-align: center;
    color: black;
    font-size: 14px;
    margin-bottom: 7px;
}
   .price_div {
    margin-bottom: 9px;
}
   .product-price {
    font-size: 20px;
    line-height: 1.2em;
    margin: 0 0 3px 0;
    color: #333;
    /* display: block; */
    font-weight: 400;
}
   .old-product-price {
    text-decoration: line-through;
    color: #333333;
    font-size: 15px;
    font-weight: 400;
    /* display: block; */
}
   .offer_shopnow {
    border: 2px solid;
    padding: 1px 36px;
    font-size: 14px;
    border-radius: 50px !important;
}
   .todays_deal{
    height: 45px !important;
}
    .slider-label {
    background: #349ee8;
    width: 200px;
    height: 31px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: -83px;
    top: 12px;
    text-align: left;
    z-index: 1;
}
    .slider-label-inset {
    position: absolute;
    bottom: -34px;
    left: 23%;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    width: 120px;
    height: 60px;
    text-align: center;
}
    .sale-box.red {
    background: #ef1c23;
    margin: 10px 0;
}
    .add_offers{
background:#fff;
    padding-top: 5px;
    margin-top: 10px;
    padding-bottom: 15px;
}
    .panel-default{
        -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    border-radius: 4px !important;
    }
    .panel-default>.panel-heading+.panel-collapse>.panel-body{
        padding:0px;

    }
   .panel-body .product_item {
       border:none;
    margin-bottom: -1px;
    float: left;
    width: 50%;
    padding: 10px;
    border-bottom: 1px solid #eee;
      
}

 
.product_item:nth-child(2n-1) {
    border-right: 1px solid #eee; 
}
    .panel-body .product_item .product_img img{
        /*float:left;
        width: 42%;*/
        margin:0 auto;
            height: 100px;
    width: 100px;
    }
    .panel-body .product_item .product_info{
            padding: 5px 0 0;
                text-align: center;
            
    }
    .panel-body  .product_links .btn{
           background:none;
           color:#349ee8;
               font-size: 15px;
               height:auto;
               width:auto
    }
    .panel-body .product_item .product_links .btn .fa {
    line-height: 9px;
}
    .panel-body  .product_item .product_name{
        font-size: 12px;
    }
    .panel-body  .product_item .product_desc {
        display:none
    }
    .panel-body  .product_item .product_price{
            margin: 5px 0;
    font-size: 11px !important;
    }
    .panel-body  .product_item .product-price .availability{
            font-size: 8px;
    }
    .xs-hide{
        display:none;
    }
     .panel-title .fa{
        margin-right:15px;
    }
    .panel-default>.panel-heading{
        padding:15px;
        background-color:#fff
    }
    .panel-title .fa-angle-down{
        float:right
    }
    .mobile_categories,.for_mob{
    display:block  !important
}
    .container {
    width: 100% !important;
}
    .offer_image{
            background-position: 52px -20px;
            width:100% !important
    }
    .timer_bottom {
    background: #349ee8;
    padding: 30px 15px 1px;
    bottom: -82px;
    position: absolute;
    margin-left: -15px;
    width: 100%;
    color: #fff;
    text-align: center;
}
    .timer_bottom li:first-child {
      margin-top: -18px;
    display: block;
    font-size: 15px;
    vertical-align: top;
    margin-bottom: 8px;
    margin-left: -13px;
}
    .timer_bottom li .integer {
    font-size: 19px;
}
    .mobile_categories  .category_text{
        font-size: 10px;
    }
    .mobile_categories ul li.searchby_type{
        width:25%;
        float:left;
        text-align:center;
        background:#fff;
        padding:10px 0;
        border-left: 1px solid #f1f1f1;
    background: #fff;
    padding: 10px 0;
    margin-left: -1px;



    }

  .mobile_categories  .nav-tabs>li{
      text-align:center;
      width:25%
  }
   .mobile_categories  .nav-tabs>li a{
       padding:5px 10px;
   }
 .mobile_categories  .nav-tabs>li.active{
       border-left:none !important;
       
   } 
    .mobile_categories li a .fa{
      background: #7cc8ff;
    color: #fff;
    padding: 10px;
    font-size: 24px;
    border-radius: 100% !important;
    height: 45px;
    width: 45px;
    margin-bottom: 4px;
    }
    .mobile_categories .fa.yellow{
        background: #fdda53;
    }
    .mobile_categories .fa.orange{
        background:#ff8431
    }
    .mobile_categories .fa.green{
        background:#27c48f
    }
    .mobile_categories .dropdown-menu{
        position:relative !important;
            top: 10px;
    }
     .mobile_categories .tab-pane{
         padding:10px;
     }
     .mobile_categories .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    color: inherit;
}
       .mobile_categories  .panel-default>.panel-heading {
    padding: 9px;
    background-color: #fff;
}
      .mobile_categories .tab-pane  ul li   {
          display:block;
          border:1px solid #ccc !important;
              white-space: nowrap;
    overflow: hidden;
        margin-bottom: -1px;
    text-overflow: ellipsis;
    margin-right: -1px;
    
    text-overflow: ellipsis;float:left;width:50%;
      }
  .mobile_categories  .tab-pane ul li a {
            padding: 8px 10px;
                font-size: 12px;

    display: block;
    
    }    
    .panel-group {
    margin-bottom: 0px;
}
    .owl-stage-outer{
            border: 1px solid #f7f7f7;
    }
    .owl-dots{
        margin:0px !important

    }
    .owl-theme .owl-dots .owl-dot span{
        border-radius:30px !important;
            width: 7px !important;
    height: 7px !important;
    }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #64baf7 !important;
}
    .marbtm_20{
        margin-bottom:-20px !important 
    }
    .top_categories .product_item{
        border:none;
        padding:0px;
            border-right: 1px solid #eee;
    }
    .top_categories .product_list   .product_name{
        padding:0px
    }
    .top_categories .product_list .product_name a {
       color: #7d7c7c;
    font-weight: normal;
    font-size: 11px;
}
    .top_categories .product_list  .product_img{
        border:none
    }
 .top_categories .product_desc {
     display:none
 }
 .top_categories .product_links .btn {
    width: 25px;
    height: 25px;
    line-height: 21px;
    text-align: center;
    font-size: 13px;  
    margin-right: 0px; 
        color: #349ee8;
    background: none;
    border: none;
}
 .top_categories .product_links .btn .fa {
    line-height: 20px;
}
 .top_categories .product_list .money, .money_like {
    font-size: 12px;
    margin-right: 17px;
    color: #b5b5b5;
}
 .top_categories .availability{
     display:none
 }
}   #wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 220px;
}

#sidebar-wrapper {
    z-index: 1000;
    left: 220px;
    width: 0;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 300px;
}

#page-content-wrapper {
    width: 100%;
    padding-top: 70px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -300px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: absolute;
    top: 0;
    width:300px;
    margin: 0;
    height:100%;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

 
 
.sidebar-nav li a {
    display: block;
    color: #3c3c3c;
    text-decoration: none;
    padding:9px 15px 4px 19px;
     font-size:13px;  
}
.sidebar-nav li a .fa {
    text-align: center;
    font-size: 21px;
    margin-right: 18px;
    width: 19px;
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #349ee8;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
    /*height: 140px;*/
     background: #f2f2f2;
    font-size: 20px;
    /*line-height: 44px;*/
    padding-top:50px;
    display: block;
    color: #3c3c3c;
    text-decoration: none;
    padding:64px 10px 14px 10px;
    font-size: 16px;
}
.sidebar-brand .user_sign a{
   display: inline-block;
    font-size: 12px;
    
    color: #6b6b6b;
    margin-top: 13px;
    padding: 0px 5px 0 0;
}
.sidebar-brand .user_sign a .fa{
        font-size: 14px;
    margin: 0px;
}
 
.sidebar-brand .user_sign a.border {
    border-right:1px solid #ccc; 
    margin-right:5px;
        padding-right: 9px;
}
    .sidebar-nav > .sidebar-brand .user_block   .fa{
        /* display: block; */
           background: #ccc;
    padding: 2px 12px;
    width: 40px;
    height: 40px;
    font-size: 22px;
    border-radius: 100% !important;
    line-height: 35px;
    color: #eee;
    margin-right: 5px;
    }
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  position: fixed;
  top:8px;  
  z-index: 999;
  display: block;
     height: 30px;
    width: 25px;
  /*margin-left: px;*/
  background: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 5px;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #353535;
}
.hamburger.is-closed .hamb-top { 
  top: 5px !important; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  /*top: 50%;*/
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px  !important;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
   top: 5px !important;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom:5px;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #000;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}

.hamburger.is-open {
    position: fixed; 
    z-index: 1015; 
    /*margin-left: 33px;*/ 
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250,250,250,.8);
    z-index: 1;
}