@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Rozha+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

.modal-open{ overflow:hidden; }

/*html{ overflow-x:hidden;}*/
body {
margin:0;
font-family: 'Plus Jakarta Sans', sans-serif, arial;
font-size:13px;
line-height:1.4;
background:#fff;
/*background-color:#e5e5e5;*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
margin: 0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.bg-white{ background:#fff !important;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
aside{ position:relative;}
/* pageskin */

/*== HTML5 Elements
*=================================*/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}
/*== Typography Elements
*=================================*/

.color-red
{
    color:red;
}

.color-green
{
    color:green;
}

iframe {
display:block
}

a img {
border:0
}
:focus {
outline:0
}
time{ font-family:inherit; font-size:11px; color:#aaa; font-weight: 400;} time a{ color:#aaa;}
a {
color:#6c66e7;
text-decoration:none;
outline:0;
-webkit-transition:background-color .15s linear,color .15s linear;
-moz-transition:background-color .15s linear,color .15s linear;
-o-transition:background-color .15s linear,color .15s linear;
-ms-transition:background-color .15s linear,color .15s linear;
transition:background-color .15s linear,color .15s linear;
}

ul,ol {
list-style:none;
margin:0;
padding:0;
}
ul,ol,p,table,form,pre {
margin:0 0 0px
}
h1,h2,h3,h4,h5,h6 {
color:#263238;
margin:0 0 5px;
}
h1,h2,h3 {
line-height:1.25
}
h1 {
font-size:24px
}
h2 {
font-size:20px
}
h3 {
font-size:16px
}
h4 {
font-size:14px
}
h4,h5,h6 {
font-size:13px
}
blockquote {
margin-left:10px;
padding-left:40px;
color:#777;

}
abbr[title],acronym[title] {
border-bottom:1px dotted #666;
cursor: help;
}
/*== Code Elements
*=================================*/
pre,code,kbd,samp,var {
font-size: 12px;
}
pre {
padding:20px 20px;
nowhitespace:afterproperty;
line-height:20px;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
border:1px solid #DDD;
/* CSS-3 */
white-space:-o-pre-wrap;
/* Mozilla,since 1808080 */
word-wrap:break-word;
/* Opera 4-6 */;
/* IE 5.5+*/
}
/*== Table Elements
*=================================*/
table {
width:100%;
nowhitespace:afterproperty;
border-collapse:collapse;
border-spacing:0;
/* tables still need 'cellspacing="0"' in the markup */
}
th,td,caption {
padding:5px 10px
}
caption {
font-weight:bold
}
/*th,td {
border: 2px solid #282828;
} */
th{background:#E7E7E7;}
td{background:#FFF;}
tr:nth-of-type(odd) td, tr.odd td { background: #FBFBFB }
img, video {
    height: auto;
    max-width: 100%;
}
/*== Form Elements
*=================================*/
input {
    /* -webkit-appearance: none; */
    border-radius: 0;
}
label,input,textarea,select,button,.btn {
font-size:14px; font-family: inherit;
line-height:19px;
}
input,textarea,select,button,.btn {
display:inline-block;
padding:4px;
margin:0;
outline:none;
background-color:#FFF;
border:1px solid #191919;
-webkit-border-radius:2px;
border-radius:0px;
outline:none;
}
input[type="text"],input[type="password"],textarea {
/*-webkit-box-shadow:1px 1px 1px rgba(120,120,120,0.1) inset;
box-shadow:1px 1px 1px rgba(120,120,120,0.1) inset;*/
-webkit-transition:background .15s;
-moz-transition:background .15s;
-ms-transition:background .15s;
-o-transition:background .15s;
transition:background .15s;
}

input[type="submit"]{
cursor:pointer;
cursor:hand;
}
textarea {
overflow:auto
}

input[type="checkbox"],input[type="radio"] {
vertical-align:text-top;
padding:0;
margin:1px 0 0;
border:0;
}

.f-right{float: right !important; } .f-left{float: left !important; }
p {
    font-size: 19px;
    color: #333;   
    margin-bottom:15px;
  
    font-weight: 400;
}
.pbt130{ padding: 80px 0; } .pb50{ padding-bottom: 50px; } .pbt200{ padding: 200px 0 !important; } .pbt70{ padding:70px 0 !important; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #666 !important;
}
table tr td{ font-size: 13px; padding: 10px; font-weight: 600; }
table tr th{ text-align: left;  font-size: 14px; font-weight: 600;}
hr{ margin: 20px 0; width: 100%; display: block; overflow: hidden; border: 0.5px solid #d0d0d0; }
table tr td a{ text-decoration: underline; }

input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
color: #aaa !important;  
} 

input:-ms-input-placeholder, textarea:-ms-input-placeholder {  
color: #aaa !important;  
}

/* main */
.burger-menu i{ font-size:40px; color:#111; }
header{ width:100%; height:130px;  }
.container{ max-width:1400px; width:100%; padding:0 15px; margin:0 auto; display:block;  }
header .container{ max-width:90%; width:100%; padding:0 15px; margin:0 auto; display:block;}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.w-100{ width:100% !important; margin-left:0px !important; }



.autocomplete-suggestions{ border: 1px solid #fff; background: #FFF; overflow: auto;
    box-shadow: 0 2px 8px rgba(0,0,0,.2); padding: 10px; border-radius: 0px 0 10px 10px; }

 .autocomplete-suggestion{ padding:8px 10px !important; cursor:pointer; color: #000;
    font-weight: 500; }   

.swiper-button-next, .swiper-button-prev{ display:none !important; }

.cw-90 {
    width: 90% !important;
}

.d_type input {
    border: 1px solid #ededed;
    padding: 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    text-transform: uppercase;
    font-family: inherit;
    font-size: 15px;
}

.psize1 {
    font-size: 14px;
    color: #8690a3;
    display: block;
    padding-bottom: 4px;
}


.login-content p{ font-family: inherit;
    font-size: 18px;
    color: #000;
    font-weight: 800;
    padding-bottom: 20px;
        text-align: center; }
.info_shayona{ height: 50px;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 10px 0; } 
.info_shayona img{ height: 80px; }  
.title_b{     font-family: inherit;
    text-align: center;
    font-size: 22px;
    color: #d19414; padding: 15px 0; }         

/* tabs-script-here */

.tabssec {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.disc-tab {
    display: block;
    width: 100%;
}

.tabunit {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
   
}

.tab-content {
    display: block;
    margin: 0px auto;
    width: 100%;
}

.tabunit li {
    display: inline-block;
    font-size: 1.25em;
    /* border: 1px solid #ddd; */
    text-decoration: none;
    cursor: pointer;
}

.tabunit .active a {
    /* color: #fff; */
}

.tabunit a {
    display: block;
    color: #131313;
    font-weight: 600;
       font-family: inherit;
    padding: 7px 0px;
    font-size: 20px;
    letter-spacing: 0.80px;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

.tabunit .active {
    /* background-color: #484949; */
    /* -webkit-border-radius: 5px 0px 0px 5px; */
    /* border-radius: 5px 0px 0px 5px; */
    border-bottom: 2px solid #ee9B00;
}

.tabunit li:nth-child(2) {
    margin-left: -5px;
    /* -webkit-border-radius: 0px 5px 5px 0px; */
    /* border-radius: 0px 5px 5px 0px; */
    border-left: none;
}

.tabunit li:nth-child(3) {
    margin-left: -5px;
    /* -webkit-border-radius: 0px 5px 5px 0px; */
    /* border-radius: 0px 5px 5px 0px; */
    border-left: none;
}

.spectify-con {
    display: block;
    width: 100%;
    padding: 10px 0px;
}

.spec-title {
    font-size: 24px;
    font-weight: 400;
    color: #231f20;
    font-family: inherit ;
    letter-spacing: 0.80px;
    margin-bottom: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.spec-title span {
    color: #d19414;
}

.spec-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.specify-cols {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    -webkit-flex-basis: 40%;
    max-width: 40%;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    display: block;
    margin-right: 30px;
    padding: 0px 0px 10px;
}

.sub-row.form-row{ margin-bottom: 20px; padding: 12px 15px 12px 0px !important; border: 0px; }

.index-rowKey {
    color: #7e818c;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 8px;
    font-family: inherit;
    font-weight: 400;
}

.index-rowValue {
    color: #282c3f;
    font-size: 16px;
    line-height: 1.2;
    font-family: inherit;
    font-weight: 400;
}

.discrip-conent {
    font-size: 17px;
    color: #333232;
    font-family: inherit;
    font-weight: 400;
    line-height: 26px;
    padding: 10px 0px;
}

.discrip-conent p {
    font-size: 15px;
    font-family: inherit;
    font-weight: 400;
    color: #000;
    font-weight: 400;
    letter-spacing: 0.80px;
}

.dis-unitbox {
    display: block;
    width: 100%;
}

.dis-unitbox ul {
    display: block;
    width: 100%;
}

.dis-unitbox ul li {
    display: block;
    padding: 5px 0px;
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit;
    font-weight: 400;
    font-size: 15px;
    color: #5b5b5b;
    position: relative
}

.dis-unitbox ul li::before {
    content: "";
    display: inline-block;
    background-color: #000000;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    margin-right: 7px;
}

.dis-unitbox-warp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 745px;
    width: 100%;
}

.dis-unitbox-warp li {
    max-width: 33.3% !important;
    -webkit-flex-basis: 33.3% !important;
    -ms-flex-preferred-size: 33.3% !important;
    flex-basis: 33.3% !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}


.container-wrap{ width:100%; max-width:95%; margin:auto; display:block; }

/* tabs-script-ends-here*/


/* add-qauntity-script-here */

.addbox {
    display: block;
    width: 100%;
}

.addbox .bquantity {
    margin-top: 0px;
}

.addbox .bquantity {
    display: block;
    padding: 0 0px !important;
}

.addbox .bquantity .quantity-control .modify_box input{ border: 0px; 
   
}

.bquantity {
    width: auto;
    display: inline-block;
    padding: 0 10px;
    margin: 0px;
}

.bquantity.btn_qty_99818{ padding:0px !important; }

.quantity-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;*/
    border: 1px solid #ced4da;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0px;
    /* margin: auto; */
    background-color: #fff;
}

a:focus, a:hover{ color:#d19414}

.ptile .quantity-control {
    margin: 0px;
}

.ptile {
    padding-bottom: 4px;
    text-align: left;
}

.quantity-btn2 span,
.quantity-btn span {
    font-size: 23px;
}




.quantity-btn {
    background: transparent;
    border: none;
    outline: none;
    margin: 0;
    padding: 0px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    /* border-right: 1px solid #c3c2c1; */
}

.quantity-btn2 {
    background: transparent;
    border: none;
    outline: none;
    margin: 0;
    padding: 0px;
    width: 42px;
    height: 43px;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    /* border-left: 1px solid #c3c2c1; */
}

.quantity-btn svg {
    width: 15px;
    height: 15px;
}

.quantity-input {
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    width: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    border: none;
    font-size: 16px;
    font-family: inherit;
    color: #050605;
    font-weight: 500;
}

.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.modify_box{ margin-top:5px; padding:0px; display:flex; flex-wrap:wrap; }
.modify_box .mcolm{ max-width:35%; flex-basis:35%; padding:0 5px; }
.modify_box .mmodify{ max-width:30%; flex-basis:30%; padding:0 5px; }
.modify_box input{ width: 100%; font-family:inherit; font-size:16px; color: #000; border:0px; padding:0; }
.modify_box .mdfy_btn{ background:#d19414; font-family:inherit; font-size:14px; color:#fff; text-align:center; padding: 9px 0; }

header {
    display: block;
    width: 100%;
    z-index: 999;
    position: relative;
    -webkit-box-shadow: 0 1px 2px 0 rgb(148 150 159 / 30%);
    box-shadow: 0 1px 2px 0 rgb(148 150 159 / 30%);
    background: #fff;
}

.error {
    display: block;
    width: 100%;
    font-family: inherit;
    font-size: 13px;
    color: #e93f3f;
    padding-bottom: 10px;
    margin-top: -5px;
        font-weight: 500;
}

.has-success {
    border-color: #28a745!important;
    color: #28a745!important;
}

.has-success input {
    color: #28a745!important;
}

.has-danger {
    border-color: #d19414!important;
    color: #d19414!important;
}

.has-danger input {
    color: #d19414!important;
}

.has-warning {
    border-color: #ffa534!important;
    color: #ffa534 !important;
}

.has-danger input {
    color: #d19414 !important;
}

.text-danger {
    color: #d19414 !important;
}

.text-success {
    color: #28a745 !important;
}

.text-warning {
    color: #ffa534 !important;
}


/* alert messgae */

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    /* border-radius: 4px; */
    text-align: center;
}

.alert-success {
    color: #28a745;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
       color: #ff0606;
    background-color: #fff4f4;
    border-color: #facccc;
    padding: 6px;
}

.alert-danger {
    color: #f3545d;
    background-color: #f2dede;
    border-color: #ebccd1;
}


/* user drop down */

.user-dropdown {
    display: none;
    width: 210px;
    position: absolute;
    top: 25px;
    right: 0px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 2px;
    z-index: 1000;
    margin-top: 10px;
    -webkit-box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    box-shadow: 0 4px 32px 0 rgba(0,0,0,.1);
}


/*.user-dropdown::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #000;
    position: absolute;
    top: -2px;
    right: 4px;
    transform: rotate( 45deg);
    z-index: -1;
} */

.mobile-blocker {
    display: none!important;
}

.pricetext {
    display: inline-block;
    font-size: 14px;
    color: #d19414;
    font-family: inherit;
    font-weight: 600;
}

.out_of_stock{ color: #F44336;  font-weight: 500; height: 20px;}
.notify_btn { background: #f8931f !important;   color: #fff !important; }
.notify_btn:hover{ background: #df831c !important;   color: #fff !important; }

.pricedash {
    display: inline-block;
    font-size: 16px;
    color: rgb(115, 115, 115);
    font-family: inherit;
    font-weight: 400;
    text-decoration: line-through;
}

.discountxt1 {
    font-size: 16px;
    color: rgb(212, 33, 20);
    font-weight: 400;
    font-family: inherit;
    text-align: right;
}

.percentage {
    display: inline-block;
    font-size: 16px;
    color: #299e22!important;
    font-family: inherit;
    font-weight: 400;
}

.usericonone {
    font-size: 28px;
    cursor: pointer;
}

.drop-head {
    padding: 12px;
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.usericon2 {
    color: white;
    width: 24px;
    height: 24px;
    margin-right: 15px;
}

.usersbname {
    color: white;
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dropcontent {
    display: inline-block;
    width: 100%;
}

.dropcontent li {
    padding: 0px 0px;
    border-bottom: 1px solid #efefef;
}

.dropcontent li:last-child {
    border: none;
}

.dropcontent li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    padding: 12px 10px;
    white-space: nowrap;
}
 
.dropcontent li a:hover {
    background-color: #f2f2f2;
}

.dropcontent li a span {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #414753 !important;
}


/* user drop down end */

.rio-ulogin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
    margin-bottom: 0px;
}

.ipc {
    float: left;
}

.ipc i {
    margin-right: 5px;
    font-size: 26px;
    color: #fff !important;
}

.rio-log {
    padding: 0px 10px;
    margin: 0px;
}

.topstrip {
    width: 100%;
    padding: 15px 0px;
}

.topstrip-right span a {
    font-size: 16px;
    color: #060606 !important;
}

.topstrip-right span a i{ font-size: 26px;
    vertical-align: middle;
    margin-right: 5px;}

.profile_dp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 0px 6px 10px;
    border: 1px solid #fff;
    border-radius: 4px;
}

.user-show {
    display: none;
}

.user-show.active {
    display: block;
}

.toplinks {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: 0px 10px 0 0;
    position: relative;
}

.logo {
    width: 100%;
    max-width: 120px;
    display: block;
}

.flogo {    
    width: 120px;
    display: block;
    margin: 0 auto 30px;
}

.logo img,
.flogo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.topstrip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.tex-rd {
    color: #fff !important;
}

.topstrip-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.topstrip-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.vertical-line {
    display: inline-block;
    border-left: 1.5px solid #000;
    margin: 0 10px;
    height: 12px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.pname {
    font-family: inherit;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.pname span {
    max-width: 135px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}

.pname i {
    color: #fff !important;
    margin-left: -5px;
}


.pcode {
    text-align: center;
    font-family: inherit;
    font-size: 14px;
    color: #898a8b;
    display: block;
}

.pcode_l {
    font-family: inherit;
    font-size: 14px;
    color: #253d98;
    display: block;
    font-weight: 400;
    padding-bottom: 4px;
}

.cctvicn {
    width: 30px;
    height: 30px;
    background-image: url(../img/cctvicn.png);
    background-repeat: no-repeat;
    background-size: contain;
    -o-object-position: center;
    object-position: center;
    display: block;
    margin: -5px auto 18px;
    position: relative;
}

.cctvicn::before {
    content: "";
    display: block;
    position: absolute;
    left: -60px;
    top: 8px;
    width: 50px;
    height: 1px;
    background-color: #d19414;
}

.cctvicn::after {
    content: "";
    display: block;
    position: absolute;
    right: -60px;
    top: 8px;
    width: 50px;
    height: 1px;
    background-color: #d19414;
}

.subgridbansec {
    display: block;
    width: 100%;
    padding: 30px 0;
}

.subgridbansec-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px;
}

.subgridbansec-col {
    display: block;
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 10px;
}

.subgridbansec-col2 {
    display: block;
    max-width: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    padding: 0px 10px;
    margin-bottom: 20px;
}
.fGbzQA{  /*background-color: rgb(255, 255, 255);
    border-bottom: none;
    border-radius: 10px;
    box-shadow: rgb(73 73 73 / 20%) 0px 0px 4px 0px;
    border-bottom: 1px solid rgb(215, 199, 181);*/
        cursor: pointer;
    display: flex;
    flex-direction: column;
    height: inherit;
    min-height: 100%;
    padding: 0px;
    text-decoration: none;
    transition: box-shadow 0.3s ease 0s;
    
}

.subgridbansec-col2 a{ background:#fff; border-radius:14px }

.swiper-button-next, .swiper-button-prev{ width:44px !important; height:44px !important; }
.swiper-button-next:after, .swiper-button-prev:after{ font-size:24px !important }

/*.fGbzQA:hover{ box-shadow: rgb(73 73 73 / 20%) 0px 0px 4px 0px, rgb(73 73 73 / 20%) 0px 0px 4px 0px;}*/
.dPMtDT {
    height: 20.4rem;
    width: unset;
/*    border-radius: 10px 10px 0px 0px;
    overflow: hidden;*/
    position: relative;
}
.emmwLI {
    display: block;
    position: absolute;
    inset: 0px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: 1;
    transition: opacity 200ms ease-out 0s;
}
.dBqEnF {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: unset;
    padding: 1.3rem 2rem;
    text-align: center;
}
.cFFcdJ {
    color: #037;
    font-family: inherit;
    margin: 0px;    
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2rem;
    text-align: center;
    text-transform: uppercase;
}
.subgridbansec-colboxone {
    padding-top: 35%;
    position: relative;
    cursor: pointer;
}

.subgridbansec-colbox {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 54%;
    position: relative;
    cursor: pointer;
}

.subgridbansec-col2 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.subgridbansec-col img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}


/* cart-here */

.cart {
    position: relative;
    display: block;
    margin-left: 10px;
}

.cart-amount {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #003f75;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    top: -10px;
    right: -10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
}

.vm {
    vertical-align: middle !important;
}

.more-vert i {
    margin-right: 0px !important;
    color: #fff;
}

nav {
    display: block;
    background-color: #003f75;
    z-index: 50;
    -webkit-box-shadow: rgb(99 99 99 / 7%) 0px 5px 8px 0px;
    box-shadow: rgb(99 99 99 / 7%) 0px 5px 8px 0px;
    z-index: 999;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border-top: 1px solid #f58c5f;
    position: relative;
}

.center-banner {
    margin: 0 -15px;
    display: block;
}

.center-banner img {
    width: 100%;
}
 .owl-dots{ display:none; }

/* navlinks-here */

.navlinks ul {
    display: flex;
    /* justify-content: space-evenly; */
    padding: 0px 0px;
    margin-bottom: 0px;
}

.navlinks ul li {
    padding:0px 25px;
/*    position: relative;*/
    border-right: 1px solid #ffffff1c;
}

.navlinks ul li:first-child{ padding:0px 25px 0 0;  }


.navlinks ul li a {
    color: #fff;
    position: relative;
    font-size: 1em;
    font-weight: 700;
    font-family: inherit;
    text-decoration: none;
   
    padding: 10px 0px;
    display: block;
}
.added_cls{ font-family: inherit; font-size: 14px; font-weight: bold;  color: #000000; }

.open-mega:hover .mega-menu{ display:block }
.sub-title .bquantity{ display: flex; justify-content: center; width: 100%; padding: 0px; max-width: 100%;}
.sub-title .bquantity .quantity-control{ width:100%; }


.navlinks ul li a em{ vertical-align: middle; position: relative; right: -10px; }
.navlinks ul li a span{ font-size: 25px; vertical-align: middle; position: relative; right: -10px;
} 
.navlinks ul li a.active::after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #fff;
    bottom: -8px;
    transition: 0.3s;
}

.navlinks ul li a::after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 0%;
    background-color: #ffc32b;
    bottom: 0px;
    transition: 0.3s;
    color: #ffc32b;
}


.sy-category .product-box{ background: #fff; border:0px; }
.sy-category .product-image-box{ background:transparent; }
.sy-category .p-name{ color: #003d70; text-align: center; font-weight: 700; font-size: 15px; height:auto; }

.navlinks ul li a:hover::after {
    width: 100%;
}

.eless{ display:none !important; }
.emore{ display:inline-block !important; }
.open-mega:hover .emore{ display:none !important; }
.open-mega:hover .eless{ display:inline-block !important; }

.navlinks ul li a:hover{ color:#fff !important; }
.mega-wrap .mega-cols a:hover{ color:#d19414 !important; font-weight:700; }

._n_2pagination li.active a, ._n_2pagination li.active a:hover {
    background: #d19414 !important;
    color: #fff;
    border: 1px solid #d19414 !important;
}


/* .navlinks ul li a span {
    vertical-align: middle;
    background-color: #ffffff57;
    border-radius: 50%;
    margin-left: 5px;
    font-size: 18px;
} */

.home-banner {
    width: 100%;
    display: block;
    position: relative;
    padding-top: 33%;
}

.home-banner img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    top: 0;
    left: 0;
}


/* mega-menu-here */


.mega-menu {
    display: none;    
    width: 100%;    
    left: 0;    
    top: 42px;
    position: absolute;
    padding: 10px 0px;
    background-color: #fff;
    z-index: 1000;
    border-radius: 0px 0px 10px 10px;
    margin: auto;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 1%), 0 2px 4px rgb(0 0 0 / 10%);
    border-color: rgba(0, 0, 0, 0.08);
   
   
}

.abtcontent p{ font-size:16px; } .answer{ color:#000 !important }

.mega-wrap {
    display: flex;
    flex-wrap: wrap;
}

.mega-cols {
    flex-basis: 16.666%;
    max-width: 16.666%;
    padding: 0px;
    position: relative;
}



.mega-cols ul li {
    padding: 0px 0px
}

.mega-cols ul li a {
    color: #4e4e4e;
    font-size: 15px;
    font-family: inherit;
    font-weight: 400;
    text-align: left;
    text-transform: initial !important;
    padding: 0px;
}
.mega-cols a{ text-transform: initial !important; padding: 6px 0px !important; font-size: 14px !important;
    color: #333e48 !important; display:block; font-weight: 500 !important;}

.mega-cols a:hover, .mega-cols a.active{ text-decoration: underline !important;  color: #d19414 !important;}

.nav-mtitles{ color: #ffd7d7 !important;  padding-left: 20px !important; }

.nav-drop-menu{ display: none !important ; }
.nav-drop-menu{ position: absolute; left: 100%; top: 0px; border-radius: 4px;
    border-color: rgba(0, 0, 0, 0.08); background: #fff;  box-shadow: 0 0 0 1px rgb(0 0 0 / 1%), 0 2px 4px rgb(0 0 0 / 10%);
    border-color: rgba(0, 0, 0, 0.08); min-width: 230px; margin-left: -8px;  }

.mega-cols:hover .nav-drop-menu{ display: block !important; }
.nav-drop-menu li{ padding: 0px; margin: 0px;  }
.nav-drop-menu li a{ display: block; padding: 8px 15px !important ; font-family: inherit; font-size: 14px; color: #333; }
.nav-drop-menu li a:hover{ background: #f2f2f7 !important; text-decoration: none !important; color: #007aff !important; }

.navlinks .nav-drop-menu li a::after, .mega-cols a::after{ background-color: transparent !important; height: auto !important;  }
.navlinks .nav-drop-menuli li a:hover::after, .navlinks .mega-cols a:hover::after {
    width: auto !important;
}

.f-right{ float: right; }


.nav-mtitle {
    font-family: inherit;
    font-size: 15px;
    color: #e40517;
    text-align: left;
    padding-bottom: 5px;
}

/* top-categories-sec-here */

.t-cat {
    width: 100%;
    display: block;
    padding: 40px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.t-display1 {
        display: block;
    font-size: 2rem;
    font-family: inherit;
    margin-bottom: 30px;
    font-weight: 600;
    color: rgb(0 51 119);
    text-align: center;
}


/* --- */

.product-box {
    display: block;
    width: 100%;
    padding: 9px;
/*    border: 1px solid #ededed;*/
    background-color: #fff;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.product-box:hover {
    box-shadow: 0 0 6px 0 rgb(1 1 1 / 18%);
}

/*.owl-stage-outer .product-box:hover { box-shadow:none; }*/

.owl-carousel.owl-drag .owl-item{ padding: 10px 5px;
    border-radius: 6px;} 

.product-box:hover .atc-btn {
    background-color: #00144e; color: #fff;
}

.product-box:hover .atc-btn .s-bag {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
}

.niru_category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
    border: 1px solid #f5f4f4;
}

.niru_category .niru_box {
    -ms-flex-preferred-size: 16.66%;
    flex-basis: 16.66%;
    -webkit-flex-basis: 16.66%;
    max-width: 16.66%;
    padding: 10px;
    border: 1px solid #f5f4f4;
}

.niru_box .product-image-box {
    margin-bottom: 0px;
}

.niru_box .product-box {
    padding: 0px;
    border: 0px;
}

.ratewrap {
    display: inline-block;
    background-color: #48c479;
    color: #fff;
    font-family: inherit;
    font-weight: 400;
    z-index: 10;
    position: relative;
    padding: 3px 10px;
    -webkit-border-radius: 2px;
    border-radius: 40px;
    font-size: 14px;
}

.ratewrap i {
    display: inline-block;
    font-size: 14px !important;
    vertical-align: middle;
    margin-left: 3px;
    margin-right: 0px;
    margin: 0px 0px 3px 3px;
}

.product-image-box {
    display: block;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
    z-index: 5;
}

.newlabel {
        position: absolute;
    z-index: 8;
    padding: 2px 10px;
    font-family: inherit;
    font-weight: 400;
    color: #fff;
    top: 10px;
    left: 0px;
    background-color: #2196f3;
    display: block;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 0 2px 2px 0;
}

.brnds .product-image-box {
    margin-bottom: 0px;
}

.product-image-box img {
    /*width: 100%;*/
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.p-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
}

.p-overlay span {
    color: #fff;
    font-size: 36px;
    margin: 0px 10px;
}
.pshow.active, .bshow.active{ display:block; }


._2d_rating {
    float: left;
    width: 105px;
    height: auto;
    background: url(../img/w_star.png) no-repeat;
    background-size: 105px 20px;
}

._2d_ratings {
    float: left;
    height: 20px;
    background: url(../img/star.png) no-repeat;
    background-size: 105px 20px;
}

.product-image-box:hover .ovlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}

.product-image-box:hover .p-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
}

.sub-title {
    padding: 10px 0px;
    display: block;
}

.p-name {
   display: block;
   font-family: inherit;
     font-weight: 500;
    color: #000;
   font-size: 1.2em;
    margin-bottom: 5px;
    text-align: left;
   overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
   line-height: 21px;
    height: 44px;
}
.p-name:hover{ text-decoration:underline; }

.ratings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: center; */
    margin-bottom: 10px;
}

.mydd-price {
    padding: 10px 0px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*border-bottom: 1px dashed #e1e1e1;
    border-top: 1px dashed #e1e1e1;*/
    margin-bottom: 15px;
}

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

.mydd-price h3 {
    color: #411b66;
}

.ratings span {
    color: #fd727e;
    font-size: 18px;
}

footer {
/*    background-color: #d19414;*/
    padding: 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.footer-wrap {
    padding: 30px 0;

}

.f-p {
    font-size: 15px;
    margin: 0px 0px 15px;
    color: #0b83ff;
    font-family: inherit;
    float: right;
    font-weight: 400;
}

.f-warp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px -20px;
    padding: 0px;
    
}

.f-box {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    padding: 0px 20px;
}

.f-p2 {
       font-size: 1.143em;
    line-height: 1.125em;
    margin-bottom: 1em;
    font-weight: 700;
   color: #111;
}

.fc-logo {
    text-align: center;
    padding-bottom: 30px;
}

.f-box ul li a {
    font-size: 14px;
    font-family: inherit;
    color: #333e48;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 0px;
    display: block
}

.f-box ul li a:hover {
   color: #fff;
    text-decoration: underline;
}

.f-box ul li {
    padding: 4px 0;
    color: #fff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
}

.cupcake {
    -o-object-fit: contain;
    object-fit: contain;
    width: 120px;
    height: 80px;
    margin-top: 10px;
}

.f-input-warp {
    margin: 0px 0px 10px;
    display: inline-block;
    width: 100%;
}

.f-input-warp input {
    width: 72%;
    padding: 10px 20px;
    outline: none;
    border: none;
    background-color: #fff;
}

.submit-btn {
    background-color: #d03f4c;
    color: #fff;
    padding: 10px 40px;
    text-align: center;
    outline: none;
    border: none;
    font-family: inherit;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    margin-left: -5px;
}

.f-input-warp button:hover {
    background-color: #0a81c9;
}

.social-warp {
    display: inline-block;
    width: 100%;
    padding: 0px;
}

.social-warp a {
    display: block !important;
    padding: 0px !important;
    margin: 2px 4px;
    opacity: 1;
  
}

.social-warp a:hover {
    opacity: 1;
}

.social-warp p {
    color: #d03f4c;
    font-family: 'inherit';
    font-size: 18px;
    margin-right: 15px;
}

.fc-right a:hover {
    text-decoration: underline;
}

.social-warp img {
       width: 24px;
    vertical-align: middle;
    margin-right: 10px;
}

.min-circle {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.min-circle a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.min-circle a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}


/* --------------------------- */


/* swipper-slide-produts-here */

.s-product {
    width: 250px;
    height: 250px;
}

.s-product img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.f-bottom-strip {
    display: block;
    width: 100%;
    padding: 12px 0px;
    background-color: #b95737;
}

.f-bottom-strip-warp {
    display: inline-block;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.f-bottom-strip-warp p {
    color: #fff;
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
    padding: 0 5px;
}

.f-bottom-strip-warp a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    font-family: inherit;
    font-weight: 400;
}

.t-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.t-product {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

.s-caro {
    display: block;
    padding: 30px 0px;
}


/* --------------------------------- */


/* page-links-start-here */

.page-links {
    display: block;
}

.p-lw {
    padding: 12px 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-lw li {
    display: inline-block;
}

.p-lw li span {
    display: block;
    color: #959595;
    margin-left: 0px;
    font-size: 19px;
}

.p-lw li a {
    display: block;
    margin-left: 2px;
    text-decoration: none;
    font-family: inherit;
    position: relative;
    font-weight: 400;
    color: #757575;
    font-size: 16px;
}

.p-lw li a:hover {
    color: #333;
}

.p-lw li .active {
    color: #000;
    font-weight: 500;
}

.atc {
    display: block;
    padding: 20px 0px 0px;
}

.atc-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
}

.atc-left-col {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    -webkit-flex-basis: 20%;
    max-width: 20%;
    
    /* padding: 0px 25px 0 0; */
}

.atc-right-col {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    -webkit-flex-basis: 80%;
    max-width: 80%;
    padding: 0px 0px 0px 25px;
}

.produts-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0px -10px;
}

.produts-wrapper-cols {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-flex-basis: 25%;
    padding: 0px 10px;
    max-width: 25%;
    margin-bottom: 20px;
}

.plview .produts-wrapper-cols {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-flex-basis: 50%;
    padding: 0px 10px;
    max-width: 50%;
    margin-bottom: 20px;
}

.plview .pcode,
.plview .kpdd_p {
    text-align: left;
}

.plview .product-box {
    display: block;
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.plview .product-image-box {
    display: block;
    width: 120px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 120px;
    float: left;
    padding: 0px;
    margin-right: 15px;
}

.plview .product-image-box img {
    height: 100%;
    width: initial;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    left: 50%;
    top: initial;
    -webkit-transform: translate(-50%, -0%);
    -ms-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
}

.plview .sub-title {
    overflow: hidden;
    text-align: left;
    display: inherit;
    padding: 0px;
}

.plview .atc-btn {
    padding: 6px 20px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    float: left;
}

.plview .p-name {
    text-align: left;
    white-space: inherit;
    -o-text-overflow: inherit;
    text-overflow: inherit;
}

.plview .jgjdf {
    text-align: left;
    padding: 0 0 5px;
}

.plview .pricing-tag {
    text-align: left;
}

.plview .ratings {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.c-view i {
    margin-right: 0px;
}

.pricing-tag {
    display: block;
    color: #000;
    margin-bottom: 5px;
}

.pricing-tag span {
    padding: 0px 5px 0 0;
}

.wrap-sortby {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.wrap-sortby h2 {
   font-family: inherit;
    color: #003f75;
    font-weight: 700;
    text-align: left;
    display: block;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ddd;
    font-size: 2em;
    line-height: 1.6em;
    position: relative;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.wrap-sortby h2:after{ content:""; border:1px solid #d19414; display: block; position: absolute; bottom: -1px; width: 15%; }

.c-view a {
    float: left;
    color: #333;
    margin: 0 10px;
}

.c-view a:last-child {
    margin-right: 0px;
}

.c-view a.active {
    color: #17469e;
}

.c-view {
    float: right;
}

.jgjdf {
    text-align: center;
    display: block;
    padding: 5px 0;
    color: rgb(124, 124, 124);
}

.htop-search {
    display: inline-block;
    /* width: -webkit-calc(100% - 550px); */
    /* width: calc(100% - 550px); */
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0px 20px;
    display: flex;
    justify-content: center;
}

.h-input {
    width: 60%;
    float: left;
}

.h-input input {
    border: 1px solid #fff;
    padding: 0 12px;
    -webkit-border-radius: 3px 0px 0 3px;
    border-radius: 50px 0px 0 50px;
    border-right: 0px;
    font-family: inherit;
    font-weight: 400;
    color: #333;
    height: 42px;
    font-size: 15px;
    width: 100%;
}

.ht-sbtn {
    width: 15%;
    float: left;
    background-color: #d19414;
    font-family: inherit;
    font-size: 15px;
    color: #fff;
    padding: 0 10px;
    text-align: center;
    border: 1px solid #d19414;
    
    letter-spacing: 1px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 50px 50px 0px;
    cursor: pointer;
    height: 42px;
    font-weight: 600;
    line-height: 42px;
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.ht-sbtn:hover {
   
    
    color: #fff;
}

.psize {
    
    font-size: 14px;
    font-family: inherit;
    color: #333;
    display: block;
    padding-bottom: 5px;
    font-weight: 600;
}

.atc-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    outline: none;
    border: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;    
    margin-top: 5px;
    background-color: #003f75;
    max-width: 100%;
    width: 100%;
    text-align: center;
    display: block;
}

.wght {
    font-size: 15px !important;
}



.s-bag {
    margin-right: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 20px !important;
    vertical-align: middle;
}

.bordersolid {
    border-style: solid !important;
}

._2unit {
    display: inline-block;
    width: 100%;
}

._2unit span:last-child {
    float: right;
}

._2unit span {
    float: left;
}


/*.ol-dashed {
 border: 1px solid #ddd;
}*/


/* .product-box:hover{ border: inset 1px solid #ddd; border-radius: 3px; } */

.owl-carousel .product-image-box img {
    height: 100%;
}

.owl-carousel .product-image-box {
    padding-top: 100%;
}


/* side-bar-cat-here */

.sidebar-cat {
        display: block;
    padding: 12px 0px;
    margin-bottom: 40px;
    position: sticky;
    top: 20px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.1);
}

.side-cat-tittle {
        display: block;
    padding: 10px 0px 5px;
    color: #003f75;
    font-family: inherit;
    font-weight: 700;
    font-size: 17px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 20px;
}

.unit-items {
    display: block;
}

.unit-items li {
        display: block;
    width: 100%;
       list-style: none; 
    padding: 0 15px;
   
}

.unit-items li:last-child{ border-bottom:0px; }

.unit-items li a {
    display: block;
    width: 100%;
    text-decoration: none;
    /* padding: 8px 0px; */
}

.s-onecustomlabel {
    width: 100%;
    font-size: 15px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #464646;
    font-weight: 400;
    font-family: inherit;
    padding: 7px 0px;
}

.s-onecustomlabel input[type="checkbox"] {
    display: none;
}

.s-onecustomlabel input[type="checkbox"]:checked+.s-oneccheckbox::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.s-oneccheckbox {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bebbbb;
    overflow: hidden;
    position: relative;
    margin-right: 8px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.s-oneccheckbox::after {
    content: "\2713";
    width: 100%;
    height: 100%;
    background-color: #231f20;
    display: block;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    text-align: center;
    color: #fff;
    font-weight: 400;
    line-height: 18px;
    -webkit-transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.s-onecustomlabel .ratewrap {
    margin-right: 5px;
}


/* .unit-items li a:hover,
.unit-items li a.active {
    color: #d19414 !important;
    border-bottom: 1px solid #d19414;
} */

.unit-items li a.active span {
    color: #d19414 !important;
}

.unit-items li a span {
    vertical-align: middle;
    color: #8d8d8d !important;
    font-size: 20px;
}

.ml-auto {
    margin-left: auto;
}

.mr-5 {
    margin-right: 15px !important;
}

.m5 {
    margin-right: 5px !important;
}

.text-lg {
    color: lightgray !important;
}

.b-none {
    border: none !important;
}


/* rounded-check-box */

.round {
    position: relative;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked+label {
    background-color: #66bb6a;
    border-color: #66bb6a;
}

.round input[type="checkbox"]:checked+label:after {
    opacity: 1;
}


/* checkbox- */

.checkbox {
    position: relative;
    overflow: hidden;
}

.checkbox__input {
    position: absolute;
    top: -100px;
    left: -100px;
}

button{ cursor:pointer; }

.checkbox__inner {
    display: inline-block;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #626262;
    background: transparent no-repeat center;
}

.checkbox__input:checked+.checkbox__inner {
    border-color: #52C6C4;
    background-color: #52C6C4;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='14px' height='10px' viewBox='0 0 14 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 59.1 (86144) - https://sketch.com --%3E%3Ctitle%3Echeck%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ios_modification' transform='translate(-27.000000, -191.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='Group-Copy' transform='translate(0.000000, 164.000000)'%3E%3Cg id='ic-check-18px' transform='translate(25.000000, 23.000000)'%3E%3Cpolygon id='check' points='6.61 11.89 3.5 8.78 2.44 9.84 6.61 14 15.56 5.05 14.5 4'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 14px 10px;
}

.bg-red {
    background-color: #f03d4b !important;
}

.bg-green-blur {
    background-color: #B7EDAC !important;
}

.bg-green {
    background-color: #d19414 !important;
}

.bg-green:hover{ color:#fff !important; background:#00144e !important }

.text-green {
    color: #309c30 !important;
}

.bg-orange {
    background-color: #FF9F00 !important;
}

.bg-tangi {
    background-color: #ff6633 !important;
}

.bg-blu {
    background-color: #1686ca !important;
}

.bg-ov-blue {
    background-color: #6b95cdc5!important;
}

.bt-border-blu {
    outline: 8px solid #477fcf!important;
}

.bt-border-gray {
    outline: 8px solid #e7e7e7!important;
}

.bt-border-blu:hover {
    background-color: #f03d4b !important;
}

.text-blu {
    color: #477fc4 !important;
}

.bt-border-blu:hover {
    outline: 8px solid #f03d4b !important;
}

.h-actc-btn:hover {
    background-color: #477fc4 !important;
}

.text-white {
    color: #fff !important;
}

.iceicn {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}

.vm {
    vertical-align: middle !important;
}

.fr {
    float: right !important;
}


/* categories-cake-section-ends-here */


/* product-view-section-start-here */

.prd-v-sec {
    display: block;
    padding: 20px 0px;
    margin-bottom: 25px;
}

.prd-v-sec-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0px;
}

.prd-v-sec-col-left {
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
}

.sticybxx {
    display: block;
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 28px;
}

.prd-v-sec-col-right {
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
    padding: 0px 0px 0px 40px;
}

.sd-conbx {
    display: block;
    border-bottom: 1px dashed #e1e1e1;
    margin-bottom: 10px;
}

.product-view-boxes {
    display: block;
    margin-bottom: 10px;
}

.product-view-bigimg {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 100%;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}

.product-view-bigimg img {
    /*width: 100%; */
    height: 100%;
    position: absolute;
    padding: 20px;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

.product-box-bottom {
    display: block;
    padding-top: 20px;
}

.smallimgswarp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0px -10px;
}

.smallimgscols {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    padding: 0px 10px;
}

.smallimg-products {
    display: block;
    width: 100%;
    position: relative;
    padding-bottom: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #f6f6f6;
    cursor: pointer;
}

.smallimg-products img {
    /*width: 100%; */
    height: 100%;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

.prd-rigt-sec {
    display: block; position: relative;
}

.product__carousel a{margin-bottom: 0px !important; }

.tittle-text {
    color: #000;
    font-size: 26px;    
    font-weight: 600;
    display: block;
    padding-bottom: 10px;
    padding-right: 50px;
    font-family: inherit;
}

.addlist{ right:0px !important; }

.sub-tittle {
    color: #868585;
    font-size: 15px;
    font-family: inherit;
    font-weight: 400;
    margin-bottom: 8px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.60px;
}

.sub-tittle b {
    color: #737373;
    font-family: inherit;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.80px;
}

.justify-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.text-tangi {
    color: #ff6633 !important;
}

.pricetag2 {
    color: #253d98;
    font-size: 20px;
    font-family: inherit;
    font-weight: 500;
    padding-right: 15px;
}

.price-tag {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0px;
}

.price-gjs {
    text-decoration: line-through;
    font-size: 20px;
    font-family: inherit;
    padding: 0 10px;
    color: #878787;
}

.price-off {
    font-size: 20px;
    font-family: inherit;
    padding: 0 5px;
    color: #26a541;
}

.desabled {
    pointer-events: none;
    opacity: 0.3;
}

.slt-p-size {
    display: block;
    margin: 0px 0px 25px;
}

.button-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0px;
    max-width: 530px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 12px 10px;
    margin: 0px -10px;
}

.button-footer-cols {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}

.mcolm .addbox .bquantity{ display:inline-block !important; width: auto !important;}
.mcolm .addbox .bquantity em{ font-family:inherit; font-size:14px; color:#000; font-style:normal;  }
.mcolm .addbox .bquantity .quantity-control{ width:120px; }
.mcolm .addbox{ margin-bottom:15px; }
.addbox .bunits em{ display:block; }
.modify_box .mcolm{ max-width: none; flex-basis: auto; }

.addbox .bunits{ display: inline-block; margin-left: 10px; vertical-align: super;}  
.bunits em{ font-family:inherit; font-style:normal; font-size:14px; color:#000;   }
.bunits select{ margin: 0px !important; padding: 11px 10px !important; border: 1px solid #ddd; border-radius: 4px; font-family: inherit;
    font-size: 14px; color: #000; width: 80px; position: relative;  background:#fff;  }
.bunits{ display:inline-block; }    



.button-footer .bg-orange:hover {
    background-color: #e9990f !important;
}

.ptile .quantity-control button{ border: 0px; background: transparent; font-size: 20px;  height: 40px; width: 40px;  line-height: 38px; }
.shadow {
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.min-title {
    display: inline-block;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    font-family: inherit;
    letter-spacing: 0.60px;
    text-transform: uppercase;
    margin-right: 10px;
}

.size-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0px -10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.size-cols {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    padding: 10px;
}

.size-boxes {
    display: block;
    width: 50%;
    margin: 0px auto 0px;
    padding: 0px;
    cursor: pointer;
}

.rio-size-v {
    padding: 10px;
}

.rio-size-v:hover,
.rio-size-v.active {
    -webkit-border-radius: 10px 30px 10px 30px;
    border-radius: 10px 30px 10px 30px;
    outline: 4px solid #f03d4b;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.size-boxes img {
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
}

.size-cols p {
    color: #4c4c4c;
    text-align: center;
    font-weight: 400;
    font-family: inherit;
    letter-spacing: 1px;
    line-height: 21px;
    font-size: 14px;
}

.w-65 {
    width: 65% !important;
}

.w-75 {
    width: 75% !important;
}

.w-85 {
    width: 85% !important;
}

.w-100 {
    width: 100% !important;
}

.discription-box {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.discription-box h2 {
    color: #000 !important;
    font-size: 22px;
    font-family: inherit;
    font-weight: 500;
    margin-bottom: 10px;
}

.discription-box p {
    color: #333 !important;
    font-size: 16px;
    font-family: inherit;
    font-weight: 400;
    line-height: 22px;
}

.easyzoom {
    float: left;
}

.easyzoom img {
    display: block;
}

.kpdd_p {
    font-size: 15px;
    color: #522583;
    font-weight: 400;
    display: block;
    margin: auto;
    text-align: center;
}

.kpdd_p .dd-i {
    width: 18px;
    height: 18px;
    background: url(../img/dd_i.svg) no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}


/* Shrink wrap strategy 2 */

.easyzoom {
    display: inline-block;
}

.easyzoom img {
    vertical-align: bottom;
}

.lgbtns {
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    max-width: 100%;
    height: 48px;
    -webkit-border-radius: 0px;
    border-radius: 60px;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    letter-spacing: 0.90px;
    display: block;
    margin-bottom: 15px;
    margin-top: 5px;
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.aling-items {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.d-block {
    display: block !important;
}

.align-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.rating-numbers {
    margin-right: 5px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 400;
    background: #26a541;
    padding: 2px 5px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.rating-numbers i {
    font-size: 16px;
    vertical-align: middle;
    margin: -2px 0 0 0;
}

.review-number {
    margin-right: 5px;
}

.rating-wrap {
    margin-bottom: 10px;
}

.rtns {
    font-family: inherit;
    font-size: 14px;
    color: #2874f0;
    padding-left: 5px;
}

.reviews-count {
    margin-left: 8px;
    color: #047fc7;
    font-size: 14px;
    font-family: "inherit;";
}

.rnrvs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.rnrvs .d-block .pricing-tag {
    margin-bottom: 0px;
}

.rnrvs .d-block .pricing-tag .pricetext {
    font-size: 22px;
    padding-right: 10px;
    font-weight: 600;
    color: #d19414;
}

.rnrvs .d-block .pricing-tag .pricedash {
    font-size: 18px;
    padding-right: 10px;
}

.rnrvs .d-block .pricing-tag .percentage {
    font-size: 18px;
    padding-right: 10px;
}

.inl {
    display: block;
    font-size: 13px;
    color: #9da3ad;
    font-family: inherit;
    font-weight: 400;
    letter-spacing: 0.60px;
    margin-bottom: 10px;
}

.type-of-cake {
    font-size: 16px;
    color: #000;
    font-family: inherit;
    font-weight: 600;
}

#cake-select {
    height: 40px;
    width: 100px;
    border: 1px solid #7e7e7e;
    padding: 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
}

.cake-select {
    height: 40px;
    width: 50%;
    border: 1px solid #7e7e7e;
    padding: 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
}

select option {
    font-family: inherit;
    font-size: 15px;
}

#flavour-select {
    height: 40px;
    width: 50%;
    border: 1px solid #7e7e7e;
    padding: 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
}

.spc-int {
    display: block;
    margin-bottom: 25px;
}

.l-text {
    margin-right: 5px;
    display: block;
    margin-bottom: 7px;
    font-size: 14px;
    color: #636466;
    font-weight: 400;
    font-family: inherit;
}

.spc-int textarea {
    padding: 10px;
}

.rs {
    display: block;
    margin-bottom: 20px;
}

.display2text {
    display: block;
    font-size: 24px;
    color: #003f75;
    margin-bottom: 10px;
    font-family: inherit;    
    font-weight: 500;
}

.p-ratex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}

.p-ratex .ratings {
    margin-right: 10px;
}

.rnrtxt {
    font-size: 14px;
    font-family: inherit;
    font-weight: 400;
    color: #737373;
    cursor: text;
}


/* user-commented-sec-starts-here */

.user-commented-sec {
    display: block;
    width: 100%;
    background: #fff;
    margin: 15px 0px 20px;
}

.rws-thumb {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #ddd;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px;
    overflow: hidden;
}

#likes ul {
    max-height: 680px;
    overflow-y: auto;
    padding-right: 20px;
}

#likes li {
    width: 100%;
    padding-bottom: 15px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.rws-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.chat_detail {
    padding: 0px;
    width: 100%;
}

.chat_header {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.zc_name {
    display: block;
    font-family: inherit;
    font-size: 16px;
    color: #000;
    padding-right: 10px;
    font-weight: 500;
}

time {
    color: #7b7b7b;
    font-family: inherit;
    font-size: 14px;
}

.cmnts_p {
    position: relative;
}

.edte_drop {
    position: absolute;
    right: 8px;
    top: 0px;
}

.edte_drop span {
    padding: 0px;
    display: inline-block;
    cursor: pointer;
}

.more_dropdown {
    position: absolute;
    display: none;
    top: 25px;
    right: 0px;
    background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 100px;
    -webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
}

.more_dropdown a {
    display: block;
    font-family: inherit;
    font-size: 14px;
    color: #444;
    padding: 5px 10px;
}

.more_dropdown a {
    display: block;
    font-family: inherit;
    font-size: 14px;
    color: #444;
    padding: 5px 10px;
}

.chat_detail .cmnts_p p {
    font-family: inherit;
    font-size: 15px;
    color: #5b5b5b;
    padding: 10px 15px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #f8f8f8;
    font-weight: 400;
    line-height: 21px;
    margin-right: 40px;
}

.cmmts_r {
    width: 100%;
    display: inline-block;
    padding: 8px 0;
}

.cmtlike.active {
    color: #3383fb !important;
}

.cmmts_r button {
    margin-right: 10px;
    color: #65676b;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    background: transparent;
    border: 0px;
    cursor: pointer;
}

.cmmts_r button {
    margin-right: 10px;
    color: #65676b;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    background: transparent;
    border: 0px;
    cursor: pointer;
}

.rply_cmmnt {
    width: 100%;
    margin-top: 20px;
    position: relative;
    display: none;
}

.rpy_thumb {
    width: 38px;
    height: 38px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #ececec;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.rply_sec {
    padding: 0px;
    margin-left: 50px;
}

.rply_sec textarea {
    width: 100%;
    font-family: inherit;
    font-size: 15px;
    color: #333;
    font-weight: 400;
    padding: 10px;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.cmmt_action {
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 10px 0 0;
}

.cmmt_action .cmt-btnaction {
    padding: 10px 15px;
    float: right;
    background: #ececec;
    color: #333;
    margin-left: 10px;
    font-family: inherit;
    font-size: 14px;
    border: 0px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 400;
    cursor: pointer;
}

.cmmt_action .cmt-btnaction {
    padding: 10px 15px;
    float: right;
    background: #ececec;
    color: #333;
    margin-left: 10px;
    font-family: inherit;
    font-size: 14px;
    border: 0px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 400;
    cursor: pointer;
}

.cmmt_blue {
    background: #3383fb !important;
    color: #fff !important;
}

.cmmt_action .cmt-btnaction {
    padding: 10px 15px;
    float: right;
    background: #ececec;
    color: #333;
    margin-left: 10px;
    font-family: inherit;
    font-size: 14px;
    border: 0px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 400;
    cursor: pointer;
}

.more_dropdown {
    position: absolute;
    display: none;
    top: 25px;
    right: 0px;
    background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 100px;
    -webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    z-index: 10;
}

.more_dropdown a {
    display: block;
    font-family: inherit;
    font-size: 13px;
    color: #444;
    padding: 5px 10px;
    white-space: nowrap;
}

.more_dropdown a:hover {
    background: #e3edfa;
    color: #1967d2;
}

.user-commented-sec ul {
    /* max-height: 680px; */
    /* overflow-y: auto; */
    padding: 18px;
}


/* 
.user-commented-sec ul::-webkit-scrollbar-thumb {
    background: #ccc;
    -webkit-border-radius: 10px;
    border-radius: 10px;
} */


/* .user-commented-sec ul::-webkit-scrollbar {
    width: 5px;
} */


/* Track */


/* .user-commented-sec ul::-webkit-scrollbar-track {
    background: #ccc;
    background: #ebe3e3;
} */


/* user-commented-sec-ends-here*/


/* product-view-section-ends-here */


/* recommended-section-here */

.rs {
    display: block;
}

.rs-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0px -10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rs-cols {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    padding: 0px 10px;
}

.bs-none {
    outline: none !important;
}

.bt-10 {
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
}

.bt-5 {
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
}

.rs-top .atc-btn {
    display: block;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: inherit, arial, sans-serif;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 8px 15px;
    max-width: 128px;

}

.rs-top .atc-btn:hover {
    background-color: #1e8549;
    color: #fff;
}

.rs-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-row-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0px;
    border-bottom: 1px solid #ddddddab;
    position: relative;
}
.rs-top:after{     content: "";
    border: 1px solid #d19414;
    display: block;
    position: absolute;
    bottom: -1px;
    width: 15%; }

.recomended-sec {
    padding: 40px 0px;
    display: block;
}


/* recommended-sextion-ends-here */

.menuopen {
    display: none !important;
    cursor: pointer;
}

.side-w {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: center;
    -ms-flex-align: end;
    align-items: center;
}

.texa-p {
    width: 70%;
    padding: 0px 10px 10px 0px;
}

.texa-p textarea {
    width: 100%;
    resize: none;
    font-family: inherit;
    font-size: 14px;
    color: #333;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.pro-box {
    display: block;
}

.closepop2 {
    display: none !important;
    position: absolute;
    top: 8px;
    right: 8px;
    color: #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 10000;
    font-size: 30px !important;
}

.cc-btn {
    height: 48px;
    color: #000;
    background-color: transparent;
    margin-left: auto;
    outline: none;
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: inherit;
    font-size: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline-block;
    width: 100%;
}

.filter-sec {
    height: 48px;
    background: #fff;
    -webkit-box-shadow: 0 0px 3px 0 rgb(148 150 159 / 40%);
    box-shadow: 0 0px 3px 0 rgb(148 150 159 / 40%);
    display: none;
}

.cc-btn span {
    margin-left: 10px;
}

.filter-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px;
}

.filter-column {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0px;
    border-right: 1px solid #d3d3d3;
    text-align: center;
    height: 48px;
}

.filter-column:last-child {
    border-right: 0px;
}

.valign {
    vertical-align: middle;
    display: inline-block;
}


/* accordiam-drop-dwown */

.accordiondrop {
    color: #444;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.accordiondrop h3 {
        border-bottom: 1px solid #ccc;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: inherit;
    color: #333;
    padding: 10px 0px 5px;
    /*text-transform: uppercase;*/
    letter-spacing: 0.5px;
}

.unit-items li .active h3 {
    color: #000;
    border-bottom: 1px solid #a5a5a5;
}

.accordiondrop h3 span {
    display: block;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.unit-items li .active h3 span {
    color: #000 !important;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*.atc-left-col .unit-items li .accordiondrop.active .panel {
    max-height: 2000px!important;
}

.panel.hg {
    max-height: 2000px !important;
}*/

.panel {
    padding: 0 0px;
/*    max-height: 0;*/
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-out;
    -o-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
        border: 1px solid #f0f0f3;
    border-radius: 10px;
    height: calc(100vh - 320px);
    overflow-y: auto !important;
    overflow-x: hidden;
}

/*.accordiondrop.active .panel {
    max-height: 2000px;
}*/

.panel ul li:nth-child(last) {
    border: none;
}

.panel ul {
    display: block;
    padding: 0px;
}

.panel ul li {
    display: block;
    width: 100%;
    padding: 0px;
}

.panel ul li a {
     display: block !important;
    padding: 5px 20px !important;
    font-size: 0.9rem !important;
    font-weight: 500;
    line-height: 1.714;
    color: #333e48;
    border-bottom: 1px solid #dddddd6b;

}


.panel ul li a:hover{ color:#d19414; }


.cat-show-box {
    padding: 10px 0px;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    position: relative;
}

.catticked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    margin: 5px 5px 5px 0px;
    padding: 6px 8px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.catticked .cnlbutton {
    margin-right: 4px;
    color: #575757;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 17px;
}

.catticked .cnlbutton:hover {
    color: #eb1515;
}


/*.panel ul li{ margin-left: 30px; } */

.panel ul li:last-child {
    border: none;
}


.panel ul li a.active {
    color: #d19414;
    font-weight: 700;
    text-decoration: underline;

}

._n_2pagination li a{ font-size:15px !important; }



/* log-sign-sec-here */

.log-sign-sec {
    display: block;
    width: 100%;
    height: 100vh;
    background: #ebebeb;
}

.log-content {
    display: block;
    max-width: 440px;
    width: 100%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
   /* -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
    padding: 30px 30px 20px;
}

.log-content form {
    display: block;
    width: 100%;
}
.form-row {
    width: 100%;
    padding: 12px 15px 12px 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    position: relative;
}

.termjs {
    font-family: inherit;
    font-size: 14px;
    color: #666;
    padding-bottom: 15px;
}
.form-row .material-icons {
margin-right: 10px;
}

/* 
.form-row .material-icons {
    position: absolute;
    left: 10px;
    top: 10px;
} */

.form-row input {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    color: #333;
    font-size: 15px;
        box-shadow: none;
    padding: 0px; font-weight: 500;
}

.sub-row {
    margin-bottom: 20px;
}
.sub-row  label{   font-family: inherit }

.sub-row input {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

.smtext {
    font-size: 14px;
    font-family: inherit;
    color: #096be5;
    text-transform: capitalize;
}

.smtext:hover {
    text-decoration: underline;
}

.s-btn {
    display: block;
    width: 100%;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #d19414;
    outline: none;
    border: none;
    color: #fff;
    padding: 12px 0px;
    cursor: pointer;
    font-size: 18px;
    font-family: inherit;
    margin-bottom: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.emailicn {
    display: block;
    margin: auto;
    font-size: 70px !important;
    color: #d19414;
}

.align-right {
    text-align: right;
}

.sia {
    color: #333;
    font-size: 20px;
    font-family: inherit;
}

.s-btn:hover {
    opacity: 1;
}

.connect-with {
    display: block;
    margin: 10px 0px 20px;
}

.cont-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px;
    font-size: 15px;
    font-family: inherit;
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
}

.cont-btn span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cont-btn img {
    width: 22px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
}

.fb {
    background: #4867AA !important;
}

.gle {
    background: #E84F4A !important;
}

.text-center {
    text-align: center !important;
}

.connect-with h4 {
        font-weight: 500;
    color: #0c6dff;
    font-size: 15px;
    margin: 20px 0px 10px;
    font-family: inherit;
}

.or {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 20px;
    font-family: inherit;
    text-align: center;
}



.cr {
    color: #fff;
    font-size: 16px;
    padding: 15px 32px;
    margin-top: 0px;
    background-color: #1e1e1e;
    border: 1px solid #d2d4db;
    font-weight: 500;
    border: none;
    outline: none;
    -webkit-border-radius: 4px;
    border-radius: 50px;
    cursor: pointer;
    font-family: inherit;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    letter-spacing: 0.50px;
    display: block;
}

.cr:hover{ background:#eef0f3;  }

.forgot-text {
    font-family: inherit;
    font-size: 14px;
    color: #555;
    padding: 0px 0 25px;
    font-weight: 400;
}


.log-warp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0px;
}

.log-tittle {
    font-family: inherit;
    font-size: 22px;
    font-weight: 400;
    display: block;
    margin: 0px auto 0px;
    color: #333;
    padding: 10px 0;
}

.titl-top {
    display: none;
    padding: 10px 15px;
    border-bottom: 1px solid #dddddd7a;
    margin-bottom: 10px;
}

.fil-tittle {
    font-size: 20px;
    color: #000;
    font-family: inherit ;
    letter-spacing: 0.80px;
}


/* mobile menu css  start */

.rounded-circle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.vert {
    display: none !important;
}

.sidebarcontent {
    display: none;
    z-index: 4000;
}

.bt {
    border-bottom: 1px dashed #cccccc !important;
}

.textd-pink {
    color: #e40517 !important;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 15px;
    font-family: inherit;
}

.nav-mtitle2 {
    font-family: inherit;
    font-size: 14px;
    color: #e40517;
    text-align: left;
    padding-bottom: 5px;
}

.vert {
    display: block !important;
}

.rounded-circle {
    display: none;
}

.sidebarcontent {
    display: block;
}


/* sidebarhere */

.sidebarcontent {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    position: fixed;
    background-color: #fff;
    top: -100vh;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sidebarhead {
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%);
    background-color: #ffff;
    padding: 12px 15px;
    z-index: 400;
    position: -webkit-sticky;
    position: sticky;
}

.sclose {
    color: rgb(22, 21, 21);
    font-size: 28px !important;
    z-index: 9999;
    vertical-align: middle;
    cursor: pointer;
    float: right;
}

.stitle {
    font-size: 22px;
    color: #2d2d2d;
    display: inline-block;
    font-family: inherit;
    font-weight: 500;
}

#accordian {
    width: 100%;
    color: white;
}

#accordian h3 {
    padding: 0px;
    margin: 0px;
    
}

.amain {
    position: relative;
}

#accordian h3 a {
   padding: 0 15px;
    font-size: 19px;
    line-height: 50px;
    font-family: inherit;
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-weight: 400;
}
.amain {
    position: relative;
}

 #accordian h3 a.amain:after {
    content: "\e313";
    font-family: 'Material Icons';
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 24px;
} 

#accordian ul ul li.active .sli {
    color: #1890e5;
}


/* #accordian .active>h3 a:after {
    content: "\e5ce";
} */

#accordian .active>h3 a {
    color: #fff;
}

#accordian h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

i {
    margin-right: 6px;
}

#accordian li {
    list-style-type: none;
   
}

#accordian ul .active h3 i {
    color: #f03d4b !important;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#accordian ul .active ul .active ul {
    display: block;
}

#accordian ul ul li a,
#accordian h4 {
    color: #2d2d2d;
    text-decoration: none;
    font-size: 16px;
    font-family: inherit;
    line-height: 40px;
    display: block;
    padding: 0px 15px;
    -webkit-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
    position: relative;
}


#accordian ul ul {
    display: none;
}

#accordian li.active>ul {
    display: block;
   
    
}

 .product__carousel {
            display: block;
            max-width: 700px;
            margin: 1em auto 3em;
        }
        
        .product__carousel a {
            display: block;
            margin-bottom: 15px;
        }
        
        .product__carousel .gallery-top {
            border: 1px solid #ebebeb;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            margin-bottom: 5px;
        }
        
        .product__carousel .gallery-top .swiper-slide {
            position: relative;
            overflow: hidden;
        }
        
        .product__carousel .gallery-top .swiper-slide a {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            height: 100%;
            background-color: #fff;
        }
        
        .product__carousel .gallery-top .swiper-slide a img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
        }
        
        .product__carousel .gallery-top .swiper-slide .easyzoom-flyout img {
            min-width: 100%;
            min-height: 100%;
        }
        
        .product__carousel .swiper-button-next.swiper-button-white,
        .product__carousel .swiper-button-prev.swiper-button-white {
            color: #ff3720;
        }
        
        .product__carousel .gallery-thumbs .swiper-slide {
            position: relative;
            -webkit-transition: border .15s linear;
            -o-transition: border .15s linear;
            transition: border .15s linear;
            border: 1px solid #ebebeb;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            cursor: pointer;
            overflow: hidden;
            height: -webkit-calc(100% - 2px);
            height: calc(100% - 2px);
            background-color: #fff;
        }
        
        .product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
            border-color: #000;
        }
        
        .product__carousel .gallery-thumbs .swiper-slide img {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            max-width: 70%;
            width: 100%;
        }
        input[type="number"] {
            -moz-appearance: textfield;
        }
        input[type="number"]:hover,
        input[type="number"]:focus {
            -moz-appearance: number-input;
        }

#accordian li ul li a.active{ color:#d19414; } 

#accordian li.active>ul

#accordian ul ul ul {
    background: #f5f5f5 !important;
}

#accordian ul ul ul a {
    padding: 0 25px;
}

#accordian ul ul ul li:last-child {
    border-bottom: 0px;
}

.dropicn {
    color: #333;
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}


/* #accordian a:not(:only-child):after {
    content: "\e313";
    font-family: 'Material Icons';
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 24px;
} */

#accordian .active>a:not(:only-child):after {
    content: "\e5ce";
}


/* mobile menu css end */


/* home about */

.abt {
    display: block;
}

.tittle-content {
    width: 80%;
    max-width: 500px;
    padding: 200px 0px;
    margin: 0px auto 0px;
}

.t-top {
    font-size: 50px;
    text-align: center;
    font-family: inherit;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
}

.abtcontent {
    background-color: #fbfbfb !important;
    padding: 0px !important; 
}

.events-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0px;
    margin: auto;
}

.event-pic {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 40px;
}

.event-con {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 50px;
}

.event-para {
    text-align: left;
    font-size: 15px;
    font-family: inherit;
    font-weight: 500;
    line-height: 21px;
    color: #3b3b3b;
    padding: 0 0 15px 0;
}

.evnt-con-tittle {
    font-size: 35px;
    font-family: inherit;
    font-weight: 700;
    margin-bottom: 20px;
    color: #013378;
}

.event-img-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.event-img-box {
    width: 100%;
    position: relative;
    padding-bottom: 66%;
    z-index: 50;
}

.event-img-box:hover::after {
    bottom: -20px;
    right: -20px;
}

.event-img-box:hover::before {
    top: -20px;
    left: -20px;
}

.event-img-box::before {
    content: "";
    position: absolute;
    outline: 2px dashed #5f5f5f75;
    width: 100%;
    height: 100%;
    top: -25px;
    left: -25px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: -1;
}

.event-img-box::after {
    content: "";
    position: absolute;
    background-color: #1c2931;
    width: 100%;
    height: 100%;
    bottom: -25px;
    right: -25px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: -1;
}
._liststyle{ padding:0px; margin:10px 0 15px ;  }
._liststyle li{ padding:3px 0; font-family:inherit; font-size:15px; list-style: disc; margin-left:20px; color:#333; }
.contact-div {
    background: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin: 40px 0;
    -webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 10%);
    box-shadow: 0 3px 8px rgb(0 0 0 / 10%);
    width: 100%;
    display: inline-block;
    padding: 30px;
}
.mmin1{ display: block;
    width: 100%;
    margin-bottom: 10px;
    color: #d19414;
    font-size: 20px;
    font-family: inherit;
    font-weight: 700; }
.open_time{ display:inline-block; width:100%; padding:20px 0 0;  }
.open_time h4{ font-family:inherit; font-size:19px; color:#000; margin: 0 0 10px; font-weight: 400;}
.open_time p{ font-family:inherit; font-size:16px; color:#333 }

article strong {
    text-align: left;
    font-size: 15px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 5px;
    color: #000000;
    display: block;
}

article p {
    text-align: left;
    font-size: 16px;
    font-family: inherit;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
    color: #505666;
}

article h3 {
   font-family: inherit;
    letter-spacing: -.025em;
    line-height: 1.15;
    color: #d19414;
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: 600;
    text-align: left;
}

.mmin {
    font-size: 14px;
    color: #3b3b3b;
    text-transform: uppercase;
    display: block;
    font-family: inherit;
    font-weight: 500;
}

.msearch {
    padding: 5px;
    display: none;
}

.msearch span {
    color: #fff !important;
    font-size: 30px;
}

.m-searchblock {
    display: none;
}


/* payment method */

.payment-wrap {
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 10px 0 0 0;
}

.p-row {
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
}

.pform-control label {
    font-family: inherit;
    font-size: 14px;
    color: #333;
    padding-bottom: 2px;
    display: block;
}

.pform-control input {
    width: 100%;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 12px;
    font-family: inherit;
    font-size: 14px;
    color: #000;
}

.pform-control .p-clmn-2 {
    width: 150px;
    display: inline-block;
}

.p-clmn-2a {
    display: inline-block;
    border: 0px;
    position: relative;
}

.p-clmn-2a i {
    position: absolute;
    right: 4px;
    pointer-events: none;
    top: -2px;
    color: #000;
}

.p-clmn-2a select {
    border: 0px;
    background: transparent;
    width: 62px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    font-size: 14px;
    color: #333;
}

.p-clmn-2a select option {
    font-family: inherit;
    font-size: 14px;
    color: #333;
}

.p-clmn-2-wrap {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #eaeaea;
    padding: 10px;
}

.p-submit {
    width: 100%;
    padding: 14px 0;
    text-align: center;
    background: #1a73e8;
    color: #fff;
    text-transform: uppercase;
    font-family: inherit;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0px;
    font-size: 15px;
    cursor: pointer;
}

.text-center {
    text-align: center;
}

.p-tick {
    width: 70px;
    height: 70px;
    background: #35b729;
    color: #fff;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-bottom: 20px;
}

.p-tick i {
    color: #fff;
    line-height: 70px;
    text-align: center;
    font-size: 40px;
}

.psucc h2 {
    font-family: inherit;
    font-size: 30px;
    color: #000;
    padding-bottom: 10px;
}

.psucc p {
    font-family: inherit;
    font-size: 16px;
    color: #555;
    padding-bottom: 20px;
}

.more-vert {
    display: none;
}

.m-pthumb {
    display: none;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ebebeb;
}

.m-pthumb em {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-style: normal;
    display: inline-block;
    max-width: 120px;
    vertical-align: middle;
    font-size: 16px;
}

.m-pthumb i {
    font-size: 35px;
}

.row-type {
    width: 100%;
    display: inline-block;
    padding: 0px;
    margin: 0px 0 15px;
}

.row-type:last-child {
    margin-bottom: 0px;
}

.row-type-colmn {
    display: inline-block;
    padding-right: 10px;
}

.numofitem-top1 {
    color: #000;
    font-weight: 400;
    font-size: 20px;
    font-family: inherit ;
    margin-bottom: 5px;
    display: inline-block;
}


/* popup login-msg-box-here */

.logcontent {
    position: relative;
    background-color: #FFFFFF;
    max-width: 440px;
    width: 96%;   
    padding: 20px 20px 15px;
    -webkit-border-radius: 8px;
    border-radius: 4px;
    -webkit-box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    animation: floter 0.3s;
    -webkit-animation: floter 0.3s;
    -webkit-transition: floter 0.3s;
    -o-transition: floter 0.3s;
    transition: floter 0.3s;
/*    left: 50%; top: 50%; transform: translate(-50%, -50%);*/
margin: 0 auto;
}

@-webkit-keyframes floter {
    from {
        opacity: 0;
        top: 30%;
    }
    to {
        opacity: 1;
        top: 0%;
    }
}

@keyframes floter {
    from {
        opacity: 0;
        top: 30%;
    }
    to {
        opacity: 1;
        top: 0%;
    }
}

.logcontent-top {
    margin-bottom: 15px;
    position: relative;
}
.logcontent-top h2{ text-align: center; }

.login-content form {
    display: block;
    width: 100%;
}

.rcomm_count {
    color: #fff;
    padding: 3px 10px;
    border-radius: 20px;
    margin-right: 10px;
    background: #26a541;
    display: inline-block;
    font-family: inherit;
    font-size: 13px;
}
.rcomm_count i {
    font-size: 13px;
    vertical-align: middle;
    margin-left: 5px;
    display: inline-block;
    margin-right: 0px;
    margin-top: -2px;
}
.rc_description {
    font-family: inherit;
    font-size: 16px;
    color: #000;
    padding-top: 5px;
    font-weight: 400;
}
.cmmnt_action a {
    font-family: inherit;
    font-size: 14px;
    color: #2874f0;
    margin-right: 15px;
    font-weight: 400;
    letter-spacing: 0.70px;
    float: left;
}
.mt-1{ margin-top: 5px !important; }
.mb-2{ margin-bottom: 15px !important;  }
#logcon .logcontent .log-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px 0px !important;
}
._2sgsf{ float: left; width: 30%; padding: 0px 10px 0 0px;}
._3sgsf{ float: left; width: 70%; ppadding: 0 0 0 10px; border-left: 1px solid #ededed;}
.timetxttitle {
    display: block;
    font-family: inherit;
    font-weight: 500;
    color: #0e0d0d;
    font-size: 22px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #ccc;
    padding: 10px;
    position: relative;
    width: 100%;
}

.clstimeline {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.clstimeline:hover {
    color: #000 !important;
    font-weight: 800!important;
}

.timetxttitle span {
    vertical-align: middle;
    margin-left: 5px;
    color: #acadad;
}

.timeline-warp {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 20px 0px;
    width: 100%;
    overflow: hidden;
}

.timeline {
    display: flex;
    display: -webkit-flex;
    position: relative;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-basis: 25%;
    -webkit-flex-basis: 25%;
    max-width: 25%;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.timeline-content {
    font-size: 14px;
    font-family: inherit;
    font-weight: 400;
    color: #333;
    margin-bottom: 8px;
    height: 40px;
    overflow: hidden;
}

.timeline-warp .active .timeline-content {
    color: #19a161;
}

.timelinecircle {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    background: #e0e0e0;
    position: relative;
    z-index: 9;
}

.t-dnt {
    font-size: 13px;
    font-family: inherit;
    font-weight: 400;
    color: #747272;
    display: block;
    margin-top: 10px;
    height: 40px;
/*    overflow: hidden;*/
}

.t-dntbold {
    font-weight: 400;
    color: #000;
}

.timeline-warp .active .t-dntbold {
    color: #19a161;
}

.timeline::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #e0e0e0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    transform: translatey(-50%);
    display: block;
}

.timeline:last-child::after {
    display: none !important;
}

.timeline-warp .active::after {
    background: #19a161 !important;
}

.timeline-warp .active .timelinecircle {
    background: #19a161 !important;
}


/* timeline-modal-css-ends-here */

/* popup login-msg-box-here-ends-here*/


/* contact-us-pages-here */

.fq {
    margin-bottom: 13px;
    font-size: 28px;
    color: dimgray;
    font-family: inherit;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0;
}
.wrapperx{ padding:30px 0 }
.abtcontent {
    background-color: #f0f2f7;
}

.contact-div {
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 40px 0;
    -webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 10%);
    box-shadow: 0 3px 8px rgb(0 0 0 / 10%);
    width: 100%;
    display: inline-block;
    padding: 25px;
}

.contact-column {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -webkit-flex-basis: 50%;
    max-width: 50%;
    padding: 10px;
}

.c-title {
        font-size: 28px;
    font-family: inherit;
    color: #d19414;
    margin-bottom: 15px;
    font-weight: 600;
}
._contact_form{ display:inline-block; width:100%; padding:0px; margin:10px 0 0 }
._contact_form label{ font-family:inherit; font-size:15px; color:#333; display: block; padding-bottom: 4px; }
._contact_form  input, ._contact_form  textarea{ width:100%; border-radius:2px; border:1px solid #3333332e; padding:10px; }
._contact_form .c_row{ display:flex; flex-wrap:wrap; margin:0px -10px;  }
._contact_form .c_column_2{ flex-basis:50%; max-width:50%; padding: 10px; }
._contact_form .c_column_1{ flex-basis:100%; max-width:100%; padding: 10px; }
input[type=submit]{ width:auto; border:0px; background:#023274; color:#fff; font-family:inherit; font-size:15px; font-weight:400; padding:12px 30px; 
    letter-spacing: 1px; cursor: pointer;}
input[type=submit]:hover{ opacity:0.9 }    

.add-subtit {
    font-size: 19px;
    font-family: inherit;
    color: #d19414;
        font-weight: 500;
    
}
.text-center{ text-align:center; }

.c-address-p {
    font-size: 15px;
    font-family: inherit;
    font-weight: 400;
    color: #333;
    line-height: 23px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 13px;
    display: block;
}

.s-co {
    display: block;
    padding-bottom: 15px;
    font-weight: 400;
    font-family: inherit;
    font-size: 16px;
}

.s-co {
    display: block;
    padding-bottom: 15px;
    font-weight: 400;
    font-family: inherit;
    font-size: 16px;
}

.algn-v {
    vertical-align: middle;
    margin-right: 10px;
}

.map-content {
    display: block;
    width: 100%;
    height: 400px;
    margin-top: 30px;
}

.map-content iframe {
    width: 100%;
    height: 100%;
}

.contact-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0px;
}


/* contact-us-pages-here */


/* media-quaries-ensds-here */

.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    overflow: auto;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}


/* mobile-sort-con-box-here */

.mob-sort-con {
    display: block;
    padding: 10px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    animation: sort 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-animation: sort 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@-webkit-keyframes sort {
    from {
        opacity: 0;
        bottom: -400px;
    }
    to {
        opacity: 1;
        bottom: 0px;
    }
}

@keyframes sort {
    from {
        opacity: 0;
        bottom: -400px;
    }
    to {
        opacity: 1;
        bottom: 0px;
    }
}

.mob-sort-con-head {
    padding: 10px 0px;
    border-bottom: 1px dashed #ccc;
    font-family: inherit;
    font-weight: 500;
    font-size: 18px;
    position: relative;
}

.clssortmb {
    position: absolute;
    right: 10px;
    top: 5px;
}

.mob-sort-con-body {
    display: block;
    height: 100%;
    overflow-y: scroll;
}

.mob-sort-con-body ul {
    display: block;
    width: 100%;
    padding: 10px 0px;
}

.mob-sort-con-body ul li {
    display: block;
    padding: 3px 0px;
}


/* mobile-sort-con-boxends*/

.checkbox-box {
    display: block;
    width: 1.3em;
    height: 1.3em;
    border: 0.80px solid darkgray;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.checkbox-box::before {
    content: "";
    width: 60%;
    height: 60%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: #f5207a;
    display: block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.checklabel {
    font-size: 15px;
    font-family: inherit;
    font-weight: 400;
    color: #1a1010;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    cursor: pointer;
    text-transform: none;
}

.checkboxinput:checked+.checkbox-box::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.checkboxinput:checked+.checkbox-box {
    background-color: #e5e3e2a8;
}

.checkboxinput {
    display: none;
}

.label-radius .checklabel .checkbox-box {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 1.2em;
    height: 1.2em;
}

.mobile-blocker {
    display: none!important;
}


/* ------- */

@media(max-width:1400px) {
    .topstrip-right span a {
        font-size: 18px;
        color: #060606 !important;
    }
    .owl-carousel {
        padding: 0 40px;
    }
    .owl-next span {
        right: 10px !important;
    }
    .owl-prev span {
        left: 10px !important;
    }
    .newlabel {
        position: absolute;
        padding: 4px;
        top: 0px;
        left: 0px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        font-size: 14px;
        max-width: 73px;
    }
}

@media(max-width:1200px) {
    .navlinks ul li {
        padding: 0px 5px;
    }
    .atc-right-col {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-flex-basis: 75%;
        max-width: 75%;
    }
    .atc-left-col {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-flex-basis: 25%;
        max-width: 25%;
    }
    /* index-here */
    .cupcake {
        -o-object-fit: contain;
        object-fit: contain;
        width: 80px !important;
        height: 50px !important;
        margin-top: 10px;
    }
    .t-cat {
        padding: 20px 0px;
    }
    .t-cat {
        padding: 10px 0px;
    }
    .navlinks ul li a {
        font-size: 14px;
    }
    .t-display1 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .f-input-warp input {
        width: 100%;
    }
    .f-p2 {
        font-size: 17px;
        margin: 0px 0px 8px;
    }
    .social-warp a {
        margin: 0px 3px;
    }
    .f-box ul li a {
        font-size: 14px;
    }
    /* index-ends */
    /* product-page-here */
    .prd-v-sec-row {
        padding: 0px 10px;
    }
    .prd-v-sec-col-left {
        -webkit-flex-basis: 35%;
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
        max-width: 35%;
    }
    .prd-v-sec-col-right {
        -webkit-flex-basis: 65%;
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
        max-width: 65%;
    }
    .prd-v-sec-col-right {
        padding: 0px 15px;
    }
    .tittle-text {
        font-size: 32px;
    }
    .min-title {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .inl {
        margin-bottom: 8px;
    }
    .slt-p-size {
        margin: 0px 0px 10px;
    }
    .spc-int {
        display: block;
        margin-bottom: 20px;
    }
    .prd-v-sec {
        display: block;
        padding: 18px 0px;
        margin-bottom: 15px;
    }
    .display2text {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .produts-wrapper-cols {
        -webkit-flex-basis: 33.3%;
        -ms-flex-preferred-size: 33.3%;
        flex-basis: 33.3%;
        padding: 0px 10px;
        max-width: 33.3%;
        margin-bottom: 20px;
    }
    .produts-wrapper {
        margin: 0px -10px;
    }
    .atc-right-col {
        padding: 0px 15px;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -webkit-flex-basis: 80%;
        max-width: 80%;
    }
    .unit-items li a {
        font-size: 16px;
        padding: 7px 0px;
    }
    .side-cat-tittle {
        font-size: 15px;
        padding: 7px 10px;
    }
    /* log */
}


/* ------- */

@media(max-width:992px) {

    .profile_dp{  padding: 6px 0px 6px 0px; border: 0px; }

    .container{ padding:0 15px; }
    .dis-unitbox-warp li {
        max-width: 50%!important;
        -webkit-flex-basis: 50% !important;
        -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
    }
    .t-display1{ font-size: 1.5rem !important; margin-bottom: 15px; }
    .container{ max-width:100% !important; }
    .subgridbansec{ padding: 15px 0; }

    .button-footer-cols:nth-child(2) {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .button-footer-cols:nth-child(1) {
        margin-bottom: 15px;
    }
    .pimgbox {
        width: 60px;
        height: 60px;
        overflow: hidden;
    }
    .thumpmobile {
        display: block !important;
    }
    
    .mobile-blocker {
        display: block !important;
    }
    .contact-column {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        padding: 0px;
    }
    .rws-thumb {
        width: 30px;
        height: 30px;
    }
    .mobile-blocker {
        display: block !important;
    }
    .button-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 15px;
    }
    .mb-hidderprice {
        display: none!important;
    }
    .banhome .swiper-button-next,
    .banhome .swiper-button-prev {
        display: none !important;
    }
    .swiper-button-prev {
        display: none !important;
    }
    .niru_category .niru_box {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 10px;
    }
    .product__carousel {
        padding: 10px;
        margin: 0em auto 1em !important;
    }
    .m-pthumb {
        display: inline-block;
    }
    .ipc i {
        color: #414753 !important;
    }
    .sub-title {
        padding: 10px 0 0;
    }
    /* mobile search */
    .msearch {
        display: block;
    }
    .m-searchblock {
        width: 100%;
        padding: 10px;
        background-color: #fff;
    }
    .m-searchblock .searchbar {
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #ededed;
        padding: 10px 30px 10px 10px;
        position: relative;
        margin-right: 30px;
    }
    .m-searchblock .searchbar input {
        width: 100%;
        font-family: inherit;
        font-size: 15px;
        color: #333;
        border: 0px;
    }
    .m-searchblock .searchbar .sicn {
        position: absolute;
    }
    .m-searchblock .closesbar {
        float: right;
        padding: 9px 0px;
    }
    /* mobile search */
    .htop-search {
        display: none;
    }
    .more-vert {
        display: block;
    }
    .ipc,
    .pname {
        display: none;
    }
    /* home about */
    .event-pic {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 40px;
    }
    .event-con {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 10px;
    }
    article h3 {
        font-size: 30px;
    }
    .t-top {
        font-size: 40px;
    }
    .evnt-con-tittle {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .tittle-content {
        padding: 80px 0px;
    }
    article h3 {
        font-size: 26px;
    }
    .events-wrap {
        padding: 10px 0px;
    }
    .event-img-box::before {
        top: -15px;
        left: -15px;
    }
    .event-img-box::after {
        bottom: -15px;
        right: -15px;
    }
    /* end */
    nav {
        display: none;
    }
    /* index-starts */
    .filter-sec {
        display: block;
    }
    .prd-v-sec-row {
        margin: 0 -10px;
        padding: 0px !important;
    }
    .product-view-bigimg {
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
    .prd-v-sec {
        display: block;
        padding: 0px 0px;
        margin-bottom: 15px;
    }
    .plr-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .s-caro {
        padding: 30px 0px 10px;
    }
    .navlinks ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px 0px;
    }
    .navlinks ul li {
        padding: 10px 5px;
    }
    .menuopen {
        display: block !important;
        font-size: 38px !important;
        color: #fff;
        padding-right: 10px;
        margin-bottom: 5px;
    }
    nav {
        position: absolute;
        width: 100%;
        overflow: hidden;
        max-height: 0vh;
        overflow-y: scroll;
    }
    /* index-ends */
    /* product-page */
    .rs-cols {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .prd-v-sec-col-left {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
    }
    .prd-v-sec-col-right {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .prd-v-sec-row {
        padding: 0px 10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .product-box-bottom {
        margin-bottom: 10px;
        padding: 15px;
    }
    .recomended-sec {
        padding: 12px 0px;
    }
    .checkbox__inner {
        margin-right: 8px;
    }
    .pricing-tag {
        font-size: 15px;
    }
    /* pop-up-left-col-here */
    .atc-left-col {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        max-width: 100%;
        padding-top: 20px;
        z-index: 4000;
        background: #ffff;
        height: 100vh;
        overflow: scroll;
    }
    .atc-right-col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        padding: 0px;
    }
    .closepop2 {
        display: block !important;
    }
    .produts-wrapper {
        margin: 0px -10px;
        padding-top: 10px;
    }
    .wrap-sortby {
        padding: 0 5px;
    }
    /* mega-menu */
    .mega-menu {
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: static;
    }
    .mega-wrap {
        display: block;
        padding: 0px;
    }
    .mega-cols ul {
        border: none;
    }
    .mega-cols ul li {
        display: block;
    }
    .mega-cols ul li a {
        color: #fff;
    }
    /* log */
    .sia {
        font-size: 16px;
    }
    .log-content {
        padding: 25px 25px 10px;
    }
    .connect-with h4 {
        font-size: 20px;
    }
    .log-tittle {
        font-size: 24px;
    }
    .sidebar-cat {
        padding: 10px 15px;
        margin-bottom: 10px;
    }
    .titl-top {
        display: block;
    }
    .topstrip {
        padding: 10px 0;
    }
    .cart {
        margin: 0 10px 0 5px;
    }
    .logo {
        width: 70px;
        max-width: 100%;
    }
    .topstrip-right span a {
        font-size: 15px;
    }
    .vertical-line {
        display: none;
    }
    
    .toplinks {
        margin: 0px 8px;
    }
}


/* -------------- */

@media(max-width:768px) {
    ._2sgsf{ border-right: 0px; border-bottom: 1px solid #ededed; padding-bottom: 10px; width: 100%; padding: 0px; }
    ._3sgsf { width: 100%; padding: 0px;}
    .timeline-content {
    padding-bottom: 8px;
    width: 100%;
    margin-bottom: 0px;
    display: inline-block;
    text-align: center;
}
.header .container{ max-width: 100%; }

.f-box{ -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%; 
        margin-bottom: 30px;}

/*.shop-pro-box{ 
    display: grid !important;
    width: auto !important;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
        "item-info item-price"
        "item-info item-quantity"
        "item-info item-remove";
    column-gap: 10px;
}*/

.cart-item-info{ 
  grid-area: item-info;
  padding-left: 0px;
  display: flex;
  align-items: center;
  max-width: 100%;
  width: 100% !important;
}


.shop-pro-col2{ 
position: relative;
    text-align: right;
    display: inline-block;
    width: 100%;
    clear: both; }

.timeline-content {
    font-size: 13px;
}
.t-dnt {
    font-size: 13px;
}
.t-dnt {
    display: block;
    padding-top: 10px;
    margin-top: 0px;
    text-align: center;
    width: 100%;
}
    .owl-carousel {
        padding: 0px;
    }
    .bc_filter {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0px -10px;
        width: auto !important;
    }
    .flr_column {
        float: none !important;
        max-width: 100% !important;
        -webkit-flex-basis: 100% !important;
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        padding: 0px 0 10px 0!important;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .date_crt {
        margin: 0px !important;
        padding: 0 10px;
        -webkit-flex-basis: 50% !important;
        -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
        max-width: 50% !important;
        width: auto !important;
    }
    .date_crt input[type=date] {
        width: 100%;
    }
    .bdilter_c {
        width: 100%;
        padding: 8px 10px !important;
    }
    .date_crt label {
        text-align: left;
    }
    .niru_category .niru_box {
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%;
        padding: 5px;
    }
    .niru_category .niru_box:last-child {
        display: none;
    }
    .niru_category {
        margin: 0px 0px;
    }
    .log-warp {
        padding: 10px 0px;
    }
    /* index-start */
    .owl-prev span {
        display: none !important;
    }
    .owl-next span {
        display: none !important;
    }
    .t-display1 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .s-caro {
        padding: 20px 0px 10px;
    }
    .footer-wrap {
        padding: 30px 0 10px;
    }
    .s-product {
        width: 200px;
        height: 200px;
    }
    .submit-btn {
        font-size: 12px;
        padding: 10px 15px;
    }
    .f-warp {
        margin: 0px -10px;
    }
    
    .social-warp p {
        font-size: 15px;
        margin-right: 15px;
    }
    .rs-top {
        margin-bottom: 10px;
    }
    .discription-box {
        width: 100%;
    }
    .discription-box h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .min-title {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .rs-cols {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        margin-bottom: 10px;
    }
    .prd-v-sec-col-left {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .size-boxes {
        display: block;
        width: 50%;
        margin: 0px auto 8px;
        padding: 5px;
        cursor: pointer;
    }
    .size-cols {
        padding: 5px;
    }
    .size-cols {
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%;
        padding: 10px;
    }
    .produts-wrapper-cols {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding: 0px 10px;
        max-width: 50%;
        margin-bottom: 20px;
    }
    .plview .produts-wrapper-cols {
        max-width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 10px;
    }
    .plview .product-box {
        padding: 10px !important;
    }
    .form-row {
        margin-bottom: 10px;
    }
    .sub-row {
        margin-bottom: 18px;
    }

    .sub-row.form-row{ margin-bottom: 0px; padding: 12px 15px 12px 0px !important; border: 0px; }
   
    .connect-with h4 {
        font-size: 20px;
        margin: 20px 0px 10px;
    }
    .log-tittle {
        margin: 0px auto 10px;
    }
    .plview .atc-btn {
        margin-top: 0px;
    }
    .plview .pricing-tag {
        margin-bottom: 0px;
    }
    .plview .p-name {
        font-size: 16px;
        line-height: 21px;
    }
    .plview .product-image-box {
        width: 80px;
        height: 80px;
    }
    .cw-90 {
        width: 100% !important;
    }
    .lgbtns {
        width: 100%;
        margin-bottom: 10px;
    }

    .quantity-input{ width:40px; }
    .ptile .quantity-control button{ width:35px; }
}

@media(max-width:600px) {

   .f-box {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 30px;
    } 
}


@media(max-width:480px) {

    .pricetext{ display:block; }

    .f-box {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 30px;
    }
    .shop-pro-box{ display:block !important; }
    .subgridbansec-col2 {
        max-width: 100% !important;
        -webkit-flex-basis: 100% !important;
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        margin-bottom: 15px;
    }
    .tabunit a {
        padding: 7px 18px;
        font-size: 20px;
    }
    .dis-unitbox-warp li {
        max-width: 100% !important;
        -webkit-flex-basis: 100%!important;
        -ms-flex-preferred-size: 100%!important;
        flex-basis: 100%!important;
    }
    .accordion button .accordion-title {
        font-size: 15px!important;
    }
    .niru_category .niru_box {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 5px;
    }
    .home-banner {
        padding-top: 30%;
    }
    .home-banner img {
        -o-object-position: center;
        object-position: center;
    }
    .niru_category {
        margin: 0px 0px;
    }
    /* index-start */
    .s-product {
        width: 150px;
        height: 150px;
    }
    .f-box {
        padding: 0px 15px;
    }
    .f-warp {
        margin: 0px -10px;
    }
    .logo {
       width: 50px;
        /* max-width: 65px; */
        display: block;
        position: relative;
        top: 3px;
    }
    .f-bottom-strip-warp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .t-display1 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .topstrip {
        padding: 5px 0px;
    }
    /* index-ends */
    .sp {
        margin-right: 5px;
    }
    .display2text {
        font-size: 17px;
        margin-bottom: 0px;
    }
    .prd-v-sec-col-left {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .rs-top .atc-btn {
        float: right;
        padding: 9px 20px;
        width: auto;
        font-size: 13px;
    }
    .size-cols {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 10px;
    }
    .smallimgscols {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        padding: 0px 5px;
    }
    /* #cake-select {
        width: 100%;
    } */
    #flavour-select {
        width: 100%;
    }
    .tittle-text {
        font-size: 20px;
        width: 100%;
        line-height: 27px;
    }
    .prd-v-sec-row {
        padding: 10px;
    }
    .texa-p {
        width: 100%;
    }
    .prd-v-sec-col-right {
        padding: 0px 10px;
    }
    .rs-cols {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0px 5px 10px;
    }
    .rs-wrap {
        margin: 0px -5px;
    }
    .p-lw li a {
        font-size: 16px;
        margin-left: 5px;
    }
    .discription-box h2 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .pricing-tag {
        margin-bottom: 2px;
    }
    .s-bag {
        font-size: 20px !important;
    }
    .p-overlay span {
        font-size: 28px;
    }
    .atc {
        padding: 15px 0px 0px;
    }
    .form-row {
        margin-bottom: 10px;
    }
    .cont-btn img {
        width: 20px;
        height: 20px;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .connect-with h4 {
        font-size: 19px;
        margin: 20px 0px 10px;
    }
    .connect-with p {
        color: #888;
        font-size: 14px;
        line-height: 20px;
    }
    .log-content {
        padding: 18px 15px 8px;
    }
    .sia {
        font-size: 14px;
    }
    .connect-with h4 {
        font-size: 18px;
        margin: 20px 0px 10px;
    }
    .f-bottom-strip-warp p {
        font-size: 14px;
        margin-right: 0px;
    }
    .f-bottom-strip-warp a {
        font-size: 14px;
    }

    .flogo{ width: 80px; }

    .moneysymbol{ margin-top: 5px; } .remicn{  bottom: 5px; } .shop-pro-box{ padding:10px !important;  }
}


/* ----------------- */

@media(max-width:375px) {
    /* index-start */
    .topstrip-right {
        width: 100%;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .pricetext{ display: inline-block; }
    /* index-ends */
    .produts-wrapper {
        margin: 0px -5px;
        padding-top: 10px;
    }
    .produts-wrapper-cols {
        padding: 0px 5px;
    }
    .connect-with h4 {
        font-size: 16px;
        margin: 20px 0px 10px;
    }
    .f-p2 {
        font-size: 16px;
        margin: 0px 0px 8px;
    }
    .t-display1 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .niru_category .niru_box {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 5px;
    }
    .tabunit a {
        padding: 10px;
        font-size: 20px;
    }
}

@media(max-width:350px) {
    .topstrip-right .lg,
    .sp a {
        font-size: 13px;
    }
    .cat-box {
        display: none !important;
    }
    .rs-cols {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .produts-wrapper-cols {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0px 10px;
        max-width: 100%;
        margin-bottom: 25px;
    }
    .p-lw li a {
        font-size: 10px;
        margin-left: 5px;
    }
}