@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular-webfont.woff2') format('woff2'),
        url('roboto-regular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'robotomedium';
    src: url('roboto-medium-webfont.woff2') format('woff2'),
        url('roboto-medium-webfont.woff') format('woff');
}
strong{
    font-family: 'robotoregular'!important;
}



body,h1,h2,h3,h4,h5,h6,table{
    color:#676765;
    font-family: 'robotoregular';
}
body,div,li,ol,ul{
    line-height:15pt;
    margin:0;
    padding:0
}
div,input,li,ol,p,span,strong,ul{
    box-sizing:border-box
}
.globaltext .main-title span:after,.globaltext .main-title span:before{
    width:60px;
    height:2px;
    top:10px;
    position:absolute;
    background:#0d56cf;
    content:""
}
.btn-group-sm>.btn,.btn-sm,.globaltext .pera p a,.globaltext a,.ratings ul li,body,div,li,ol,ul{
    font-size:15px
}

.address-box .address .check input:checked+span:before,.address-box .title .checkbox input:checked+span:before,body{
    background:#fff
}
h1,h2,h3,h4,h5,h6,table{
    margin:0;
    padding:0;
    ;
    box-sizing:border-box;
    font-size:15px
}
p,span,strong{
    margin:0;
    padding:0
}
div,li,ol,ul{
    list-style:none
}
a,a:hover{
    text-decoration:none;
    color:#343433
}
.btn{
    -webkit-transition:.5s;
    -moz-transition:.5s
}
label{
    margin:0;
}
.container,.container1{
    max-width:85%;
    margin:0 auto!important;
    float:none!important;
    padding:0!important
}
.section{
    padding:40px 0
}
.section.top{
    padding:40px 0 0
}
.section.bottom{
    padding:0 0 40px
}
.section1{
    padding:60px 0
}
.skyback{
    background:#f5fcff
}
.grayback{
    background:#d9dadb
}
.no-margin{
    margin:0!important
}
.scrollable-element{
    scrollbar-color:#0d56cf #fff
}
.globaltext{
    width:auto;
    position:relative
}
.globaltext .main-title{
    width:auto;
    color:#3f3939;
    font-size:20px;
    font-family: 'robotomedium';
    text-transform:uppercase
}
.globaltext .main-title span{
    display:inline-block;
    position:relative;
    padding:0
}
.globaltext .main-title span a{ float:none; position:static; color:#3f3939; font-size:20px;}

.globaltext .main-title span:before{
    left:-70px
}
.globaltext .main-title span:after{
    right:-70px
}
.globaltext .main-title.none:before{
    display:none;
    padding:0
}
.globaltext a{
    color:#0d56cf;
    float:right;
    position:absolute;
    right:0;
    top:0;
    ;
    text-transform:capitalize
}
.cart-table table tr td p a,.globaltext a:hover{
    color:#000
}
.address-box .address .left,.address-box .address .right,.cart-total ul,.filter-wrapper .box,.filter-wrapper .box .list,.filter-wrapper .box .list ul,.footer .list,.footer .list ul,.footer .list ul li,.footer .list.touch,.globaltext .pera,.header .header-icons,.header .logo,.menu-area .top-menu ul,.menu-area .top-menu ul li .dropmenu ol,.menu-area .top-menu ul li .dropmenu ol ul,.my-account .list ul,.otp-wrapper,.product-detail .btns .cart,.product-detail .form,.product-detail .form p,.product-right-detail .other-icons,.product-right-detail .other-icons .box p,.product-tabing-wrapper .givratings ul,.product-tabing-wrapper .productReview,.product-tabing-wrapper .review_form,.product-tabing-wrapper .tabs,.top-strip ul,.view-order,.website-static-content{
    width:auto
}
.globaltext .pera h2{
    width:auto;
    color:#004a8d;
    font-size:21px;
    margin:0 0 7px;
    font-weight:500
}
.globaltext .pera h3{
    width:auto;
    font-family: 'robotomedium';
    color:#494949;
    font-size:20px;
    line-height:24pt;
    margin:0 0 10px
}
.globaltext .pera p{
    width:auto;
    margin:0 0 8px;
    text-align:left;
    font-size:16px;
    line-height:20pt
}
.globaltext .pera p:last-child,.marginnone,.menu-area .top-menu ul li .dropmenu ol h3:last-child,.product-tabing-wrapper .productReviewbox .ratings{
    margin:0
}
.globaltext .pera p a{
    color:#f37335;
    text-transform:uppercase;
    font-weight:500
}
.globaltext .pera p a.bigbtn{
    display:inline-block;
    background:#203b8f;
    color:#fff;
    padding:10px 25px;
    border-radius:40px;
    font-size:14px;
    text-transform:uppercase;
    -webkit-transition:.5s;
    margin:7px 0 0
}
.globaltext .pera p a.bigbtn:hover{
    background:#f37335
}
.globaltext.center,.menu-area .top-menu ul{
    text-align:center;
    width:100%;
}
.loginwrapper{
    background:rgba(0,0,0,.6);
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:110;
    display:none
}
.loader-wrapper .inner,.loginwrapper .inner{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
.loginwrapper .modal-content{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:0;
    border:0;
    background:0 0
}
.loginbox{
    width:400px;
    background:#fff;
    border-radius:6px;
    display:flex;
    padding:25px;
    position:relative
}
.acount-form,.loginbox .fields{
    width:100%
}
.loginbox .cut{
    position:absolute;
    right:7px;
    top:8px;
    background:#efeded;
    padding:4px 9px;
    border-radius:50%;
    cursor:pointer;
    outline:0;
    border:0
}
.loginbox .fields h3{
    font-size:20px;
    font-family: 'robotomedium';
    padding:0 0 1px 12px
}
.loginbox .fields h4{
    width:auto;
    margin:10px 0 0;
    font-size:16px;
    line-height:17pt
}
.loginbox .fields .fieldarea{
    width:auto;
    margin:20px 0 0;
    position:relative
}
.loginbox .fields .fieldarea .fielderror{
    position:absolute;
    right:8px;
    top:40px;
    width:20px;
    height:20px;
    border-radius:50%;
    color:#fff;
    font-weight:800;
    font-size:12px
}
.loginbox .fields .fieldarea .fielderror.red{
    background:#ff7272!important
}
.loginbox .fields .fieldarea .fielderror.red:before{
    content:"\f00d";
    font-family:"Font Awesome 6 Free Pro";
    position:absolute;
    left:6px;
    top:0
}
.loginbox .fields .fieldarea .fielderror.green{
    background:#59b259!important
}
.loginbox .fields .fieldarea .fielderror.green:before{
    content:"\f00c";
    font-family:"Font Awesome 6 Free Pro";
    position:absolute;
    left:5px;
    top:0
}
.otp-wrapper .heading{
    width:auto;
    text-align:center
}
.filter-wrapper .box .list.pos ul li,.header .header-icons ul li:hover ol,.menu-area .top-menu ul li:hover .dropmenu,.otp-wrapper .heading p strong{
    display:block
}
.otp-wrapper .heading p a{
    display:inline-block;
    float:none!important;
    margin:0 0 0 5px
}
.otp-wrapper .otp-box{
    display:flex;
    justify-content:center
}
.otp-wrapper .otp-box .input{
    width:40px!important;
    margin:0 5px;
    text-align:center;
    padding:10px 0;
    border:1px solid #d9d1d1;
    outline:0
}
.loginbox .fields .fieldarea .check{
    display:inline-block;
    vertical-align:middle;
    margin:0 0 0 5px
}
.loginbox .fields .fieldarea label{
    margin:0;
    position:absolute;
    left:10px;
    top:-9px;
    padding:0 5px;
    background:#fff;
    font-size:13px;
    font-weight:500
}
.loginbox .fields .fieldarea .text{
    width:100%;
    padding:10px;
    border:1px solid #d9d1d1;
    border-radius:6px;
    outline:0;
    font-size:13px
}
.loginbox .fields .fieldarea .text:focus{
    border:1px solid #0d56cf
}
.loginbox .fields .fieldarea .login{
    width:100%;
    background:#0d56cf;
    border:0;
    padding:12px;
    color:#fff;
    border-radius:8px;
    font-size:16px;
    cursor:pointer;
    display:block;
    text-align:center
}
.loginbox .fields .fieldarea p{
    overflow:hidden;
    padding:5px 0
}
.loginbox .fields .fieldarea p a{
    color:#06c;
    float:right
}
.loginbox .fields .foot{
    width:auto;
    margin:10px 0 0
}
.loginbox .fields .foot p{
    width:auto;
    text-align:center;
    margin:5px 0 0
}
.loginbox .fields .foot p a{
    color:#06c
}
.loginbox .fields .foot.left p{
    text-align:left
}
.loginbox .fields .fieldarea.inline{
    display:flex;
    justify-content:flex-end
}
.loginbox .fields .fieldarea.inline .login{
    width:auto;
    margin:0 0 0 10px;
    padding:10px 20px
}
.loginbox .fields .fieldarea.inline .login.cancel{
    background:#b9b3b3
}
.account-box .hidefield,.footer .list.touch ul li a:before,.footer-bottom .container:after,.footer-bottom .container:before,.header .header-icons ul li.burger-menu,.loginbox .help-block,.menu-area .mega-menu .hideshowpanel,.menu-area .top-menu .closemenu,.my-account .head br,.product-wrapper.inner:after,.view-order table .orderhide{
    display:none
}
.ratings .star{
    color:#f1d101;
    display:inline-block
}
.counts{
    display:inline-flex;
    margin:0 10px 0 0;
    background:#f9f9f9;
    border:1px solid #e7e7e7;
    padding:6px
}
.counts .box,.wishlist{
    background:#fff;
    cursor:pointer
}
.counts .box{
    width:32px;
    height:27px;
    text-align:center;
    padding:4px;
    font-size:22px;
    color:#0d56cf;
    font-weight:500
}
.counts .number{
    border:0;
    width:40px;
    text-align:center;
    background:0 0;
    color:#676765;
    outline:0
}
.wishlist{
    position:absolute;
    right:10px;
    top:10px;
    width:35px;
    height:35px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:59;
    color:#000
}
.wishlist:hover{
    background:#ff324d;
    color:#fff
}
.wishlist.active{
    background:#ff5050;
    color:#fff
}
.wishlist.active i{
    color:#fff
}
.wishlist i{
    font-weight:400;
}
.mobile-show{
    display:none!important
}
.mobile-hide{
    display:block!important
}
.backtotop{
    position:fixed;
    right:20px;
    bottom:20px;
    background:#0d56cf;
    border-radius:6px;
    z-index:10000;
    color:#fff;
    font-size:20px;
    width:40px!important;
    padding:10px 0;
    text-align:center;
    display:none;
    cursor:pointer
}
.website-static-content h1{
    width:auto;
    color:#646060;
    font-size:18px;
    font-family: 'robotomedium';
    border-left:4px solid #f1d100;
    padding:0 0 0 10px
}
.website-static-content p{
    line-height:20pt;
    color:#646060;
    margin:10px 0 0
}
.website-static-content p strong{
    font-size:18px;
    margin:15px 0 0;
    display:block
}
.website-static-content ul{
    width:auto;
    margin:10px 0
}
.website-static-content ul li{
    width:auto;
    padding:5px 20px;
    position:relative;
    color:#646060;
    margin:0!important;
    line-height:20pt
}
.website-static-content ul li:before{
    width:8px;
    height:10px;
    background:#7298d7;
    border-radius:50%;
    position:absolute;
    left:0;
    top:16px;
    content:"";
    padding:0 0 0 10px
}
.swal-overlay{
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    z-index:1000000;
    display:none;
    position:fixed;
}
.swal-modal{
    width:100%;
    height:100%;
    color:#fff;
    border-radius:0px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
}
.swal-text{
    background:#000;
    text-align:center;
    color:#fff;
    font-size:15px;
    padding:10px 20px;
    margin:0px 0px 10px 0px;
}
.swal-text i{
    color:#18c518;
    background:#fff;
    border-radius:50%;
    width:15px;
    height:15px;
    margin:0px 10px 0px 0px;
}
.empty-cart{
    height:400px;
    display:flex;
    justify-content:center;
    align-items:center
}
.empty-cart p{
    color:#9aa1ad;
    font-size:20px;
    text-align:center
}
.empty-cart i{
    font-size:50px!important;
    display:block;
    margin:10px auto!important
}
.top-strip{
    width:auto;
    background:#4a78c3;
    padding:10px 0;
    position:relative;
    border-bottom:3px solid #bbcbc8
}
.top-strip .container{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.cart-total p a:hover,.top-strip p,.top-strip ul li a,.view-order .print-box .print a{
    color:#fff
}
.top-strip ul li{
    width:auto;
    display:inline-block;
    color:#fff;
    margin:0 0 0 10px
}
.top-strip ul li a i{
    display:inline-block;
    vertical-align:top;
    margin:3px 0 0
}
.headerwrapper{
    width:auto;
    height:112px;
    position:relative;
    z-index:100
}
.headerwrapper.pos{
    height:85px
}
.headerwrapper .headerpanel{
    position:fixed;
    width:100%;
    left:0;
    top:0
}
.header,.header .header-search{
    position:relative;
    background:#fff
}
.header{
    width:auto;
    padding:15px 0
}
.header .logo img{
    width:240px;
    height:auto
}
.header .header-search{
    width:100%;
    box-shadow:0 0 10px #e1d7d7;
    border:1px solid #dee2e6;
}
.header .header-search .icon{
    position:absolute;
    right:9px;
    top:12px;
    width:35px;
    height:26px;
    z-index:10;
    font-size:16px;
    cursor:pointer;
    background:#fff;
}
.header .header-search .search{
    padding:10px 20px;
    width:100%;
    font-size:15px;
    outline:0;
    background:0 0;
    border:0
}
.header datalist{
    position:absolute;
    width:100%;
    left:0px;
    top:100%;
    background:#fff;
    z-index:1000;
    border-bottom:1px #dfd9d9 solid;
    height:300px;
    overflow-y:scroll
}
.header datalist option{
    padding:10px;
    border-bottom:1px #dfd9d9 solid;
}
.header .header-search .searchbtn{
    border:0;
    padding:14px;
    width:70px;
    position:relative;
    background:0 0
}
.header .header-search .dropdown-menu{
    width:100%;
    border-radius:0;
    margin:0;
    border:1px solid #dee2e6;
    height:350px;
    overflow-y:scroll;
    padding:0
}
.header .header-search .dropdown-menu li{
    border-bottom:1px solid #f1efef
}
.header .header-search .dropdown-menu li a{
    display:block;
    padding:10px 20px
}
.header .header-search .dropdown-menu li:hover{
    background:#f1efef
}
.header .header-icons ul{
    width:auto;
    display:flex;
    justify-content:flex-end;
    align-items:center
}
.header .header-icons ul li{
    width:auto;
    margin:0 0 0 15px;
    color:#3d3d3d;
    position:relative;
    border:1px solid #d9d7d7;
    display:inline-flex;
    align-items:center;
    height:35px;
    padding:0 7px;
    box-shadow:0 0 10px #dfdbdb;
    cursor:pointer
}
.header .header-icons ul li a{
    line-height:0
}
.header .header-icons ul li a span{
    position:relative;
    font-weight:900;
    font-size:15px
}
.header .header-icons ul li a i{
    width:18px;
    background:#ff7272;
    color:#fff;
    border-radius:20px;
    font-size:9px;
    position:absolute;
    right:-17px;
    top:-17px;
    padding:5px 0;
    text-align:center;
    display:block;
    font-style:normal
}
.header .header-icons ul li a strong{
    font-family: 'robotomedium';
    font-size:15px;
    margin:0 2px 0 0;
    color:#0d56cf
}
.header .header-icons ul li a strong i{
    position:inherit;
    background:0 0;
    left:0;
    right:0;
    width:auto;
    display:inline-block;
    color:#000;
    font-size:16px;
    margin:0 3px 0 0
}
.header .header-icons ul li ol{
    display:none;
    position:absolute;
    right:-5px;
    top:30px;
    z-index:100;
    width:160px
}
.header .header-icons ul li ul{
    background:#fff;
    width:100%;
    padding:5px;
    display:block;
    margin:5px 0 0;
    position:relative;
    border-radius:6px;
    box-shadow:0 0 10px #d5cfcf
}
.header .header-icons ul li ul li{
    display:block;
    margin:0;
    border:0;
    border-bottom:1px dashed #d7d7d7;
    border-radius:0;
    height:auto;
    box-shadow:none
}
.cart-table table tr:last-child,.cart-total .payment-option .box:last-child,.filter-wrapper .box .heading:last-child,.footer .content.last,.header .header-icons ul li ul li:last-child,.menu-area .top-menu ul li .dropmenu ol ul:last-child li,.my-account .list ul li:last-child,.view-order table,.view-order table .view-table tr{
    border:0
}
.header .header-icons ul li ul li a{
    display:block;
    font-size:14px;
    padding:10px 8px
}
.address-box .address p span,.header .header-icons ul li ul li a:hover,.menu-area .top-menu ul li .dropmenu ol ul li a:hover,.my-account .list ul li a.active i,.my-account .list ul li a:hover,.my-account .list ul li a:hover i{
    color:#0d56cf
}
.header .header-icons ul li ul li i{
    position:relative;
    display:inline-block;
    background:0 0;
    color:#000;
    left:0;
    top:0;
    font-size:14px;
    margin:0 8px 0 0;
}
.header .header-icons ul li ul li .logout{
    background:0 0;
    border:0;
    font-size:15px;
    padding:8px;
    color:#000!important
}
.menuoverlay{
    width:100%;
    height:100%;
    position:fixed;
    background:0 0;
    z-index:50;
    left:0;
    top:0;
    display:none
}
.menu-area{
    width:auto;
    position:relative;
    z-index:60
}
.menu-area .top-menu{
    width:auto;
    background:#0d56cf;
    padding:0;
    position:relative;
    z-index:10
}
.menu-area .top-menu .container{
    width:auto;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.menu-area .top-menu ul li{
    display:inline-block;
    position:relative;
    margin:0 7px;
}
.menu-area .top-menu ul li a{
    color:#fff;
    font-size:12px;
    font-family: 'robotomedium';
    display:block;
    padding:10px 12px;
    text-transform:uppercase
}
.menu-area .top-menu ul li>i{
    position:absolute;
    right:-6px;
    top:16px;
    color:#fff;
    font-weight:900;
    font-size:12px;
    margin:-2px 0 0
}
.menu-area .top-menu ul li a.active,.menu-area .top-menu ul li a:hover{
    color:#fde023;
    font-weight:500
}
.menu-area .top-menu .cat{
    width:auto;
    background:#0c56cf;
    padding:14px;
    font-size:15px;
    cursor:pointer;
    color:#fff;
    text-transform:uppercase;
    font-weight:500
}
.menu-area .top-menu .cat i{
    display:inline-block;
    margin:0 7px
}
.menu-area .top-menu ul li .dropmenu{
    position:absolute;
    left:0;
    top:100%;
    display:none;
    background:#fff;
    padding:10px 20px;
    width:205px;
    box-shadow:0 0 10px #eee
}
.menu-area .top-menu ul li .dropmenu:before{
    position:absolute;
    left:28px;
    top:-12px;
    width:0;
    height:0;
    border-right:18px solid transparent;
    border-bottom:18px solid #fff;
    border-left:18px solid transparent;
    content:""
}
.menu-area .top-menu ul li .dropmenu ol h3{
    text-align:left;
    color:#0d56cf;
    font-size:16px;
    font-family: 'robotomedium';
    margin:8px 0 8px
}
.menu-area .top-menu ul li .dropmenu ol ul li{
    display:block;
    border-bottom:1px dashed #d7d7d7;
    margin:0
}
.menu-area .top-menu ul li .dropmenu ol ul li a{
    color:#000;
    padding:4px 0;
    text-transform:capitalize;
    font-size:12px
}
.menu-area .top-menu ul li .dropmenu ol ul li a i{
    color:#666;
    display:inline-block;
    margin:4px 7px 0 0;
    vertical-align:top;
    font-size:11px;
    position:relative;
    right:0
}
.menu-area .top-menu ul li .dropmenu.large{
    width:740px;
    left:-250px;
    padding:10px 20px 20px
}
.menu-area .top-menu ul li .dropmenu.large:before{
    left:292px
}
.menu-area .top-menu ul li .dropmenu.large ol ul:last-child li{
    border-bottom:1px dashed #d7d7d7
}
.menu-area .top-menu ul li .dropmenu.large ol ul li{
    width:160px;
    display:inline-block;
    margin:0 15px 0 0
}
.menu-area .top-menu ul li:last-child .dropmenu ol ul li{
    width:180px
}
.menu-area .mega-menu{
    width:100%;
    background:#fff;
    position:absolute;
    left:0;
    top:49px;
    z-index:10;
    border-top:2px solid #f6e066;
    box-shadow:0 15px 15px #ccc;
    padding:15px 0;
    display:none
}
.menu-area .mega-menu .searchbar{
    width:auto;
    border-radius:8px;
    background:#f5f5f5;
    padding:15px 0;
    margin:0 0 15px;
    display:flex
}
.menu-area .mega-menu .searchbar .text{
    width:100%;
    border:1px solid #e9e7e7;
    padding:15px;
    border-radius:8px;
    outline:0;
    box-shadow:0 0 10px #e1d7d7
}
.menu-area .mega-menu .searchbar .search{
    width:10%;
    padding:16px;
    text-align:center;
    background:#0d56cf;
    color:#fff;
    border:0;
    margin:0 0 0 10px;
    border-radius:8px;
    font-family: 'robotomedium';
    text-transform:uppercase
}
.menu-area .mega-menu .searchbar .search.all{
    width:10%;
    background:#e7e5e5;
    color:#000
}
.menu-area .mega-menu .links{
    width:auto;
    display:flex;
    flex-wrap:wrap;
    grid-gap:0px;
    align-content:flex-start;
    margin:0 0 20px
}
.menu-area .mega-menu .links .link{
    width:25%;
    margin:0;
    padding:0 10px
}
.menu-area .mega-menu .links .link a{
    display:flex;
    align-items:center;
    padding:10px 0 18px;
    border-bottom:1px dashed #c5bcbc
}
.menu-area .mega-menu .links .link a img{
    width:40px;
    height:auto;
    margin:0 8px 0 0
}
.header.blue{
    background:#fff!important
}
.slide-banner{
    width:100%;
    height:250px;
    margin:0 auto;
}
.slide-banner.mobile{
    display:none;
}
.slide-banner .mySlides{
    width:100%;
    height:100%;
    display:none;
}
.slide-banner .mySlides:first-child{
    display:block;
}
.slide-banner .mySlides img{
    width:100%;
    height:100%;
}
.slide-banner .slideleftbtn{
    position:absolute;
    left:50px;
    top:230px;
    width:35px;
    height:35px;
    background:#000;
    color:#fff;
    border:0px;
    opacity:0.5;
}
.slide-banner .sliderighttbtn{
    position:absolute;
    right:50px;
    top:230px;
    width:35px;
    height:35px;
    background:#000;
    color:#fff;
    border:0px;
    opacity:0.5;
}
.top-categories{
    width:auto;
    display:grid;
    grid-gap:28px;
    grid-template-columns:auto 30%;
    grid-template-rows:240px 240px
}
.top-categories .box{
    background:url(../images/cat-background.jpg) left top;
    position:relative;
    border-radius:8px
}
.middle-categories-wrapper{
    width:auto;
    position:relative;
    z-index:1
}
.middle-categories{
    width:auto;
    display:flex;
    grid-gap:30px;
	border-radius:15px;
	overflow:hidden;
}
.middle-categories .box{
    background:#fea9d4;
    position:relative;
    border-radius:20px;
	width:25%;
	height:225px;	
	overflow:hidden;
}
.middle-categories .box:nth-child(2){ background:#80d9e4;}
.middle-categories .box:nth-child(3){ background:#f9a8a7;}
.middle-categories .box:nth-child(4){ background:#d6aaf6;}

.middle-categories .box .gridarea{ width:100%; height:100%; display:block; padding:15px 20px;}
.product-wrapper .product-head,.product-wrapper .product-head .filter{
    display:flex;
    align-items:center
}
.middle-categories .box a{
	text-align:center;
    width:100%;
    height:100%
}
.middle-categories .img { text-align:center; margin:30px auto 0px auto; height:110px; display:flex; align-items:center; justify-content:center;}
.middle-categories .img img{ width:185px; margin:0px auto; height:auto;}

.middle-categories.five .box{ align-items:flex-start;}
.middle-categories.five .box a{ display:block;}
.middle-categories.five .content h1{ font-size:25px;}
.middle-categories.five .img{ text-align:center; }
.middle-categories.five .img, .middle-categories.five .img img{ width:auto; margin:10px 0px 0px 0px; height:120px; width:auto; max-width:100%;}

.middle-categories .content{
    width:auto;
}
.middle-categories .content h1{
    width:auto;
    font-size:20px;
    margin:10px 0px 10px 0px;
    color:#010101;
}
.middle-categories .content p{
    width:auto;
    margin:5px 0;
    color:#334c4d;
}
.product-wrapper{
    width:auto;
    position:relative;
    overflow:hidden
}
.product-wrapper.inner{
    margin:0;
    padding:25px 40px;
    background:#fff;
    box-shadow:inset 3px 0 10px #ddd
}
.product-wrapper.inner.not-available{
    min-height:600px
}
.product-wrapper.inner .product-box{
    margin:0 0 30px
}
.product-wrapper .product-head{
    width:auto;
    margin:0 0 20px;
    justify-content:space-between
}
.product-wrapper .product-head .title{
    font-size:23px;
    font-family: 'robotomedium';
}
.product-wrapper .product-head .filter .selectbox{
    margin:0 0 0 20px;
    padding:10px;
    border-radius:20px;
    border:1px solid #dfdddd
}
.product-wrapper .product-head .filter .selectbox select{
    border:0;
    width:150px
}
.product-box{
    background:#fff;
    z-index:1;
    text-align:center;
    border:1px solid #ddd;
    border-radius:6px;
    overflow:hidden;
    margin:0
}
.product-box .product{
    width:auto;
    background:#f7f7f7;
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center
}
.product-box .product:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:"";
    background:rgba(0,0,0,.3);
    opacity:0
}
.product-box .product>a{
    padding:25px;
    width:100%;
    height:100%;
    display:block
}
.product-box .product img{
    height:auto;
    width:100%;
    -webkit-transition:.5s
}
.product-box .btns{
    width:100%;
    position:absolute;
    left:0;
    top:130px;
    opacity:0;
    -webkit-transition:.5s;
    display:flex;
    align-items:center;
    justify-content:center
}
.product-box .btns a{
    display:inline-flex;
    background:#ff5050;
    color:#fff;
    margin:0 5px;
    position:relative;
    text-align:center;
    font-size:15px;
    border-radius:4px;
    align-items:center;
    justify-content:center;
    padding:10px
}
.product-box .btns button{
    display:inline-flex;
    background:#ff5050;
    color:#fff;
    margin:0 5px;
    position:relative;
    text-align:center;
    font-size:15px;
    border-radius:4px;
    align-items:center;
    justify-content:center;
    padding:10px;
    border:0px;
}
.address-box .address,.sales-product{
    justify-content:space-between
}
.product-box .btns a span{
    font-size:14px
}
.product-box .name{
    width:auto;
    ;
    font-size:16px;
    margin:15px 0 0;
    line-height:18pt;
    padding:0 20px;
    color:#2e2b2b;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.product-box .price{
    width:auto;
    color:#000;
    font-family: 'robotomedium';
    font-size:16px;
    margin:3px 0
}
.product-box .price i{
    display:inline-block;
    width:auto;
    font-size:16px
}
.product-box:hover .btns,.product-box:hover .product:before{
    opacity:1
}
.product-box:hover .product img{
    margin:0;
    -webkit-transform:scale(1.1,1.1)
}
.product-box:hover .icons{
    background:rgba(0,0,0,.2)
}
.salebanner{
    width:auto;
    background:#fdd9d9;
    padding:40px 0;
    position:relative;
    overflow:hidden
}
.salebanner:before{
    width:500px;
    height:250%;
    background:#ffd0d0;
    position:absolute;
    left:0;
    top:-150px;
    content:"";
    -webkit-transform:rotate(-30deg)
}
.newsletter,.newsletter .search,.product-detail .product-thumb,.sales-product{
    width:auto;
    display:flex
}
.salebanner h3{
    color:#2d2b2b;
    font-size:40px;
    font-family: 'robotomedium';
    margin:0 0 10px
}
.salebanner p a{
    background:#fff;
    color:#2d2b2b;
    display:inline-block;
    padding:10px 20px;
    border-radius:20px
}
.sales-product .product{
    margin:0 20px
}
.newsletter{
    background:#f1d100;
    padding:16px 0;
    align-items:center;
    justify-content:center;
    margin:40px 0 0
}
.newsletter .icon{
    font-size:50px
}
.newsletter .heading{
    color:#333e48;
    font-size:22px;
    border-left:1px solid #676765;
    padding:0 0 0 20px;
    margin:0 0 0 20px
}
.newsletter .heading p{
    margin:10px 0
}
.product-detail .name span,.product-detail .name strong{
    font-weight:400;
    font-size:18px;
    margin:6px 0 0;
    display:block
}
.newsletter .heading p a{
    color:#000;
    display:block
}
.newsletter .search{
    justify-content:center
}
.newsletter .search .text{
    width:350px;
    background:#fff;
    padding:12px 18px;
    outline:0;
    border:1px solid #dee2e6
}
.newsletter .search .text::focus{
    background:#fff!important
}
.newsletter .search .text:-internal-autofill-selected{
    background:#fff!important
}
.newsletter .search .submit{
    width:auto;
    background:#333e48;
    padding:12px 25px;
    cursor:pointer;
    color:#fff;
    border:0
}
.listing-background{
    background:#f7f7f7;
    overflow-x:hidden;
    overflow-y:auto;
    margin:0 0 -40px
}
.filter-wrapper{
    width:auto;
    color:#000;
    background:#f7f7f7;
    margin:0;
    padding:30px
}
.filter-wrapper .main-heading{
    width:auto;
    font-size:20px;
    margin:0 0 5px;
    font-family: 'robotomedium';
    border-bottom:1px solid #e3e0e0;
    padding:0 0 15px
}
.filter-wrapper .box .heading{
    font-size:14px;
    font-family: 'robotomedium';
    padding:13px 0;
    cursor:pointer;
    text-transform:uppercase;
    overflow:hidden;
    line-height:normal;
    position:relative
}
.filter-wrapper .box .heading i{
    position:absolute;
    right:10px;
    top:15px;
    color:#999
}
.filter-wrapper .box .dropfilter{
    padding:0;
    display:none;
    border-bottom:1px solid #e3e0e0
}
.filter-wrapper .box .search{
    width:auto;
    margin:0 0 15px
}
.filter-wrapper .box .search .product-search{
    border:1px solid #e9e3e3;
    padding:8px;
    font-size:14px;
    width:100%;
    background:#fff;
    border-radius:8px
}
.filter-wrapper .box .list ul li{
    width:auto;
    margin:6px 0;
    color:#333
}
.filter-wrapper .box .list ul li a{
    color:#0d56cf!important
}
.filter-wrapper .box .list ul li label{
    width:auto;
    cursor:pointer
}
.filter-wrapper .box .list ul li label .check{
    float:left;
    margin:3px 7px 0 0
}
.filter-wrapper .box .list ul li label span{
    overflow:hidden;
    display:block
}
.filter-wrapper .box .list p{
    color:#0d56cf;
    padding:0 0 12px;
    font-family: 'robotomedium';
    font-size:14px;
    cursor:pointer
}
.filter-wrapper .box .list.pos ul li a{
    display:block;
    padding:3px 13px;
    position:relative;
    color:#343433!important
}
.filter-wrapper .box .list.pos ul li a:before{
    content:"\f105";
    position:absolute;
    left:0;
    top:3px;
    font-family:"Font Awesome 6 Free Pro";
    font-size:12px
}
.filter-wrapper .box .list.pos ul li ul{
    padding:0 0 0 20px
}
.product-gallery{
    width:auto;
    border:1px dashed #c5baba;
    padding:10px
}
.product-gallery .thumbs{
    width:auto;
    margin:10px 0 0;
    display:flex
}
.product-gallery .thumbs .thumb{
    width:80px;
    height:80px;
    border:1px solid #eee;
    background:#ede7e7;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 10px 0 0;
    display:inline-flex;
    cursor:pointer
}
.product-gallery .thumbs .thumb img{
    width:70%;
    height:auto
}
.product-gallery .image-box{
    width:100%;
    overflow:hidden;
    border:1px solid #eee;
    padding:20px;
    background:#ede7e7;
    position:relative;
    height:442px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.pos-pament-code .code img,.poswrapper .product-barcode .barcode img,.product-detail .product-thumb .thumb img,.product-gallery .image-box .image,.view-order .print-box .content .barcode img{
    width:100%;
    height:auto
}
.product-gallery .image-box .wishlist{
    position:absolute;
    width:35px!important;
    height:35px!important;
    left:auto;
    top:10px
}
.product-gallery .image-box div{
    position:absolute;
    width:100%!important;
    height:100%!important;
    left:0;
    top:0;
    z-index:45;
    background:#ede7e7;
    visibility:hidden;
    display:none!important;
}
.product-detail{
    width:auto;
    padding:0;
    border-right:1px solid #e1dada
}
.product-detail .name{
    width:auto;
    color:#0f172a;
    font-family: 'robotomedium';
    font-size:23px;
    line-height:normal
}
.product-detail .name strong{
    color:#666
}
.product-detail .name span{
    color:red
}
.product-detail .name span.instock{
    color:#388e3c;
    font-family: 'robotomedium';
    font-size:20px
}
.ratings{
    margin:6px 0 14px
}
.product-detail .price-heading{ margin:10px 0px 7px 0px; font-size:18px; color:#2a2727;}
.product-detail .price{
    display:flex;
    align-items:center;
    color:#0f172a;
    font-size:20px;
    font-family: 'robotomedium';
    margin:4px 0 0
}
.product-detail .price i{
    font-size:19px;
    display:inline-block;
    margin:0
}
.product-detail .price strong{
    padding:0;
    color:#000
}
.product-detail .price span{
    color:#85938f;
    font-size:15px;
    margin:0px
}
.product-box .price span{
    color:#85938f;
    font-size:15px;
    margin:0 0 0 2px
}
.product-detail .label-heading{
    margin:22px 0 8px;
    font-size:16px;
    font-family: 'robotomedium';
}
.label-heading b{
    font-family: 'robotomedium';
}
.product-detail .product-thumb .thumb{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:60px;
    height:70px;
    background:#fffcdc;
    padding:0 10px;
    border:1px dashed #c9c2c2
}
.product-detail .color-box{
    width:auto;
    display:flex;
    flex-wrap:wrap;
    margin:0 0 -10px
}
.product-detail .color-box .box{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    color:#000;
    margin:0 10px 10px 0;
    position:relative
}
.product-detail .color-box .box.active{
    background:#096;
    color:#fff
}
.product-detail .color-box .box .radio{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer
}
.product-detail .color-box input[type=radio]~span{
    padding:5px 8px;
    outline:#cdc3c3 solid 1px;
    border:2px solid #fff;
    display:block;
    font-size:16px;
    color:#666
}
.product-detail .color-box input[type=radio]:checked~span{
    background:#0d56cf;
    color:#fff
}
.product-detail .form p a{
    color:#039
}
.product-detail .form input{
    border:1px solid #d9d9d9;
    width:180px;
    padding:7px 0 7px 12px;
    outline:0
}
.product-detail .form .Check{
    background:#6f7072;
    width:auto;
    padding:8px 20px;
    color:#fff;
    margin:0 0 0 -5px
}
.product-detail .btns{
    width:auto;
    display:flex;
    align-items:center
}
.product-detail .btns .cart a{
    padding:10px 18px;
    display:block;
    background:#0d56cf;
    margin:0 auto;
    position:relative;
    color:#fff;
    text-align:center;
    font-size:17px;
    cursor:pointer
}
.product-detail .btns .cart a span{
    color:#fff;
    font-size:14px;
    margin:0 0 0 5px
}
.product-detail .btns .cart a:hover{
    background:#2f63b9
}
.product-detail .delivery-status{
    margin:10px 0 0
}
.product-detail .delivery-status p{
    color:#0c8538;
    font-size:16px
}
.no-product{
    min-height:790px;
    height:100%;
    padding:200px 0 0
}
.no-product p{
    color:red;
    font-size:25px;
    text-align:center
}
.checkout-wrapper,.product-right-detail{
    width:auto;
    padding:0
}
.product-right-detail h3{
    color:#333;
    font-size:18px;
    margin:0 0 25px;
    font-family: 'robotomedium';
    position:relative
}
.product-right-detail h3:before{
    background:red;
    width:30px;
    height:2px;
    position:absolute;
    left:0;
    bottom:-12px;
    content:""
}
.product-right-detail .other-icons .box{
    width:auto;
    margin:10px 0;
    position:relative;
    padding:8px 0 2px 50px;
    border-top:1px solid #e1dada
}
.product-right-detail .other-icons .icon{
    color:#eb4343;
    position:absolute;
    left:0;
    top:10px;
    font-size:25px;
}
.product-right-detail .other-icons .box p span{
    font-size:25px;
    margin:0 0 5px;
}
.product-right-detail .other-icons .box p strong{
    margin:5px 0;
    display:block;
    color:#2a2727
}
.product-right-detail table tr td{
    width:50%;
    vertical-align:top;
    padding:5px 0
}
.product-tabing-wrapper,.view-order .tabing{
    width:auto;
    margin:20px 0 0
}
.product-tabing-wrapper .tabs .tab{
    display:inline-block;
    padding:12px 20px;
    font-family: 'robotomedium';
    margin:0 5px 0 0;
    cursor:pointer
}
.product-tabing-wrapper .tabs .tab.active{
    background:#4d8bf1;
    color:#fff
}
.product-tabing-wrapper .tab-details{
    padding:15px;
    border:2px solid #dee2e6;
    margin:0
}
.product-tabing-wrapper table{
    width:100%!important;
    border:1px solid #eee;
    margin:20px 0 0
}
.product-tabing-wrapper table tr:nth-child(2n){
    background:#ebf5ff
}
.product-tabing-wrapper table tr td{
    padding:10px;
    border-bottom:1px solid #eee;
    border-right:1px solid #eee;
    width:auto!important
}
.product-tabing-wrapper table tr td:first-child{
    width:400px!important;
}
.product-tabing-wrapper .review_form label{
    width:auto;
    display:block;
    font-weight:600
}
.product-tabing-wrapper .review_form .text{
    width:100%;
    display:block;
    border:1px solid #999;
    outline:0;
    margin:15px 0
}
.product-tabing-wrapper .review_form .submit{
    background:#0d56cf;
    padding:10px 20px;
    color:#fff;
    display:inline-block;
    border:0;
    cursor:pointer
}
.product-tabing-wrapper .givratings{
    width:auto;
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
.product-tabing-wrapper .givratings h3,.product-tabing-wrapper .productReviewbox h3{
    font-family: 'robotomedium';
    margin:10px 0 12px;
    width:100%
}
.product-tabing-wrapper .givratings ul li{
    display:inline-block;
    width:22px;
    height:22px;
    position:relative;
    font-size:17px;
    color:#f1d101;
    cursor:pointer
}
.product-tabing-wrapper .givratings ul li:before{
    position:absolute;
    left:0;
    top:0;
    content:"\f005";
    font-family:"Font Awesome 6 Free"
}
.product-tabing-wrapper .givratings ul li.active:before{
    font-weight:900
}
.product-tabing-wrapper .givratings .total{
    background:#0d56cf;
    border-radius:4px;
    color:#fff;
    font-family: 'robotomedium';
    padding:3px 6px;
    margin:-5px 0 0 10px
}
.product-tabing-wrapper .givratings .total i{
    font-size:12px;
    margin:4px 2px 0 0;
    display:inline-block;
    vertical-align:top
}
.product-tabing-wrapper .productReviewbox{
    width:auto;
    margin:20px 0 0;
    padding:20px 0 0;
    border-top:2px solid #eee
}
.cart-table{
    width:auto;
    padding:0 25px 0 0
}
.cart-table table{
    width:100%;
    border:1px solid #e9e9e9
}
.cart-table table tr{
    border-bottom:1px solid #e9e9e9
}
.cart-table table tr:nth-child(2n){
    background:#f5fdff
}
.cart-table table tr td{
    border:0;
    padding:10px
}
.cart-table table tr:first-child{
    font-family: 'robotomedium';
    text-transform:uppercase
}
.cart-table .product-img{
    max-width:60px;
    max-height:60px
}
.cart-table table tr td p{
    margin:3px 0
}
.cart-table table tr td p strong{
    font-size:17px
}
.cart-table table tr td p i{
    font-size:15px;
    margin:0 -4px 0 0
}
.cart-table table tr td p.red{
    color:#fb5555
}
.cart-table table tr td p.action{
    width:auto;
    text-align:left
}
.cart-table table tr td p.action a{
    color:#fff;
    cursor:pointer;
    background:#096;
    border-radius:4px;
    padding:5px 7px;
    font-size:13px
}
.address-box .address .edit.delete,.cart-table table tr td p.action a.delete{
    background:#ff7272;
    color:#fff
}
.cart-table .counts{
    background:0 0;
    border:0;
    padding:0;
    margin:0
}
.cart-table .counts .box{
    width:30px;
    height:30px;
    padding:4px 0;
    border:1px solid #e3dddd
}
.cart-total{
    width:auto;
    padding:0 0 0 25px;
    border-left:1px solid #eee
}
.cart-total h3{
    width:auto;
    font-size:20px;
    font-family: 'robotomedium';
    color:#000;
    border-bottom:3px solid #f4f7fa;
    padding:0 0 12px
}
.cart-total li{
    width:auto;
    padding:12px 0;
    border-bottom:1px solid #eee;
    overflow:hidden
}
.cart-total li i{
    font-size:12px;
    margin:0 5px 0 0
}
.cart-total .Chcekout,.cart-total p a{
    margin:10px 0;
    background:#fb641b;
    font-size:16px;
    padding:15px;
    font-family: 'robotomedium';
    width:100%
}
.cart-total li:last-child{
    font-size:18px;
    font-family: 'robotomedium';
    padding:20px 0;
    color:#000
}
.cart-total li:last-child i{
    font-size:16px;
    font-weight:600
}
.cart-total li strong{
    float:right;
    color:#000;
    font-weight:500
}
.cart-total li .green,.pos-pament-code .details .left p strong.success{
    color:#096
}
.cart-total .Chcekout{
    color:#fff;
    border:0;
    border-radius:30px
}
.cart-total p a{
    color:#fff;
    border:0;
    border-radius:30px;
    display:block;
    cursor:pointer
}
.cart-total .payment-option{
    width:auto;
    border:1px solid #c3e5f7;
    margin:10px 0 0
}
.cart-total .payment-option .box{
    width:auto;
    border-bottom:1px solid #c3e5f7;
    padding:10px;
    font-family: 'robotomedium';
    overflow:hidden;
    text-transform:uppercase;
    font-size:14px
}
.cart-total .payment-option .box input{
    display:inline-block;
    vertical-align:top;
    margin:2px 5px 0 0
}
.cart-total .payment-option .box i{
    float:right;
    color:#ff7272
}
.address-box{
    width:auto;
    margin:0 0 10px
}
.address-box .title{
    font-size:18px;
    font-family: 'robotomedium';
    margin:0;
    border-bottom:1px solid #e3e3e3;
    color:#676765;
    padding:15px;
    overflow:hidden;
    background:#fbf8f8
}
.address-box .title .checkbox{
    display:inline-block;
    position:relative;
    margin:0 5px 0 0;
    vertical-align:top
}
.address-box .title .checkbox span{
    width:19px;
    height:19px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:0;
    content:"";
    border:1px solid #978c8c;
    background:#fff
}
.address-box .title .checkbox span:before{
    width:9px;
    height:9px;
    position:absolute;
    left:4px;
    top:4px;
    content:"";
    border-radius:50%
}
.address-box .address .check input,.address-box .title .checkbox input{
    position:relative;
    width:20px;
    height:20px;
    z-index:2;
    opacity:0
}
.address-box .title .checkbox input:checked+span{
    background:#0da487
}
.address-box .hidepanel{
    display:none;
    border:1px solid #e3e3e3;
    background:#f8f8f8
}
.address-box .address{
    padding:15px 20px 15px 40px;
    border-bottom:1px dashed #e1d9d9;
    position:relative;
    display:flex;
    align-items:center;
    background:#fff;
    border-radius:8px;
    box-shadow:0 0 10px #eee;
    margin:20px
}
.address-box .address .check{
    position:absolute;
    left:20px;
    top:18px
}
.address-box .address .check span{
    width:17px;
    height:17px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:0;
    content:"";
    border:1px solid #978c8c;
    background:#fff
}
.address-box .address .check span:before{
    width:9px;
    height:9px;
    position:absolute;
    left:3px;
    top:3px;
    content:"";
    border-radius:50%
}
.address-box .address .check input:checked+span{
    background:#0d56cf
}
.address-box .address .edit{
    display:inline-block;
    background:#0d56cf;
    color:#fff;
    padding:4px 10px 6px;
    border-radius:4px;
    position:relative;
    border:0
}
.address-box .address p{
    padding:3px 5px
}
.address-box .address .add{
    width:auto;
    ;
    padding:0
}
.address-box .address .add .btn{
    color:#0d56cf;
    border:1px solid #0d56cf;
    padding:8px 15px;
    border-radius:50px;
    background:0 0
}
.my-account-wrapper{
    width:auto;
    padding:0;
    background:#fff
}
.account-wrapper{
    padding:15px 25px;
    box-shadow:inset 5px 0 6px #f3f3f3;
    min-height:620px
}
.account-wrapper .white-panel{
    overflow:hidden
}
.account-box{
    padding:0;
    background:#fff;
    border-radius:6px;
    display:none
}
.account-box .title{
    background:0 0;
    font-family: 'robotomedium';
    font-size:18px;
    padding:15px 5px;
    border-bottom:2px solid #eee;
    color:#5c5e60;
    overflow:hidden
}
.account-box .title span{
    float:right;
    padding:6px 14px 5px;
    color:#fff;
    border-radius:6px;
    font-size:14px;
    cursor:pointer;
    background:#0d56cf;
    margin:-6px 0 0;
}
.account-box .title a,.pos-pament-code .details .left p strong{
    float:right
}
.view-order .tabing .tab{
    display:inline-block;
    padding:10px 20px;
    border:1px solid #fff;
    border-bottom:1px solid #e2e8f0;
    background:#fff;
    font-family: 'robotomedium';
    cursor:pointer
}
.view-order .tabing .tab.success{
    color:#0da487
}
.view-order .tabing .tab.failed{
    color:#ef4141
}
.view-order .tabing .tab.active{
    border:1px solid #e2e8f0;
    border-bottom:1px solid #fff
}
.view-order .tabingpanel{
    padding:0;
    border:1px solid #e2e8f0;
    margin:-1px 0 0
}
.view-order table .order-view{
    cursor:pointer
}
.view-order table tr{
    border-bottom:1px solid #e2e8f0
}
.view-order table tr:first-child{
    font-family: 'robotomedium';
    font-size:14px;
    text-transform:uppercase
}
.view-order table tr:nth-child(2n){
    background:#f1f1f1
}
.view-order table tr td{
    vertical-align:top;
    padding:10px
}
.view-order table tr td p a{
    color:#0d56cf;
    font-weight:500
}
.view-order table .view-table tr td{
    padding:0;
}
.view-order table p{
    margin:5px 0;
    display:block
}
.view-order table p i,.view-order table p strong{
    display:inline-block
}
.view-order table p span{
    display:inline-block;
    color:#37ad9d;
    font-family: 'robotomedium';
    margin:0 0 0 5px;
    font-size:13px
}
.view-order table p.Delivered{
    color:#10a510;
    font-family: 'robotomedium';
    text-transform:capitalize
}
.view-order table p.In-progress{
    color:#ef892d;
    font-family: 'robotomedium';
    text-transform:capitalize
}
.view-order table p.FAILED{
    color:#ef4141;
    font-family: 'robotomedium';
    text-transform:capitalize
}
.view-order table .detail-table tr{
    background:#fff!important;
    border-bottom:1px solid #e2e8f0
}
.view-order table .detail-table tr:first-child td{
    font-weight:600
}
.view-order table .detail-table tr:last-child td{
    font-family: 'robotomedium';
    font-size:18px;
    color:#000
}
.view-order table .detail-table tr:nth-child(2n){
    background:#f5fdff!important
}
.footer-bottom ul,.view-order table .detail-table tr td:last-child{
    text-align:right
}
.view-order table .detail-table tr td{
    padding:10px!important;
}
.view-order table .detail-table tr td p a{
    font-family: 'robotomedium';
    color:#000
}
.view-order .print-box{
    width:auto;
    margin:20px 0 5px;
    background:#fff;
    border-top:1px solid #eee;
    padding:10px
}
.view-order .print-box .content{
    width:auto;
    background:#ffffb9;
    border:1px dashed #b5b553;
    padding:5px 10px;
    display:flex;
    justify-content:space-between
}
.view-order .print-box .content .left{
    width:100%;
    text-align:left
}
.view-order .print-box .content .barcode{
    width:15%
}
.view-order .print-box .content .left p{
    display:block;
    margin:6px 0
}
.view-order .print-box .content .left p span{
    margin:0;
    padding:0;
    font-size:16px;
    color:#676765
}
.view-order .print-box .print{
    background:#ed6e51;
    color:#fff;
    border-radius:6px;
    padding:6px 16px;
    width:120px;
    margin:0 0 10px auto
}
.my-account{
    width:auto;
    padding:20px 0
}
.my-account .head{
    width:auto;
    padding:10px 20px 15px;
    text-align:center
}
.my-account .photo{
    width:180px;
    height:180px;
    border-radius:50%;
    background:#fff;
    padding:5px;
    box-shadow:0 0 10px #ccc;
    margin:0 auto;
    position:relative
}
.my-account .photo:before{
    width:35px;
    height:35px;
    content:"\f030";
    background:#216dcb;
    font-family:"Font Awesome 6 Free";
    position:absolute;
    right:10px;
    bottom:10px;
    border-radius:50%;
    color:#fff;
    border:1px solid #fff;
    padding:6px 0 0;
    cursor:pointer;
    font-weight:800;
}
.my-account .photo img{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
    object-position:top
}
.my-account .photo input{
    width:35px!important;
    height:35px!important;
    border-radius:50%;
    position:absolute;
    right:10px;
    bottom:10px;
    opacity:0
}
.my-account .text{
    padding:15px 0 0
}
.my-account .text p{
    width:auto;
    font-size:14px;
    line-height:17pt
}
.my-account .text p strong{
    font-size:20px;
    font-weight:500
}
.my-account .list{
    width:auot;
    margin:0
}
.acount-form,.acount-form .row{
    margin:20px 0
}
.my-account .list ul li{
    width:auto;
    border-bottom:1px solid #e1e1e1
}
.my-account .list ul li a{
    width:auto;
    display:block;
    padding:15px 25px;
    font-size:16px
}
.my-account .list ul li a i{
    font-size:16px;
    display:inline-block;
    vertical-align:top;
    margin:1px 12px 0 0
}
.my-account .list ul li .btn{
    width:100%;
    display:block;
    padding:15px 25px;
    font-size:16px;
    color:#343433;
    text-align:left
}
.my-account .list ul li .btn:hover{
    text-decoration:none;
    color:#0d56cf
}
.my-account .list ul li a.active{
    background:#f5f5f5;
    color:#0d56cf
}
.my-account .list ul li i{
    font-size:16px;
    display:inline-block;
    vertical-align:top;
    margin:1px 10px 0 0
}
.acount-form label{
    width:100%;
    ;
    margin:10px 0 0;
    font-size:16px
}
.acount-form .submit,.acount-form .verify,.footer .fheading{
    color:#fff;
    font-weight:500
}
.acount-form .text,.acount-form .text1{
    width:100%;
    padding:12px;
    border:1px solid #d9d1d1;
    border-radius:3px;
    outline:0
}
.acount-form .submit{
    background:#fb641b;
    border:0;
    padding:8px 16px;
    border-radius:4px;
    font-size:16px
}
.acount-form .verify{
    width:100%;
    background:#0d56cf;
    border:0;
    padding:12px 16px;
    border-radius:4px;
    font-size:13px
}
.account-box .acount-filed table td span{
    display:block;
    color:#fff;
    border-radius:6px;
    padding:6px 8px;
    text-align:center
}
.account-box .acount-filed table td span.delivered{
    background:#2ab12a
}
.account-box .acount-filed table td span.pending{
    background:#ef892d
}
.account-box .acount-filed table td span.cancel{
    background:#ef4141
}
.poswrapper{
    width:auto;
    background:#f5f5f5;
    align-items:center;
    display:flex;
    padding:20px
}
border .poswrapper .product-barcode{
    width:auto;
    padding:10px 20px;
    border:1px dashed #4a78c3;
    text-align:center;
    background:#fff;
    margin:0 0 20px;
    position:relative;
    display:flex;
    align-items:center;
    min-height:190px
}
.poswrapper .product-barcode .radio{
    position:absolute;
    left:0;
    top:0;
    padding:3px 5px;
    background:#c0cfe7;
    border-radius:0 0 5px;
    margin:0
}
.poswrapper .product-barcode .radio input{
    margin:0;
    padding:0;
    position:relative
}
.poswrapper .product-barcode .content{
    width:70%
}
.poswrapper .product-barcode .content p{
    margin:5px 0;
    text-align:left
}
.poswrapper .product-barcode .barcode{
    width:30%
}
.pos-categories{
    width:auto;
    display:block
}
.pos-categories .box{
    margin:0 10px;
    border-bottom:1px dashed #9f9898;
    padding:5px
}
.pos-categories .box p{
    display:block;
    text-align:center;
    font-weight:600
}
.posddress{
    width:auto;
    text-align:center;
    font-family: 'robotomedium';
    font-size:16px;
    display:block;
    background:#0d56cf;
    padding:15px;
    border-bottom:0 dashed #000;
    color:#fff
}
.footer{
    border-bottom:1px solid #e5e5e5;
    margin:0;
    padding:0;
    background:#282727;
    color:#b5aeae
}
.footer .fheading{
    margin:0 0 15px;
    font-size:20px;
    padding:0 0 10px;
    position:relative
}
.footer .fheading:before{
    width:100%;
    height:1px;
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    background:#81710a
}
.footer p{
    line-height:18pt;
    margin:0 0 5px;
    font-size:14px
}
.footer p.call{
    font-size:22px;
    color:#f1d100
}
.footer p.call i{
    color:#f1d100;
    font-size:35px;
    display:inline-block;
    margin:0 5px 0 0
}
.footer .content{
    padding:30px 0
}
.footer .list ul li a{
    width:auto;
    display:block;
    padding:3px 0 0 14px;
    color:#b5aeae;
    position:relative;
    font-size:14px
}
.footer .list ul li a i{
    color:#81710a;
    margin:0px 5px 0px 0px
}
.footer .list ul li a:hover{
    color:#f1d100
}
.footer-bottom{
    width:auto;
    padding:20px 0;
    border-top:1px solid #423d3d;
    background:#201d1d;
    overflow:hidden
}
.footer-bottom .container{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.footer-bottom p{
    text-align:center;
    margin:0!important
}
.footer-bottom ul li{
    margin:0 0 0 8px;
    display:inline-block
}
.footer-bottom ul li a{
    font-size:20px!important;
    color:#f1d100;
    padding:0
}
.pos-pament-code{
    width:400px;
    margin:20px auto;
    background:#fff;
    border:5px solid #eee;
    padding:20px
}
.pos-pament-code .details{
    display:block;
    align-items:center
}
.pos-pament-code .details .left{
    width:auto;
    border-bottom:1px solid #eee;
    padding:10px
}
.pos-pament-code .details .left p{
    font-size:17px;
    overflow:hidden
}
.pos-pament-code .details .left p strong.red{
    color:#e5383e
}
.pos-pament-code .details .left:last-child p{
    font-size:18px;
    font-weight:600
}
.pos-pament-code .code{
    margin:0;
    width:auto
}
.loader-wrapper{
    width:100%;
    background:rgba(255,255,255,.9);
    position:fixed;
    height:100%;
    left:0;
    top:0;
    z-index:110
}
.loader-wrapper .inner .loader{
    width:250px;
    height:44px;
    background:url(../images/loader-icon-back.png) left top/250px;
    position:relative
}
.loader-wrapper .inner .loader .fill{
    width:0%;
    height:100%;
    background:url(../images/loader-icon-fill1.png) left top/250px;
    -webkit-animation:5s forwards loader;
    margin:0;
    position:absolute;
    left:0;
    top:0
}
.menu-area .top-menu ul li .dropmenu{
    text-align:left;
}
.menu-area .top-menu ul li .dropmenu ul{
    text-align:left;
}
.wishlist button{
    background:none;
    border:0px;
}
@-webkit-keyframes loader{
    0%{
        width:0%
    }
    100%{
        width:100%
    }
}
nav{
    width:auto;
    background:#e9ecef
}
nav .breadcrumb{
    margin:0 auto;
    width:86%;
    background:0 0
}
::-webkit-scrollbar{
    width:5px
}
::-webkit-scrollbar-track{
    border-radius:10px
}
::-webkit-scrollbar-thumb{
    background:#4d8bf1;
    border-radius:6px
}
::-webkit-scrollbar-thumb:hover{
    background:#b30000
}
.extm img{
    width:800px!important;
    height:800px!important;
    max-width:800px!important;
    max-height:800px;
    margin:inherit!important;
}
@media print{
    body{
        background:#000
    }
}

/*mobie devices*/
@media(min-width:0px) and (max-width:767px){
    .header,body{
        background:#fff
    }
    .cart-table table tr:first-child,.description .left br,.globaltext a,.menu-area .top-menu ul li .dropmenu:before,.middle-categories .gridarea .content p a i,.product-wrapper:after,body:before,nav .breadcrumb{
        display:none
    }
    .container,.container1{
        width:auto;
        max-width:100%
    }
    .section,.section1{
        padding:10px 0!important
    }
    .globaltext .main-title{
        margin:0 0 10px;
        font-size:16px
    }
	.globaltext .main-title span a{ display:block!important;}
	
    .mobile-show,.view-order table .detail-table tr,.view-order table .view-table tr,.view-order table tr td{
        display:block!important
    }
    .mobile-hide,.salebanner:before,.view-order table .detail-table tr:first-child,.view-order table tr:first-child{
        display:none!important
    }
    .product-box{
        margin:0 0 25px;
        border-radius:4px;
    }
    #sectionDiv{
        overflow:inherit!important;
        max-height:inherit!important;
        min-height:inherit!important
    }
    .top-strip{
        padding:12px 0;
        display:none
    }
    .headerwrapper{
        height:auto!important;
        padding:20px 20px 0px;
    }
    .headerwrapper .headerpanel{
        width:auto!important;
        position:relative!important
    }
    .header{
        padding:0
    }
    .header-order{
        order:1
    }
    .cart-table table tr,.header .logo,.salebanner p{
        text-align:center
    }
    .header .logo img{
        width:200px
    }
    .header .header-search{
        width:100%;
        margin:20px auto 15px;
        padding:0
    }
    .header .header-icons .icons{
        width:auto;
        margin:20px 0 0
    }
    .address-box .address .left,.menu-area,.menu-area .mega-menu .links .link,.menu-area .top-menu ul,.product-box .btns a,.product-box .product img,.product-gallery .image-box .image{
        width:100%
    }
    .header .header-icons ul li.burger-menu{
        display:inline-flex
    }
    .header .header-icons ul li ol{
        left:0;
        right:auto
    }
    .header .header-icons ul li ul{
        border-radius:0 6px 6px
    }
    .header .header-icons ul{
        justify-content:center
    }
    .header .header-icons ul li{
        height:42px;
        padding:0 11px;
        margin:0 6px
    }
    .header .header-icons ul li a i{
        z-index:100
    }
    .header .header-icons ul li a span,.header .header-icons ul li a strong{
        font-size:18px
    }
    .menu-area{
        position:fixed;
        right:0;
        top:0;
        background:rgba(0,0,0,.7);
        display:none;
        z-index:100000
    }
    .menu-area .top-menu{
        width:88%;
        background:#0d56cf;
        padding:8px 0;
        position:relative;
        z-index:10;
        margin:0 0 0 auto
    }
    .menu-area .top-menu .container{
        overflow-y:scroll;
        height:100vh;
        display:block
    }
    .menu-area .top-menu .closemenu{
        display:block;
        background:#fff;
        position:absolute;
        left:-26px;
        top:16px;
        padding:5px 8px;
        border-radius:6px 0 0 6px
    }
    .menu-area .top-menu ul{
        text-align:left;
    }
    .menu-area .top-menu ul li{
        overflow:hidden;
        border-bottom:1px dashed #a6b8d5;
        display:block;
        margin:0
    }
    .menu-area .top-menu ul li:last-child{
        border:0
    }
    .menu-area .top-menu ul li a{
        padding:10px 16px
    }
    .menu-area .top-menu ul li>i{
        width:25px;
        padding:7px 4px 5px;
        color:#fff;
        background:#1b396a;
        right:8px;
        top:7px;
        margin:0
    }
    .menu-area .top-menu ul li .dropmenu{
        width:100%!important;
        position:relative;
        left:0!important;
        top:0;
        background:#265fbb;
        padding:5px 20px;
        box-shadow:none;
        display:none
    }
    .menu-area .top-menu ul li .dropmenu.large ol ul li{
        width:auto;
        display:inline-block;
        margin:0 8px 0 0
    }
    .menu-area .top-menu ul li .dropmenu ol h3{
        color:#fff;
        margin:5px 0 3px
    }
    .menu-area .mega-menu .links .link a,.menu-area .top-menu ul li .dropmenu ol ul li a,.menu-area .top-menu ul li .dropmenu ol ul li a i,.my-account .text{
        color:#fff
    }
    .acount-form,.description .form,.menu-area .top-menu ul li .dropmenu ol ul,.similar .product-box{
        padding:0
    }
    .menu-area .top-menu .cat{
        width:95%;
        margin:10px auto 3px;
        overflow:hidden
    }
    .menu-area .top-menu .cat i.fa-bars{
        float:right
    }
    .menu-area .mega-menu{
        position:static;
        padding:10px;
        width:100%;
        left:0;
        top:0;
        right:0;
        margin:0 auto;
        border:0;
        box-shadow:none;
        background:0 0
    }
    .menu-area .mega-menu .searchbar{
        display:block;
        padding:0;
        background:0 0
    }
    .menu-area .mega-menu .searchbar .text{
        width:100%;
        box-shadow:none
    }
    .menu-area .mega-menu .searchbar .search{
        width:100%;
        margin:10px 0 0
    }
    .menu-area .mega-menu .links{
        height:500px;
        overflow-y:scroll
    }
    .slide-banner{
        height:100px;
        margin:0 0 10px;
    }
    .slide-banner.desktop{
        display:none;
    }
    .slide-banner.mobile{
        display:block;
    }
    .slide-banner img{
        border-radius:4px;
    }
    .slide-banner .slideleftbtn{
        left:25px;
        top:230px;
        width:25px;
        height:25px;
        display: none;
    }
    .slide-banner .sliderighttbtn{
        right:25px;
        top:230px;
        width:25px;
        height:25px;
        display: none;
    }
    .top-categories{
        display:flex;
        width:auto;
        overflow-x:scroll;
        grid-gap:20px
    }
	
    .top-categories .box{
        padding:10px
    }
    .middle-categories{
		flex-wrap:wrap;
		justify-content:space-between;
    }
	.middle-categories .box .gridarea{ padding:10px;}
    .middle-categories{grid-gap:12px;}
	.middle-categories .box{
		width:48%;
		height:170px;
    }
	.middle-categories .content h1{ font-size:16px!important; font-weight:600;}
	.middle-categories .img{ width:auto!important; height:70px!important; margin:30px auto 0px!important;}
	.middle-categories .img img{ width:130px; margin:0px!important;}
	
    .breadcrumb,.listing-background,.pos-categories .box:last-child,.product-wrapper{
        margin:0
    }
    .scroll-product,.thankyou-wrapper{
        width:auto
    }
    .product-head,.view-order .print-box .print{
        margin:0 0 10px
    }
    .product-box .product a{
        padding:10px;
        display:inline-flex;
        align-items:center
    }
    .product-head .title{
        font-size:20px
    }
    .product-box .btns{
        width:90%
    }
    .salebanner{
        border-radius:10px;
        padding:20px
    }
    .salebanner h3{
        font-size:25px;
        text-align:center
    }
    .sales-product{
        margin:20px 0 0
    }
    .sales-product .product{
        margin:0 10px
    }
    .sales-product .product img{
        width:100%;
        height:100px
    }
    .newsletter{
        flex-wrap:wrap;
        padding:20px;
        border-radius:0;
        text-align:center;
        margin:10px 0px 0px;
        width:100%
    }
    .cart-table table tr td:first-child,.footer-bottom .container,.newsletter .search{
        display:block
    }
    .newsletter .search .text,.poswrapper .product-barcode .content{
        width:100%;
        text-align:center
    }
    .newsletter .search .submit{
        width:100%;
        margin:10px 0 0;
        text-align:center
    }
    .newsletter .box h2{
        font-size:24px;
        text-align:center
    }
    .newsletter .box h2 i,.thankyou-wrapper .box h1{
        font-size:25px
    }
    .newsletter .box{
        width:100%;
        margin:5px 0
    }
    .newsletter .box .search .text{
        width:70%
    }
    .newsletter .heading{
        margin:0;
        padding:0;
        border:0
    }
    .filter-wrapper{
        padding:0;
        position:fixed;
        left:0;
        top:0;
        width:91%;
        z-index:1000;
        background:#fff;
        height:100%;
        display:none
    }
    .product-wrapper.inner{
        box-shadow:none;
        padding:0
    }
    .product-wrapper .product-head{
        flex-wrap:wrap;
        background:#f9f9df;
        padding:10px;
        border:1px dashed #bfb6b6;
        border-radius:8px
    }
    .product-wrapper .product-head .title{
        font-size:16px;
        text-align:center;
        margin:0
    }
    .product-wrapper .product-head .filter{
        justify-content:center;
        flex-wrap:wrap
    }
    .product-wrapper .product-head .filter .selectbox{
        width:100%;
        background:#fff;
        margin:10px 0 0
    }
    .product-wrapper .product-head .filter .selectbox select{
        width:100%;
        text-align:center;
        font-size:15px;
        background:0 0!important
    }
    .product-tabing-wrapper .tab-details{
        margin:0 0 15px
    }
    .product-gallery .image-box{
        display:flex;
        align-items:center;
        height:330px;
        width:78%
    }
    .product-gallery .thumbs .thumb img{
        width:50%
    }
    .product-detail{
        width:auto;
        padding:10px 0 0
    }
    .product-detail .name{
        font-size:22px
    }
    .product-detail .color-box .box{
        margin:5px 7px 5px 0
    }
    .product-gallery{
        display:flex;
        width:100%;
        justify-content:space-between;
        align-items:flex-start
    }
    .product-gallery .thumbs{
        grid-gap:10px;
        margin:0;
        width:20%;
        flex-wrap:wrap;
        padding:0
    }
    .product-gallery .thumbs .thumb{
        width:100%;
        height:75px;
        margin:0
    }
    .product-right-detail{
        border-left:0;
        border-top:1px solid #e1dada;
        margin:20px 0 0;
        padding:20px 0 0
    }
    .acount-form .acount-filed,.description .box{
        flex-wrap:wrap
    }
    .description .left{
        width:100%;
        padding:10px
    }
    .description .right{
        width:auto;
        margin:0;
        padding:10;
        border:0;
        border-bottom:1px dotted #999
    }
    .description .form input{
        padding:10px;
        width:100%;
        border:1px solid #d9d9d9
    }
    .similar{
        background:0 0
    }
    .similar .product-box .product{
        background:#f7f7f7;
        padding:10px
    }
    .description,.similar .product-box .name{
        margin:15px 0 0
    }
    .cart-table{
        padding:0;
        border:0
    }
    .cart-table table tr td{
        text-align:center;
        display:block;
        padding:5px
    }
    .cart-table table tr td:nth-child(2){
        display:block;
        width:100%
    }
    .cart-table table tr td:nth-child(3),.cart-table table tr td:nth-child(4),.cart-table table tr td:nth-child(5){
        display:inline-block
    }
    .cart-table table tr td p.action{
        text-align:center;
        padding:10px 0
    }
    .cart-table table tr td p.action a{
        display:inline-block;
        padding:7px 15px;
        background:#096;
        color:#fff!important;
        border-radius:6px;
        font-size:16px
    }
    .cart-table table tr td p.action a.delete{
        background:red
    }
    .cart-table .product-img{
        max-width:100px;
        max-height:100px
    }
    .cart-total{
        margin:20px 0 0;
        padding:0;
        border:0
    }
    .address-box .address{
        flex-wrap:wrap;
        padding:14px 0 20px 40px
    }
    .address-box .address .check{
        left:15px
    }
    .address-box .address .right{
        margin:10px 0 0 5px
    }
    .my-account-wrapper{
        margin:0 10px 10px
    }
    .my-account{
        padding:20px 0 5px;
        background:#0d56cf
    }
    .my-account .photo{
        width:100px;
        height:100px
    }
    .my-account .head{
        padding:0 20px 10px
    }
    .my-account .list ul li .btn,.my-account .list ul li a{
        padding:14px;
        color:#fff
    }
    .account-box{
        overflow:hidden
    }
    .view-order table .detail-table tr td{
        text-align:left!important
    }
    .account-wrapper{
        margin:0;
        padding:15px;
        min-height:inherit
    }
    .acount-form .acount-filed label{
        width:100%;
        display:block;
        margin:0 0 8px
    }
    .acount-form .acount-filed .text{
        width:100%;
        display:block
    }
    .order-heading table tr td{
        display:block;
        text-align:left!important
    }
    .other-icons{
        margin:20px 0 0;
        justify-content:space-between
    }
    .other-icons .box{
        width:32%;
        margin:3px 0;
        padding:20px 10px
    }
    .loginbox{
        width:90%!important;
        max-height:650px;
        overflow:scroll;
        padding:20px
    }
    .loginbox .fields .fieldarea.inline .login{
        margin:0 0 20px 10px
    }
    .pos-categories{
        overflow-x:scroll;
        justify-content:flex-start;
        padding:15px 0;
        margin:0 0 15px
    }
    .footer,.footer-bottom{
        margin:0px
    }
    .pos-categories .box{
        padding:12px;
        margin:0 20px 0 0
    }
    .poswrapper{
        height:auto;
        background:#fff;
        padding:0
    }
    .poswrapper .product-barcode{
        display:block;
        margin:20px 0 0;
        padding:20px 20px 10px
    }
    .poswrapper .product-barcode .content p{
        text-align:center;
        font-size:16px
    }
    .poswrapper .product-barcode .barcode{
        margin:5px 0 0;
        width:auto
    }
    .poswrapper .product-barcode .barcode img{
        width:170px;
        height:auto
    }
    .pos-pament-code{
        width:auto;
        padding:15px 0 0;
        border:0;
        border-top:5px solid #eee
    }
    .thankyou-wrapper .box{
        width:auto;
        padding:0 20px
    }
    .thankyou-wrapper .box .ok{
        font-size:60px
    }
    .thankyou-wrapper .box p{
        margin:10px 0
    }
    .thankyou-wrapper .box p a{
        border-radius:30px;
        padding:15px;
        display:block
    }
    .footer{
        border-radius:0;
        padding:20px 20px 0
    }
    .footer .content{
        padding:10px 0
    }
    .footer .content .list ul li{
        display:inline-block;
    }
    .footer-bottom ul{
        text-align:center;
        margin:10px 0 0
    }
    .footer-bottom ul li{
        margin:0 5px
    }
    .acount-form .row{
        margin:5px 0
    }
    .product-box .name{
        padding:0 8px;
        font-size:14px;
        margin:5px 0 0;
    }
    .newsletter .icon{
        display:none;
    }
    main{
        padding:0px 20px;
    }
    .header .logo {
        margin:0px 0px 20px 0px;
    }
    .fa-bars::before, .fa-navicon::before {
        content: "\f0c9";
    }
    .view-order table tr td table tr:first-child{
        display:block!important;
    }
	
}
/*mobie devices*/