.check {
margin-right:7px;
}


 .product-title a {
font-size: 20px;
font-family: Open Sans;  
text-decoration: none;  
   
}

 .product-title a:hover {
text-decoration: none; border-bottom: 1px solid #97c93c;   
}

 .product-title a:active {
text-decoration: none; border-bottom: 1px solid #97c93c;   
}



.time {
font-size: 14px; margin-top:10px; 

}

.addtocart-button a {
background-color: #97C93E;
color: #ffffff;
border-radius: 5px;
height: 30px;
width: 120px;
line-height:30px;
text-align:center;
float:left;
margin-top:4px;
}

.addtocart-button a:hover {
background-color: #83af36;
color: #ffffff;
border-radius: 5px;
height: 30px;
width: 120px;
line-height:30px;
text-align:center;
float:left;    
margin-top:4px; 
}

.comparative {
background-color: #ffffff;
border: 1px solid #eae3e3;
border-radius: 5px;    
height:100%; 
margin-top:20px; 
width:100%;
  
}

.infos {
padding-left:25px;
}

.cell2 {
background-color: #ffffff;
border: 1px solid #e8e8e8;    
border-radius:5px;
height:100%; 
margin-top:20px; 
width:100%;
padding-bottom:20px;   
}

.text-comparative {
color: #ffffff;
font-weight: bold;    
text-align:center;
position:absolute; 
padding-top:116px;
padding-left:85px;
z-index: 1; 
    
}

.img-comparative {
text-align:center;
position:relative;
padding-top:10px;
padding-bottom:10px; 
margin-top:10px;  
   
}

.hrprod {
background-color:#d9d9d9;    
height:1px;
width:100%;    
}

.container .row .toggle-office .tab-four {
background-color:#f2f2f2; color: #323232; font-weight: normal; text-align: center; float:left; width:228px; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-right: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-one {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:228px; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-right: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-two {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:228px; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-right: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-three {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:228px; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-right: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-five {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:228px; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}

.container .row .toggle-office .tab-six {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:228px; height:40px; margin-bottom:auto; line-height:20px; font-weight:normal; font-size:14px; border-right: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-seven {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:228px; height:40px; margin-bottom:auto; line-height:20px; font-weight:normal; font-size:14px; border-right: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-eight {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:right; width:228px; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}







@media (min-width: 50px) and (max-width: 500px) {
.hrprod {
width:100%;
}    
    
.img-responsive {
text-align:center;     
min-width:140px;      
}
 
.descriere {
width:100%;
}   
 
.link-comp-vers a {
color: #97C93E;
text-decoration: none;    
}  
    
.link-comp-vers a:hover {
margin-top:10px;
color: #97C93E;
text-decoration: underline;    
}    
}

@media (min-width: 50px) and (max-width: 500px) {    
.infos {
padding-left:10px !important;
padding-right:5px !important;    
} 

.nosgaranties {
text-align:center;
   
} 
    
.check {
display:none !important;
}    
    
.hrprod {
width:100%;
}    
    
.link-comp-vers a {
color: #97C93E;
text-decoration: none;    
}  
    
.link-comp-vers a:hover {
margin-top:10px;
color: #97C93E;
text-decoration: underline;    
}   
    
.time {
width:100%;
     
 }
    
.continut {
margin-top:10px;
}    
    
.container .row .toggle-office .tab-four {
background-color:#f2f2f2; color: #323232; font-weight: normal; text-align: center; float:left; width:100%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-one {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:100%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-two {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:100%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-three {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:100%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-five {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:100%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-six {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:100%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-seven {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:100%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-eight {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:right; width:100%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}
}



@media (min-width: 501px) and (max-width: 636px) {
.infos {
padding-left:10px !important;
padding-right:5px !important;    
} 

.nosgaranties {
text-align:center;
   
} 
    
.check {
display:none !important;
}    
    
.hrprod {
width:100%;
}    
    
.link-comp-vers a {
color: #97C93E;
text-decoration: none;    
}  
    
.link-comp-vers a:hover {
margin-top:10px;
color: #97C93E;
text-decoration: underline;    
}    
    
 .continut {
margin-top:10px;
}    
    
.container .row .toggle-office .tab-four {
background-color:#f2f2f2; color: #323232; font-weight: normal; text-align: center; float:left; width:25%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-one {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:25%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-two {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:25%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-three {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:25%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-five {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:33%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}

.container .row .toggle-office .tab-seven {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:33%; height:40px; margin-bottom:auto; line-height:20px; font-weight:normal; font-size:14px;
}

.container .row .toggle-office .tab-eight {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:right; width:33%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}
}


@media (min-width: 563px) and (max-width: 730px) {
.container .row .toggle-office .tab-seven {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:33%; height:40px; margin-bottom:auto; line-height:40px !important; font-weight:normal; font-size:14px;
}
}



@media (min-width: 637px) and (max-width: 767px) {   
.comparative {
margin-top:20px !important;
} 
    
.infos {
padding-left:10px !important;
padding-right:5px !important;    
} 

.nosgaranties {
text-align:center;
   
} 
    
.check {
display:none !important;
}     
    
.hrprod {
width:100% !important;
}    
}


@media (min-width: 637px) and (max-width: 732px) {
     
    
.link-comp-vers a {
color: #97C93E;
text-decoration: none;    
}  
    
.link-comp-vers a:hover {
margin-top:10px;
color: #97C93E;
text-decoration: underline;    
}    
    
 .continut {
margin-top:10px;
}    
    
.container .row .toggle-office .tab-four {
background-color:#f2f2f2; color: #323232; font-weight: normal; text-align: center; float:left; width:25%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-one {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:25%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-two {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:25%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-three {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:25%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-five {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:220px; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}


.container .row .toggle-office .tab-seven {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:220px; height:40px; margin-bottom:auto; line-height:20px; font-weight:normal; font-size:14px;
}

.container .row .toggle-office .tab-eight {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:right; width:220px; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}
}   





@media (min-width: 499px) and (max-width: 767px) {
.container .row .toggle-office .tab-five {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:33% !important; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}


.container .row .toggle-office .tab-seven {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:33% !important; height:40px; margin-bottom:auto; line-height:20px; font-weight:normal; font-size:14px;
}

.container .row .toggle-office .tab-eight {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:right; width:34% !important; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}
}




@media (min-width: 768px) and (max-width: 991px) {
.container .row .toggle-office .tab-five {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:240px !important; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}


.container .row .toggle-office .tab-seven {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:240px !important; height:40px; margin-bottom:auto; line-height:20px; font-weight:normal; font-size:14px;
}

.container .row .toggle-office .tab-eight {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:right; width:240px !important; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}
}




@media (min-width: 1200px) and (max-width: 1200px) {
.container .row .toggle-office .tab-five {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:380px !important; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}


.container .row .toggle-office .tab-seven {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:380px !important; height:40px; margin-bottom:auto; line-height:20px; font-weight:normal; font-size:14px;
}

.container .row .toggle-office .tab-eight {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:right; width:380px !important; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}
}



@media (min-width: 733px) and (max-width: 991px) {
.infos {
padding-right:15px;   
}    
    
.text-comparative {
color: #ffffff;
font-weight: bold;    
position:absolute; 
padding-top:94px;
font-size:12px;
z-index: 1; 
width:87%; 
padding-right:0px !important;
padding-left:0px !important;    
}

.img-comparative {
text-align:center;
position:relative;
padding-top:10px;
padding-bottom:10px; 
margin-top:10px;  
width:100%;    
}
   
}

@media (min-width: 733px) and (max-width: 1200px) { 
.infos {
padding-left:15px;
padding-right:5px;    
}    
    
.link-comp-vers a {
color: #97C93E;
text-decoration: none;    
}  
    
.link-comp-vers a:hover {
margin-top:10px;
color: #97C93E;
text-decoration: underline;    
}    
    
.text-comparative {
padding-left:52px;
}    
    
 .continut {
margin-top:10px;
}    
    
.container .row .toggle-office .tab-four {
background-color:#f2f2f2; color: #323232; font-weight: normal; text-align: center; float:left; width:25%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-one {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:25%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-two {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:25%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-three {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:25%; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px; border-bottom: 1px solid #8b8b8b;
}

.container .row .toggle-office .tab-five {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:314px; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}


.container .row .toggle-office .tab-seven {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:left; width:312px; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}

.container .row .toggle-office .tab-eight {
background-color:#616969; color: #ffffff; font-weight: normal; text-align: center; float:right; width:314px; height:40px; margin-bottom:auto; line-height:40px; font-weight:normal; font-size:14px;
}
}