/* Responsive css ulcp page */

@media (max-width: 575.98px) {
  
  .navbar .navbar-brand .navbar-logo{
    background: url(../asset/img/ults_banking_logo.svg) no-repeat;
    width: 200px;
    height: 30px;
    display: inline-block;
  }
  .navbar.navbar-scrolled .navbar-brand .navbar-logo{
    background-image: url(../asset/img/ults_banking_logo.svg);
    
  }
  .navbar-brand { padding: 0px }


    .down_arrow {
        width: 35px;
        padding-top: 60px;
      
    }
    
      footer > .copy-right {
        font-size: 10px !important;
        padding: 10px 33px;
      }
      section {
        margin-top: 50px;
      }
      
      .image-fluid {
        height: 100%;
      }
    .banner {
        height: auto;
        padding-top: 125px;
        padding-bottom: 30px;

    }
    .banner h2 {
        padding-top: 20px;
        margin: 30px 0 0 0;
        font-size: 32px;
        text-align: center;
  }
  .banner h2 span {
    font-size: 16px;
    text-align: center;
}
  .banner h3 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;}
    .banner ul {
        margin: 5px 0 20px 16px;}
        .banner ul li{  
            font-size: 14px;
        }
        .banner p {
            text-align: center;
            font-size: 14px;}
            .banner p span {
                font-size: 18px;
            }
  .btn_booknow {
    padding: 10px 20px;
    margin-bottom: 30px!important;
    margin-left: 100px;
  }
  .solutions {
    padding-bottom: 50px;
  
}
  .solutions .card{
    margin-bottom: 40px;
  }
  .middle_container {
    padding: 0 0 0 0!important;}
  .middle_container h3 {
    padding: 0;
    font-size: 26px;
    margin-top: 0px;}
    .middle_container p {
        padding: 0;
    }
    .down_arrow {
        margin: 0 auto 0 auto;}
        
                            .for_more_details .box {
                                height: 155px;
                                padding: 20px 26px;
                            }
                            .for_more_details ul li {
                                padding: 0 20px 0 0;
                                margin: 0 20px 20px 0;
                                border-right: 0px solid #d4d4d4;
                            }
                           
                                .for_more_details h6{
                                    text-align: center;
                                    font-size: 16px;
                                    margin:20px 0;
                                }
                                .mobile_reverce{
                                    flex-wrap: wrap-reverse;
                                    display: flex;
                                }
h3 {
  
    font-size: 26px !important;
}
.servicebg {
  padding-top: 0px !important;
}
.ptwo {
  
  padding-bottom: 20px !important;

}
footer .copy-right {
  padding: 0 5px;
}
.insigts {
  padding: 20px 0 10px !important;
}
}
/* tab */
@media (max-width: 991.98px) { 
  section {
    padding-top: 50px;
}
  .navbar .navbar-brand .navbar-logo{
    background: url(../asset/img/ults_banking_logo.svg) no-repeat;
    width: 200px;
    height: 30px;
    display: inline-block;
  }
  .navbar.navbar-scrolled .navbar-brand .navbar-logo{
    background-image: url(../asset/img/ults_banking_logo.svg);
    
  }
  #mainNav .navbar-nav .nav-item .nav-link {
    color: #f6f6f6 !important;
}
  .navbar-brand { padding: 0px }
  .banner h2 {
    font-size: 26px;
    margin: 30px 0 0 0;}
    .btn_booknow {
        margin-bottom: 30px!important;
    }
    .middle_container h3 {
        padding: 0;
        margin-top: 0px;
        font-size: 26px;
    }
    .middle_container p {   
        padding: 0;
    }
    .middle_container {
        padding: 0 0 30px 0;}
        .facilities h4 {
            margin: 0 0 22px 0;
        }
        .btn_enquiry {
            margin-bottom: 50px!important;
        }
        .banner_none{
            display: none!important;
        }
        .padding_lft{
            padding-left: 2rem!important;
        }
        h3 {
  
          font-size: 26px !important;
      }
      section.servicebg {
        padding-top: 0px !important;
      }
      .ptwo {
  
        padding-bottom: 20px !important;
      
      }
      footer .copy-right {
        padding: 0 5px;
    }
    
    .insigts {
      padding: 20px 0 10px !important;
    }
 }

 @-webkit-keyframes uparrow {
    0% { -webkit-transform: translateY(0); opacity: 1 }
    100% { -webkit-transform: translateY(-0.4em); opacity: 1 }
  }
  @-webkit-keyframes downarrow {
    0% { -webkit-transform: translateY(0); opacity: 1 }
    100% { -webkit-transform: translateY(0.4em); opacity: 1 }
  }
  .up {
    -webkit-animation: uparrow 0.6s infinite alternate ease-in-out;
  }
  .down {
    -webkit-animation: downarrow 0.6s infinite alternate ease-in-out;
  }
  @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2){
  .banner_none{
    display: none!important;
}
.banner h2 {
    margin: 80px 0 0 0;}
    .for_more_details .box {
        height: 120px;
        padding: 20px 20px;}
        .for_more_details h6 {
            text-align: center;}
}

.img-responsive.mobile {
    display: none;
  }
  @media only screen and (max-device-width: 480px) {
    .img-responsive {
      display: none;
    }
    .img-responsive.mobile {
      display: block;
    }
    .margin_left-40{
        margin-left: 40px!important;
    }
    .margin_left-60{
        margin-left: 60px!important;
    }
  }