/* For screens below 1500px (approx. 125% zoom) */
@media screen and (max-width: 1500px) {
    .blog-side-post img {
        width: 330px;
        height: 230px;
    }
    a.contact {
    padding: 10px 10px;
    }
    #cards .card{
    min-height:430px;
    }
    .navbar>ul>li {
    padding: 10px 0 10px 20px;
}
    .frameworks .frame-main{
        margin-top: -170px;
    }
}
@media only screen and (max-width: 1399px) and (min-width: 1300px) {
    #hero .main {
        left: 7%;
        top: 14%;
    }
    .blog-side-post img {
    width: 350px;
    height: 230px;
}
}
@media only screen and (max-width: 1299px) and (min-width: 1200px) {
    .hero h2 {
        font-size: 45px;
    }
}
@media screen and (max-width: 1199.98px) {
    .webinar-list-box img {
        height: 250px;
    }
    .blog-side-post img {
        width: 330px;
        height: 210px;
    }
    #hero h2 {
        color: #fff;
        margin: 5px 0 30px 0;
        font-size: 40px;
        font-weight: 400;
    }
    .frameworks .frame-main {
        padding: 50px 0 50px;
        margin-top: -130px;
    }
    #hero p {
        font-size: 18px;
        color: #fff;
    }
    .section-title h2 {
        font-size: 40px;
    }
    #cards .card h4 {
        font-size: 20px;
    }
    #cards .card-back p {
        padding: 10px;
        font-size: 17px;
    }
    #solutions .list-content {
        padding: 15px;
    }
    #solutions .list-main::before {
        left: -61%;
    }
    .cta .cta-content {
        padding: 64px 40px;
    }
    .cta .cta-content h3 {
        font-size: 30px;
    }
    .cta .cta-content p {
        font-size: 20px;
    }
    
    .glide-main {
        padding: 2%;
        margin: 10px;
        height: 190px;
        margin-top:45px;
    }
    .tab-content:before {
        width: 235px;
        bottom: 15px;
    }
    .power ul.tabs li {
        font-size: 20px;
    }
    .assist-traditional .traditional-main {
        padding-top: 50px;
    }
    .stay ul::before {
        height: calc(100% - 24%);
    }
    .stay ul li:before {
        left: -14%;
    }
    .assist-traditional .assist-main {
        padding-top: 50px;
    }
    .glide-img img {
        width: 40px;
        height: 40px;
        overflow: visible;
    }
    .glide-content .glide-title h2 {
        font-size: 18px;
        color: #28426D;
        font-weight: 600;
    }
    .glide-content .glide-details p {
        font-size: 17px;
        color: #333333;
        font-weight: 400;
    }
    .difference-at .assist-content p, .difference-at .traditional-content p {
        width: 92%;
    }
    .feature .accordion-body ul li::before {
        left: -6%;
        top: 8%;
    }
    .complince-list-main a img {
        width: 450px;
        height: 350px;
    }
    .hero {
    height: 44vh;
    }
    .hero-video-banner video {
    object-fit: fill;
    }
}
@media screen and (max-width: 991.98px) {
    .webinar-list-box img {
        height: 200px;
    }
     .hero {
        height: 70vh;
        padding: 20px;
        background-position: left !important;
    }
    .hero-content {
        padding: 10px;
    }
    /*#hero .hero-video-banner video {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }*/
    .section-title h2 {
        font-size: 28px;
    }
    .main-frame {
        display: flex;
        justify-content: start;
        align-items: center;
    }
    .frame-img {
        padding:  10px;
    }
    .task .img-list {
        padding: 0px;
    }
    .task .contnet p {
        font-size: 18px;
        /* padding: 0; */
        margin: 0;
    }
    p.number:before {
        width: 45px;
        height: 45px;
    }
    #cards .card::before {
        width: 20px;
        height: 20px;
    }
    .task {
        padding-top: 0;
    }
    .task .card-slider h3 {
        font-size: 15px;
    }
    .task .section-title h2 {
        margin-bottom: 15px;
    }
    .task .card:before {
        width: 122px;
        height: 1px;
        background: black;
        bottom: 17px;
        left: 13px;
    }
    .task .card-slider p {
        font-size: 13px;
    }
    .task .card-slider .number {
        font-size: 19px;
    }
    #cards .card-back p {
        padding: 0px;
        font-size: 14px;
    }
    #solutions .section-title h2 {
        width: 100%;
    }
    #solutions .section-title p {
        font-size: 16px;
    }
    #solutions .list-img img {
        width: 40px;
    }
    #solutions .list-title h2 {
        font-size: 18px;
    }
    #solutions .list-des p {
        font-size: 16px;
    }
    #solutions .list-content {
        padding: 5px;
    }
    .blog-card h5 {
        font-size: 19px;
    }
    .blog-card p {
        font-size: 16px;
        color: #333333;
    }
    .faqs-list .accordion-button .faq-number {
        font-size: 18px;
        height: 50px;
        width: 50px;
    }
    .faqs-list .accordion-button p {
        padding: 10px;
        font-size: 16px;
    }
    .accordion-body {
        padding-left: 70px;
    }
    #solutions .list-main::before {
        left: -80%;
    }
    .cta .cta-content h3 {
        font-size: 22px;
    }
    .cta .cta-content {
        padding: 30px 40px;
    }
    .power .tab-content {
        width: 100%;
    }
    .tab-content:before {
        width: 294px;
    }
    .stay ul::before {
        height: calc(100% - 27%);
    }
    .stay ul li:before {
        left: -20%;
        top: 25%;
    }
    .stay li .secure-title h3 {
        font-size: 20px;
    }
    .stay li .secure-content p {
        font-size: 16px;
    }
    .new-frame .col-lg-4:nth-child(2) .main-frame {
        border: none;
    }
    .frame-title p {
        font-size: 15px;
    }
    
    .assist-title h2 {
        font-size: 21px;
    }
    
    .assist-traditional .assist-list-details .assist-list-title h3 {
        font-size: 18px;
    }
    .assist-traditional .assist-list-details .assist-content p {
        font-size: 16px;
    }
    .glide-main {
        margin-top: 53px;
    }
    .frameworks .frame-main {
    padding-left: 15px;
    }
    .feature .accordion-body ul li::before {
        left: -9%;
        top: 8%;
    }
    .blog-feature-post{
        margin-bottom: 30px;
    }
    .blog-feature-post-info h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .complince-list-main a img{
        width: 320px;
        height: 260px;
      }
      .complince-list-info {
        padding-left: 20px;
    }
}
@media screen and (max-width:767.98px){
    .blog-feature-post-info {
        padding: 20px;
    }
    .blog-side-post-info h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .blog-side-post img {
        width: 350px;
        height: 180px;
    }
    .task .right-side {
    margin-top: 10px;
}
.frame-title {
    padding-left: 0;
}
    li#menu-item-816 {
        display: block;
      }
      li#menu-item-816 a {
        background: #28426D;
        padding: 10px;
        border-radius: 10px;
        color: #fff !important;
        width: fit-content;
        margin: 0 auto;
    }
      a.contact {
        display: none;
    }
    

   /* #hero .hero-video-banner video {
        height: 100%;
        object-fit: cover;
    }*/
     .hero {
        height: 100vh; /* Adjust height for mobile */
        padding: 20px;
        background-position: left !important;
    }
    .hero-content {
        padding: 10px;
    }
    #hero h2 {
        font-size: 35px;
        line-height: normal;
    }
    #hero .main {
        left: 0;
        padding: 15px;
        bottom: 140px;
        width: 100%;
    }
    #hero p {
        width: 95%;
    }
    section {
        padding: 30px 0;
    }
    .frameworks .section-title h2 {
        width: 100%;
        font-size: 22px;
    }
    .frame-img {
        padding: 10px 10px;
        margin-bottom: 10px;
    }
    .frameworks .frame-main {
        padding: 20px;
        margin-top: -50px;
    }
    .task .section-title h2 {
        width: 100%;
    }
    .task .task-title {
        border: none;
    }
    #cards .section-title h2 {
        color: #fff;
        text-align: center;
    }
    #cards .card {
        padding: 15px;
        min-height: 300px;
    }
    #cards .card h4 {
        font-size: 18px;
    }
    #cards .card-back p {
        font-size: 18px;
    }
    .task .image-slider, .card-slider {
        width: 100%;
        box-sizing: border-box;
        padding: 9px;
    }
    .task .card-slider p {
        font-size: 20px;
    }
    .task .card-slider h3 {
        font-size: 23px;
    }
    .faqs-list {
        padding: 0;
    }
    .faqs-list .accordion-button p {
        padding: 5px;
        font-size: 13px;
        padding-left: 10px;
    }
    .faqs-list .accordion-button .faq-number {
        margin: 5px;
        font-size: 14px;
        /* height: 0px; */
        padding: 15px;
        width: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .accordion-body {
        padding-left: 42px;
        font-size: 13px;
    }
    #footer .newsletter {
        width: 100%;
    }
    #stay .right-side {
        padding:0 
       }
       .stay .section-title {
        width: 100%;
    }
    .new-frame .col-lg-4:nth-child(1) .main-frame, .new-frame .col-lg-4:nth-child(2) .main-frame {
        border:none !important;
    }
    .frame-title p {
        font-size: 15px;
    }
    .sol-main {
        padding: 15px;
    }
    .around .section-title h2 {
        text-align: center;
        font-size: 28px;
    }
    
   
    .main-frame {
        flex-direction: column;
    }
    
    .power .tabs {
        padding-left: 0;
    }
    .glide-main {
        padding: 20px;
        margin-top: 53px;
        height: 250px;
    }
    .glide-img {
        margin-top: -36px;
    }
    .power ul.tabs li {
        width: 100%;
    }
    
    .assist-traditional .col-lg-6.right-col {
        background: #0E3970;
        color: #fff;
      }
      
      .assist-traditional .col-lg-6.left-col {
        background: #28426D;
        color: #fff;
      }
      .feature .accordion-body ul li::before { 
        left: -9%;
        top: 8%;
    }
    .task {
         overflow: hidden; 
    }
    .framework-assist-list-details {
        padding: 20px 15px;
    }
    .main-frame{
        text-align: center;
    }

    .new-frame .frame-img img {
        width: 80%;
        max-width: 80%;
    }
    .single-blog-main,
    .date-autor{
        flex-wrap: wrap;
    }
    .stayinformd-title h2 {
        font-size: 32px;
    }
    .blog-author-name p {
        font-size: 22px;
    }
    .date-autor span {
        font-size: 16px;
    }
    h1.blog-title {
        font-size: 32px;
    }
    .search-bar-inside {
        width: 100%;
    }
    .blog-feature-post-info h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .blog-list-box {
        padding: 15px;
    }
    .complince-list-main a{
        flex-direction: column;
    }
    .complince-list-info{
         padding-left: 0;
        padding-top: 10px;
    }
    .webinar-author {
        margin-top: 30px;
    }
}