.ab-cat-card{
margin-top: 15px;
margin-bottom: 15px;
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s;
}
.ab-cat-card:hover{
transform: scale(1.05);
}
.ab-cat-card .ab-cat-wrap{
background-size: cover!important;
border-radius: 20px;
height: 350px;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
padding: 30px;
flex-wrap: wrap;
align-content: center;
}
.ab-cat-card .ab-cat-img{
max-width: 58%;
margin-left: auto;
position: absolute;
right: 0;
}
.ab-cat-card .ab-cat-dots{
position: absolute;
top: 30px;
left: 30px;
}
.ab-dark .ab-cat-card .ab-cat-dots{
filter: brightness(0);
}
.ab-cat-card .ab-cat-img img{
max-width: 100%;
}
.ab-cat-card .ab-cat-title{
width: 100%;
font-size: 28px;
font-weight: 500;
font-weight: 700;
color: #fff;
}
.ab-cat-card .ab-cat-subtitle{
width: 100%;
font-size: 40px;
font-weight: 900;
color: rgba(255,255,255,0.3);
line-height: 1;
}
.ab-cat-content{
position: relative;
z-index: 4;
margin-top: 60px;
}
.ab-cat-btn a{
background: #151515;
padding: 10px 30px;
border-radius: 50px;
margin-top: 25px;
display: inline-block;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
}
.ab-cat-btn a:hover{
opacity: 0.7;
}
.ab-nav-wrap .ab-cat-card .ab-cat-wrap{
height: 150px;
}
.ab-nav-wrap .vc_column_container>.vc_column-inner{
padding-left: 7.5px;
padding-right: 7.5px;
}
.ab-nav-wrap .ab-cat-card .ab-cat-title{
font-size: 20px;
line-height: 1;
} @media only screen and (max-width: 1920px) {
}
@media only screen and (max-width: 1400px) {
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 480px) {
.ab-cat-card .ab-cat-wrap{
height: 240px;
height: 200px;
}
.ab-cat-content{
margin-top: 45px;
margin-top: 28px;
}
.ab-cat-card .ab-cat-title{
font-size: 22px;
}
.ab-cat-card .ab-cat-subtitle{
font-size: 30px;
}
.ab-cat-card .ab-cat-dots{
width: 70px;
top: 15px;
}
.ab-cat-btn a{
margin-top: 14px;
}
}
@media only screen and (max-width: 370px) {
} .ab-cat-card .ab-cat-wrap{
background-size: cover!important;
}