.border-circle {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.clear {
    display: block;
    overflow: hidden;
}

body {
font-family: 'Open sans', sans-serif;
font-size: 13px;
line-height: 1.42857143;
color: #777777;
background-color: #e9e9e9;
margin: 0;
}
.ptn, .pvn, .pan {
padding-top: 0 !important;
}
.btn.btn-circle {
-webkit-border-radius: 25px !important;
-moz-border-radius: 25px !important;
border-radius: 25px !important;
}
.btn.btn-shadow {
-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.07) !important;
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.07) !important;
}
.panel-primary{box-shadow: 6px 10px 7px #4E4E4E;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
z-index: 2;
color: #ffffff;
background-color: #ff5722;
border-color: #ff5722;
cursor: default;
}
.btn-default {
color: #333333;
background-color: #efefef;
border-color: #dddddd;
}
.btn-primary {
color: #ffffff;
background-color: #ff5722;
border-color: #ff5722;
}
.btn-success {
color: #ffffff;
background-color: #07bf29;
border-color: #07bf29;
}
.btn-info {
color: #ffffff;
background-color: #2196f3;
border-color: #2196f3;
}
.btn-warning {
color: #ffffff;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-danger {
color: #ffffff;
background-color: #ea2e49;
border-color: #ea2e49;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #ee3900;
border-color: #e43700;
}
.panel-custom>.panel-heading {
color: #FFFFFF;
background-color: #0F192A;
border-color: #FFFFFF;
}
.logo{font-size: 20px;padding-top: 0px;margin-top: -13px;}
@media only screen and (min-width: 520px) and (max-width: 570px) {
 .logo{font-size: 18px;}
}
@media only screen and (min-width: 470px) and (max-width: 519px) {
 .logo{font-size: 16px;}
}
@media only screen and (min-width: 420px) and (max-width: 469px) {
 .logo{font-size: 14px;}
}
@media only screen and (min-width: 220px) and (max-width: 419px) {
 .logo{font-size: 12px;}
}
.label-danger {
background-color: #ea2e49;
}
.label-success {
background-color: #07bf29;
}
.alert-success {
background-color: #dff0d8;
border-color: rgba(7, 191, 41, 0.2);
color: #07bf29;
}
.alert-danger {
background-color: #f2d9d7;
border-color: rgba(234, 46, 73, 0.2);
color: #ea2e49;
}
.panel-primary>.panel-heading{border-color: #FFFFFF;}
.label-default {
background-color: #cccccc;
border-color: #cccccc;
}
.label-primary {
background-color: #ff5722;
border-color: #ff5722;
}
.label-success {
background-color: #07bf29;
border-color: #07bf29;
}
.label-info {
background-color: #2196f3;
border-color: #2196f3;
}
.label-warning {
background-color: #ffc107;
border-color: #ffc107;
}
.label-danger {
background-color: #ea2e49;
border-color: #ea2e49;
}

/* shivam */

 .panel{
            border: 1px solid #ddd;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    } 
    .btn {
  display: inline-block;
  padding: 8px 1rem;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  box-shadow: 0 0 2px rgba(0,0,0,0.4);
  border: none; 
  font-size: 12px;
  text-align: center;
}
       .ulproducts_animation{
        width: 380px;background: #fff;z-index: 999999999;
        border: 1px solid #ddd;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
       
    }
    
    .divproducts_animation{
        width: 380px;background: #fff;z-index: 999999999;
        height: 250px;
        overflow-y: scroll;
    }
    .divproducts_animation>li.ani_li{width: 100%; border-bottom: 1px solid #000;padding: 5px;overflow: hidden;}
    .textblack{color: black;}

    .ulproducts_animation>li.ani_li{width: 100%; border-bottom: 1px solid #000;padding: 5px;overflow: hidden;}
    .textblack{color: black;}

    .empty-cart center>a>i.fa.fa-shopping-bag {
        border: 1px solid #ddd;
        font-size: 35px;
        color: #000;
        padding: 20px;
        border-radius: 100%;
         box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    }

    .product_animation_img{padding: 3px;}
     img.cart_prod_img {
        width: 100%;
    }
    .p0{padding: 0 !important;}

@media only screen and (max-width: 500px) {
    ul#products_animation{
    	left: -50px !important;
    	}
    	.divproducts_animation {
		    width: 100%;
		}
	}