.mintak
{
height:550px;
overflow:auto;
border:2px solid lightgray;
}




.vakolat-tipus img
{
width:100%;
}

.btn-szinkalkulator
{
height:70px;
font-size:40px;
width:100%;
margin-top:10px;

}


.vakolat-tipus
{
margin-top:20px;
border:2px solid transparent;
}



.vakolat-tipus img
{

-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.vakolat-tipus:hover
{
border:2px solid lightgray !important;
cursor:pointer;
}





/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) 
{
      
                        
}


@media (min-width: 768px) and (max-width: 991px) 
{
    
}


@media (min-width: 992px) and (max-width: 1200px) {
    .vakolat-tipus img
    {
    width:286px;
    height:135px;
    }
    .kep-tarto
    {
    width:286px;
    height:135px;
    overflow: hidden;    
    }
    .vakolat-tipus img:hover 
    {
     width: 535px;
     height: 357px;
    }
              
}


@media (min-width: 1200px) 
{
    .vakolat-tipus img
    {
    width:319px;
    height:175px;
    }                        
    .kep-tarto
    {
    width:319px;
    height:175px;
    overflow: hidden;    
    } 
    .vakolat-tipus img:hover 
    {
     width: 535px;
     height: 357px;
    }                   
                        
}