@media (max-width:768px) {
    .fon-p{
        font-size: 15px !important;
    }
    .fon-subcont p{
        font-size: 14px !important;
    }
    .fon-content{
        padding: 0px !important;
    }
    .fon-card2{
        padding: 15px !important;
    }
    .next-page a{
        font-size: 16px ;
    }
    .fop-card-body p{
        font-size: 14px !important ;
    }
    .card2{
        padding-left: 15px;
        padding-right: 14px;
    }
}
@media (min-width:1200px){
      .fon-subcont,.fon-card1{
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;

    } 
    .fop-card3{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .fon-head{
        margin-top: 20px !important;
        max-width: 960px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

}
.fon-head{
    margin-top: 25px !important;
}