:root {

    --font1: 'Montserrat', sans-serif;

    --color1: hsl(0, 0%, 100%);;

    --color2: hsl(0, 0%, 0%);

    --color3: hsl(0, 0%, 90%);

    --color4: hsl(24, 97%, 60%);

    --color5: hsl(0, 0%, 93%);

    --color6: hsl(0, 0%, 85%);

    --color7: hsl(0, 0%, 56%);

}



a.showAdmin{

    display:none !important;

}



[v-cloak]{

    display: none;

}



.angularTemplate{

    visibility:hidden;

}



.whiteBg{

    background-color:#fff;

}



.blockLightBg{

    background-color:#f7f7f7;

}



.lightBg{

    background-color:#e5e5e5;

}



.darkBg{

    color:#fff;

    background-color:#444;

}



.lightFluBg{

    background-color:rgba(255,255,255,.5);

}



.darkFluBg{

    color:#fff;

    background-color:rgba(0,0,0,.5);

}



[dir="rtl"] .campaignWrap{

    right:0;

}



.campaignDescription{

    background:rgba(255,255,255,.5);

}



.campaignDescription.dark{

    color:#fff;

    background:rgba(0,0,0,.5);

}



.navIcon{

    width:20px;

    height:20px;

    background:url('navIcon.png') no-repeat center center;

}



[dir="rtl"] #navigasyon li{

    float:right;

}



#navigasyon a{

    height:20px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--color2);

    font-size: 0.75rem;

    font-weight: 500;

    padding-left:5px;

}



#navigasyon a:last-child {

    font-weight: 400;

}



#navigasyon a.navHome{

    color:var(--color2);

}



#navigasyon a span.forDesktop{

    padding-left: 5px;

    padding-right: 10px;

}



#navigasyon a span.forDesktop:before{

    line-height: 20px;

}



[dir="rtl"] #navigasyon a{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    padding-left:0;

    padding-right:5px;

}



[dir="rtl"] #navigasyon a span.forDesktop{

    padding-right: 5px;

    padding-left: 10px;

    float: right;

    margin-left: auto;

}



[dir="rtl"] #navigasyon a span.forDesktop:before{

    content: '\e81c';

}



#catImg{

    position:relative;

}



#catImg p{

    padding-bottom: 0;

}



#filterSort select{

    -webkit-appearance:none;

    -moz-appearance:none;

    appearance:none;

}



.filter-box{

    margin-bottom:-1px;

    border-right:1px solid #d9d9d9;

    border-bottom:1px solid #d9d9d9;

    line-height:30px;

    font-size:12px;

    color:#6c6c6c;

}



[dir="rtl"] .filter-box,

[dir="rtl"] .box.b-right[for="stock"]{

    border-right:0;

    border-left:1px solid #d9d9d9;

}



.filter-box select{

    float:left;

    height:30px;

    margin:0;

    padding-right:15px;

    border:0;

    font-size:12px;

    color:#6c6c6c;

    appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

}



[dir="rtl"] .filter-box select{

    padding-right:0;

    padding-left:15px;

}



.filter-box .input-wrap{

    height:30px;

}



.filter-box.col-text{

    line-height:30px;

    font-size:12px;

    color:#6C6C6C;

}



#pageLayout :not(.icon-no-space):before{

    margin-right:5px;

}



.select-wrapper{

    position:relative;

    width:53px;

    height:30px;

}



.select{

    width:33px;

    padding:30px 5px 0;

    position:absolute;

    left:5px;

    z-index:333;

}



.select:hover{

    background:#F3F3F3;

}



.select span{

    width:33px;

    height:20px;

    cursor:pointer;

    display:none;

    padding:5px 0;

    border-top:1px solid #B7B7B7;

}



.select span.selected{

    position:absolute;

    top:0;

    left:5px;

    cursor:default;

    display:block;

    border-top:0;

}



.select:hover span{

    display:block;

}



.filter-item-list{

    max-height:280px;

    overflow:auto;

}



#slider-range{

    width:calc(100% - 16px);

    height:2px;

    margin-top:18px;

    margin-right:17px;

    background:#e5e5e5;

    position:relative;

}



.middle-price-filter{

    display: -webkit-box;

    display: flex;

    white-space: nowrap;

}



.middle-price-filter #slider-range{

    width: 100px;

    margin-top: 14px;

}



.ui-slider-range{

    position:absolute;

    top:0;

    height: 0.188rem;

    background:var(--color2);

}



.ui-slider-handle{

    position: absolute;

    top: -6px;

    width: 0.938rem;

    height: 0.938rem;

    background: var(--color2);

    box-sizing: border-box;

    cursor: pointer;

}



#filtre .btn.btn-default{

    font-size:12px;

}



#leftColumn #filtre .btn.btn-default{

    font-size:20px;

}



#newsList .line-top:first-child{

    border-top:0;

}



.productType, .qtyBtns input{

    font-size:12px;

    text-transform:uppercase;

}



.productType{

    line-height:30px;

}



.middleItem .productType{

    line-height:14px;

}



#commentTabContent .stars{

    margin-bottom:5px;

    margin-left:10px;

}



#cart-wrapper .qtyBox{

    min-width:110px;

}



.middleItem {

    overflow-x: auto;

}



.qtyBtns{

    height:48px;

    padding-top:1px;

    padding-bottom:1px;

    background-color:#e5e5e5;

}



.package-line .qtyBtns{

    height:30px;

}



.middleItem .qtyBtns{

    height:30px;

    padding-top:1px;

    padding-bottom:1px;

    background:#e5e5e5;

}



.qtyBtns a{

    float:left;

    width:25px;

    height:48px;

    line-height:48px;

    text-align:center;

    -webkit-user-select:none;

    -moz-user-select:none;

    -ms-user-select:none;

    -o-user-select:none;

    user-select:none;

}



.middleItem .qtyBtns a{

    height:30px;

    line-height:28px;

    opacity:.5;

}



.package-line .qtyBtns a{

    height:30px;

    line-height:30px;

}



.qtyBtns a p.icon-minus:before{

    font-size:1px;

}



.qtyBtns a p.icon-plus:before{

    font-size:7px;

}



.qtyBtns input{

    float:left;

    width:calc(100% - 50px);

    height:48px;

    line-height:48px;

    font-size:14px;

    color:#5e5e5e;

    text-align:center;

    padding-right:5px;

    padding-left:5px;

    border:0;

    box-sizing:border-box;

}



.form.large .package-line .qtyBtns input{

    height:30px;

    line-height:30px;

}



.middleItem .qtyBtns input{

    height:30px;

    line-height:30px;

    font-size:14px;

}



.middleItem td{

    padding:10px;

    vertical-align:middle;

}



.middleItem .lightBg td.line-right{

    border-right:1px solid #dadada;

}



.productRow div > span, 

.middleItem td > span{

    line-height:1.5;

    clear:both;

}



.productRow div > span.basketProName, 

.middleItem td > span.basketProName{

    font-size:14px;

}



.productRow div > span.basketSubPro,

.middleItem td > span.basketSubPro{

    display:inline-block;

    font-size:12px;

    color:#5e5e5e;

    padding-left:5px;

    padding-right:5px;

    margin-bottom:10px;

}



.incBasketProduct, .decBasketProduct{



}



.incBasketProduct{



}



.decBasketProduct{



}



.qtyBasketProduct{

    width:28px;

}



.productPrc{

    font-size:14px;

}



.removeBasketProduct{

    float:left;

    width:30px;

    height:30px;

    background:#000;

}



.mDetay{

    cursor:pointer;

}



#cartEmpty{

    font-size: 25px;

    line-height:250px;

}



#leftColumn #cartEmpty, #rightColumn #cartEmpty{

    font-size: 14px;

    line-height: 25px;

}



#cartEmpty:before{

    content:'';

    display: inline-block;

    background: url('cartEmpty.png') no-repeat center center;

    width: 128px;

    height: 128px;

    vertical-align:middle;

    margin-right:20px;

}



#rightColumn #cartEmpty:before, #leftColumn #cartEmpty:before{

    margin-right:0;

}



#currentPageLayer{

    width:100% !important;

}



#CustomForm{

    background-color:#fff;

}



.line-label{

    font-size:14px;

    color:#545454;

    font-weight:700;

    margin-bottom:0;

}



.package-line:nth-child(odd){

    background-color:#f5f5f5;

}



.package-line:nth-child(even) > .box{

    padding-top:0;

    padding-bottom:0;

}



.table-responsive {

    min-height: .01%;

    overflow-x: auto;

}



.table-responsive > table{

    width: 100%;

    max-width: 100%;

}



.swiper-container {

    overflow: hidden;

    position: relative;

}

.flex-center {
    display:flex;
    align-items:center;
    justify-content: center;
}

@media screen and (max-width: 1230px) {



    #nav-wrapper{

        padding-right:10px;

        padding-left:10px;

        box-sizing:border-box;

    }



}



@media screen and (min-width: 1001px) {



    .qtyBtns input{

        min-width:28px;

    }



}



@media screen and (max-width: 1000px) and (min-width: 769px) {



    .navIcon{

        width:30px;

        height:30px;

    }



    #navigasyon a{

        height:30px;

        line-height:30px;

        font-size:13px;

    }



}



@media screen and (min-width: 769px) {



    .middleItem .qtyBtns input{

        width:28px;

    }



}



@media screen and (max-width: 768px) {



    #nav-wrapper i:before{

        line-height:40px;

        padding-right:10px;

    }



    #navigasyon{

        border: 0;

        position: relative;

        border-bottom:1px solid #f0f0f0;

        margin-top:-10px;

    }



    #navigasyon li{

        position:absolute;

        width:calc(100% - 30px);

        height:100%;

        opacity:0;

        visibility: hidden;

    }



    #navigasyon[data-last-step="true"] li:last-child,

    #navigasyon[data-last-step="false"] li:nth-last-child(2){

        position:static;

        opacity:1;

        z-index:0;

        white-space:nowrap;

        visibility: visible;

    }



    #navigasyon li:after{

        position:absolute;

        right:10px;

        content:'\e81d';

        line-height:40px;

        color:#e35252;

        font-family:'tsoft', sans-serif;

        font-style:normal;

        font-weight:normal;

        text-decoration:inherit;

        font-variant:normal;

        text-align:center;

        text-transform:none;

        -webkit-font-smoothing:antialiased;

        -moz-osx-font-smoothing:grayscale;

        speak:none;

    }



    #navigasyon a{

        width:100%;

        padding-right:0;

        padding-left:0;

        line-height:40px;

        height:40px;

        color:#535353;

        font-size:13px;

        text-transform:uppercase;

        text-align:center;

        font-style:normal;

    }



    #navigasyon a.navHome{

        padding-right:0;

    }



    .filter-box{

        margin-bottom: 0;

    }



    .alertListBtn{

        padding-right:0;

        padding-bottom:10px;

    }



    .shopImg{

        padding-right:0;

    }



    .campaignWrap{

        position:relative;

        padding-top:0;

        padding-right:0;

        padding-bottom:30px;

        padding-left:0;

    }



    #cartEmpty{

        line-height:40px;

    }



    #cartEmpty:before{

        width:100%;

    }



    .productRow{

        display:block;

    }



    .productRow div > span.basketProName{

        position:relative;

        font-size:13px;

        line-height:1.7;

    }



    .removeBtn{

        position:absolute;

        top:0;

        right:0;

    }



    [dir="rtl"] .removeBtn{

        right:auto;

        left:0;

    }



    #cart-wrapper{

        display:initial;

    }



    .form.large .package-line .qtyBtns input{

        padding-right:5px;

        padding-left:5px;

    }



}



.swiper-button-next, .swiper-button-prev {

    z-index: 9 !important;

}



#home-inf {

    margin-top: 1.87rem;

    margin-bottom: 1.87rem;

}



#home-inf .col {

    padding-left: 0.93rem;

    padding-right: 0.93rem;

}



#home-inf #shop .shopicon:before {

    content: url(/Data/EditorFiles/betpa/information/shop.svg);

}



#home-inf #shop {

    display: flex;

    align-items: center;

}



#home-inf #cargo .cargoicon:before {

    content: url(/Data/EditorFiles/betpa/information/cargo.svg);

}



#home-inf #cargo {

    display: flex;

    align-items: center;

}



#home-inf #installment .installmenticon:before {

    content: url(/Data/EditorFiles/betpa/information/installment.svg);

}



#home-inf #installment {

    display: flex;

    align-items: center;

}



#home-inf #pay .payicon:before {

    content: url(/Data/EditorFiles/betpa/information/pay.svg);

}



#home-inf #pay {

    display: flex;

    align-items: center;

}



#home-inf .border {

    border-radius: 0.313rem;

    border: 0.063rem solid var(--color5);

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    min-height: 5.26rem;

    max-height: 5.26rem;

}



#home-inf .textarea {

    display: flex;

    flex-direction: column;

    padding: 0rem 1.5rem;

}



#home-inf .title {

    color: var(--color2);

    font-size: 0.75rem;

    font-weight: 500;

    margin-bottom: 0.31rem;

    text-transform: uppercase;

}



#home-inf .text {

    color: var(--color7);

    font-size: 0.625rem;

    font-weight: 400;

    line-height: normal;

}



#home-banner {

    margin-bottom: 3.12rem;

}



#home-banner .col {

    padding-left: 0.93rem;

    padding-right: 0.93rem;

}



#home-banner .mainleftarea {

    display: flex;

    flex-direction: column;

    align-items: center;

    background-color: var(--color3);

    padding-top: 4.37rem;

    padding-bottom: 3.4rem;

}



#home-banner .mainleftarea .img {

    margin-bottom: 3.12rem;

}



#home-banner .mainleftarea .title {

    color: var(--color2);

    font-size: 1.25rem;

    font-weight: 600;

    margin-bottom: 1.37rem;

    text-transform: uppercase;

}



#home-banner .mainleftarea .bannerbtn {

    color: var(--color2);

    font-size: 1rem;

    font-weight: 500;

    padding-bottom: 0.2rem;

    border-bottom: solid 0.063rem var(--color2);

}



#home-banner .mainrightarea-one {

    display: flex;

    align-items: center;

    justify-content: space-evenly;

    background-color: var(--color3);

    padding-top: 1.43rem;

    padding-bottom: 1.43rem;

    margin-bottom: 0.93rem;

}



#home-banner .mainrightarea-one .text {

    display: flex;

    flex-direction: column;

    align-items: center;

}



#home-banner .mainrightarea-one .text .title {

    color: var(--color2);

    font-size: 1.25rem;

    font-weight: 600;

    margin-bottom: 2.18rem;

    text-transform: uppercase;

}



#home-banner .mainrightarea-one .text .bannerbtn {

    color: var(--color2);

    font-size: 1rem;

    font-weight: 500;

    padding-bottom: 0.2rem;

    border-bottom: solid 0.063rem var(--color2);

}



#home-banner .mainrightarea-two {

    margin-top: 0.93rem;

}



#home-banner .mainrightarea-two .left {

    display: flex;

    flex-direction: column;

    align-items: center;

    background-color: var(--color3);

    padding-top: 2.18rem;

    padding-bottom: 1rem;

}



#home-banner .mainrightarea-two .left .text {

    display: flex;

    flex-direction: column;

    align-items: center;

    padding-bottom: 0.56rem;

}



#home-banner .mainrightarea-two .left .text .title {

    color: var(--color2);

    font-size: 1.25rem;

    font-weight: 600;

    margin-bottom: 0.7rem;

    text-transform: uppercase;

}



#home-banner .mainrightarea-two .left .text .bannerbtn {

    color: var(--color2);

    font-size: 1rem;

    font-weight: 500;

    padding-bottom: 0.2rem;

    border-bottom: solid 0.063rem var(--color2);

}



#home-banner .mainrightarea-two .right {

    display: flex;

    align-items: center;

    justify-content: space-evenly;

    background-color: var(--color3);

    padding-top: 1.05rem;

    padding-bottom: 1.05rem;

}



#home-banner .mainrightarea-two .right .text {

    display: flex;

    flex-direction: column;

    align-items: center;

}



#home-banner .mainrightarea-two .right .text .title {

    color: var(--color2);

    font-size: 1.25rem;

    font-weight: 600;

    margin-bottom: 2.18rem;

    text-transform: uppercase;

}



#home-banner .mainrightarea-two .right .text .bannerbtn {

    color: var(--color2);

    font-size: 1rem;

    font-weight: 500;

    padding-bottom: 0.2rem;

    border-bottom: solid 0.063rem var(--color2);

}



#home-banner .mainrightarea-two .pl0 {

    padding-left: 0;

}



#home-banner .mainrightarea-two .pr0 {

    padding-right: 0;

}



#homebanner-two .col {

    padding-left: 0.93rem;

    padding-right: 0.93rem;

}



#homebanner-two {

    margin-bottom: 3.12rem;

}



#homebanner-two .bg {

    background-color: var(--color3);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding-top: 1.87rem;

    padding-bottom: 1.25rem;

    min-height: 16.25rem;
    
    height: 16.25rem;

} 



#homebanner-two .title {

    color: var(--color2);

    font-size: 1rem;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 0.87rem;
    text-align: center;

}



#homebanner-two .bannerbtn {

    color: var(--color2);

    font-size: 1rem;

    font-weight: 500;

    padding-bottom: 0.2rem;

    border-bottom: solid 0.063rem var(--color2);

    margin-bottom: 1.56rem;

}



#video-banner {

    border-top: 0.063rem solid var(--color5);

    border-bottom: 0.063rem solid var(--color5);

    margin-bottom: 3.12rem;

}



#video-banner .textarea {

    display: flex;

    flex-direction: column;

    padding-left: 1.87rem;

    padding-right: 1.87rem;

    height: 24.87rem;

    overflow: auto;

}



#video-banner .title {

    color: var(--color2);

    font-size: 1.875rem;

    font-weight: 600;

    margin-bottom: 2.81rem;

}

#brandslide-swiper img {
    height: 80px;
    width: 100%;
    object-fit: contain;
    border: 1px solid #eee;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0 5px;
}

#video-banner .text p {

    color: var(--color2);

    font-size: 1rem;

    font-weight: 400;

    line-height: 2;

}



#brandslide-swiper {

    margin-bottom: 3.12rem;

}



#navigasyon .icon-arrow-simple-right:before {

    content: url(/Data/EditorFiles/betpa/icon/nav-arrow.svg);

    line-height: 0 !important;

}



#navigasyon {

    margin-top: 0.62rem;

    margin-bottom: 0.62rem;

}



#catImg .cattext:before {

    content: url(/Data/EditorFiles/betpa/category/case.png);

}



#catImg #cattextarea {

    background: linear-gradient(90deg, rgba(88,43,161,1) 0%, rgba(88,43,161,1) 35%, rgba(95,180,210,1) 100%);

}



#catImg .cattext {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0rem 4rem;

}



#catImg .cattext > span {

    display: flex;

    flex-direction: column;

}



#catImg .cattext > span > .title {

    color: var(--color1);

    font-size: 1.25rem;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 1rem;

}



#catImg .cattext > span > .text {

    color: var(--color1);

    font-size: 0.875rem;

    font-weight: 400;

    line-height: 2;

}



#leftFilter .filter-wrap-box {

    border-radius: 0.313rem;

    background-color: var(--color1);

    border: 0.063rem solid var(--color5);

    margin-bottom: 1rem;

    padding-top: 1rem;

    padding-bottom: 1rem;

}



#leftFilter .filter-title {

    color: var(--color2);

    font-size: 0.875rem;

    font-weight: 600;

    margin-bottom: 1rem;

}



#leftFilter .catchild {

    color: var(--color2);

    font-size: 0.75rem;

    font-weight: 400;

    margin-top: 0.5rem;

    margin-bottom: 0.5rem;

}



#leftFilter .icon-square-unchecked:before {

    content: url(/Data/EditorFiles/betpa/icon/unchecked.svg);

}



#leftFilter .icon-square-checked:before {

    content: url(/Data/EditorFiles/betpa/icon/checked.svg);

}



#leftFilter .col-text {

    color: var(--color2);

    font-size: 0.75rem;

    font-weight: 400;

    margin-bottom: 0.5rem;

    margin-top: 0.5rem;

}



#leftFilter #filterWrapper .col-text:hover {

    color: var(--color4);

}



#leftFilter .filterBtn {

    border-radius: 0.313rem;

    background-color: var(--color4);

    padding-top: 1rem;

    padding-bottom: 1rem;

    text-align: center;

    color: var(--color1);

    font-size: 1rem;

    font-weight: 500;

    text-transform: uppercase;

    padding-left: 0.6rem;

    padding-right: 0.6rem;

    cursor: pointer;

}



#leftFilter .filter-item-list {

    max-height: 200px;

}



::-webkit-scrollbar-thumb {

    background: var(--color2);

}



#twoCol {

    margin-top: 0.5rem;

}



#leftFilter .priceWrap {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 1.5rem;

}



#leftFilter #min-price {

    border-radius: 0.313rem;

    background-color: var(--color1);

    border: 0.063rem solid var(--color5);

    padding: 0.7rem 0.5rem;

}



#leftFilter #max-price {

    border-radius: 0.313rem;

    background-color: var(--color1);

    border: 0.063rem solid var(--color5);

    padding: 0.7rem 0.5rem;

}



@media screen and (min-width: 769px) {

    #slideMenu {

        display: none !important;

    }

}



/*Mobile*/



@media screen and (max-width: 768px) {

    #dsarea {

        display: none;

    }



    #headerInformation {

        display: none;

    }



    #headerMain {

        padding-top: 0rem !important; 

        padding-bottom: 0rem !important;

    }



    #interactivecase img {

        width: 100%;

    }



    #interactivecase .swiper-pagination-bullet {

        width: 1.875rem !important;

    }



    #interactivecase .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

        margin: 0rem 0.4rem !important;

    }



    #interactivecase .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

        right: 0.5rem !important;

    }



    #interactivecase .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

        left: 0.5rem !important;

    }



    #home-inf .col {

        padding-left: 0.5rem;

        padding-right: 0.5rem;

        margin-bottom: 0.5rem;

    }



    #home-inf .textarea {

        padding: 0rem 0.4rem;

    }



    #home-inf .title {

        text-transform: capitalize;

    }



    #headerMain .icon-menu:before {

        content: url(/Data/EditorFiles/betpa/mobile/menu.svg);

        line-height: 0

    }



    #headerMain .icon-member-default:before {

        content: url(/Data/EditorFiles/betpa/mobile/user.svg);

        line-height: 0;

    }



    #headerMain .icon-cart:before {

        content: url(/Data/EditorFiles/betpa/mobile/cart.svg);

        line-height: 0;

    }



    #home-banner .mainleftarea {

        margin-bottom: 1.5rem;

    }



    #home-banner .mainrightarea-one .text .title {

        font-size: 0.8rem;

    }



    #home-banner .mainrightarea-one .text .bannerbtn {

        font-size: 0.8rem;

    }



    #home-banner .mainrightarea-two .left .text .title {

        font-size: 0.8rem;

    }



    #home-banner .mainrightarea-two .left .text .bannerbtn {

        font-size: 0.8rem;

    }



    #home-banner .mainrightarea-two .right .text .title {

        font-size: 0.8rem;

    }



    #home-banner .mainrightarea-two .right .text .bannerbtn {

        font-size: 0.8rem;

    }



    #home-banner .mainrightarea-two .left {

        padding-top: 1.84rem;

    }



    #homebanner-two .bg {

        margin-bottom: 1rem;

    }



    #video-banner {

        display: block;

        border-left: 0.063rem solid var(--color5);

        border-right: 0.063rem solid var(--color5);

    }



    #video-banner .video-wrapper {

        margin-bottom: 1rem;

    }



    #homebanner-two {

        margin-bottom: 1.12rem;

    }



    #video-banner .textarea {

        float: left;

        padding-left: 0.62rem;

        padding-right: 0.62rem;

        box-sizing: border-box;

    }



    #home-banner .mainrightarea-two .right {

        padding-top: 1.12rem;

    }



    #catImg .cattext {

        padding: 2rem 0rem;

    }



    #filterMobileBtn.active {

        color: var(--color4) !important;

    }



    #filterSortBtn.active {

        color: var(--color4) !important;

    }



    #priceSlider {

        width: 100% !important;

    }



    #productRight .brandarea {

        padding: 0.3rem !important;

    }



    .variantBox a.col {

        margin-right: 0.5rem !important;

        margin-bottom: 0.5rem !important;

    }



    #filterSort #productComparison {

        font-size: 0.7rem !important;

        margin-left: 0.5rem !important;

    }



    #filterSort {

        display: flex !important;

    }



    .currencyPrice {

        margin-bottom: 0 !important;

    }



    .discountPrice {

        margin-bottom: 0.62rem !important;

    }



    #tabBtn {

        width: auto !important;

    }

}



@media screen and (max-width: 320px) {

    #home-inf .title {

        font-size: 0.57rem;

    }



    #home-inf .text {

        font-size: 0.5rem;

    }



    #home-banner .mainrightarea-two .left .text .title {

        font-size: 0.6rem;

    }



    #home-banner .mainrightarea-two .left .text .bannerbtn {

        font-size: 0.6rem;

    }



    #home-banner .mainrightarea-two .right .text .title {

        font-size: 0.6rem;

    }



    #home-banner .mainrightarea-two .right .text .bannerbtn {

        font-size: 0.6rem;

    }



    #home-banner .mainrightarea-two .left {

        padding-top: 1.29rem;

    }



    #homebanner-two .title {

        font-size: 0.7rem;

    }

    

    #homebanner-two .bannerbtn {

        font-size: 0.7rem;

    }



    #loginMobile {

        font-size: 0.6rem !important;

    }



    #regisMobile {

        font-size: 0.6rem !important;

    }



    #favMobile {

        font-size: 0.6rem !important;

    }



}



/*Mobile*/



@media screen and (min-width: 769px) {

    .fouritem .listProductAdd {

        width: 80% !important;

    }

}

#katalog .drop-down.hover .drop-down-title + * {

    z-index: 9 !important;

}

form#FormAra ::placeholder {
    color: var(--color2);
}

#filterSort .btn:not(.btn-default):hover {
    box-shadow: inset 0 0 0 26px rgb(252 133 54);
}

.compw {
    position: absolute;
    z-index: 9;
    right: 0.7rem;
    width: auto;
    top: 2rem;
    background: var(--color4);
    line-height: normal !important;
    border-radius: 2rem;
}

#home-banner .mainleftarea:hover {
    box-shadow: 0 0 10px 0 rgb(40 40 40 / 30%);
    -webkit-transition: all 150ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 150ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 150ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 150ms;
}

#home-banner .mainrightarea-one:hover {
    box-shadow: 0 0 10px 0 rgb(40 40 40 / 30%);
    -webkit-transition: all 150ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 150ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 150ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 150ms;
}

#home-banner .mainrightarea-two .left:hover {
    box-shadow: 0 0 10px 0 rgb(40 40 40 / 30%);
    -webkit-transition: all 150ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 150ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 150ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 150ms;
}

#home-banner .mainrightarea-two .right:hover {
    box-shadow: 0 0 10px 0 rgb(40 40 40 / 30%);
    -webkit-transition: all 150ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 150ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 150ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 150ms;
}

#homebanner-two .bg:hover {
    box-shadow: 0 0 10px 0 rgb(40 40 40 / 30%);
    -webkit-transition: all 150ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 150ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 150ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 150ms;
}