body
    {
        font-family: "Muli", sans-serif !important;
        counter-reset: Serial Serial2 Serial3;		/* Set the Serial counter to 0 */
        background-color: #ffffff !important;
    }

    @media (max-width:768px) {
        .btn-sm-block
        {
            display: block;
            width: 100%;
        }
    }

    @media (min-width:768px) {
        .col-md-hidden
        {
            display:none;
        }
        .text-md-right
        {
            text-align:right !important;
        }
    }
    @media (max-width:768px) {
     .col-sm-pull-12 {
      right:100%
     }
     .col-sm-pull-11 {
      right:91.66666667%
     }
     .col-sm-pull-10 {
      right:83.33333333%
     }
     .col-sm-pull-9 {
      right:75%
     }
     .col-sm-pull-8 {
      right:66.66666667%
     }
     .col-sm-pull-7 {
      right:58.33333333%
     }
     .col-sm-pull-6 {
      right:50%
     }
     .col-sm-pull-5 {
      right:41.66666667%
     }
     .col-sm-pull-4 {
      right:33.33333333%
     }
     .col-sm-pull-3 {
      right:25%
     }
     .col-sm-pull-2 {
      right:16.66666667%
     }
     .col-sm-pull-1 {
      right:8.33333333%
     }
     .col-sm-pull-0 {
      right:auto
     }
     .col-sm-push-12 {
      left:100%
     }
     .col-sm-push-11 {
      left:91.66666667%
     }
     .col-sm-push-10 {
      left:83.33333333%
     }
     .col-sm-push-9 {
      left:75%
     }
     .col-sm-push-8 {
      left:66.66666667%
     }
     .col-sm-push-7 {
      left:58.33333333%
     }
     .col-sm-push-6 {
      left:50%
     }
     .col-sm-push-5 {
      left:41.66666667%
     }
     .col-sm-push-4 {
      left:33.33333333%
     }
     .col-sm-push-3 {
      left:25%
     }
     .col-sm-push-2 {
      left:16.66666667%
     }
     .col-sm-push-1 {
      left:8.33333333%
     }
     .col-sm-push-0 {
      left:auto
     }
    }

    @media (min-width:992px) {
     .col-md-pull-12 {
      right:100%
     }
     .col-md-pull-11 {
      right:91.66666667%
     }
     .col-md-pull-10 {
      right:83.33333333%
     }
     .col-md-pull-9 {
      right:75%
     }
     .col-md-pull-8 {
      right:66.66666667%
     }
     .col-md-pull-7 {
      right:58.33333333%
     }
     .col-md-pull-6 {
      right:50%
     }
     .col-md-pull-5 {
      right:41.66666667%
     }
     .col-md-pull-4 {
      right:33.33333333%
     }
     .col-md-pull-3 {
      right:25%
     }
     .col-md-pull-2 {
      right:16.66666667%
     }
     .col-md-pull-1 {
      right:8.33333333%
     }
     .col-md-pull-0 {
      right:auto
     }
     .col-md-push-12 {
      left:100%
     }
     .col-md-push-11 {
      left:91.66666667%
     }
     .col-md-push-10 {
      left:83.33333333%
     }
     .col-md-push-9 {
      left:75%
     }
     .col-md-push-8 {
      left:66.66666667%
     }
     .col-md-push-7 {
      left:58.33333333%
     }
     .col-md-push-6 {
      left:50%
     }
     .col-md-push-5 {
      left:41.66666667%
     }
     .col-md-push-4 {
      left:33.33333333%

     }
     .col-md-push-3 {
      left:25%
     }
     .col-md-push-2 {
      left:16.66666667%
     }
     .col-md-push-1 {
      left:8.33333333%
     }
     .col-md-push-0 {
      left:auto
     }
    }
    @media (min-width:1200px) {
    .col-lg-pull-12 {
      right:100%
     }
     .col-lg-pull-11 {
      right:91.66666667%
     }
     .col-lg-pull-10 {
      right:83.33333333%
     }
     .col-lg-pull-9 {
      right:75%
     }
     .col-lg-pull-8 {
      right:66.66666667%
     }
     .col-lg-pull-7 {
      right:58.33333333%
     }
     .col-lg-pull-6 {
      right:50%
     }
     .col-lg-pull-5 {
      right:41.66666667%
     }
     .col-lg-pull-4 {
      right:33.33333333%
     }
     .col-lg-pull-3 {
      right:25%
     }
     .col-lg-pull-2 {
      right:16.66666667%
     }
     .col-lg-pull-1 {
      right:8.33333333%
     }
     .col-lg-pull-0 {
      right:auto
     }
     .col-lg-push-12 {
      left:100%
     }
     .col-lg-push-11 {
      left:91.66666667%
     }
     .col-lg-push-10 {
      left:83.33333333%
     }
     .col-lg-push-9 {
      left:75%
     }
     .col-lg-push-8 {
      left:66.66666667%
     }
     .col-lg-push-7 {
      left:58.33333333%
     }
     .col-lg-push-6 {
      left:50%
     }
     .col-lg-push-5 {
      left:41.66666667%
     }
     .col-lg-push-4 {
      left:33.33333333%
     }
     .col-lg-push-3 {
      left:25%
     }
     .col-lg-push-2 {
      left:16.66666667%
     }
     .col-lg-push-1 {
      left:8.33333333%
     }
     .col-lg-push-0 {
      left:auto
     }
    }
    .bg-white
    {
         background-color:#ffffff !important;
    }

    .imgresponsive
    {
        max-width:100%;
        max-height:100%;
    }

    @keyframes spinner-border {
      to { transform: rotate(360deg); }
    }
    .spinner-border{
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        border: .25em solid currentColor;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: spinner-border .75s linear infinite;
        animation: spinner-border .75s linear infinite;
    }
    .spinner-border-sm{
        height: 1rem;
        border-width: .2em;
    }

    .rounded{border-radius: 1rem !important;}.rounded-left{border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important;}.rounded-right{border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important;}

    .color
    {
        color:#eb4414 !important;
    }
    .colorhover:hover
    {
        color:#eb4414 !important;
    }
    .bgcolor
    {
        background-color:#eb4414 !important;
        color:#fff;
    }
    .bgcolorhover:hover
    {
        background-color:#eb4414 !important;
        color:#fff !important;
    }
    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #eb4414;
    }
    .tagcls
    {
        font-size:12px;
    }
    @media (min-width:768px) {
        .section-title h2 {
            color: #252525;
            font-size: 30px;
            font-weight: 700;
            position: relative;
        }
        .productimg
        {
            padding:0 15%;
        }
    }
    @media (max-width:768px) {
        .pr-sm-2, .px-sm-2 {
            padding-right: .5rem  !important;
        }
        .section-title h2 {
            color: #252525;
            font-size: 20px;
            position: relative;
        }
        .productimg
        {
            padding:0;
        }
        .mr-sm-0
        {
            margin-right:0 !important;
        }
        .ml-sm-0
        {
            margin-left:0 !important;
        }
        .p-sm-0
        {
            padding:0 !important;
        }
        .pr-sm-0
        {
            padding-right:0 !important;
        }
        .pl-sm-0
        {
            padding-left:0 !important;
        }
    }

    .section-title h2:before {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -14px;
        width: 80px;
        height: 3px;
        background: #eb4414;
        content: "";
        margin: 0 auto;
    }
    a
    {
        text-decoration: none !important;
    }
    .text-muted
    {
        color:#000 !important;
    }

    .mrpsave
    {
        display:none !important;
    }

    .imgdownload
    {
        display:none !important;
    }


    .btn-primary {
        color: #fff;
        background-color: #eb4414 !important;
        border-color: #eb4414 !important;
    }
    .btn-primary:hover {
        color: #fff;
        background-color: #eb441499 !important;
        border-color: #eb4414 !important;
    }
    .btn-primary:active {
        color: #fff;
        background-color: #eb441499 !important;
        border-color: #eb4414  !important;
    }
    .btn-primary:focus {
        color: #fff;
        background-color: #eb441499 !important;
        border-color: #eb4414 !important;
    }

    .btn-outline-primary {
        color: #eb4414 !important;
        border-color: #eb4414 !important;
    }
    .btn-outline-primary:hover {
        color: #fff !important;
        background-color: #eb4414 !important;
        border-color: #eb4414 !important;
    }
    .btn-outline-primary:active {
        color: #fff !important;
        background-color: #eb441499 !important;
        border-color: #eb4414  !important;
    }

    .iconnotification > span {
        position: absolute;
        top: 2px;
        height: 15px;
        width: 15px;
        color:#ffffff;
        border-radius: 50%;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        line-height: 15px;
    }
    .wishicon > i:nth-child(1){
        position: absolute;
        top: 0px;
        right:10px;
        padding:6px;
        color:#d7d7d7;
        font-size: 15px;
        font-weight: 700;
        text-align: center;
        line-height: 15px;
        z-index:1;
        background:#fff0;
    }

    .wishicon > i:nth-child(2) {
        position: absolute;
        top: 25px;
        right:8px;
        padding:6px;
        color:#eb4414;
        font-size: 15px;
        font-weight: 700;
        text-align: center;
        line-height: 15px;
        z-index:1;
        background:#fff0;
    }

    .addtowishlist{
        color:#f63939d1  !important;
        position: relative;
        animation-name: wishlist;
        animation-duration: 1500ms;
        animation-iteration-count: no;
    }

    @keyframes wishlist {
      0% {transform:scale(0) rotate(0deg); text-shadow: 0px 0px 0px #ff000c45, 0px 0px 0px #3e41ff4d, 0px 0px 0px #24ff0559, 0px 0px 0px #05e5da66;}
      30% {transform:scale(1) rotate(45deg); text-shadow: 15px 15px 0px #ff000c45, 15px -15px 0px #3e41ff4d, -15px 15px 0px #24ff0559, -15px -15px 0px #05e5da66;}
     80% {transform:scale(0) rotate(0deg); text-shadow: 0px 0px 0px #ff000c45, 0px 0px 0px #3e41ff4d, 0px 0px 0px #24ff0559, 0px 0px 0px #05e5da66;}
     100% {transform:scale(1); text-shadow:;}
    }

    .oveflowdots{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    /*---Drag Button--------*/
    #iddrag {
      position:fixed;
      z-index: 9;
      right:5px;bottom:80px;	}

    #iddragdiv {
      cursor: move;
      z-index: 10;
      color: #fff;
    }
    /*---Drag Button End----*/