@media screen and (min-width: 1300px) and (max-width: 1500px){
    .navbar{
        z-index: 1;
    }
    .banner-text {
        margin: 38% 0 0 -8%;
    }
    .black-bg .black-bord-box span{
        font-size: 20px;
    }
    .black-bg .mom-box h3{
        font-size: 20px;
    }
    .footer-logo-two {
        padding: 50px 30px 30px 30px;
    }
    .platform-txt {
        padding-top: 20px;
    }
}
@media only screen and (max-width:1024px){
    .navbar{
        z-index: 1;
    }
    .banner-text {
        margin: 48% 0 0 -8%;
    }
    .black-bg .black-bord-box span{
        font-size: 16px;
    }
    .black-bg .mom-box h3{
        font-size: 16px;
    }
    .footer-logo-two {
        padding: 50px 30px 30px 30px;
    }
    .platform-txt {
        padding-top: 16px;
    }
    .black-bg .black-bord-box {
        padding: 50px 20px 40px 20px;
    }
    .sectio-txt {
        margin: 0 ;
    }
    .white-boxes .white-box-inner h3 {
        font-size: 18px;
    }
    .white-boxes .white-box-inner-two .wh-txt-one h3 {
        font-size: 18px;
    }
    .white-boxes .white-box-inner-two .wh-img-inner img {
        height: 200px;
    }
    .custom-footer .cta-box{
        padding: 30px;
    }
    .custom-footer .cta-box h4 {
        font-size: 18px;
        line-height: 25px;
    }
    .footer-logo-two {
        gap: 15px;
    }
}
@media (max-width: 768px){
    .top-part p{
        font-size: 14px;
    }
    .top-part p span {
        font-size: 14px;
    }
    .top-part p a{
        font-size: 14px;
    }
    .banner-part{
        margin: 50px 0 0 0;
    }
    .project-navbar {
        padding: 15px 0;
    }
    .banner-text {
        margin: 40px 0 40px 0;
    }
    #navbar.fixed {
        padding: 20px 20px;
    }
    #navbar.fixed .navbar-brand.ps-5{
        padding-left: 0 !important;
    }
    .collapse.show .navbar-nav{
        margin-top: 20px;
    }
    .black-bg .mom-box{
        margin: 18px 0 !important;
    }
    .black-bg .black-bord-box{
        margin-top: 18px;
    }
    .sectio-txt {
        margin: 50px 0 0 0px;
    }
    .white-boxes .ps-0,.white-boxes .pe-0{
        padding: 0 15px 15px 15px !important;
    }
    .white-boxes .white-box-inner-two .wh-img-inner img{
        height: 230px;
    }
    .custom-footer {
        padding: 30px 0 0 0;
    }
    .custom-footer .cta-box{
        padding: 38px;
    }
    .custom-footer .cta-box h4 {
        font-size: 24px;
        text-align: center;
    }
    .mob-bord-off{
        border: none;
    }
    .footer-logo-two {
        padding: 20px 20px 20px 30px;
    }
}
@media (max-width: 760px){
    .flip-card::after{
        left: 0;
    }
    .navbar-brand.ps-5{
        padding-left: 0 !important;
    }
    .flip-card .flip-container {
        width: 115px;
        height: 115px;
    }
    .flip-card .blank-box {
        width: 115px;
        height: 115px;
    }
    .banner-part {
        margin: 10px 0 0 0;
    }
    .banner-text h1 {
        font-size: 28px;
        line-height: 36px;
    }
    .banner-text p{
        font-size: 16px;
    }
    .white-boxes .ps-0, .white-boxes .pe-0 {
        padding: 0 15px 0px 15px !important;
    }
    .custom-footer .px-5 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .custom-footer .cta-box h4 {
        font-size: 19px;
        text-align: center;
        line-height: 25px;
    }
    .white-line-right {
        border-right: 0px solid #8E9088;
    }
    .footer-logo-two {
        padding: 20px 20px 20px 20px;
    }
    .footer-logo-two.pt-5 {
        padding-top: 2rem !important;
    }
    .mob-dis .blank-box{
        display: none;
    }
    .sectio-txt h2{
        font-size: 28px;
    }
    .black-bg .px-5{   
         padding-right: 2rem !important;
    padding-left: 2rem !important; 
    }
    .sectio-txt ul li .section-txt-inner h3 {
        font-size: 16px;
    }
    .sectio-txt ul li .section-txt-inner p {
        font-size: 16px;
    }
    .foter-logo p {
    font-size: 15px;
    }
    .copy-right p {
    margin: 0 0 15px 0;
    }
}