#types .content{
    padding-bottom:60px;
}
#types .items{
    overflow:hidden;
    margin:1% 0 0 -1%;
    width:102%;
}
#types .item{
    float:left;
    width:23%;
    background-color:#f2f6fd;
    padding:15px;
    margin:1%;
    border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
#types .item img{
    width:100%;
    display:block;
    margin-bottom:15px;
}
#types .item h3{
  	color:#1f265d;
    height:55px;
    font-size:20px;
}
#types .item a{
    color:#1b3ebb;
    border-bottom:1px solid #1b3ebb;
}#types .item a:hover,#types .item:hover a{
    border-bottom-color:transparent;
}
#types a.hrefContacts:hover{
	border-color:#fff!important;
}
@media only screen AND (max-width:950px){
    /*types*/
    div#types .items .item{
        width:31.33%;
    }
}
@media only screen AND (max-width:750px){
    /*types*/
    div#types .items .item{
        width:48%;
    }
}
@media only screen AND (max-width:550px){
    /*types*/
    div#types .items{
        width:100%;
        margin-left:0;
    }
    div#types .items .item{
        width:100%;
        margin:30px 0 0 0;
        padding:30px;
    }
    div#types .items .item.i1{
        margin-top:15px;
    }
}
@media only screen AND (max-width:380px){
    /*types*/
    div#types .items .item{
        margin:15px 0 0 0;
    }
}