@font-face {
font-family: 'Kohinoor';
src: url('/font/Kohinoor-Light.ttf');
}



body {
    margin: 0 4%;
    padding: 0;
    font-family: 'Kohinoor';
    color: var(--color9);
    direction: rtl;
    
}
html[lang=en] body{

  font-family: unset;
  font-size:17px;
   
    direction: ltr;


}

html[lang=en] header div .menu-place {
 
  float: left;
 
}


*,
*::after,
*::before {
    box-sizing: border-box;
}

main {
    width: 1600px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    background: #efefef;
    float: none;
}

:root {
  
  --titr-line-height: 1.2;
  --gap-1: .01%;
  --gap-2: .2%;
  --gap-5: .5%;
  --gap-1-5: 1.5%;
  --gap1: 1%;
  --gap2: 2%;
  --gap3: 3%;
  --gap4: 4%;
  --gap5: 5%;
  --gap6: 6%;
  --item-count2: 2;
  --item-count3: 3;
  --item-count4: 4;
  --item-count5: 5;
  --item-count6: 6;
  --item-count7: 7;
  --item-count8: 8;
  --box-shadow: none;
  --huge: 2rem;
  --big: 1.5rem;
  --normal: 1rem;
  --medium: 0.9rem;
  --small: 0.8rem;
  --verysmall: 0.7rem;
  --tiny: 0.7rem;
    --origin1: #000;
    --font-color1: #000;
    --origin2: #fff;
    --font-color2: #fff;
    --origin3: #b5b5b5;
    --font-color3: #b5b5b5;
    --color4: rgb(36, 51, 68);
    --color5: #c8bb9e;
    --color6: #e1e1e1;
    --color7: rgb(227, 227, 227);
    --color8: #979797;
    --color9: #333;
    --color10: #a2967f;
    --color11: #eee;
    --color12: #f0f0f0;
    --color13: #e9e6e1;
    --color14: #f9f9f9;
    --color15: #c9c3bd;
    --color16: #cec3b2;
  --color17:#dedbe1;
  --color18:#a2967f;
  
  --color20:#d92020;
  
  --origin8: #FFDD33;
  --origin9: #FFDA1F;
  --origin10: #a2967f;
  --origin11: #F5CC00;
  --origin12: #E0BB00;
}




.col-1 {
    width: 7%;
    float: right;
}

.col-2 {
    float: right;
    width: 12%;
}


html[lang=en] .col-2 {
  float: left;

}

.col-3 {
    float: right;
    width: 18%;
   
}

.col-4 {
    float: right;
    width: 32%;
    margin: 5px;
}


html[lang=en] .col-4 {
    float: left;
   
}

.col-6 {
    float: right;
    width: 50%;
}

html[lang=en] .col-6 {
  float: left;
 
}

.col-8 {
    float: right;
    width: 79%;
    margin: 0.5%;
}

.col-12 {
    float: right;
    width: 100%;
}

.menu {
    float: right;
}

html[lang=en] .menu {
    float: left;
  text-align:left;
}


    .menu i {
        display: none;
    }



header {
    float: right;
    width: 100%;
}

    header .top_header {
        float: right;
        width: 100%;
        font-size: .72em;
      padding: 1px;
    }

        header .top_header .menu-place ul li a {
            color: #fff;
        }

            header .top_header .menu-place ul li a:hover {
                color: #808080;
            }



    header .left-icon {
        float: left;
        text-align: left;
        padding: 3px 1%;
     margin-top:4px;
     
     
       
    }


html[lang=en] header .left-icon {
  float: right;
  text-align: right;
 
}

        header .left-icon span {
            padding: 5px;
  background: var(--color12);
  color: #000;
  margin: 2px;
  font-size: 1.3em;

        }

.login:hover {
   
}


.bottom-header{display:flex;
justify-content: space-between;
align-items: center;
  line-height:0;
  flex-wrap: wrap;
  width: 100%;


}

.bottom-header section:nth-child(1), .bottom-header section:nth-child(3){
  
}

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



a {
    text-decoration: none;
}

header div a:visited,
header div a:link,
header div i {
    cursor: pointer;
}


header .top_header span:nth-child(1) .dropdown ul li {
    padding: 0.5em;
}

header div .menu-place {
    text-align: center;
    float: right;
    width: 100%;
}

header .top_header li {
    border-left: 1px solid #b4a4a4;
}

header div:nth-child(2) {
    float: right;
   
}

.logo-place img {
max-width: 500px;
max-height: 100px;
}

.logo-place {
   
    padding: 8px 1%;
  margin-left: 14.5%;
}
.small{font-size:.8em;}

html[lang=en] .logo-place {
 
  margin-right:14.5%;
   margin-left:unset;
  
}

.basket {
  
    background: #6943ae;
    padding: 2% 1%;
}

    .basket span {
       
        padding: 5px 11px 0;
        border-radius: 50%;
        background-color: #ff7a04;
        vertical-align: -moz-middle-with-baseline;
        vertical-align: baseline;
    }


        .basket span a:hover {
            color: #6f42c1;
        }

.login {
   
    display: inline-block;
}


html[lang=en] .login {

display:none;


}

.search {
    display: inline-block;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    margin: 1%;
 
    border: 1px solid var(--color12);
  width: 250px;
}

.i-search {
    cursor: pointer;
    float: left;
    border-radius: 5px 0 0 5px;
    margin: 1.1%;
    text-align: center;
}

html[lang=en] .i-search {
 
  float: right;
  
}

.search-result article.icon-circle::before {
    font-size: 0.8em;
    color: var(--color18);
}

.Basket {
   
 
margin: 15px;
cursor: pointer;
border-radius: 5px;
background-color: var(--color14);
width: 75px;
float: left;
}

html[lang=en] .Basket {

}

div.registerinlogin {
    cursor: pointer;
}

.Basket span {
   
  
  
   width: 20px;
height: 30px;
    display: inline;
    text-align: center;
   
}

.body-content{

padding:4%;
  line-height:2;

}


    .Basket span a:hover {
        color: #6f42c1;
    }

.menu-box .menu-place .tree ul {
    margin-right: 0;
}

.menu-box .menu-place .tree > ul {
    padding-right: 0;
}

#txtsearch {
    background-color: transparent;
    color: #6c6969;
    padding-right: 5px;
    margin-top: unset;
    border: 0px;
    height: 38px;
    text-align: right;
    width: 80%;
   
}

html[lang=en] #txtsearch {
    
    text-align: left;
   
}

header .header-search {
   
  
    text-align: center;
  margin: 0 2%;
}

#txtsearch:focus {
    outline: none;
}

.menu-box {
    float: right;
    width: 100%;
    padding: 0px 1%;
}

header .menu-box {
   
}


aside .menu-box nav ul li {
    width: 100%;
}

.wrapper {
    width: 100%;
    
    
}

.content {
  
}

.sidebar {
    float: right;
    flex: 1;
    min-width: 350px;
    text-align: right;
    margin: 1% 0 0 0;
    border-radius: 5px;
    padding: 0;
    height: 425px;
    overflow: auto;
    overflow-x: hidden;
}

    .sidebar ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .sidebar ul li {
            border-bottom: 1px dotted #ccc1e1;
            padding: 4%;
            margin-bottom: 0;
        }

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

            .sidebar ul li ul li:hover {
                background: var(--color11);
            }

.banner-place {
    position: relative;
    width: 100%;
    float: right;
   
}

.banner {
    width: 100%;
    display: none;
    float: right;
    height: 100%;
}

    .banner img {
        width: 100%;
        max-width: 100%;
        border-radius: 5px;
      height: 570px;
object-fit: cover;
      
    }


.banner-place .circle-place {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    padding: 10px 0px;
    float: right;
    width: 100%;
    text-align: center;
}

    .banner-place .circle-place i {
        cursor: pointer;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
        margin: 0 5px;
        transition: .3s ease-out;
    }

.banner .caption {

position: absolute;
z-index: 1;
top: 20%;
text-align: center;
right: 0;
padding: 1%;
  border-radius:10px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 70%);
  font-size:1.3em;
}

html[lang=en] .banner .caption {

right: unset;
  left:0

}






.product {
    width: 100%;
    float: right;
    display: inline-block;
    text-align: center;
    padding: 1%;
  background-color: white;
    margin-bottom: 12px;
}



    .product .col-3 {
        position: relative;
        transition: all 0.5s ease-in-out;
        display: inline-block;
        float: none;
        width: calc(100%/4 - 2%);
      margin: 1%;     
        border-radius: 5px;
     box-shadow: 0.4px 0.4px 4px 0.4px #f0f0f0;
    }


    .product .col-3 label,.pic-container label {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 150px;
  background: var(--color16);
  opacity: .65;
  padding: 2% .5%;
  color: black;
  border-radius: 8px;
    

    }

.pic-container label{display:none;}

        .product .col-3:hover {
            transform: scale(1.02);
            box-shadow: 1px 1px 20px 1px #b5b5b5;
        }

        .product .col-3 img {
            padding: .1%;
  max-width: 100%;
  vertical-align: top;
object-fit: contain;
  max-height: 350px;
  width: 100%;
        }

.product figure{height:300px;}

.product_category {
    padding: 1% 0;
}

.containers-about-us {
  width: 100%;
  float: right;
  padding-top: 3%;
  padding-bottom: 3%;
 
  background-color: #fbfbfb;
}



.containers-about-us .containers-text {
  width: 50%;
  text-align: right;
padding: 4% 6% 5% 1%;
  float:right;
  line-height: 2;
}

.containers-text h1{
  text-align:right;
 line-height:1.2;
    
    font-size:1.7em;

}


html[lang=en] .containers-text h1{text-align:left}

html[lang=en] .containers-about-us .containers-text {
  
  
  padding: .2% 5%;
  float: left;
 text-align:left
}

.containers-about-us img {
  max-width: 100%;
  transition: .5s ease-out;
  padding: 2%;
  box-shadow: 1px 1px 20px 1px #b5b5b5;
 

}

.containers-about-us .containers-pic {
  width: 50%;
  padding: 1% 1% 1% 3%;
  position: relative;
   float:left;
 
}

html[lang=en] .containers-about-us .containers-pic {
 
  padding: 1% 4% 1% 4%;
}

html[lang=en] .containers-about-us .containers-pic {
 
  float: right;
}

.containers-about-us .containers-pic1::after {
  position: absolute;
  right: 30px;
  top: 50px;
  height: 600px;
  width: 65%;
  border: 20px solid var(--color6);
  content: "";
  z-index: -1;
}
.containers-about-us img:hover {
  
}

figure {
    margin: 0;
}

.product .product_title {
    float: right;
    padding: 2%;
    height: 60px;
    text-align: center;
    width: 96%;
    margin: 0px 2%;
    border-radius: 50px;
  line-height: 1.3;
  font-size: .9em;
}

    .product .product_title a {
        color: #333;
    }

.product_footer {
    float: right;
    width: 100%;
    margin: 2% 0;
}

.product .price, .category .product_footer .price ins {
    border-radius: 10px;
    background-color: rgb(227, 227, 227);
    padding: 2%;
    text-align: center;
    margin: 0 2%;
    transform: perspective(1px) translateZ(0);
    float: left;
    width: 96%;
}

    .category .product_footer .price ins:hover {
        background: #65577f;
    }

    .product .price:hover {
        transition: all 0.2s;
    }

.product_footer del {
    color: #7a8c9a;
    margin: auto;
    float: left;
    padding: 2%;
    font-size: 1.2em;
    text-align: center;
    width: 100%;
}

.product_footer .price ins {
    font-size: 1.3em;
    text-decoration: none;
    color: #fff;
    padding: 5%;
}

.category .product_footer .price {
    float: right;
    width: 100%;
    margin: 2% 0;
}

.product .col-4 img,
.product .col-2 img {
    max-width: 100%;
    vertical-align: middle;
    object-fit: cover;
    height: 450px;
    border-radius: 5px;
  width:100%;
}

.product .col-4 img {
    transition: all 0.8s;
}

    .product .col-4 img:hover {
        transform: scale(0.9)
    }

.product .col-4 {
    position: relative;
    width: 30%;
    margin: 1%;
    float: unset;
    display: inline-block;
}

    .product .col-4 figure a {
    }

    .product .col-4 .caption {
        position: absolute;
        top: 5%;
        padding: 2%;
        background: #3333336e;
        right: 15%;
        left: 15%;
    }

        .product .col-4 .caption a {
            color: #fff;
        }

.hover_effect {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.brands .hover_effect::before,
.product .hover_effect::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #140F1CB0;
    -webkit-transform: scaleY(0);
    border-radius: 5px;
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.brands .hover_effect::before {
    background: #EFEFEF;
}

.hover_effect:hover::before, .hover_effect:focus::before, .hover_effect:active::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.category section.col-2 {
    margin: 0.5%;
    text-align: center;
    display: inline-block;
    float: none;
    width: 18.6%;
    min-height: 400px;
    border-radius: 5px;
}




.category figure img {
    padding: 4%;
    max-width: 100%;
    object-fit: cover;
    height: 200px;
}

.category .col-3 {
    padding: 5px;
    text-align: center;
    color: #7a8c9a;
    background-color: #fff;
    border-radius: 5px;
}

.more_plan {
    padding: 1% 2%;
    display: inline-block;
    font-weight: bold;
    border: none;
    transition: all 0.2s;
    border-radius: 5px;
}

form[id^="form"] input[type="button"]:hover, form[id^="form"] button:hover, #btnLogin button:hover {
    background-color: #37a794;
    color: black;
    background-image: linear-gradient(to bottom,#37a794, #2a8071);
}

.master-container-content .login-cont input[type="text"],
.master-container-content .login-cont input[type="password"], form[id^="form"] input[type="email"], form[id^="form"] fieldset li textarea {
    outline: none;
}

    .master-container-content .login-cont input:focus, form[id^="form"] input:focus, form[id^="form"] fieldset li textarea:focus {
      
    }

.best_product .more_plan {
    padding: 1% 2%;
    display: inline-block;
    background: none;
    background-color: rgba(0, 0, 0, 0);
    font-weight: bold;
    border: none;
    transition: all 0.2s;
    width: unset;
    border-radius: 5px;
    margin: 5px 0;
}

.best_product div {
   
}

.more_plan a {
    color: #fff;
}

.best_product .more_plan a {
    color: #fff;
}

.category h1 {
    padding: 2%;
    margin: 0;
}


.category .col-8 .product_title {
    width: 90%;
    float: right;
    padding: 2%;
    height: 50px;
    margin: 5%;
    border-radius: 10px;
}

.category .col-8 .col-2, .category .col-3 {
    transition: all 0.5s ease-in-out;
}

    .category .col-8 .col-2:hover, .category .col-3:hover {
        transform: scale(1.02);
        box-shadow: 1px 1px 30px 1px #00000069;
    }

.best_product .col-3 {
    box-shadow: 0.4px 0.4px 4px 0.4px #e0e0e0;
}


div.title {
    color: var(--font-color2);
}

.best_product mark {
    margin: 2%;
    float: left;
    background: rgb(57, 173, 153);
    color: var(--color5);
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-content: center;
    border-radius: 50%;
    transition: .3s;
    flex-flow: column;
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
}

.best_product .discount {
    opacity: 0.5;
}

.best_product .col-3:hover .discount {
    opacity: 1;
}

.best_product .col-3:hover img,
.best_product .col-3:hover .product_title {
   
}

.best_product .discount a {
    color: #fff;
}

.brands .col-2 img {
    max-width: 100%;
    vertical-align: middle;
    object-fit: cover;
    height: 150px;
    background: #eceff1;
}

.brands {
  
    width: 100%;
    padding: 1% 0;
    text-align: center;
    background: #fff;
    margin: 2% 0;
  display:flex;
 
  
}

    .brands .col-2 {
  transition: all 0.4s;
  width: 15%;
  margin: .5%;
  text-align: center;
  display: inline-block;
  float: none;
  border: 1px solid var(--color12);
  padding: 1% .5%;
  font-size: 1.2em;
  text-shadow: 0px 0px 12px rgba(162, 158, 158, 0.8);
      
     margin-left:0;
       height:150px;
    }

.master-container-content .brands .col-2 img {
    height: 200px;
    transition: 1s ease-out;
}

    .master-container-content .brands .col-2 img:hover {
        transform: scaleX(-1);
    }

.master-container-content .brands {
    margin: 0;
    padding: 0;
    background: no-repeat;
}

.container .col-2 aside ul li h4 {
    margin: 0;
    padding: 5% 3%;
}

.container aside ul {
  
}

    .container aside ul li {
        margin: 0 0 3% 0;
        list-style: none;
        background: #fff;
    }

        .container aside ul li li {
            border-bottom: 1px dotted #ccc;
            padding: 5%;
            margin: 0;
           
        }

            .container aside ul li li img {
                max-width: 100%;
                height: 60px;
                object-fit: cover;
                background-color: white;
                border: 1px solid #0000003d;
                border-radius: 5px;
                padding: 2px;
            }

            .container aside ul li li h5 {
                font-size: 1em;
              
                margin: 0;
              font-weight:normal;
            }

            .container aside ul li li a {
                color: black;
            }

.master-container-content .brands .col-2 {
    margin: 1%;
    width: 22%;
}

.ad-product .col-6 img {
    max-width: 100%;
    padding: 0;
    object-fit: cover;
    height: 350px;
    transition: all 0.5s;
  width: 100%;
}

    .ad-product .col-6 img:hover {
        opacity: 0.8;
    }

.ad-product {
    width: 100%;
    padding: 1% 0;
    display: inline-block;
    text-align: center;
  float: right;
}

html[lang=en] .ad-product  {
    float: left;
}




    .ad-product .col-6 {
        position: relative;
        transition: .4s ease-in-out;
    }

        .ad-product .col-6 .caption {
            position: absolute;
            top: 5%;
            right: 5%;
          
            padding: 2%;
        }

.ad-product .col-6 .caption h3{

  font-size: 1.6em;
  
  text-shadow: 0px 0px 14px rgba(11, 10, 10, 0.9);
  color: var(--color14);

}

    .ad-product .discount {
        position: absolute;
        top: 35%;
        right: 15%;
    }

        .ad-product .discount mark {
            border-radius: 50%;
            float: left;
            background: #39af9b;
            color: #fff;
            font-size: 22pt;
            transition: all 0.5s;
            height: 80px;
            width: 80px;
            display: flex;
            justify-content: center;
            flex-flow: column;
            align-content: center;
        }

            .ad-product .discount mark:hover {
                transform: scale(1.2);
            }

    .ad-product .more_plan {
        position: absolute;
        display: block;
        padding: 1%;
        top: 60%;
        right: 14%;
    }


.social-place {
    padding: 5px 0;
    text-align: center;
 
 
  
    
}

.social-place div {



 
  border-radius: 10px;

  
  margin: 2px;
  
  width: 60px;
  height:auto;

}
.social-place div.whatsapp {
background-color: #4dc247d4;

}
.social-place div.instagram{
background-color: #c13584db;

}





    .social-place a:hover {
        color: #2A8071;
    }

    .social-place a::before {
        padding: 5px 0px;
    }

footer {
    width: 100%;
    float: right;
}

footer .col-4 {
padding: 2% 2%;
  background-color: var(--color14);
  text-align: center;
  width: unset;
  flex: 1;
  margin: 0 0px;
}

footer .col-4:nth-child(2) {
    text-align: left;
}


footer .col-4 h4 {
    padding-bottom: 1%;
    text-align: right;
    border-bottom: 1px solid var(--color11);
 
  color: var(--color5);
  margin-top: 0;
}


html[lang=en] footer .col-4 h4{

 text-align: left;

}


    footer .social-place {
      
        padding: 1% 0;
        margin: 1% 0;
        text-align: center;
     

      text-align: center;
    }

.contact {
    float: right;
    width: 98%;
    text-align: right;
    margin: 1%;
    border-radius: 5px;
    background-color: var(--origin2);
}

footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

 footer ul li {
  float: right;
  font-size: 0.9em;
  padding: 1%;
  
 
  margin: .5% .2%;
   width: 100%;
text-align: right;
}


html[lang=en] .footer ul li {
  float: left;
   font-size: 0.99em;
  text-align: left;
}

footer .contact-us ul li{
background: var(--color13);
}

        footer ul li:last-child {
            float: left;
            text-align: right;
        }

html[lang=en]   footer ul li:last-child {

 text-align: left;

}

footer span {
  
   
}

footer .col-4:nth-child(2) li a::before,footer .col-4:nth-child(1) li a::before {
  content: '\e801';
  padding-left: 10px;
  font-family: 'webfont';
  float: right;
  color: var(--color16);
}


html[lang=en] footer .col-4:nth-child(2) li a::before,html[lang=en]  footer .col-4:nth-child(1) li a::before {

  float: left;
   padding-right: 10px;
}
footer ul li a:link,footer ul li a:visited{

color:black;
}


.footer .col-6 img {
    padding: 3%;
    height: 120px;
    max-width: 100%;
    object-fit: cover;
}

.footer .col-6:nth-child(2) .col-3 {
    float: left;
    text-align: center;
    background-color: #f5f4f7;
}

.footer .col-6 p {
    padding: 2%;
    text-align: justify;
}

.bottom_footer {
    width: 100%;
    float: right;
    text-align: center;
    padding: .5%;
  font-size: 0.7em;
  margin-bottom: 0;
}

.footer {
    width: 100%;
    float: right;
  display: flex;
}




html[lang=en] .footer {
    float: left;
}


.ad-product .hover_effect::before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.ad-product .hover_effect:hover, .ad-product .hover_effect:focus, .ad-product .hover_effect:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

    .ad-product .hover_effect:hover::before, .ad-product .hover_effect:focus::before, .ad-product .hover_effect:active::before {
        opacity: 1;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

.category .more_plan {
    padding: 2% 5%;
}

    .category .more_plan:hover {
        background-color: #7a8c9a;
    }

.best_product .more_plan.hover_effect :hover::before,
.best_product .more_plan.hover_effect :focus::before,
.best_product .more_plan.hover_effect :active::before {
    left: 0;
    right: 0;
}

.best_product .more_plan.hover_effect ::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    top: 0;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.best_product .best_product .more_plan.hover_effect {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.up {
    cursor: pointer;
    position: fixed;
    bottom: 33px;
    right: 20px;
    z-index: 102;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    transition: .3s ease-out;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 0 5px rgba(0,0,0,0.17);
}

    .up i {
        transition: .3s ease-out;
        margin: 13px 14px 0 0;
        position: absolute;
        color: #333;
    }

.search-popup {
    display: none;
    position: absolute;
    width: 490px;
    top: 70px;
    left: 36%;
    background-color: white;
    padding: 10px;
    z-index: 5000;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#565656', Direction=120, Strength=5);
    box-shadow: 0px 0px 8px #565656;
    background-color: white;
    border-radius: 5px;
    bottom: 71px;
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    color: #666;
    text-align: center;
}

.search-popup {
    color: #666;
    text-align: center;
}
/* //SECOND_PAGE */

.master-container {
    float: right;
   width: 100%;
  margin: 1% 0;
    text-align: justify;
    margin-bottom: 0;
}

.master-container-title {
    width: 100%;
    float: right;
    background: #fff;
    border-bottom: 10px #eee solid;
 
  padding: 3px 9px;
}




    .master-container-title h1 {
        text-align: right;
        float: right;
        padding: 5px 0;
        color: #808080;
        margin: .5% 0;
      font-size:1.6em;
    }

html[lang=en] .master-container-title h1 {
  text-align: left;
  float: left;
}

.back-place {
    margin-top: 2%;
    float: left;
}

    .back-place a {
        float: left;
        margin: 5% 0;
        transition: .3s ease-out;
    }

.master-container-content {
    text-align: justify;
    width: 100%;
    float: right;
    background-color: white;
    padding: 2%;
    margin: 0%;
    min-height: 600px;
 
}

    .master-container-content .product {
        padding: 0%;
    }

        .master-container-content .product .col-4 {
            vertical-align: top;
            border: 1px #ccc solid;
            border-radius: 5px;
        }

            .master-container-content .product .col-4 .caption {
                margin: 5px;
            }

        .master-container-content .product .col-3 {
            width: 23%;
           
        }

    .master-container-content .contact_us i {
        color: #37a794;
    }



    .master-container-content ul.contact_us {
        list-style-type: none;
        float: right;
        width: 48%;
        margin: 0 1%;
        padding: 0;
    }

  html[lang="en"]  .master-container-content ul.contact_us {
      
        float: left;
        
    }

.google-section {
    float: right;
    width: 48%;
    margin: 0 1%;
    padding: 0;
}

.master-container-content ul.contact_us li {
    margin: 1% 0;
    padding: 1%;
    width: 100%;
    float: right;
    display: flex;
  background-color: var(--color11);
}

  html[lang="en"]  .master-container-content ul.contact_us li {
   
    float: left;
   
}

.master-container-content a {
    color: #4e4e4e;
    text-decoration: none;
    transition: all 0.4s;
}

.contact_us li:last-child p {
    min-height: 70px;
}

.master-container-content .contact_us p {
    display: inline-block;
    padding: 0;
    margin: 5px;
    text-align: right;
}

.master-container-content ul li span:nth-child(2) {
    float: none;
    text-align: left;
}

.master-container-content ul.contact_us li:last-child span:nth-child(2) {
    float: right;
    text-align: right;
}

.master-container-content a {
    color: #4e4e4e;
    text-decoration: none;
    transition: all 0.4s;
}

 
.master-container-content .prod-details-place > div {
    background: #fff;
    float: right;
    width: 100%;

}}

.container-product .col-4 {
    float: unset;
    width: 31.333%;
    margin: 1%;
    background: #f1f1f1;
    padding: 1%;
    min-height: 900px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.container-product-box-text p {
    text-align: justify
}

.container-product {
    display: inline-block;
    text-align: center;
}

.master-container-content .container-product-box-text h3 {
    text-align: right;
    background: #ff7a04;
    color: #fff;
    padding: 2%;
    margin: 0;
}

.center {
    text-align: center !important;
    background: #ff9130;
    padding: 2%;
    color: #fff;
}

.container-product-box-text a {
    color: #fff;
}

    .container-product-box-text a:hover {
        color: #5c00a7;
    }

.container-product-box-image img {
    max-width: 100%;
    height: 300px;
    width: 300px;
    object-fit: cover;
}


.master-container-content .prod-details-place form[id^="form"] .poll-container li:nth-child(1),
.master-container-content .prod-details-place form[id^="form"] .poll-container li:nth-child(2), .prod-details-place form[id^="form"] div.poll-container fieldset li:nth-child(3) {
    margin: 2px;
    width: 100%;
    border: 1px solid #dfddde;
    border-radius: 5px;
}

.prod-details-place form[id^="form"] .poll-container li:nth-child(3) {
    width: 100%;
    text-align: right;
}

.prod-details-place form[id^="form"] div.poll-container fieldset li textarea {
    width: 85%;
}


.news-box-picture {
    float: left;
    margin: 0 2% 2% 2%;
    border: 2px solid #E3777D;
    padding: 0.25%;
    line-height: 0px;
    overflow: hidden;
}

    .news-box-picture ul {
        float: right;
        width: 100%;
        line-height: 30px;
        list-style: none;
        padding: 0px;
        margin: 0px
    }


    .news-box-picture img {
        max-width: 300px;
        transition: .5s ease-out;
    }

        .news-box-picture img:hover {
            transform: scale(1.08);
        }


.more {
    font-weight: bold;
}

.more-text {
    float: right;
}

.more-date {
    float: left;
    color: #a59a00;
}

.label-bot {
    float: right;
    margin-bottom: 10px;
    width: 100%;
    text-align: right;
}

    .label-bot a {
        float: right;
        background-color: #E1E1E1;
        border-radius: 5px;
        padding: 3px 5px;
        font-size: 10pt;
        margin: 5px;
        color: black;
    }

        .label-bot a:hover {
            background-color: #A70006;
            color: white
        }

    .label-bot span {
        float: right;
    }

.container-view {
    float: right;
    width: 100%;
    background-color: #969696;
    color: white;
    font-weight: bold;
    font-size: 0.8em;
}

    .container-view .col-4 {
        width: 31.333%;
        margin: 1%
    }

    .container-view ul {
        list-style: none;
        margin: 0;
        padding-right: 0;
    }

        .container-view ul li {
            float: right;
            text-align: right;
        }

            .container-view ul li i {
                cursor: pointer;
            }

            .container-view ul li:nth-child(3) {
                text-align: left;
            }

.cont-master {
    float: right;
    width: 100%;
    text-align: right;
}

.cont-place {
    width: 100%;
    float: right;
}

.opinion {
    width: 100%;
    float: right;
    min-height: 100px;
    font-size: 0.9em;
}

.bubbles, .question {
    position: relative;
    width: 94%;
    min-height: 120px;
    padding: 1%;
    background: #FFFFFF;
    border-radius: 10px;
    border: #d8d8d8 solid 1px;
    float: left;
    margin: 2% 2% 0 2%;
}

    .bubbles:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 15px 15px;
        border-color: #FFFFFF transparent;
        display: block;
        width: 0;
        z-index: 1;
        top: -15px;
        right: 20px;
    }

    .bubbles:before {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 15px 15px;
        border-color: #d2d2d2 transparent;
        display: block;
        width: 0;
        z-index: 0;
        top: -16px;
        right: 20px;
    }

    .bubbles ul, .question ul {
        margin: 0;
        padding: 0;
        list-style: none;
        color: #161616;
        font-size: 0.9em;
    }

    .bubbles > div, .question > div {
        float: right;
        margin-top: 10px;
        width: 100%;
    }

        .bubbles > div li, .question > div li {
            float: right;
            margin-left: 10px;
            color: #929292;
        }

            .question > div li:nth-child(1):before {
                content: '\e805';
                font-family: 'webfont';
            }

    .bubbles ul li:nth-child(2) {
        color: #1a89c4;
        font-weight: bold;
        font-size: 1.2em;
    }

.comment {
    float: right;
    text-align: justify;
    width: 100%;
}

.replay {
    width: 92%
}

.opinion-comment {
    float: right;
    width: 100%
}

    .opinion-comment > div {
        float: right;
        width: 300px;
        text-align: right;
        margin: 10px
    }

button {
    border-radius: 5px;
    background-color: var(--color13);
    
    padding: 0px 0px 0px 0px;
    height: 35px;
    color: white;
}

.opinion-comment textarea {
    border: 1px #dadada solid;
    min-width: 275px;
    margin: 5px;
    background-color: #f4f4f4;
    min-height: 100px;
    border-radius: 5px;
    color: #999999;
}

.pathurl {
    float: right;
    width: 100%;
    text-align: right;
    line-height: 30px;
    top: -10px;
    position: relative;
    color: black
}

    .pathurl a {
        padding-right: 20px;
        padding-left: 5px;
        text-align: right;
        float: right;
        font-size: 0.8em;
        color: #7a7878;
        width: auto !important;
    }

        .pathurl a:before {
            content: '\e821';
            font-size: 0.6em;
            margin-left: 5px;
        }

        .pathurl a:hover {
            color: #b51d15;
        }

.Proven-section-place {
    width: 100%;
    display: inline-block;
}

    .Proven-section-place section {
        float: right;
        transition: 0.4s all ease;
    }

        .Proven-section-place section:hover {
            background-color: #eaeaea;
        }

        .Proven-section-place section p {
            margin: 10px 10px !important;
            text-align: justify;
            min-height: 190px;
        }


.section-text a:hover {
    color: #0099FF;
}

.section-text a {
    font-weight: bold;
    color: #2ebf7d;
}

.section-text h4 {
    color: #C0251B;
    margin: 10px 0;
    line-height: 20px;
    height: 40px;
}



.section-text span {
    float: left;
    font-size: 0.7em;
    text-align: left;
}


.download a {
    background: transparent url('/images/pdf.png') no-repeat scroll right center;
    float: right;
    width: 95%;
    padding-right: 5%;
    border-bottom: 1px #e3e3e3 dashed;
    color: black;
}

    .download a:hover {
        color: #C0251B;
        border-bottom: 1px #C0251B dashed;
    }

.download span {
    float: left
}

.master-container-text {
    width: 100%;
    float: right;
    min-height: 250px;
}


.manufactor-box-place {
    float: right;
    width: 100%;
    text-align: center;
    transition: .3s all ease;
}

    .manufactor-box-place img {
        transition: .3s all ease;
        margin: 20px
    }

        .manufactor-box-place img:hover {
            transform: scale(1.08);
        }

.latest-box {
    display: inline-block;
    width: 92%;
    margin: 0 4%;
}

    .latest-box .col-4 {
        float: right;
    }

    .latest-box a {
        color: #2ebf7d;
    }

        .latest-box a:hover {
            color: #0099FF;
        }

.section-pic {
    width: 100%;
    line-height: 0;
    float: right;
    overflow: hidden;
}

    .section-pic img {
        width: 100%;
        max-width: 100%;
        transition: .5s ease-out;
        max-height: 330px;
    }

        .section-pic img:hover {
            transform: scale(1.08);
        }


.section-text {
    float: right;
    padding: 2% 5%;
    text-align: right;
    min-height: 220px;
    width: 90%;
}

.color4 {
    color: #333333;
}

.products-box-picture {
    float: left;
    margin: 10px 10px 0 0 !important;
    width: 250px !important;
    min-height: 250px !important;
}

    .products-box-picture img {
        max-width: 100%
    }


.news-box-place {
    float: right;
    width: 100%;
}

.news-box {
    float: right;
    text-align: justify;
    vertical-align: top;
    font-size: 0.8em;
}

    .news-box a {
        color: #000000;
    }

        .news-box a:hover {
            color: #a59a00;
        }

    .news-box h4 {
        font-size: 1.1em;
        margin: 3% 0 0 0;
        min-height: 60px
    }

    .news-box p {
        margin: 0;
    }


.prod-price {
    position: relative;
    z-index: 20;
    background-color: #E7E7E7;
    float: right;
    width: 100%;
    line-height: 30px;
    text-align: center
}


.news-box-picture > div li {
    float: right;
}

    .news-box-picture > div li:nth-child(1) {
        width: 25%;
        text-align: right;
        font-size: 0.7em;
    }

    .news-box-picture > div li:nth-child(2) {
        width: 55%;
        text-align: center
    }

    .news-box-picture > div li:nth-child(3) {
        width: 20%;
        text-align: left
    }

.container-project-box {
    width: 100%;
    float: right;
}

    .container-project-box figure {
        float: right;
        overflow: hidden;
        line-height: 0;
        position: relative;
        border-bottom: 10px solid #1872C5;
        margin-bottom: 20px
    }

    .container-project-box img {
        transition: .5s ease-out;
        width: 100%;
    }

        .container-project-box img:hover {
            transform: scale(1.2);
        }


.prod-details-place form[id^="form"] div.poll-container input[type="button"] {
    margin-bottom: auto;
    border-radius: 5px;
}

form[id^="form"] i {
    color: #b4b4b4;
}

.prod-details-place form[id="form2"] input[type="button"]:hover {
    background-color: #479789;
}

.prod-details-place form[id^="form"] div.poll-container fieldset li input[type="email"],
.prod-details-place form[id^="form"] div.poll-container fieldset li input[type="text"],
.prod-details-place form[id^="form"] div.poll-container fieldset li textarea {
    background-color: unset;
    box-shadow: unset;
    padding: 10px;
    height: auto;
    border: unset;
    width: 90%;
    border-radius: 0;
    outline: 0;
}


.prod-details-place form[id^="form"] .poll-container li {
    border: unset;
}

.prod-details-place form[id^="form"] fieldset li input {
    height: 40px;
}


.prod-details-place form[id^="form"] fieldset {
    text-align: center;
    border-style: none;
    margin: unset;
    background: unset;
    width: 100%;
}

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

.prod-details-place form[id^="form"] .poll-container ul {
    width: 100%;
    text-align: center;
    float: unset;
}

.master-container-content form[id^="form"] input[type="button"],
input[type="reset"], .master-container-content form[id^="form"] button {
    transition: all 0.5s;
  color: var(--color18);
}



.master-container-content form[id^="form"] input[type="button"]:hover,
.master-container-content form[id^="form"] button:hover {
    background-image: none;
}

.master-container-content form[id^="form"] label {
}

.buy-bottom a {
    background-color: var(--color5) !important;
}

    .buy-bottom a:hover {
        background-color: var(--color10) !important;
       color: var(--origin1);
    }

.btn.btnCompare a {
    background: unset;
}

    .btn.btnCompare a:hover {
        background-color: unset;
        color: #f7f4f0;
    }

form .login-cont.login {
}

.login-cont.login div:first-child {
    float: right;
    width: 100%;
    padding: 5%;
    border-bottom: 2px solid #ccc;
    margin-bottom: 10%;
    background: #6d5283;
    color: #fff;
    border-radius: 5px;
}

    .login-cont.login div:first-child strong {
        float: right;
        font-size: 2em;
    }

    .login-cont.login div:first-child p {
        float: left;
        margin: 0;
    }

.prod-box-picture {
    float: right;
    margin-bottom: 1%;
    border: 2px solid #FFF;
    overflow: hidden;
    width: 100%;
    padding: 2%;
    text-align: center;
}

    .prod-box-picture ul {
        float: right;
        width: 100%;
        list-style: none;
        padding: 0px;
        margin: 0px
    }

    .prod-box-picture img {
   padding: 1%;
  cursor: pointer;
  max-width: 100%;
  vertical-align: middle;
  object-fit: cover;
  width: 100%;
  max-height: 550px;
      transition: all 0.5s ease-in-out;
      border-radius: 20px;

    }

        .prod-box-picture img:hover {
            transform: scale(1.05);
        }

.prod-details-place .col-6 {
    width: 50%;
    margin: 0;
    padding: .5%;
}

    .prod-details-place .col-6 mark {
        border-radius: 50%;
        margin: 0px;
        float: left;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .prod-details-place .col-6:first-child {
        border-left: 1px solid #c1c1c1;
    }

html[lang=en] .prod-short-detail .basket-box {
display:none;
}

html[lang=en] .prod-details-place .col-6:first-child {
  border-right: 1px solid #c1c1c1;
}

.prod-short-detail .basket-box {
    padding: .5%;
    float: left;
  margin-top: 20px;
   
 
}
.group-brand
{
padding-bottom: 20px;
  font-size: .8em;
}

.listing {
    float: right;
    width: 100%;
}

    .listing ul {
        padding: 0;
        margin: 0;
        display: inline-block;
        width: 100%;
    }

        .listing ul li {
            background: #e4deef;
            border-radius: 5px;
            font-size: 0.9em;
            margin: 2px;
            padding: 0 5px;
            float: right;
            list-style-type: none;
        }

            .listing ul li.is-active {
                background: #ff7a04;
            }

            .listing ul li:hover {
                background: #b0a3c8;
            }

            .listing ul li:first-child {
                background: none;
            }

.master-container-content .listing ul li a:hover {
    color: #fff;
}

.listing ul li:first-child a:hover {
    color: #4e4e4e;
}

.container .master-container {
    width: 100%;
    margin: 1% 0%;
}

.container .product .col-4 img, .product .col-2 img {
    height: 250px;
}

.container {
    float: right;
    width: 100%;
    margin: 0 0%;
    
}

    .container .col-10 {
        text-align: center;
        float: left;
        width: 75%;
        margin: 2% 0;
        background: #fff;
        border-radius: 5px;
    }

    .container .col-2 {
        width: 24%;
        margin: 2% 0;
        display: inline-block;
      position: sticky;
  top: 20px;
    }

    .container aside {
        float: right;
        min-width: 200px;
        height: 100%;
        border-radius: 5px;
        text-align: right;
     
        width: 100%;
        margin: 0;
        display: block;
      padding-right: 0px;
      background-color: var(--color14);
    }

html[lang=en] .container aside {
  text-align: left;
}

    .container .master-container-content .product .col-3 {
        width: 31%;
        margin: 1%;
        position: relative;
    }

    .container aside ul {
       
    }

        .container aside ul li {
            margin: 0 0 3% 0;
            list-style: none;
            background: #fff;
        }

            .container aside ul li li {
                border-bottom: 1px dotted #ccc;
                padding: 4%;
                margin: 0
            }

                .container aside ul li li:last-child {
                    border-bottom: none;
                }

.search-result {
    float: right;
    width: 100%;
}

    .search-result article {
        float: right;
        width: 100%;
        border-bottom: 1px dotted #ccc;
        padding: 5px;
    }


/* Products details */

.prod-details-place {
    float: right;
    width: 100%;
    margin: 1% 0;
}

.binding-pic-place {
    float: right;
    width: 100%
}

    .binding-pic-place > div {
        width: 30%;
        border: 1px #CCCCCC solid;
        line-height: 0px;
        display: inline-block
    }

    .binding-pic-place img {
        width: 100%;
        cursor: pointer
    }


    .binding-pic-place ul {
        float: right;
        list-style: none;
        width: 100%;
        margin: 0px;
        padding: 0px
    }

.brand-catagory {
    float: right;
    width: 100%;
    text-align: right
}



.prod-details-place .col-2 {
    width: 27%;
    margin: 0px 1% 0% 2%;
}

.prod-details-place .col-10 {
    width: 70%;
}

.binding-pic-place > ul > li:nth-child(1), .binding-pic-place > ul > li:nth-child(3) {
    width: 5%;
    float: right;
    padding-top: 25px
}

.binding-pic-place > ul > li:nth-child(2) {
    width: 90%;
    float: right;
    display: block;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    overflow: hidden;
}


.binding-pic-place > ul > li > div {
    text-align: left;
    float: left;
    top: 0px;
    left: 0px;
    margin: 0px;
    width: 2093px;
    z-index: auto;
}

    .binding-pic-place > ul > li > div > div {
        width: 100px;
        padding: 0;
        margin: 6px 7px;
        display: block;
        float: left;
        border: 1px solid #c1c1c1;
        line-height: 0px
    }

.prod-details > ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .prod-details > ul > li {
        float: right;
        width: 100%;
        text-align: right
    }

html[lang=en] .prod-details > ul > li {
  text-align: left;
  float: right;
}

.price-prod-detail {
    float: right
}

    .price-prod-detail > span, .prod-details > ul > li > span {
        font-weight: bold;
    }

.guarantee {
    float: right;
    width: 100%;
}

    .guarantee > span {
        padding: 5px;
    }


.prod-short-detail {
   
}

 


    .prod-short-detail > span {
        margin-left: 5px;
        margin-top: 10px;
    }

        .prod-short-detail > span a {
            cursor: pointer;
        }

.prod-short-comment {
    text-align: justify !important;
    margin-top: 20px;
}

.tab {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    margin-top: 1%
}
html[lang=en] .tab {
   
    text-align: left;
   
}




.tab-title > div.active::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 16px 15px 0;
    display: block;
    width: 0;
    z-index: 1;
    border-color: var(--color6) transparent;
    bottom: -15px;
    left: 43%;
}

.tab-title div {
    border: 1px solid #ebebeb;
    padding: 10px 10px 10px 10px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    min-width: 10%;
}


.tab-detail > section.active {
    display: inline;
}

.tab-detail > section {
    display: none;
    float: right;
    width: 98%;
    border: 1px #ebebeb solid;
    padding: 4%;
    margin-top: -1px;
    min-height: 300px;
    background: #fdfdfd;
}



#fp-nav {
    position: fixed;
    z-index: 9999;
    margin-top: -32px;
    top: 45%;
    opacity: 1;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    right: -60px;
}

    #fp-nav span {
        font-weight: bold;
        color: #deff00;
        margin-left: 5px;
    }

    #fp-nav a {
        float: right;
        text-align: center;
        padding: 5px 20px;
        border-radius: 10px 10px 0px 0px;
        margin: 0px 5px;
        color: white;
        background: rgba(255, 27, 0, 0.6);
        font-weight: bold;
        box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.4);
    }

        #fp-nav a:hover {
            background: rgba(167, 0, 6,0.8);
            transform: translateY(5px);
        }

.message_compare {
    position: fixed;
    width: 99.8%;
    top: 0px;
    z-index: 110;
    display: none;
}

    .message_compare i.btnMessageClose {
        float: left
    }

    .message_compare i.btnMessageClose {
        float: left;
        color: #fff;
        cursor: pointer;
    }

    .message_compare div.btn {
        float: right;
        display: none;
        background: #6f42c1;
        margin: 1%;
        transition: all 0.5s;
    }

        .message_compare div.btn:hover {
            background: #897e91;
        }

.message_text {
    background-color: rgb(255, 122, 4);
    width: 100%;
}

.message_compare p {
    text-align: center;
    color: #fff;
}

ul.itemparameter {
    width: 100%;
    padding: 0;
    margin: 0;
}

.itemparameter aside:nth-child(1) {
    width: 25%;
}

.itemparameter aside {
    padding: .8%;
    margin: .1%;
    background-color: #ebebeb;
    display: inline-block;
}

    .itemparameter aside:nth-child(2) {
        width: 70%
    }



/*colors*/




.color-body1, header div i, .product .price:hover, footer a:link,
footer a:visited, footer i, .product .price:hover,
.category .col-8 .product_title a:hover, .product .price:hover,
.master-container-content .contact_us i, header a:link, header a:visited, header div:nth-child(2) a, .basket-details li a, .product .product_title a:hover {
    color: var(--color10);
}

.more_plan,  .best_product mark, .container .col-2 aside ul li h4,
 .best_product .more_plan, .ad-product .discount mark,  .prod-details-place .col-6 mark,  .master-container-content form[id^="form"] input[type="button"],
input[type="reset"], .master-container-content form[id^="form"] button,
.master-container-content form[id^="form"] input[type="button"]:hover,
.master-container-content form[id^="form"] button:hover,  .best_product .more_plan.hover_effect ::before {
  
}


.karik a , .karik a:visited , .karik a:link {
     
}


.tab-title > div.active{

  background: var(--color6);
}
 .title{

margin: auto;
    margin-top: auto;
  margin-top: auto;
  width: 30%;
  border-bottom: 2px solid var(--color13);
  margin-top: 1% auto;
  color:var(--color13);
  margin-bottom: 20px;

}

.icon-search{
color: var(--color10);
}

 .title h3 {
  margin:0;
padding:0;
margin: 6px;  
  padding-top: 2%;
    text-align: center;
  
    color: var(--color10);
  font-size: 1.7em;
}

.product-effect section { margin-right:2%;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

.product-effect .col-3{

margin-left:0 !important;

}




.container .col-2 aside ul li h4 {

}

header .menu-box{  }

.category .col-8 .product_title a {
    color: var(--color9);
}

.price-prod-detail > span, .prod-details > ul > li > span, header div a:hover,
.guarantee strong {
  
}






.contact a, .contact a:link, .contact a:visited, .contact i,
.master-container-content ul.contact_us li, .master-container-content form[id^="form"] input[type="button"]:hover,
.master-container-content form[id^="form"] button:hover, aside.sidebar ul li a {
    color: var(--font-color1);
}


header .menu-box, .search, .dropdown ul li, .Basket span {
   
    color: var(--color8);
}

.dropdown ul li:focus,.dropdown ul li:hover{

  background-color: var(--color5);
   color: var(--color11);

}

footer a:hover, .contact i:hover {
    color: var(--color10);
}
header .menu-box{
background-color: var(--origin2);
   margin-top: 1px;
  box-shadow: 1px 1px 10px 1px var(--color14);

}

.category .more_plan:hover {
    background-color: var(--color7);
}

.ad-product .more_plan:hover, .banner-place .circle-place i, .color-body2,
.prod-details-place form[id="form2"] input[type="button"]:hover {
    background-color: var(--color10);
}

footer .social-place i:hover, aside.sidebar ul li li a:hover {
    color: var(--color10);
}

.category .col-8 .product_title {
    background: var(--color12);
}

.product .price, .category .product_footer .price ins {
    background-color: var(--color7);
}

.product-slide ul li{list-style:none}


.i-search, .more_plan, .ad-product .discount mark, .ad-product .more_plan a:hover,
.container aside ul li h4 a,  .hover_effect:focus,
.hover_effect:active, .container .col-2 aside ul li h4, .prod-details-place .col-6 mark,
 header div:nth-child(2),
.circle-place i:hover {

}

.category section.col-2, .search, .sidebar, .product .col-3, .bottom-header, .category .col-3 {
    background-color: var(--origin2);
}

.banner .caption {
    color:black;
}


.container aside ul li li:hover, .master-container-content ul.contact_us li, .guarantee > span:hover {
  
}



.master-container-content ul.contact_us li:hover {
   
}

 .best_product mark {
    background: var(--color14);
}

.bottom_footer
{
  background: var(--color12);
}

header .top_header {

}



.product .price:hover {
    background-color: var(--color7);
}

.lightSlider {

  height:auto ! important;
}

.lSSlideOuter .lSPager.lSGallery img {
 
  height: 70px ! important;


  
  object-fit: cover;
}

.lSSlideOuter .lSPager.lSGallery li {

  max-width: 70px !important;
  
}





.mega-menu ul ul {

 
}

.mega-menu ul li li {
  border-bottom: 1px solid var(--color16);
  padding: 12px;
  margin: 0;
  width: 90%;
  
 
}

.mega-menu ul li:hover {
 
}
.mega-menu ul ul > li::before {

  color: var(--color10);

}
.mega-menu ul li ul li a, .mega-menu ul li ul li a:link, .mega-menu ul li ul li a:visited {
  color: var(--origin2);
}
.mega-menu ul li ul li a:hover{
color: var(--color13);

}

footer {
  float: right;
   width: 100%;
  background-color: var(--color17);
  margin-top: 20px;
}


footer img{height:200px}

.pathUrl span a::before {
  content: '\f100';
   padding-left: 5px;
  font-family: 'webfont';
  font-size: 1rem;
  padding-right: 5px;
  color: var(--color10);
}

.small {
  font-size: .9rem;
}

 .prod-details-place .prod-details-place-container {
  display: flex;
  border: 1px solid var(--color11);
 
}

  .pic-container {
  background-color: var(--color2);
  position: relative;
  text-align: center;
    width:50%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

  .pic-container img {
max-height:600px;
    max-width:100%;
    object-fit:cover;
    width:100%;
    height:auto;
}

.field
{
  display:none
}

 .details-container {
  padding: 2%;
  background-color: var(--color3);
  width: 50%;
   padding-top: 0;
   color: black;
}


.body-content1 img {
  border-radius: 20px;
  border: 2px solid #e3e0e0;
  padding: 4px;
  max-width: 65%;
  margin: 2% auto;
  display:block;
}

 .details-container  label{
   
font-weight: bold;

  min-width: 30px;
  display: inline-block;
 
   padding-left: 5px;
   color: #999;
   
}

.details-container .group-brand a {
  margin-left: 3%;
}

.group-brand label {
  margin-left: 1%;
}

.prod-short-detail article {
 
  width: 70px;
  text-align: center;
  background-color: var(--color6);
  color: black;
}

article.count {
  font-size: .8em;
  padding: 4px;
}

 .details-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pic-container mark {
  position: absolute;
  left: 3px;
  top: -10px;
  border-radius: 40px;
  background-color: var(--color5);
  z-index: 90;
  padding: 1%;
  float: left;

}

.notexist {
  color: var(--color16);
  width: unset;
  margin: 0;
}

.basket-box {background-color: var(--color10);}

.basket-box a {color:white;

padding: 5px 15px;}

.basket-box:hover {background-color: var(--color5);}


.prod-short-detail section:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.basket-box {
  display: flex;
  margin: 0 2%;
  border-radius: 5px;
}

.lSSlideOuter .lSPager.lSGallery img {
 
  padding: 2px;
}

.product1 {

 background-color: #cec3b224;
  
  border-radius: 5px;
  
}
.product-effect {

  margin: auto !important;
  display: flex;
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: var(--color10) !important;
}

.basket-details mark {

  background-color: #c8bb9e87;
}

.aside-filter aside nav.tree {
  min-height: 255px;
  padding: 2% 5px;
  overflow-x: hidden;
}
.aside-filter aside ul li li {
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding: 2%;
}

.tree ul li span {
  cursor: pointer;
  color: var(--color15);
}

.aside-filter aside ul li li a {
  color: var(--color1);
}

.tree  li code {
  color: var(--color15);
}

.tree li span::before {
  content: '\e880';
  font-weight: normal;
  font-family: 'webfont';
  background: white;
  margin: 7px;
  padding: 2px;
  font-size: var(--small);
  border-radius: 1px;
}

.tree ul li ul {
  padding-right: 20px;
}

.tree ul li ul ul {
  padding-right: 25px;
}

.aside-filter aside ul {
 
 
    padding-right: 0px;
}

aside ul {
  list-style: none;
  margin: 0 2%;
  padding: 0 1%;
}


.tree ul li.active span::before {
  content: '\e87a';
  font-family: 'webfont';
  font-weight: normal;
  color: var(--color16);
  background: var(--color1);
  border-radius: var(--border-radius);
}

.filter-box ul {
  list-style: none;
  display: flex;
  padding-right: 5px;
  align-items: center;
}

.filter-box .small {
  color: var(--color4);
}
.filter-box ul li {
  cursor: pointer;
  margin: .5%;
}
#slcproduct,.icon-params {
  display: none;
}

.pathUrl {
  margin: .4% 2px;
 
  padding: var(--gap1);
 
}

 .pathUrl span a::before {
  content: '\f100';
  color: var(--origin10);
  padding-left: 5px;
  font-family: 'webfont';
  font-size: 1rm;
  padding-right: 5px;
}

.header-bottom2 {
  border-radius: var(--border-radius);
  padding: 1%;
  margin-left: 3%;
  width: 100px;
  text-align: center;
  color: var(--color1);
  border: 1px solid var(--color11);
  background-color: var(--origin10-25);
}

.filter-box .small {
  color: var(--color4);
}
.small {
  font-size: .9rem;
}
code#cnt {
  color: var(--origin10);
}

filter-box {
  display: flex;
  align-items: center;
}

.filter-box div {
  display: flex;
  align-items: center;
 
  padding: 0 1%;
}

.filter-box
{
  border-bottom: 10px #eee solid;
}
.container  nav.tree {
  height: 350px;
  padding: 2% 5px;
  overflow-x: hidden;
}

.aside-filter {
  width: 24%;
  float: right;
  display: inline-block;
  background: white;
  margin-top: 1.5%;
  border-radius: 5px;
  margin-bottom: 1.5%;
}

.icon-filter::before {
  font-size: 1em;
  color: var(--origin7);
}

.icon-filter {
  padding: 7px;

  border-radius: 7px;
  font-style: normal;
  color: var(--color4);
  cursor:pointer;
 
}

.filter-place article {
  border: 1px solid #ccc;
  border-radius: 5px;
  width: auto;
  display: inline-block;
  padding: 4px;
  font-size: .75em;
  margin: 6px;
  float: right;
}

.filter-place {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.filter-place article {
  border: 1px solid #ccc;
  border-radius: 5px;
  width: auto;
  display: inline-block;
  padding: 4px;
  font-size: .75em;
  margin: 6px;
  float: right;
}

.filter-place i::before {
  font-size: 1em;
  color: var(--color18);
}
.icon-close::before {
  cursor: pointer;
}


.lSSlideOuter .lSPager.lSGallery {
  
  background-color: var(--color11);
  
}


.details-container i.icon-plus,.details-container i.icon-minute,.product-detail i{
  
  font-size: .6em;
  color: #ccc;
  float: left;
 
}

.details-container h2,.product-detail {

border-bottom: 1px solid var(--color13);
  margin-bottom: 5px;
  color: var(--color8);
  font-size: 1.2em;
  margin-top: 20px;
  line-height: 1.6;


}

.product-care {


}

.content-body{
float: right;

  width: 100%;
  
padding: 1% 3%;
  line-height: 1.9;

}

div.aside-filter .icon-close{
display:none;

}

.filter-button-container{

display:none;

}



 .lSPrev {
  
  background-color: #ccc ! important;
}

 .lSNext{
  
  background-color: #ccc ! important;


}

.body-content1{line-height:2}

.social {
  

  position: fixed;
  bottom: 4px;
  left: 3px;
  z-index: 106;
}

.social a.whatsapp {
  background-color: #4dc247;
}

.social a.instageram {
  background-color: red;
}

.social i {
 
 
  width: 60px;
  height: 50px;

  text-align: center;
  transition: .5s ease-out;
  border-radius: 5px;
 
  
}

.social i:before {
 color:white;
  font-size:2em;

}

.lSSlideOuter {
 
  background: white;
}

.parent_title{
float: right;
  width: 100%;
  background: white;
  margin-top: 20px;
  
}

 html[lang="en"] .parent_title{
float: left;
}

.lSSlideOuter .lSPager.lSpg {


  margin: auto;
  
  display: block;
}
   

 .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li{
  float: right !important ;
}

.productfilterparameter{display:none;}

.prod-short-detail p{color:var(--color10)}

.icon-bell{color:var(--origin12)}

.parametr-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: var(--gap2);
  background-color: var(--color14);
  margin: var(--gap1) 0;
  border-radius: var(--border-radius);
  direction: ltr;
}
.select-item {
  margin-top: var(--gap2);
  border-top: 1px solid var(--color12);
  padding-top: 15px;
}
.select-item div > span {
  background-color: var(--origin14);
  margin-left: var(--gap3);
  padding: 5px var(--gap2) 0px;
  border-radius: 6px;

}
.select-item label {
  margin-left: 20px;
}
.select-item select{
width: 200px;
  border: 1px solid var(--color10);
  background-color: var(--color17);
}

.parameters{display:none}

/* Under 2500px	*/
@media (max-width: 2520px) {

    main {
        width: 1600px;
        margin-right: auto;
        margin-left: auto;
     
        float: none;
        max-width: 100%;
    }
}


/* Under 1920px	*/
@media (max-width: 2000px) {

    /* Under 1600px	*/
    @media (max-width: 1700px) {
    }

    /* Under 1360px	*/
    @media (max-width: 1400px) {
    }
    /* Under 1280px	*/
    @media (max-width: 1300px) {
    }
    /* Under 1150px	*/
    @media (max-width: 1200px) {
        .prod-details-place form[id^="form"] .poll-container li:nth-child(3) {
            margin-right: 6%;
        }

        .footer .col-6:nth-child(2) .col-3 {
            width: 24.6%;
            float: unset;
        }

        .footer .col-6:nth-child(2) {
            text-align: center;
        }

        .master-container-content form .login-cont.login {
            width: 100%;
        }
    }

    .master-container-content .brands .col-2 {
        width: 31%;
    }
}

/* Under 1024px	*/
@media (max-width: 1100px) {
  
  .containers-about-us .containers-text {

 
  padding: 2% 3% 3% 1%;
 
  line-height: 2;
}
  

  
    
  html[lang="en"] .logo-place {
  margin-left: 10%;
  margin-right: unset;
}


    .section-pic img {
        max-height: 200px;
    }


    .section-text h4 {
        min-height: 60px;
        line-height: 30px
    }

    .Proven-section-place section p {
        min-height: 150px;
    }

    .Proven-section-place .col-3 {
        width: 48%
    }


    .col-8 {
        display: inline-block;
        float: none;
        text-align: center;
    }

    .category .col-8 .col-2 {
        width: 31%;
    }
}
/* Under 1000px	*/
@media (max-width: 1024px) {
  
  .product figure {
  height: unset;
}
  
  
  .details-container label {
 
  min-width: 40px;

 
}
  
  
    .filter-button-container a {
    border: 2px solid var(--origin10);
    padding: 2%;
    border-radius: 10px;
    color: var(--origin10);
    width: 100%;
    margin: 1%;
    text-align: center;
    cursor: pointer;
  }
  
  .filter-button-container {
    display: flex;
    justify-content: space-between;
    position: sticky;
    bottom: -10px;
    width: 100%;
    padding: 2%;
    background-color: white;
  }
  
  
  
  
  .container .col-2{margin:0}
  
  .aside-filter {
    position: absolute;
    top: 0;
    width: 350px;
    z-index: 103;
    right: -500px;
  
    margin-top: unset;
    border-radius: 5px;
    display: inline;
    top: 0px;
    overflow-y: auto;
  }
  
    .container .col-2 {

 
    position: absolute;}
  
  .aside-filter {
    margin-top: 0;
  }
  
    div.aside-filter .icon-close {
    float: left;
    display: block;
  }
  
  div#paging {

  font-size: .7em;
}
  
  .icon-filter {display:block;
  
    margin: 1% 20px 5px 5px;
  
  }
  

  
  .filter-box ul{display:none;}
  
  #slcproduct, .icon-params{
  
  display:block;
  
  }
  .filter-box div div  {
  border: 1px solid #C0C0C0;
    
  }
  
  #slcproduct{
    border:0;
  background-color: white;
  
  }
  
  
  .body-content1 img {

  max-width: 98%;
  margin: 0;

}

    header .header-search {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .container .col-2 {
        display: none;
    }

    .container .col-10 {
        width: 100%;
    }

    .master-container-content .product .col-4 img, .master-container-content .product .col-2 img {
        height: 250px;
    }


    .product .col-3 {
        width: 32%;
    }

    .master-container {
        width: 100%;
        margin: unset;
    }


    .menu-place {
        position: absolute;
        width: 0;
        top: 40px;
        right: -880px;
        background-color: transparent;
        display: none;
    }
  
  
     html[lang=en] .menu-place {
     
        left: -480px;
       right:unset;
       
    }
  

    .menu {
        text-align: right;
        padding-top: 1px;
    }

    header div:nth-child(1) span:nth-child(4) {
        padding: 2%;
    }

    .dropdown ul {
        padding-right: 0px;
    }

    .menu i {
        display: inline;
        color: var(--color5);
        margin-right: 2%;
        cursor: pointer;
        font-size: 1.5em;
    }

    aside {
        display: none;
    }
  header .top_header {

  padding: 1px;
}

    .wrapper .content {
        min-width: auto;
        flex: 1;
        float: right;
        margin: auto;
        width: 100%;
    }

    .banner-place {
        height: auto;
    }

    footer ul li {
        width: 100%;
    }

    .col-6 {
        width: 100%;
        padding: 2% 0;
    }

    .prod-details-place .col-6 {
        width: 100%;
       
    }

        .prod-details-place .col-6:first-child {
            border-bottom: 1px solid #c1c1c1;
            border-left: none;
        }

    .container-product .col-4 {
        width: 98%;
        margin: 1%;
        min-height: auto;
    }

    .container .master-container-content .product .col-3 {
        width: 48%;
        margin: 1%;
    }
  .container .master-container-content .product .col-3 figure{
  
  min-height:100px;
  
  }

    #txtsearch {
        width: 80%;
    }


    .container aside ul li li {
        padding: 2%;
    }
}
    /* Under 800px	*/
    @media (max-width: 820px) {
      
      
      .social i:before {

  font-size:1.2em;
        height:30px;

}

      
      .lSSlideOuter .lSPager.lSGallery li {
  max-width: unset !important;
}
      
   
      
      .lSPager {display:flex;}
      
      .lSPager {
  width:auto !important;
}
      
      .product-slide .lightSlider{height: unset !important;}
      
      .master-container-content {


      }
      
      
      .containers-about-us .containers-pic {
  width: 100%;
 
}
      .containers-about-us .containers-text {
  width: 95%;
 
}
      
      .containers-text h1{
      font-size: 1.3em;
        text-align: center;
      }
      
      .containers-about-us p{
      text-align:justify;
      
      }
  .mega-menu ul li {
   
    background-color: var(--color10);
    border-bottom: 0.5px solid var(--color5);
   
  }
      footer{height: auto}
      
      footer .col-4 {

  margin-top: unset;
}
      
    
  .mega-menu {
   
  
   
  }
      
      .logo-place {
 
  margin-left: unset;
}
      
      .bottom-header{
      display: block;
      
      }
      
      
      
      .logo-place img {
  max-width: 95%;
        margin-top: 20px;
  
}


        .master-container-content .prod-details-place > div {
           
        }




        .section-text {
            min-height: 50px;
        }

        .master-container-content {
            min-height: unset;
        }

        .section-pic img {
            max-height: 350px;
          margin: 4%;
        }


        .section-text h4 {
            font-size: 1em;
        }

        .prod-short-comment {
        }

        .binding-pic-place > ul > li:nth-child(1), .binding-pic-place > ul > li:nth-child(3) {
            padding-top: 25px;
            font-size: 0.6em;
        }

        .binding-pic-place > ul > li > div > div {
            margin: 6px 2px;
        }


        .guarantee > span {
            font-size: 0.8em;
        }


        .brands .col-2 {
            width: 46%;
        }
      
      .brands .col-2 {

  font-size: 1em;
 
}

        form[id^="form"] div.poll-container fieldset li input[type="email"],
        form[id^="form"] div.poll-container fieldset li input[type="text"],
        form[id^="form"] div.poll-container fieldset li textarea {
            width: 82% !important;
        }


        .master-container-content ul.contact_us {
            width: 98%;
        }

        .prod-details-place form[id^="form"] .poll-container ul {
            width: 100%;
        }
    }


    /* Under 768px	*/
    @media (max-width: 780px) {
      
      
      .title {

  width: auto;

}
      
    
      .prod-details{padding:4%}

   html[lang="en"] .logo-place {
    margin-left: unset;
    margin-right: unset;
  
}
        .listing ul li:first-child {
            background: none;
            width: 100%;
        }


        .section-pic img {
            max-height: 270px;
        }

        .category .col-8 {
            width: 99%;
        }

        .category .col-3 {
            width: 98%;
        }


        .manufactor-box-place img:hover {
            transform: inherit;
        }

        .contact-text {
            width: 100%;
        }

        .contact-left {
            width: 100%;
        }



        .master-container h1 {
            font-size: 1.3em;
        }
    }

    /* Under 620px	*/
    @media (max-width:650px) {
      
      
      .social-place div {

  width: 40px;
  height: 40px;
}
      
          .product .col-3 img {
            
            height: 150px;
         
        }
      
      
      .details-container i.icon-plus{
  
 
  display:none;
}

      
       .product .col-3 label {
       
      width:55%;
    

    }

      
      .prod-details-place .prod-details-place-container {
  display: unset;
  
}
      
      .pic-container ,.details-container{

  width: 100%;

}
      
      footer {
 
  background-color:unset;
}
      
      
      footer .col-4 {
 
  margin-top: 4%;
        width: 100%;
}
      
      .social-place {

  text-align: center;
}
      
      .footer {
 
  display:unset
}
      
      footer .col-4:nth-child(2) {
  text-align: center;
        width:100%;
}
      
      
      .best_product .title {

  width: 100%;
 
  margin-bottom: unset;
}
      
      
        .col-4 {
            width: 98%;
        }
      
      
      .login {

  margin-top: 5px;
}

        .product_category .col-4 img {
            height: 250px;
        }

        .product .col-4 .caption {
            min-height: 80px;
        }

        .product .col-3 {
            width: 48%;
            
        }
      .master-container-content .product .col-3{ width: 48%;}

        .container .col-2,
        .container .col-10 {
            width: 100%;
           
        }

        .ad-product .discount mark {
            font-size: 1em;
            height: 60px;
            width: 60px;
        }

        header div:nth-child(1) span:nth-child(3),
        header div:nth-child(1) span:nth-child(2) {
           
        }


        header .header-search {
            width: 100%;
            margin-top: 10px;
        }

        .banner img {
            height: 250px;
            object-position: 75% 100%;
        }


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

        .search {
            width: 80%;
           
            margin: 1%;
        }

        .listing ul li:first-child {
            width: 100%;
        }

        .master-container-content .brands .col-2 {
            width: 48%;
        }
    }

    /* Under 500px	*/
    @media (max-width:550px) {
      
      
      
      
    .brands .col-2 {

       height:100px;
    }
      
      
      .details-container i.icon-plus,.details-container i.icon-minus, .product-detail i{
    display: inline;
        cursor:pointer;
  }
      
      .lSSlideOuter .lSPager.lSGallery img {
  height: 40px !important;
 
}
      
      .product-about-slide-toggle,.product-care-slide-toggle{padding:1% 3%}
      
      
  .product-detail i,.details-container i.icon-plus,.details-container i.icon-minus  
      {
      margin-top: 5px;
       
}
      
      .product-detail-slide-toggle,.product-about-slide-toggle,.product-care-slide-toggle
      {
      display:none;
      
      }
      
      .pic-container img {
  max-height: 250px;
  
}
      
      
      .lSPager {
    width: unset  !important;
  }
      
      .tab-detail > section {
 
  padding: 1%;
      }

        .product .col-4 {
            width: 48%;
            margin: .5%;
        }

        .price-prod-detail {
            width: 100%;
        }

        .prod-details > ul > li > div:nth-child(2) {
            margin-right: 0;
        }

        .price-prod-detail {
            margin: 1% 0;
        }

        .ad-product .col-6 img {
            height: 250px;
        }

        .category .col-8 .col-2 {
            width: 48%;
        }

        .footer .col-6:nth-child(2) .col-3 {
            width: 30%;
        }


        .Proven-section-place .col-3 {
            width: 98%
        }

        .Proven-section-place section p {
            min-height: 180px;
        }

        .section-text a {
            font-weight: normal;
        }
    }

    /* Under 412px	*/
    @media (max-width: 500px) {
        .brands .col-2 {
            margin: 1%;
        }

        .master-container-content .product .col-4 img, .master-container-content .product .col-2 img, .product .col-3 img {
           
        }

        .master-container-content .news-box-picture {
            width: 98%;
            margin-left: 0px;
            margin-bottom: 20px;
        }

      

        .section-text a {
           
        }

        .Proven-section-place section p {
            min-height: 140px;
        }


        .master-container-text .news-box-picture {
            width: 95%;
        }

        .master-container h1 {
           
        }

        .download a {
            background: transparent url('/images/pdf.png') no-repeat scroll right top;
            width: 85%;
            padding-right: 15%;
        }

        .download span {
            width: 100%;
            text-align: left;
        }


        .brands .col-2 img {
            height: 100px;
        }

        .master-container-content .login-cont input[type="text"],
        .master-container-content .login-cont input[type="password"] {
            width: 95%;
        }

        .prod-details > ul > li > div:nth-child(2) {
            width: 100%;
            margin: 2% 0;
        }

        .master-container .tab-detail > section {
            width: 100%;
        }

        .master-container-title h1 {
            font-size: 1.2em;
        }

        .master-container-content .brands .col-2 {
            width: 98%;
        }
    }


    /* Under 360px	*/
    @media (max-width: 380px) {

        .table-detail li:nth-child(even) {
            width: 70.5%;
        }

        .table-detail li:nth-child(odd) {
            width: 26.5%;
        }
    }