body{
    background: #f7f8fa;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.form-control:focus{
    box-shadow: none !important;
}
.btn:focus {
    box-shadow: none !important;
}
a:hover {
    text-decoration: none;
}

div#mainbody {
    min-height: 600px;
}

.desktop-hide{
    display: none;
}

.mobileSlider {
    display: none;
}


.pageLoader {
    display: none;
}

.hidesection {
    display: none;
}

/***Header Css Start**/

.NoticeAlerts {
    margin: 0;
    text-align: center;
    background-color: #2c9600;
    border-color: #2c9600;
    color: white;
    border-radius: 0;
    padding: 5px;
}

.NoticeAlerts a {
    background: white;
    padding: 3px 8px;
    border-radius: 10px;
    color: #0f6a52;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.NoticeAlerts .close {
    padding: 5px 10px;
    line-height: 16px;
}

.top-header-right {
    float: right;
}
.top-header-right ul li {
    float: left;
}
.top-header-right ul li a {
    color: #0f6a52;
    padding: 8px 5px;
    display: inline-block;
    transition: 0.5s;
}

.topheader{
    background: #e7e8e9;
}


.top-header-right ul li ul {
    position: absolute;
    z-index: 999;
    width: 250px;
    display: none;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    padding: 5px 15px;
}

ul.main-header-list{
    padding: 0;
    margin: 30px 0;
    display: flex;
}

ul.main-header-list li{
    padding: 0 10px;
    margin: 0 10px;
}
ul.main-header-list li a{
    color: white;
    padding: 10px;
    display: inline-block;
    font-size: 18px;
    text-decoration: none;
}
ul.main-header-list li a:hover{
    color: #d9d9d9;
}

ul.accountmenu {
    float: right;
}



ul.accountmenu li {
    float: left;
    text-align: center;
    padding: 10px;
    position: relative;
    margin-top: 10px;
    border: 1px solid #f4f4f4;
}

ul.accountmenu li a {
    color: #0f6a52;
}

ul.accountmenu li a .fa{
    font-size: 33px;
    line-height: 0px;
    color: #34364b;
}

ul.accountmenu li:hover > ul {
    display: block;
}

ul.accountmenu li ul {
    position: absolute;
    margin: 0;
    padding: 0;
    background: white;
    width: 250px;
    z-index: 9;
    border-radius: 0px;
    display: none;
    right: -1px;
    border: 1px solid #d0cfcf;
    margin-top: 10px;
    box-shadow: 3px 3px 6px rgb(0 0 0 / 15%);
}

ul.accountmenu li ul li a{
   font-size: 16px;
}

ul.accountmenu li ul li {
    display: block;
    float: unset;
    text-align: left;
    border-bottom: 1px solid #d0cfcf;
    padding: 5px 10px;
}
ul.sub-menus {
    position: absolute;
    z-index: 99;
    background: #1a1a1a;
    width: 250px;
    display: none;
    padding: 0;
}

ul.main-header-list li:hover > ul.sub-menus{
    display:block;
}

.sticky-bar.stick {
    -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    background-color: #fff;
    border-bottom: 0 solid #4a90e2;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    left: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

ul.sub-menus li {
    float: none;
    padding: 0;
    border-bottom: 1px solid #dddde7;
}
ul.sub-menus li a {
    display: block;
    font-size: 18px;
}
.logo a {
    display: block;
}
.logo img {
    max-width: 100%;
    padding: 5px;
    max-height: 80px;
}
.search-section {
    margin: 20px 0;
}

.search-section .form-control {
    border: 1px solid #ffffff;
    border-radius: 0;
    font-family: 'Circular-Loom';
    box-shadow: 0px 0px 5px #ccc;
}

.search-section .form-control:focus{
    border: 1px solid #111;
}

.search-section .input-group-append {
    box-shadow: 0px 0px 5px #ccc;
    padding: 5px 13px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 0px 5px 5px 0px;
}

.search-section .input-group-text {
    background-color: #ffffff;
    border: none;
    color: black;
}


.sticky-header.stick {
    position: fixed;
    top: 0;
    left: 0;
    animation: smoothScroll 1s forwards;
    z-index: 99;
}

.sticky-header {
    width: 100%;
    -webkit-transition: all 2.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
    box-shadow: 1px 6px 12px 0 #e8e1e1;
    border-bottom: 1px solid #d0cfcf;
    background: white;
}

ul.main-header-list li:hover > ul.sub-menus{
    display:block;
}

ul.account {
    margin: 0;
    padding: 0;
    float: right;
}
ul.account li {
    display: inline-block;
}
ul.account li a {
    padding: 20px;
    display: block;
    color: white;
}


#sidebarmenudiv {
    position: absolute;
    z-index: 999;
    width: 100%;
    background: white;
    display: none;
    border: 1px solid #cccccc;
}

ul.topsidebarmenulist li:hover > #sidebarmenudiv {
    display: block;
}

.ourCategoryListMenusDiv ul {
    margin-bottom: 30px;
}
.ourCategoryListMenusDiv h4 {
    font-size: 20px;
    padding: 5px 10px;
}

.ourCategoryListMenusDiv ul li a {
    display: inline-block;
    padding: 3px 10px;
    color: black;
}

#topheader {
    background-color: #34364b;
    top: 0;
    width: 100%;
    z-index: 999999;
    padding: 5px 0;
    color: white;
}

.main-header {
    padding: 10px 0px;
    background-color: #f4f4f4;
}

.main-header-menu {
    background-color: #34364b;
}

.main-header-menu ul{
    list-style-type: none;
    margin: 0;
}

.main-header-menu ul li{
    display: inline-block;
}

.main-header-menu ul li a{
    padding: 12px 25px;
    display: block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Circular-Loom';
    font-weight: 500;
}

li.allcategories {
    text-transform: uppercase;
    padding: 0px 147px 0px 0px;
    background-color: #b42b3e;
    text-align: left;
    cursor: pointer;
}

li.allcategories .menulistdiv{
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 999;
    width: 333px;
    margin: 0px;
}

li.allcategories:hover .menulistdiv{
    display: block;
}

.ourCategoryListMenusDiv ul li {
    border-bottom: 1px solid #e2dddd;
}

.allcartsdiv.ourCategoryListMenusDiv {
    overflow: scroll;
    padding-bottom: 100px;
    height: 100%;
    position: relative;
}

.allcartsdiv.ourCategoryListMenusDiv::-webkit-scrollbar{
    width:5px;
}

.allcartsdiv.ourCategoryListMenusDiv::-webkit-scrollbar-thumb {
  background: #888; 
}

ul.sideMenusOverlay::-webkit-scrollbar{
    width:5px;
}

ul.sideMenusOverlay::-webkit-scrollbar-thumb {
  background: #888; 
}

.zeynep.opened ul.sideMenusOverlay{
    overflow: scroll;
    padding-bottom: 100px;
    height: 100%;
    position: relative;
}

ul.mydatqabase {
    position: absolute;
    top: 0;
    width: 300px;
    background: red;
    margin-left: 300px;
    /*transition-delay: 2s;*/
}

ul.mydatqabase.leftPosition {
    margin-left: 0;
}

/***Header Css End**/


/***Home Page Section Css End**/
.sliderDivsection {
    padding: 15px 0;
    background: white;
}


.menulistdiv {
    margin: 0 -4px 0 0;
    position: relative;
}

.borderextra {
    border: 1px solid #cccccc;
}

.menulistdiv ul li{
    width: 100%;
}

.menulistdiv ul li a {
    text-decoration: none;
    display: block;
    padding: 5px 10px;
    font-weight: 500;
    font-family: 'Circular-Loom';
    font-size: 13px;
    color: #323232;
}

.menulistdiv ul li a:hover {
    background: #000000;
    color: #ffffff;
}

.menulistdiv ul li a:hover span{
    color: #fff;
}

.menulistdiv ul li a span {
    color: #4b4b4b;
    width: 20px;
}

div#submenudiv {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
#submenudiv {
    position: absolute;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    top: 0px;
    margin-left: 99%;
    background: white;
    z-index: 99;
    min-width: 600px;
    display: none;
    height: 100%;
    overflow: auto;
}

.menulistdiv ul li:hover >#submenudiv {
    display: block;
}

.Banner-Section-image1, .Banner-Section-image2 {
    padding-top: 15px;
}

.Banner-Section-image1 img {
    width: 100%;
    padding-right: 5px;
}
.Banner-Section-image2 img {
    width: 100%;
    padding-left: 5px;
}



.services-div {
    display: block;
    padding: 0px;
    margin-bottom: 15px;
}



.serviceItem {
    padding: 20px 10px;
    border: 1px solid #098e6d;
    margin: 0px;
    background: white;
    cursor: pointer;
    transition: 0.5s;
}

.serviceItem:hover {
    background: #e7e8e9;
    border: 1px solid #e7e8e9;
}

.serviceitemtext {
    padding: 0;
}

.services-div h5 {
    margin-bottom: -3px;
    font-size: 12px;
    font-weight: bold;
}

.services-div span {
    font-size: 14px;
}
.serviceItem i {
    font-size: 35px;
    color: #339966;
}
/***Home Page Section Css End**/



/***Product Category  Css Start**/

.CategoryList {
    margin: 10px 0;
    padding: 0 10px 10px 10px;
    background: white;
    border-bottom: 1px solid #efefef;
}
.CategoryList h3 {
    border-bottom: 1px solid #efefef;
    padding: 5px 0px;
    font-size: 17px;
    text-transform: uppercase;
}


.CategoryList ul li a {
    color: black;
    padding: 5px;
    display: block;
    text-decoration: none;
    font-size: 14px;
}



.catagoryproducts {

    border: 2px solid #e9e9e9ba;
    background: white;
}

.productstitleprice {
    text-align: left;
    padding: 5px;
}
.productstitleprice a {
    text-decoration: none;
    color: #000;
}
.productstitleprice p {
    margin: 0;
    min-height: 60px;
    font-family: 'Circular-Loom';
    font-size: 14px;
    line-height: 18px;
}

.productstitleprice span {
    margin: 0;
    color: #000;
    font-size: 16px;
    padding:5px;
}
.catagoryproductsimg {
    min-height: 200px;
    text-align: center;
    position: relative;
}

.w3-display-bottomright a {
    opacity: 0;
    transition: 0.5s;
    display: block;
    background: #ffffff;
    border: 1px solid #f7f8fa;
}
.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.catagoryproducts:hover {
    box-shadow: 0px 0px 7px 1px rgb(218 218 218 / 81%), 0 4px 6px -2px rgb(255 255 255 / 76%);
    border: 2px solid #0f6a52;
}

.catagoryproducts.w3-display-containe:hover .w3-display-bottomright a {
    opacity: 1;
}

.categorydiv {
    padding-right: 0;
    margin-top: 10px;
}
.w3-display-bottomright {
    position: absolute;
    right: 0;
    bottom: 0;
}

#decrease {
    color: #b7b7b7;
    font-size: 20px;
    text-align: center;
    width: 35px;
    float: left;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #e6e6e6;
}

#number {
    font-size: 20px;
    text-align: right;
    color: gray;
    width: 40px !important;
    float: left;
    cursor: pointer;
    border-bottom: 0px solid;
    border-top: 0px solid;
    font-weight: bold;
    border: 0;
}

#increase {
    font-weight: bold;
    color: #b7b7b7;
    font-size: 20px;
    text-align: center;
    width: 35px;
    float: left;
    cursor: pointer;
    border: 1px solid #e6e6e6;
}

#submitBtn {
    border: none;
    display: inline-block;
    color: white;
    font-weight: bold;
    outline: none;
    text-align: center;
    padding: 10px;
    margin: 0;
    background: #0f6b54;
    width: 155px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
}
#submitBtn2 {
    border: none;
    display: inline-block;
    color: white;
    font-weight: bold;
    outline: none;
    text-align: center;
    padding: 10px;
    margin: 0;
    background: #bf203d;
    width: 155px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
}
.inportant-note {
    padding: 15px;
    box-shadow: 0px 0px 20px 8px #ebebeb;
    border-radius: 10px;
    background-color: #fff;
}
.inportant-note p {
    margin: 0;
    color: gray;
    font-size: 12px;
}
.inportant-note span {
    font-size: 12px;
    color: gray;
}
.inportant-note strong {
    font-size: 14px;
    color: #3c3c3c;
}

.categoryName {
    border: 1px solid #d0cfcf;
    border-top: 0px solid #d0cfcf;
    padding: 15px 25px;
    background: white;
}
.categoryName h3 a {
    text-decoration: none;
    color: #ef1b22;
    text-transform: uppercase;
    font-size: 20px;
}

span.iconctg {
    float: none;
    display: inline-block;
    color: #04a150;
}
.categoryName ul {
    padding: 0;
    margin: 0;
    list-style: none;
    column-count: 5;
    column-gap: 20px;
}
.categoryName ul li a {
    color: black;
}

.cateforylist {
    display: flex;
}
.cateforylist ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.cateforylist ul li {
    width: 12.2%;
    float: left;
    text-align: center;
    background: #ffffff;
    padding: 10px;
    transition: .5s;
    margin: 1px;
    height:100px;
}
.cateforylist ul li:hover {
    box-shadow: 0px 0px 8px 4px rgb(177 172 172);
    -webkit-transform: all .3s ease-in-out;
    -ms-transform: all .3s ease-in-out;
    transform: all .3s ease-in-out;
    position: relative;
}
.cateforylist ul li a {
    text-decoration: none;
    display: block;
}
.cateforylist ul li a img {
    max-width: 100%;
    max-height: 60px;
}

.cateforylist ul li img {
    max-width: 100%;
}

.cateforylist ul li a span {
    display: block;
    height: 30px;
    line-height: 14px;
    font-size: 13px;
    color: #494343;
}


.Brandlist {
    display: flex;
}
.Brandlist ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.Brandlist ul li {
    width: 12.2%;
    float: left;
    text-align: center;
    background: #ffffff;
    padding: 10px;
    transition: .5s;
    margin: 1px;
    height:80px;
}
.Brandlist ul li:hover {
    box-shadow: 0px 0px 8px 4px rgb(177 172 172);
    -webkit-transform: all .3s ease-in-out;
    -ms-transform: all .3s ease-in-out;
    transform: all .3s ease-in-out;
    position: relative;
}
.Brandlist ul li a {
    text-decoration: none;
    display: block;
}
.Brandlist ul li a img {
    max-width: 100%;
    max-height: 60px;
}

.Brandlist ul li img {
    max-width: 100%;
}

.Brandlist ul li a span {
    display: block;
    height: 30px;
    line-height: 14px;
    font-size: 13px;
    color: #494343;
}

.newProduct-section {
    margin: 30px 0px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
    padding: 13px 0px;
    box-shadow: 0px 0px 5px #ccc;
    display: block;
}

.trending-title h4 {
    font-family: 'Font Awesome 5 Brands';
    letter-spacing: 1px;
    text-shadow: 0px 1px 1px #000;
    color: #6f6f6f;
}

.newProduct-section .card{
    border: none;
}

.newProduct-section .card img{
    max-width: 100%;
    max-height: 250px;
}

.newProduct-section .card p{
    margin: 0px;
    line-height: 19px;
}

.newProduct-section .card p a{
    font-family: 'Circular-Loom';
    color: #ca0d0d;
}

.newProduct-section .card span{
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin: 5px 0px;
    color: #ccc;
}

.newProduct-section .card b{
    font-family: 'Circular-Loom';
    font-size: 15px;
}

.newBrand-section{
    margin: 30px 0px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
    padding: 13px 0px;
    box-shadow: 0px 0px 5px #ccc;
    display: block;
}

.branding-title h4 a{
    text-decoration: none;
    font-family: 'Font Awesome 5 Brands';
    letter-spacing: 1px;
    text-shadow: 0px 1px 1px #000;
    color: #6f6f6f;
}

.newBrand-section .owl-carousel .owl-item img {
    max-width: 100%;
    padding: 36px 5px;
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 50%;
    cursor: pointer;
    transition-duration: 0.4s;
}

.newBrand-section .owl-carousel .owl-item img:hover{
    transform: scale(1.1);
    border-radius: 10px;
    box-shadow: 0px 0px 20px #ccc;
}

.newBrand-section .owl-theme .owl-nav.disabled+.owl-dots {
    display: none;
}

.newBrand-section .owl-carousel .owl-nav button.owl-prev {
    bottom: 23%;
    cursor: pointer;
}

.newBrand-section .owl-carousel .owl-nav button.owl-next {
    bottom: 23%;
}

.newBrand-section .owl-theme .owl-nav {
    margin-top: 0px;
}

.newBrand-section .owl-item.active {
     padding: 10px 10px 2px;
     text-align: center;
}



.newCategory-section{
    margin: 30px 0px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
    padding: 13px 0px;
    box-shadow: 0px 0px 5px #ccc;
    display: block;
}

.branding-title h4 a{
    text-decoration: none;
    font-family: 'Font Awesome 5 Brands';
    letter-spacing: 1px;
    text-shadow: 0px 1px 1px #000;
    color: #6f6f6f;
}

.newCategory-section .owl-carousel .owl-item img {
    max-width: 100%;
    padding: 5px;
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 50%;
    cursor: pointer;
    transition-duration: 0.4s;
}

.newCategory-section .owl-carousel .owl-item img:hover{
    transform: scale(1.1);
    border-radius: 10px;
    box-shadow: 0px 0px 20px #ccc;
}

.newCategory-section .owl-theme .owl-nav.disabled+.owl-dots {
    display: none;
}

.newCategory-section .owl-carousel .owl-nav button.owl-prev {
    bottom: 45%;
    cursor: pointer;
}

.newCategory-section .owl-carousel .owl-nav button.owl-next {
    bottom: 45%;
}

.newCategory-section .owl-theme .owl-nav {
    margin-top: 0px;
}

.newCategory-section .owl-item.active {
    padding: 9px 10px 2px;
    text-align: center;
}

.newCategory-section .owl-item.active h4{
    margin: 0px;
    
}

.newCategory-section .owl-item.active span{
    font-size: 14px;
    font-family: inherit;
    font-weight: 500;
    color: #554e4e;
    display: block;
    margin-top: 15px;
}


img.productsImage {
    max-height: 200px;
    width: 100%;
}



.productsection {
    margin: 30px 0;
    background-color: #fff;
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
}

.categoryslidertabs {
    min-height: 40px;
    background-color: #fff;
    border-radius: 5px;
    padding: 0px 15px;
}
.catagorymenu {
    padding: 12px 5px;
    background: none;
    float: left;
}
.categoryslidertabs ul.nav.nav-tabs {
    float: right;
    border-bottom: 0;
}
.catagorymenu p {
    margin: 0;
}
.catagorymenu a {
    color: #000000;
    font-family: serif;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
    text-shadow: 2px 2px 3px #ccc;
}
.categoryslidertabs ul.nav.nav-tabs {
    float: right;
    border-bottom: 0;
    margin-top: 8px;
}
.categoryslidertabs ul.nav.nav-tabs li a {
    color: #9f9f9f;
    font-size: 14px;
    padding: 5px 10px;
    font-family: inherit;
    font-weight: 500;
    text-decoration: none;
}
.categoryslidertabs ul li a.active {
    border-bottom: 2px solid #29a7d9;
}
.starreviewresult p {
    font-size: 50px;
}
.starreviewresult p span {
    font-size: 30px;
}

.card-product-discount {
    position: absolute;
    top: 5px;
    left: 5px;
}
.card-product-discount-div {    
    border-radius: 45%;
    color: white;
    width: 38px;
    height: 38px;
}

.card-product-discount-div img {
    width: 40px;
}

.card-product-discount-div span {
    top: 30%;
    right: 4%;
    position: absolute;
    font-size: 14px;
    font-family: auto;
}

.productstitleprice del {
    color: #bf2340;
    font-size: 14px;
    font-weight: bold;
}

.destopSlider{
    background-color: #fff;
    padding: 15px;
    display: block;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 8px #ebebeb;
}

form.cat-subcat-form- {
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 8px #ebebeb;
}

.singlefeturedImage{
    position: relative;
    max-height: 300px;
}

.singlefeturedImage >.full{
    text-align: center;
    vertical-align: middle;
}

.singlefeturedImage img{
    text-align: center;
    max-width: 100%;
    max-height: 300px;
}

.singleproductgallery {
    margin: 5px;
}

.singleproductgallery img{
   max-width: 80px;
   cursor: pointer;
   padding: 5px;
   max-height: 60px;
}
.btn-success {
    color: #fff;
    background-color: #34364b !important;
    border-color: #34364b !important;
}
.outofstocimage {
    position: absolute;
    right: 0;
    bottom: 0;
}
.btn-primary {
    color: #fff;
    background-color: #b42b3e !important;
    border-color: #b42b3e !important;
}
.outofstocimage img {
    width: 100px;
}

ul.accountmenu li a span {
    background: #f4f4f4;
    color: #34364b;
    font-weight: 500;
    font-family: 'Circular-Loom';
}

.reviewsidebar{
    padding: 15px;
    margin: 7px 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 16px 0px #ccc;
}


.vendor-div p {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
}
.vendor-div {
    padding: 15px;
    display: block;
    margin-top: 10px;
    box-shadow: 0px 0px 17px 0px #ccc;
    border-radius: 10px;
}

.vendor-div table tr td {
    border: 1px solid #dddddd;
    padding: 5px;
    vertical-align: text-bottom;
}
.vendor-div table tr td p {
    font-size: 12px;
    color: #363434;
    margin-bottom: 20px;
}

    .owl-theme .owl-dots{
        display:none;
    }
    
    .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        left: 0;
        bottom: 40%;
        background:#ffffff00;
        padding:10px!important;
        color: #04a150;
        font-size: 45px;
    }
    .owl-carousel.owl-theme.brands-owl .owl-nav button.owl-prev {
        bottom: 10%;
    }
    .owl-carousel.owl-theme.brands-owl .owl-nav button.owl-next {
        bottom: 10%;
    }
    .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        right: 0;
        bottom: 40%;
        background:#ffffff00;
        padding:10px!important;
        color: #04a150;
        font-size: 45px;
    }    

    button:focus {
    outline: 1px dotted;
    outline: 0px auto -webkit-focus-ring-color;
        }
    


/***Product Category  Css Start**/

.blog-section-design{
    margin: 30px 0px 0px 0px;
}

.blog-section-design .first-blog-section {
    padding: 25px 15px;
    background-position: center;
    border-radius: 8px;
    margin: 20px 0px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #ccc;
    background-size: cover;
}

.blog-section-design .first-blog-section h4{
    font-size: 21px;
    font-family: initial;
    margin: 0;
}

.blog-section-design .first-blog-section p{
    font-size: 14px;
    font-family: inherit;
    margin: 20px 0px 30px;
    line-height: 20px;
    font-weight: 500;
}

.blog-section-design .first-blog-section .btn-success{
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 4px;
    font-family: 'Circular-Loom';
}


.blog-section-design .second-blog-section {
    padding: 20px 15px;
    border-radius: 8px;
    height: 92%;
    margin: 20px 0px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #ccc;
    background-size: cover;
    background-position: center;
}

.blog-section-design .second-blog-section h4{
    font-size: 21px;
    font-family: initial;
    margin: 0;
}

.blog-section-design .second-blog-section p{
    font-size: 14px;
    font-family: inherit;
    line-height: 20px;
    font-weight: 500;
    margin: 23px 0px 30px;
}

.blog-section-design .second-blog-section .btn-success{
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 4px;
    font-family: 'Circular-Loom';
}


/*** Cart  Panel  Css Start**/
.shoppingcart {
    position: fixed;
    z-index: 99;
    background: #bf203d;
    right: 0;
    top: 35%;
    border: 0px solid #ededed;
    box-shadow: 0 0 16px -1px rgb(0 0 0 / 75%);
    width: 70px;
    height: 80px;
    cursor: pointer;
    color: white;
}

#cartboxwidget {
    position: fixed;
    background: #ffffff;
    padding: 0px;
    top: 0px;
    right: -300px;
    width: 300px;
    height: 100%;
    z-index: 8000;
    box-shadow: -1px 2px 8px 0px rgb(182 182 182 / 75%);
}

#cartboxClose{
    padding: 3px 5px;
    border: 1px solid white;
    cursor: pointer;
}


#filterboxwidget {
    position: fixed;
    background: #ffffff;
    padding: 0px;
    top: 0px;
    right: -300px;
    width: 300px;
    height: 100%;
    z-index: 8000;
    box-shadow: -1px 2px 8px 0px rgb(182 182 182 / 75%);
}

#filtertboxClose{
    padding: 3px 5px;
    border: 1px solid white;
    cursor: pointer;
}

#accountboxwidget {
    position: fixed;
    background: #ffffff;
    padding: 0px;
    top: 0px;
    right: -300px;
    width: 300px;
    height: 100%;
    z-index: 999999;
    box-shadow: -1px 2px 8px 0px rgb(182 182 182 / 75%);
}

#accountboxClose{
    padding: 3px 5px;
    border: 1px solid white;
    cursor: pointer;
}

#ourCategoryboxwidget {
    position: fixed;
    background: #ffffff;
    padding: 0px;
    top: 0px;
    left: -300px;
    width: 300px;
    height: 100%;
    z-index: 999999;
    box-shadow: -1px 2px 8px 0px rgb(182 182 182 / 75%);
}

#ourCategoryboxClose{
    padding: 3px 5px;
    border: 1px solid white;
    cursor: pointer;
}

#fbboxdiv3{
    position: fixed;
    background: #ffffff;
    top: 0;
    right: -100%;
    width: 100%;
    z-index: 8000;
    height: 100%;
}

span.minusitem {
    padding: 5px 10px;
    cursor: pointer;
}

span.plusitem {
    padding: 5px 10px;
    cursor: pointer;
}

.continueshopping{
    display: inline-block;
    padding: 8px 30px;
    background: #116953;
    border-radius: 3px;
    color: white;

}

.checkoutproccess{
    cursor: pointer;
    display: inline-block;
    padding: 8px 30px;
    background: #bf203d;
    border-radius: 3px;
    text-decoration: none;
    color: white;
}

a.continueshopping:hover {
    color: #ededed;
    background: #0c4638;
}

a.checkoutproccess:hover {
    color: #ededed;
    background: #0c4638;
}

.emptycarts center {
    margin-top: 81px;
}

.emptycarts p {
    font-size: 35px;
    color: gray;
}

a.add-to-wishlist.active span.bi {
    background: #0f6a52;
    font-weight: bold;
    color: #ffffff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 27px;
}

a.add-to-compare.active span.bi {
    background: #0f6a52;
    font-weight: bold;
    color: #ffffff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
}

.viewItemsLists{
    margin-top: 10px;
}
.compareTable {
    background: white;
    overflow: auto;
}
.compareTable tr td img {
    max-height: 100px;
    max-width: 100%;
}
/*** Cart  Panel  Css End**/


/***Shop Panel  Css Start**/

.sellerBannerDiv{
    padding:10px 0;
}

.sellershopsidebardiv {
    padding: 0;
    background: white;
}

.seller-serach {
    padding: 20px 0;
}
.seller-serach input {
    border-radius: 0;
    height: auto;
    line-height: 2.0;
    border: 1px solid #04a150;
}
.shopDiv {
    text-align: center;
    border: 1px solid #d2d2d2;
    padding: 5px;
    background: white;
}
.shopDiv a {
    text-decoration: none;
    display: block;
}
.shopDiv p {
    margin: 0;
    text-align: center;
}
.shopDiv img {
    max-width: 100%;
    height: 60px;
}
.shopDiv span {
    height: 50px;
    display: block;
}

.sellerBannerDiv center{
    height: 120px;padding: 15px;background-size: 100% auto;
}

.sellershopsidebardiv {
    padding: 10px;
    background: white;
}

.sellershopsidebardiv h3 {
    font-size: 20px;
    text-transform: uppercase;
    padding: 0px;
}

.sellershopsidebardiv ul li a {
    padding: 5px 0px;
    color: black;
    border-bottom: 1px solid #e3e4e6;
    display: block;
}



/***Shop Panel  Css End**/




/***Footer Css Start**/


.footer-service-section {
    padding: 25px 0px 9px;
    text-align: center;
}

.footer-service-section .service-icons{
    text-align: center;
    padding: 20px;
    box-shadow: 0px 0px 1px #ccc;
    border: 1px solid #f7f8fa;
}

.footer-service-section .service-icons i {
    padding: 23px;
    background-color: #34364b;
    font-size: 22px;
    color: #fff;
    border-radius: 50%;
    transition-duration: 0.5s;
}

.footer-service-section .service-icons:hover i{
    background-color: #fff;
    box-shadow: 0px 0px 5px #ccc;
    color: #555;
}


.footer-service-section .service-icons p{
    margin: 10px 0 0 0;
    font-family: 'Circular-Loom';
    font-size: 14px;
    line-height: 18px;
}

.footer-service-section .service-icons h6{
    margin: 0;
    font-size: 19px;
    font-family: -webkit-body;
    letter-spacing: 1px;
    font-weight: 600;
    color: #7c7c7c;
}

.footer-service-section .service-icons h3{
    margin: 0px 0px;
    font-family: cursive;
    font-size: 24px;
    color: red;
}

.footer-service-section .service-icons span{
    display: block;
    font-size: 14px;
    font-family: initial;
    font-weight: 600;
    color: #b5b1b1;
}

.footer-widget img {
    max-width: 100%;
}


.service-icons a {
    color: #000;
}

footer {
    background: #fff;
    margin-top: 80px;
}
.footer-section {
    /*padding: 20px 0px 30px;*/
    padding-top: 20px;
    background-color: #34364b;
}
.footer-bottom {
    background: #1a1a1a;
}
.footer-bottom p {
    color: #000;
    text-align: center;
    padding: 10px 0;
}

.footer-bottom p a {
    color: #858585;
}

.footer-widget h4 {
    font-size: 14px;
    margin: 0px 0px 15px;
    font-family: 'Circular-Loom';
    color: #fff;
    text-transform: uppercase;
}

.footer-top {
    padding: 35px 0;
}

.footer-one p {
    color: #000;
}

ul.footer-menu-one {
    padding: 0;
    margin-bottom: 10px;
}

ul.footer-menu-one li {

}

.footer-two h3 {
    color: #dddbdb;
    margin-bottom: 10px;
}
ul.footer-menu-one li a {
    color: #000;
}

.footer-three p {
    color: #000;
}
.footerContactInfo p {
    margin: 0;
    padding-bottom: 7px;
}

.footer-three h3 {
    color: #000;
    margin-bottom: 10px;
}

ul.social-menu{
    margin: 0;
    padding: 0;
}

ul.social-menu li {
     display: inline-block;
}

.footer-widget ul.social-menu li a {
    color: #fff;
    padding: 0px 3px;
    margin: 0;
    min-width: 30px;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    color: #ffffff;
    font-size: 18px;
}

.footer-widget ul.social-menu li a:hover{
    margin: 0;
    color: #eeeeee;
}

button.subsriberbtm.input-group-text:focus {
    outline: 0;
}


.feturedAdds img {
    width: 100%;
}
.footerLogo p {
    margin: 0;
    line-height: 18px;
    font-weight: 600;
    font-size: 15px;
}
.footerLogo {
    background-color: #fff;
    color: #000;
    margin: 10px 0;
    padding: 10px;
    width: 88%;
}
.footer-widget {
    color: #fff;
}

.footer-widget main {
    font-size: 14px;
    font-family: 'Circular-Loom';
    color: white;
}

.footer-widget ul li a {
    color: #fff;
    font-family: 'Circular-Loom';
    text-decoration: none;
    font-size: 15px;
    padding: 2px 0px;
    transition-duration: 0.3s;
    display: block;
}

.footer-widget ul li a:hover{
    margin-left: 5px;
    color: #e1e1e1;
}

.copyrightdiv p {
    margin: 0;
    color: #fff;
    font-size: 14px;
    padding: 5px 0;
}
.copyrightfooter {
    padding: 10px;
    background: #b42b3e;
}

button.subsriberbtm.input-group-text{
    background: #1b5702;
    color: white;
    font-family: 'Circular-Loom';
    border-radius: 0;
    border: #1b5702;
}


span.getverifycode.input-group-text{
    background: #ea2a31;
    color: white;
    border-radius: 0;
    border: #ea2a31;
    cursor: pointer;
}

.mobilefootermenusdiv {
    background-color: #0f6a52;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999999;
    -webkit-box-shadow: 1px -3px 12px rgb(0 0 0 / 3%);
    box-shadow: 0px -2px 12px rgb(220 218 218 / 27%);
    left: 0;
    border-top: 1px solid #d6d6d6;
    padding: 5px;
    display: none;
}

.mobilefootermenusdiv ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.mobilefootermenusdiv ul li {
    display: inline-block;
}

.mobilefootermenusdiv ul li a {
    padding: 0px 21px 10px 21px;
    color: #fff;
    font-size: 35px;
    display: block;
}

.accountMenusDiv ul {
    margin-bottom: 30px;
}
.accountMenusDiv h4 {
    font-size: 20px;
    padding: 5px 10px;
}

.accountMenusDiv ul li a {
    display: block;
    padding: 3px 10px;
    color: black;
    border-bottom: 1px solid #e2dddd;
}

/***Footer Css End**/



/***Auth Css Start**/

.auth-section {
    padding: 50px 0;
}
.auth-title h3 {
    font-size: 16px;
}
.auth-title p {
    float: right;
}
.auth-forms {
    padding: 50px 100px;
    font-family: 'Circular-Loom';
    box-shadow: 0px 0px 5px #ccc;
    background: white;
}

.seller-forms {
    background: white;
    padding: 20px;
    font-family: 'Circular-Loom';
    -webkit-box-shadow: 0 0 50px #c7c7c7;
    box-shadow: 0 0 11px #c7c7c7;
}

.seller-forms form {
    padding: 20px 50px;
}

/***Auth Css End**/


/***Users Css Start**/
.userdashboard {
    padding: 2% 0;
}
.profiledetails {
    padding: 0px;
    background: white;
    margin-bottom: 15px;
    border: 1px solid #dadada;
}
.profileImage img {
    max-width: 100%;
}

@media only screen and (max-width: 1165px){
    ul.accountmenu li {
        padding: 2px;
    }
    
    
}

@media only screen and (max-width: 1024px){
    ul.accountmenu {
        margin: 8px 0;
    }
    
    .blog-section-design .second-blog-section p {
        margin: 23px 0px 25px;
    }
    
    .ipadhide{
        display: none;
    }
    
    .cateforylist ul li {
        height: 114px;
    }
    
    .Brandlist ul li {
        height: 66px;
    }
    
    li.allcategories .menulistdiv ul li a {
        padding: 6px 16px;
    }
    
    .main-header-menu ul li a {
        padding: 12px 17px;
    }
    
    .services-div span {
        font-size: 9px;
    }
    
    .services-div h5 {
        margin-bottom: -8px;
        margin-top: 5px;
        font-size: 8px;
    }
    
    .serviceItem {
        padding: 10px 0px;
    }
    
    .categoryName ul {
        column-count: 4;
    }
}

@media only screen and (max-width: 992px){
    .parsonalprofile2 p {
    margin-top: 40px;
    color: #989797;
    }
    .parsonalprofile {
    text-align: right;
    }
    
    .main-header {
        padding: 0px;
    }
        
    .logo img {
        margin-top: 2px;
    }
    
    .categoryName ul {
        column-count: 3;
    }
    
}

.parsonalprofile a {
    margin: 5px 10px;
}
.dashboardcountinfo {
    width: 20%;
    border-right: 1px solid #dcdcdc;
}
.dashboardcountinfo:last-child {
    border-right: 0px solid #dcdcdc;
}

.dashbaordInfo {
    background: white;
    min-height: 200px;
    padding: 15px;
}
.mybalanetotal {
    border: 1px solid #eaeded;
    padding: 10px;
    text-align: center;
}

.mybalanetotal p {
    padding: 10px;
    margin: 0;
    background: #eaeded;
}

.mybalanetotal span {
    font-size: 50px;
    font-weight: bold;
}

.usersidebar {
    background: white;
    padding: 10px;
    border: 1px solid #dadada;
}
ul#usersidebar li a {
    color: #333;
    padding: 2px 0;
    text-decoration: none;
    display: block;
    font-size: 14px;
}

.screenapps {
    margin-top: 20px;
    background: white;
    padding: 10px;
    border: 1px solid #dadada;
    text-align: center;
}
.screenapps h4 {
    color: #333;
    font-size: 17px;
    font-weight: 400;
}

.screenapps p {
    font-size: 12px;
    font-weight: 500;
    color: #333;
}

.screenapps img {
    max-width: 100%;
}

.myrecentorder {
    padding: 10px;
    background: white;
}

.zero-padding{
    padding: 0px;
}

.left-right-padding{
    padding: 0px 15px;
}

@media only screen and (max-width: 805px){
    ul.social-menu li a {
        min-width: 36px;
    }
    
    ul.accountmenu li a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px){
    ul.accountmenu {
        margin: 7px 0;
    }
    
    .main-header-menu ul li a {
        padding: 12px 8px;
    }
    
    li.allcategories {
        padding: 0px 0px 0px 0px;
    }
    
    .usersidebardiv{
        display:none;
    }
    
    .menulistdiv {
        display: none;
    }
    
    ul.accountmenu li a {
        font-size: 14px;
    }
    
    .services-div h5 {
        margin-bottom: -5px;
        font-size: 8px;
        margin-top: 7px;
    }
    
    .serviceItem {
        padding: 10px 4px;
    }
    
    .cateforylist ul li {
        width: 24.3%;
        height: 90px;
        padding: 5px;
    }
    
    .cateforylist ul li a span {
        height: 11px;
        line-height: 15px;
        font-size: 14px;
    }
    
    .Brandlist ul li {
        width: 24.3%;
        height: 100px;
        padding: 5px;
    }
    
    .Brandlist ul li a span {
        height: 11px;
        line-height: 7px;
        font-size: 5px;
    }
    
    
    
    .services-div span {
        font-size: 9px;
    }
    
    .categoryName ul {
        column-count: 2;
    }
    
}

@media only screen and (max-width: 567px){
    
    .col-md-3.hidemobiletopsidebar {
        display: none;
    }
    
    .dashboardcountinfo p {
        font-size: 6px;
    }
    
    .col-lg-9.usermainbody {
        padding: 0;
    }
    
    .sellerBannerDiv p{
        display:inline-block;
    }
    
    .sellerBannerDiv center{
        height: 80px;;
    }
    
    .sellershopsidebardiv {
        display: none;
    }
    
    .sellerproductdiv{
        padding:0;
    }
    
    .col-lg-12.col-xl-10.left-right-padding {
        padding: 0px;
    }
    
    .services-div h5 {
        margin-bottom: -5px;
        font-size: 9px;
        margin-top: 7px;
        line-height: 7px;
    }
    
    .categoryslidertabs ul.nav.nav-tabs li a {
        padding: 5px 3px;
        font-size: 10px;
    }
    .catagorymenu p {
        font-size: 12px;
    }
    
    .categoryslidertabs {
    min-height: 30px;
    }
    
    .serviceItem {
        padding: 11px 0px;
    }
    
    .services-div span {
        font-size: 10px;
    }
    
    .col-6.col-sm-3.serviceItem1 {
        padding: 0px 5px 0px 15px;
        margin-bottom: 8px;
    }
    
    .col-6.col-sm-3.serviceItem2 {
        padding: 0px 15px 0px 5px;
        margin-bottom: 8px;
    }
    
    .col-6.col-sm-3.serviceItem3 {
        padding: 0px 5px 0px 15px;
    }
    
    .col-6.col-sm-3.serviceItem4 {
        padding: 0px 15px 0px 5px;
    }
    
    .col-4.banner1 {
        padding: 0px 0px 0px 15px;
    }
    
    .col-4.banner2 {
        padding: 0px 7px;
    }
    
    .col-4.banner3 {
        padding: 0px 15px 0px 0px;
    }
    
    .sliderDivsection {
        background: #f7f8fa;
    }
    
    .topMargin{
        margin-top: 7px;
    }
    
    .categorydiv {
        padding-left: 0px;
    }
    
    img.productsImage {
        max-height: 150px;
    }
    
    .catagoryproductsimg {
        min-height: 150px;
    }
    .productstitleprice p {
        font-size: 11px;
    }
    .categoryName ul {
        column-count: 1;
    }
    
    .cateforylist ul li a img {
        max-width: 100%;
        max-height: 20px;
    }
    
    .Brandlist ul li {
        width: 11.8%;
    }
    
    
}

@media only screen and (max-width: 411px){
    
    .mobilefootermenusdiv ul li a {
        padding: 3px 14px;
        color: #fff;
        font-size: 28px;
        display: block;
    }
    
    .auth-forms {
        padding: 20px 30px;
    }
    
    .seller-forms form {
        padding: 10px;
    }
    
    .blog-section-design .second-blog-section {
        padding: 20px 15px 35px;
    }
    
    .blog-section-design .second-blog-section p {
        margin: 23px 0px 15px;
    }
    
    .cateforylist ul li {
        height: 53px;
    }
    
    .cateforylist ul li a span {
        font-size: 8px;
    }
    
    .Brandlist ul li {
        height: 40px;
    }
    
    .left-right-padding{
        padding: 0px;
    }
    
    .services-div h5 {
        margin-bottom: -9px;
        font-size: 8px;
    }
    
    .services-div span {
        font-size: 9px;
    }
    
    .serviceItem i {
        font-size: 27px;
    }
    
}



/***Users Css End**/