@media all and (min-width: 1550px){
    
}



@media only screen  and (max-width: 1280px)  {
 
}
@media all and (max-width: 992px){
   .about .row{
    display: flex;
    flex-direction: column-reverse;
   }
   .about-grid .row{
    row-gap: 50px;
   }
   .product-offer .left img{
    display: none;
   }
   .product-offer {
    background-color: #274480;
    padding-top: 50px;
    height: auto;
    padding-bottom: 50px;
}
.product-offer .right { 
    margin-top: 50px;
}
.risk{
    padding-top: 50px;
}
.about-vm .row {
    justify-content: center;
    row-gap: 100px;
}
.about-grid form .row {
    row-gap: 5px;
}
.product-offer .left {
    position: relative;
    margin-bottom: 25px;
}
.product-wrapper .row{
    row-gap: 50px;
}
}


@media all and (max-width: 768px){
    .class1 {
        padding-left: 0;
        padding-top: 16px;
        padding-bottom: 12px;
        margin: auto;
        text-align: center;
    }
    .cta .cta-content { 
        padding-top: 50px;
        padding-bottom: 50px;
        display: flex    ;
        justify-content: space-between;
        align-items: center;
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
        flex-direction: column;
        gap: 13px;
    }
    footer .footer-links {
        display: flex;
        list-style: none;
        gap: 10px;
        padding: 0;
        margin: 0;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }
    nav {
        background: #d8d8d8;
    }
    .navbar .navbar-toggler-icon { 
        border-bottom: 2px solid #274480; 
    }
    .navbar .navbar-toggler-icon:after, .navbar .navbar-toggler-icon:before {
       
        background-color: #274480; 
    }
    nav ul > li > a{
        color: #274480; 
    }
    .navbar-nav{
        padding: 20px 0;
    }
    .cta .cta-content p {
        font-weight: 600;
        font-size: 18px;
        color: #fff;
        text-align: center;
    }
    .team-ab .row{
        row-gap: 50px;
    }

}



@media all and (max-width: 576px){ 
    .navbar-brand img{
        max-width: 200px;
    }
    .about .left h2,.risk h2,.team-ab h2{
        font-size: 30px;
    }
    .about-block h2,.inner-hero h1{
        font-size: 35px;
    }
    .product-offer .right .product-block h3{
        font-size: 22px;
    }
    .about-vm-content h3{
        font-size: 25px;
    }
    .product-offer .right { 
        max-width: 90%;
        margin: auto;
        margin-top: 50px;
    }
    footer .footer-links-with-icon {
        display: flex    ;
        list-style: none;
        gap: 11px;
        padding: 0;
        margin: 0;
        text-decoration: none;
        flex-wrap: wrap;
        justify-content: center;
    }
    .class550{
        margin-top: 0;
    }
}

@media all and (max-width:500px){ 

} 
@media all and (max-width: 375px){ 
 
}