:root {
    --color1: #e0cab3;
    --color2: #847264;
    --color3: #847264;
    --lightColor:#f4ddc4 ;
}
body {
   /* font-family: "bayekan" ,"yekan", "Tahoma" !important;*/
    font-family:IRANSansFaNum;
    color: #83838c;
    direction: rtl;
    text-align: right;
    background: #040404;
    font-size: 14px;
    line-height: 1.5rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 ,p ,a, span {
  font-family:IRANSansFaNum;
   /* font-family: "bayekan" ,"yekan", "Tahoma" !important;*/
}
.sep_background1 {
    background: var(--color2);
}
.sep_background2 {
    background: var(--color1);
}

.sep_color1 {
    color: var(--color2);
}

.sep_color2 {
    color: var(--color1);
}
i {
    font-family: FontAwesome !important;
}

a {
    color: #83838c;
    text-decoration: none;
    transition: all 0.3s;
}

a:hover,
a:focus {
    color: var(--lightColor);
    text-decoration: none;
}

img {
    max-width: 100%;
}
.sep-form-control {
    width: 50%;
}
input[type=text],
input[type=password],
select ,textarea{
    background-color: #222223;
    border: 1px solid #404042;
    color: #83838c;
    border-radius: 3px;
    border-radius: 5px;
    padding: 3px 5px;
    width: 100%;
}

input[type=submit],
button {
    background: -webkit-linear-gradient(var(--color1), var(--color2));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(var(--color1), var(--color2));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(var(--color1), var(--color2));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(var(--color1), var(--color2));
    /* Standard syntax */
    color: #ffffff;
    padding: 3px 15px;
    border-radius: 3px;
    border: none;
    width: auto !important;
}

input[type=submit]:hover,
button:hover {
    background: -webkit-linear-gradient(var(--color2), var(--color1));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(var(--color2), var(--color1));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(var(--color2), var(--color1));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(var(--color2), var(--color1));
    /* Standard syntax */
}
/* space of grids*/

[class*='sep-xs'], [class*='sep-sm'], [class*='sep-md'], [class*='sep-lg'], .sep-container {
    padding-right:10px;
    padding-left:10px;
}
.sep-row,.row{
    margin-right:-10px;
    margin-left:-10px;
}
.sep-sm-0p {
    padding-left: 0;
    padding-right: 0;
}



.user {
    text-align: left;
}

.user a {
    background: -webkit-linear-gradient(var(--color1), var(--color2));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(var(--color1), var(--color2));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(var(--color1), var(--color2));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(var(--color1), var(--color2));
    /* Standard syntax */
    display: inline-block;
    color: #ffffff;
    padding: 3px 10px;
    border-radius: 0 0 3px 3px;
    margin-right: 5px;
}

.user a:hover {
    background: -webkit-linear-gradient(var(--color2), var(--color1));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(var(--color2), var(--color1));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(var(--color2), var(--color1));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(var(--color2), var(--color1));
    /* Standard syntax */
}

.saba_userName {
    color: #ffffff;
}
.top-header{
    display: flex;
    margin: 20px 0;
}
.top-header > div {
    display: flex;
    align-self: center;
    padding-right: 25px;
}
.top-header > div a:hover{
    color:#fff;
}
.logo {
    max-height: 70px;
    justify-content: flex-start;
    width: 100%;
    padding-right: 0 !important;
}
.search {
    justify-content: flex-end;
    margin-right: 10px;
    width: 80%;
}
.search input{
    width: 300px;
    padding: 0;
    padding: 0 10px;
    border-radius: 0 5px 5px 0;
    /* height: 33px; */
    margin-top: -2px;
}
.search .saerchbtn, .basket_link , .register_link{    
    height: 35px;
    background: linear-gradient(var(--color1), var(--color2));
    color: #ffffff;
    padding: 3px 15px;
    border: none;
    width: auto !important;
    display: inline-block;
    border-radius: 5px;
}
.search .saerchbtn{
    border-radius: 5px 0 0 5px;
}
.search .saerchbtn i,.shortcode-container i,.basket_link i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 27px;
    line-height: 35px;
}
.navbar-nav.navbar-right>li {
    float: right;
    padding: 10px;
}
.navbar {
    min-height: auto;
}
.navbar-default {
    background: url(../images/menubg.png) no-repeat center top #1d1d1f;
    background-size: 100% 50px;
    border: none;
    margin-bottom: 0;
    border-radius: 0;
}

.navbar-nav.navbar-right>li {
    border-left: 1px solid #2d2d2f;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: var(--lightColor);
}
.descview.sep-menu .sm-hasSub .sm-subMenu a {
    padding:10px 15px;
}
.saba_slider.sep_Slider .innercontent {
    margin: 0 -10px;
}
.caret {
    display: none;
}

ul.nav {
    padding: 0;
}

.nav>li>a {
    padding: 15px 20px;
}

.dropdown-menu {
    background-color: #222223;
    border: 1px solid #404042;
    border-top: none;
}

.dropdown-menu>li>a {
    color: #83838c;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: var(--lightColor);
    background: none;
}

.sy-box {
    position: relative;
    background: url('../images/slider_line.png') no-repeat center bottom #0b0b0b;
    background-size: 100% 1px;
    padding-bottom: 2px;
}

.sy-pager {
    position: absolute;
    bottom: 20px;
    z-index: 100;
}

.sy-pager li {
    margin: 0;
    height: 1.5em;
    width: 1.5em;

}

.sy-pager li a {
    background: url('../images/paginbg.png');
}

.sy-pager li.sy-active a {
    background: url('../images/act_pagin.png');
}

.sy-controls li.sy-prev a::after {
    content: "";
    font-family: FontAwesome;
}

.sy-controls li.sy-next a::after {
    content: "";
    font-family: FontAwesome;
}

.conent {
    background-color: #2d2d2f;
    background: -webkit-radial-gradient(#2d2d2f, #151515);
    /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#2d2d2f, #151515);
    /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#2d2d2f, #151515);
    /* For Firefox 3.6 to 15 */
    background: radial-gradient(#2d2d2f, #151515);
    /* Standard syntax */
}

/* @font-face {
    font-family: "BHoma";
    src: url("../fonts/BHoma.eot?#iefix") format("embedded-opentype"),
        url("../fonts/BHoma.woff2") format("woff2"),
        url("../fonts/BHoma.woff") format("woff"),
        url("../fonts/BHoma.ttf") format("truetype");
} */

.panelTitle {
    background: url('../images/titlebg.png') no-repeat center bottom;
    padding-bottom: 25px;
    text-align: center;
    color: var(--lightColor);
    font-size: 22px;
    font-family:IRANSansFaNum-Bold;
    margin-bottom: 5px;
    font-weight: normal;
    display: block;
    margin-bottom: 20px;
}

.panelTitle span {
    font-family: IRANSansFaNum-Bold;
}

.innercontent input[type=submit]:before {
    background: url('../images/btn-pattern-left.png') no-repeat left center;
    content: "";
}
.sep_global_basket_count {
    position: absolute;
    top: -12.5px;
    left: -12.5px;
    background: #83838c;
    color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    padding: 0 5px;
    line-height: 25px;
}
 .basket_link {
    position: relative;
   /* display: inline-block;
    vertical-align: middle;
    line-height: 35px;
    cursor: pointer;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
    border-radius: 35px;
    padding: 3px 15px;*/
} 
/* 
.albumBox {
    text-align: center;
}

.albumImg {
    margin: 20px auto;
    width: auto;
    text-align: center;
    position: relative;
    display: inline-block;

}

.albumImg img {
    background: -webkit-linear-gradient(var(--color1), var(--color2));
    background: -o-linear-gradient(var(--color1), var(--color2));
    background: -moz-linear-gradient(var(--color1), var(--color2));
    background: linear-gradient(var(--color1), var(--color2));
    padding: 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    max-width: 260px;
}

.albumImg img:nth-child(1) {
    position: absolute;
    top: 0;
    transform: rotate(5deg);
    transition: all 0.5s;
}

.albumImg:before {
    content: '';
    background: url('../images/light.png') no-repeat center;
    width: 55px;
    height: 55px;
    position: absolute;
    top: -35px;
    left: 0;
    z-index: 101;
    transition: all 0.4s;
}

.albumImg:hover:before {
    top: -13px;
}

.albumImg:hover img:nth-child(1) {
    transform: rotate(-5deg);
}

.albumBox h3 {
    font-size: 16px;
    margin-top: 0;
} */

footer {
    background: url('../images/border-bottom.png') no-repeat center top #151515;
    background-size: 100% 3px;
    padding: 10px;
    color: var(--lightColor);
}
footer li, footer p {
    padding-bottom: 10px;
}
footer li{
    list-style: none;
}
.designBy {
    text-align: left;
}

.designBy img {
    margin-right: 5px;
    height: 25px;
}

footer a {
    color: var(--lightColor);
}

footer a:hover {
    color: #83838c;
}
.topFooter{
    padding-bottom: 20px;
}
section.conent{
    padding:0 10px;
}
/*------------pagination----------------*/
.sep-pagination li a:hover{
    color: #040404;
}
/*-----------------------------------carousel-----------------------------------------------*/
.sep-showAll{
    background: url('../images/morebg.png') no-repeat center !important;
    text-align: center;
}

.sep-showAll a.showAllLink {
    background: -webkit-linear-gradient(var(--color1), var(--color2));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(var(--color1), var(--color2));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(var(--color1), var(--color2));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(var(--color1), var(--color2));
    /* Standard syntax */
    display: inline-block;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 3px;
    border: none;
    width: auto !important;
    position: relative;
    line-height: 1rem;
}
.sep-showAll a.showAllLink:hover {
    background: -webkit-linear-gradient(var(--color2), var(--color1));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(var(--color2), var(--color1));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(var(--color2), var(--color1));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(var(--color2), var(--color1));
    /* Standard syntax */
    color: #ffffff;
}
.sep-item {
    margin-bottom: 20px;
}
.sep-item.viewTheme{
    transition: all 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
    border-radius: 0;
}
.sep-item.viewTheme .sep-imgBox{
    height: 230px;
}
.sep-item.viewTheme .sep-imgBox img{
    /* background: -webkit-linear-gradient(var(--color1), var(--color2)); */
    /* For Safari 5.1 to 6.0 */
    /* background: -o-linear-gradient(var(--color1), var(--color2)); */
    /* For Opera 11.1 to 12.0 */
    /* background: -moz-linear-gradient(var(--color1), var(--color2)); */
    /* For Firefox 3.6 to 15 */
    /* background: linear-gradient(var(--color1), var(--color2)); */
    /* Standard syntax */
    background:#fff;
    transition: all 0.5s ease;
    padding: 4px;
    border: none;
    width: 100%;
    height: 100% !important;
    object-fit: contain;
}

.sep-item.viewTheme:hover .sep-imgBox img{
    /* background: -webkit-linear-gradient(var(--color2), var(--color1)); */
    /* For Safari 5.1 to 6.0 */
    /* background: -o-linear-gradient(var(--color2), var(--color1)); */
    /* For Opera 11.1 to 12.0 */
    /* background: -moz-linear-gradient(var(--color2), var(--color1)); */
    /* For Firefox 3.6 to 15 */
    /* background: linear-gradient(var(--color2), var(--color1)); */
    /* Standard syntax */
    background:#fff;
}
#carousel .buttons {
    background: url('../images/carbtn.png') 0 0;
    display: block;
    font-size: 22px;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    transition: background-color 0.3s;
    top: 43px;
    z-index: 999;
}

.owl-carousel .owl-nav .owl-next:after {
    background-position: right top !important;
    height: 40px;
    right: 15px;
    width: 23px;
}

.owl-carousel .owl-nav .owl-next:hover:after{
    background-position: right bottom !important;
}

.sep_carousel .owl-prev::before {
    height: 40px;
    left: 5px;
    width: 23px;
}

.sep_carousel .owl-prev:hover:before {
    background-position: left bottom !important;
}

.owl-nav button{
    font-size: 0;
    background: transparent;
}
.sep_carousel .owl-prev::before,
.sep_carousel .owl-next::after {
    content: "";
    background: url('../images/carbtn.png') 0 0;
    background-position-x: 0px;
    background-position-y: 0px;
    display: block;
    font-size: 22px;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    transition: background-color 0.3s;
    /* top: 43px; */
    top: -43px;
    z-index: 999;
} 
.sep_carousel .owl-dots{
    display: none;
}

/*-------------------items------------------------*/
.sep-item h2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sep-price.sep-prevPrice,.sep_vit_rightspec.sep-prevPrice .sep-price{
    font-size: 1.3rem;
    color: inherit;
    line-height: 2rem;
}
.sep-price{
    color:var(--lightColor);
    font-size: 1.5rem;
    line-height: 2rem;
}
.sep-item .sep-btns {
    padding: 5px;
    border: 1px solid #6f6f77;
    margin: 5px 0;
    color:var(--lightColor);
    padding: 5px 0;
  border: 1px solid #6f6f77;
  /* color:var(--lightColor); */
  border-color:var(--lightColor);
  margin: 5px 0;
  line-height: 1.5rem;
   height: 3rem;
}
.sep_vit_ProductsListView .sep-item .sep-btns {
    width: fit-content;
}
.sep_vit_ProductsListView .sep-item .sep-btns a{
    padding: 5px 10px
}
.sep-showproducts-part .sep_vit_ProductsListView .viewTheme1 h2 {
    justify-content: flex-start;
}
.sep-vitrinPView-part .viewTheme1 .sep-desc{
    display: none !important;
}
/* .sep-item .sep-btns a{
    color:var(--lightColor);
} */
/* .sep-item h2, .sep-item h2 a {
    color: var(--lightColor);
} */
/*----------------------grid product-part-----------------------------*/
.sep-part.sep-showproducts-part:not(.sep-carousel-part) .showAllLink {
    font-size: 0;
    display: inline-flex;
}
.sep-part.sep-showproducts-part:not(.sep-carousel-part) .showAllLink:before {
    font-size: 14px;
    font-family: "bayekan", "Tahoma";
    content: "نمایش همه";
    display: block;
}
/*----------------------------vitrin----------------------------------*/
/* .sep_vitrin .uedge{
    padding: 10px;
} */
.sep_vit_subGroups ul li {
    padding:10px 20px;
    margin-right: -25px;
    margin-left: -11px;
    list-style: none;
}

.sep_vit_subGroups ul li a {
    padding-right: 24px;
    position: relative;
    font-weight: 500;
}
.sep_vit_subGroups ul li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    right: 0px;
    width: 15px;
    height: 15px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyLjg3MjZtbSIgaGVpZ2h0PSIyLjg3MjZtbSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMi44NzI2IDIuODcyNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxtZXRhZGF0YT4gIDxyZGY6UkRGPiAgIDxjYzpXb3JrIHJkZjphYm91dD0iIj4gICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgIDxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiLz4gICAgPGRjOnRpdGxlLz4gICA8L2NjOldvcms+ICA8L3JkZjpSREY+IDwvbWV0YWRhdGE+IDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMi44NTEgLTIzNy40MykiPiAgPHBhdGggZD0ibTE0Ljc2NiAyMzguMzloMC45NTc1M3YwLjk1NzUyaC0wLjk1NzUzem0tMC45NTc1My0wLjk1NzUzaDAuOTU3NTN2MC45NTc1M2gtMC45NTc1M3ptLTAuOTU3NTMgMC45NTc1M2gwLjk1NzUzdjAuOTU3NTJoLTAuOTU3NTN6bTAuOTU3NTMgMC45NTc1MmgwLjk1NzUzdjAuOTU3NTNoLTAuOTU3NTN6IiBmaWxsPSIjNjY2IiBzdHJva2Utd2lkdGg9Ii4wMDQwODciLz4gPC9nPjwvc3ZnPg==);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 6px;
}
.sep_vit_subGroups ul li a.chosed:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    right: 2px;
    width: 11px;
    height: 11px;
    background-position: -193px -81px;
    border: 1px solid #fff;
    border-radius: 1px;
}
.sep .sep_vit_slider .ui-widget-header {
    border:none;
    background: #997f65 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    height:4px;
}
.sep .sep_vit_slider .ui-state-default,
.sep .sep_vit_slider .ui-widget-content .ui-state-default,
.sep .sep_vit_slider .ui-widget-header .ui-state-default {
    border: 2px solid #aaa;
    width: 13px;
    height: 13px;
    cursor: auto;
    transition-duration: .3s;
    top: -6px;
    background:#fff;
    position: absolute;
    z-index: 2;
    border-radius: 1em;
    outline: 0;
    margin-left: -.5em;
}
.sep .sep_vit_slider .ui-state-default:hover,
.sep .sep_vit_slider .ui-widget-content .ui-state-default:hover,
.sep .sep_vit_slider .ui-widget-header .ui-state-default:hover {
    width: 19px;
    height: 19px;
    transition-duration:.3s;
    border:2px solid;
    top:-9px;
}
.sep .sep_vit_slider .ui-widget-content {
    margin-bottom: 20px;
    height:4px;
}
.ui-slider-horizontal {
    height: 4px;
}
.sep .ui-state-default, .sep .ui-widget-content .ui-state-default, .sep .ui-widget-header .ui-state-default{
    color: #fff;
}
.sep .ui-state-hover,
.sep .ui-widget-content .ui-state-hover,
.sep .ui-widget-header .ui-state-hover,
.sep .ui-state-focus,
.sep .ui-widget-content .ui-state-focus,
.sep .ui-widget-header .ui-state-focus {
    
  border:1px solid var(--color1);
  color:var(--color2);
}
.sep .ui-state-hover a,
.sep .ui-state-hover a:hover,
.sep .ui-state-hover a:link,
.sep .ui-state-hover a:visited,
.sep .ui-state-focus a,
.sep .ui-state-focus a:hover,
.sep .ui-state-focus a:link,
.sep .ui-state-focus a:visited {
  color:var(--color2);
}
.sep_vit_search,.sep_vit_optionsPanel {
    color: inherit;
}
.more-btn.sep_vit_morelink {
    font-size: 0;
}
.more-btn.sep_vit_morelink::after {
    content: "اضافه به سبد خرید";
    font-size: 14px;
    font-family: "bayekan", "Tahoma";
}
.sep-btns.sep-iconBtns a::before {
    margin-left: 0;
    font-size: 0;
}
.sep_vit_search-input{
    display: none
}
#DisplayType_List i{
    margin-top: -3px;
    font-size: 18px;
}
/*---------------------kala page--------------------------------------*/
.sep-variants li{
    height: 3rem;
}
.sep-kalaTemplate-part .sep-price.sep-prevPrice{
    padding-left: 20px;
    font-size: 1.5rem;
}
.sep-kalaTemplate-part .mainPrice.sep-price {
    color: var(--lightColor);
    font-size: 2rem;
}
/*--------------------------------search-----------------------------*/
#sep-searchResult {
    position: absolute;
    max-height: 300px;
    overflow: auto;
    text-align: right;
    top: 110%;
    right: 0;
    width: 100%;
    background: #1c1c1e;
    z-index: 9000;
}
.sep-search {
    position: relative;
    display: inherit;
}
.sep-listItem {
    display: flex;
    align-items: center;
    border-bottom: 1px solid;
    padding: 5px 10px;
}
a.sep-listItem:hover{
    color: #83838c;
}
.sep-listItem:last-child {
    border-bottom: none
}
.sep-listItem .sep-unit {
    color: inherit;
    font-size: 1.2rem;
}
.sep-listItem .sep-imgBox {
    width: 25%;
    margin-left: 10px;
    height: 100px;
}
.sep-listItem .sep-caption{
    width: 75%;
}
.sep-listItem .sep-imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.sep-listItem .sep-priceBox{
    padding-top: 5px;
    }
.sep-listItem h3 {
    font-size: 1em;
    margin: 0;
    font-family: inherit;
}

.search-all {
    padding: 10px 20px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.search-all p{
    margin: 0;
}

.search-all .sep-btns {
    height: auto;
    margin-top: 0;
    margin-right: 20px;
}

.search-all .sep-btns a {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.searchMsg{
    padding: 10px;
}
#searchlink{
    display: none;
}
#searchlink a{
    border-radius: 5px;
}
/*---------------other parts------------------------------------------*/
.sep-part,.sep-banner-container {
    margin-bottom: 40px;
}
.sep-GroupImageView-part:not(.sep-showproducts-part) .sep-imgBox{
    height: 100px;
}
.sep-GroupImageView-part:not(.sep-showproducts-part) .sep-imgBox img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sep-banner-container{
    padding: 5px !important;
}
.sep-vit-option select{
    width: auto;
}
input[type="submit"].sep-backOnePage {
    background: gray;
}
.sep_bas_count input {
    background: #fff;
    border: 1px solid var(--color2);
    color: initial;
}
.sep-BasketWatch-part .sep-price{
    color: #333;
}
/*---------------------------media------------------------------------*/
.sep-menu.sm-side .toggleMenu{
    top: 27px;
    left: 15px;
    right: auto;
    background: -webkit-linear-gradient(var(--color1), var(--color2));
    background: -o-linear-gradient(var(--color1), var(--color2));
    background: -moz-linear-gradient(var(--color1), var(--color2));
    background: linear-gradient(var(--color1), var(--color2));
    color: #ffffff;
    padding: 3px 10px;
    border-radius: 5px;
    border: none;
    width: auto !important;
}
.sep-menu .toggleMenu .toggleIcon, .sep-menu .toggleMenu .toggleIcon:before, .sep-menu .toggleMenu .toggleIcon:after {
    width: 20px;
    background: #fff;
}
.sep-menu.sm-side .toggleMenu.toggleOpen {
    right: auto;
}
.sep-menu.openMenu.mobileview  ul{
    width: 100%;
    background-color: #040404;
    padding-top: 50px;
}
.sep-menu.openMenu.mobileview  ul > li {
    display: block;
    float: none;
    padding: 10px;
}
.sep-menu .toggleOpen .toggleIcon {
    background: transparent !important;
}

@media(max-width:768px) {
    .sep-item h2 {
        height: 4em;
    }
    footer .row{
        display: initial;
    }
    #searchlink{
        display: flex;
    }
    .search .saerchbtn {
        border-radius: 0;
    }
    .shortcode-container {
        margin-left: 65px;
    }
    .copyRight, .designBy {
        text-align: center;
        padding: 5px 0;
    }
    /* .navbar-default{
        display: none
    } */
    .search-container {
        position: absolute;       
        width: 100vw;
        height: 100vh;
        background: #040404a6;
        position: fixed;
        backdrop-filter: blur(7px);
        right: 0;
        bottom: 0;
        top: 0;
        left: 0;
        z-index: 10000;
        display: none;
        margin: 0 auto;
        padding-right: 0 !important;
        display: none !important;
      }
      .overSearch {
        position: fixed;
        background: rgba(0,0,0,.6);
        width: 100%;
        height: 100vh;
        top: 0;
        right: 0;
        z-index: 1001;
      }
      .sep-search input[type="text"]{
        width: calc(100% - 5rem);
        background: #d5d5d5f7;
        border-radius: 0;
        }
    
          #sep-searchResult {
            width: 100%;
            right: 0;
          }
      .close-page {
        position: absolute !important;
        top: 0;
        right: 0;
        font-size: 1.5rem;
        background: #fff;
        padding: 25px 20px;
        color: #2d2d2d;
        z-index: 100001;
    }
    .close-page small {
        position: relative;
        top: 2px;
        margin-right: 15px;
    }
    .close-page.close-search{
        background: transparent;
    }
    a.close-search i {
        color: #000 !important;
    }
}
@media(min-width:769px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media(max-width:360px) {

    #rightcol,
    #leftcol,
    #centercol {
        display: block;
        width: 100%;
    }

    footer,
    .designBy {
        text-align: center;
    }

    .designBy {
        margin-top: 20px;
    }

    .search {
        margin: 20px 0;
    }

    .user a {
        border-radius: 3px;
    }

    .sy-pager {
        bottom: 10px;
    }

    .sy-controls li.sy-next a::after,
    .sy-controls li.sy-prev a::after {
        line-height: 20px;
        width: 20px;
        height: 20px;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
    }

    .navbar-default .navbar-collapse ul>li {
        border-left: none;
        border-bottom: 1px solid #2d2d2f;
        width: 100%;
        padding: 0 10px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: var(--lightColor);
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li:last-child {
        border-bottom: none;
    }

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>.open>a:focus {
        background: none;
        color: var(--lightColor);
        border-bottom: 1px solid #2d2d2f
    }
}