/*============================================================================
   #Webcms
==============================================================================*/
.rec-to{
    width:100%;
    margin-top:10px;
}

.rec-to a{
    color:black;
    text-decoration: none;
    font-size: 12px;
    font-weight: 200;
}

.rec-to .under-line{
    text-decoration: underline;
}

.four-to-four{
    width:100%;
}

.four-to-four h1{
    text-align: center;
    color:red;
    margin-top:16px;
    font-weight: bold;
}

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

.text-error p{
    font-weight: 400;
    font-size: 14px;
}

.search-error{
    width:100%;
   
}

.search-error input{
    width:100%;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom: 1px solid black;
    padding-left:40px;
    outline:none;
}

.search-error i{
    position: relative;
    top: 24px;
    left: 7px;
}

.title-product-error{
    width:100%;
    margin-top:80px;
}

.title-product-error h2{
    color:#00BCC2;
    font-weight: bold;
    padding-bottom: 30px;

}

.img-product{
    width:100%;
    height:auto;
}

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

.text-product{
    width:100%;
}

.name-product{
    width:100%;
    height:50px;
    margin-top:10px;
    text-align:center;
}

.name-product span{
    font-weight: 400;
    font-size: 14px;
  
}

.sale{
    width:100%;
    text-align: center;
    
}


.sale s{
    color:grey;
    font-size: 14px;
    font-weight: 600;
   
}

.sale b{
    color:red;
    font-size: 14px;
    padding-left: 10px;
    
}

@media only screen and (max-width:540px){
    #lane{
        margin-top:50px;
    }
  
}

@media only screen and (max-width:376px){
    .text-error p{
        font-size:15px;
    }
}

@media only screen and (max-width:321px){
    .name-product span{
        font-size:12px;
    }

    .sale u{   
        font-size: 12px;
       
    }
    
    .sale b{
        font-size: 12px;
    }
    
}

.buy{
    width:100%;
    margin-top:20px;
    text-align: center;
    margin-bottom: 10px;
}

.buy button{
    width:100px;
    height:35px;
    background-color: #00BCC2;
    color:white;
    border:none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    text-transform: uppercase;
    padding:5px;
    font-size: 14px;
    font-weight: 600;
    outline:none;
}

.all-pro{
    border:2px solid #F0F0F0;
}