@media(min-width: 1365px){
    .container{
        max-width: 1220px;
    }
}
@media(max-width: 1440px){
    .subscribe-right {
        width: 35%;
    }
    .subscribe-left {
        width: 65%;
    }
    .progress-container {
        left: -50px;
    }
    .footer-img {
        margin-top: -50px;
        margin-left: -14px;
    }
}
@media(max-width: 1365px){
    .progress-container {
        left: -63px;
    }
    .arw-main {
        min-width: 265px;
    }
    .ai-main .main-heading {
        font-size: 30px;
        line-height: 40px;
    }
    .ai-inner-right {
        right: 0;
        max-width: 316px;
    }
}
@media(max-width: 1199px){
    .progress-container {
        left: -63px;
    }
    .hero {
        padding-bottom: 162px;
    }
    .arw-main {
        min-width: 265px;
    }
    .footer-img {
        margin-top: -50px;
        margin-left: -15px;
    }
    .mbl-show{
        display: block;
    }
    .mbl-hide{
        display: none;
    }
    .progress-container {
        transform: none;
        margin: 0 auto;
        position: relative;
        left: auto;
        top: auto;
        width: 94%;
        margin-top: 16px;
    }
    .small-ttile{
        display: none;
    }
    .nav-btn {
        padding-left: 12px;
    }
    header {
        padding-top: 6px;
    }
    .brand {
        height: 100px;
    }
    .technology-main ul li img{
        height: 40px;
    }
    .technology-main ul {
        padding-inline: 14px;
    }
    .ai-inner-right {
        max-width: 264px;
    }
    .ai-inner-left{
        max-width: 300px;
    }
    .custom-ai .main-heading {
        font-size: 30px;
        line-height: 40px;
        margin-left: -12px;
    }
    .arw-main {
        min-width: 280px;
    }
    .stay-connected-main h4{
        font-size: 30px;
        line-height: 40px;
    }
    .subscribe-page .subscribe-right {
        width: 40%;
    }
    .subscribe-page .subscribe-left{
        width: 60%;
    }
    .subscribe-right-main {
        max-width: 376px;
        padding-inline: 20px;
    }
    .subscribe-inner .main-heading {
        padding-bottom: 56px;
    }
    .custom-ai .container{
        margin-right: 0;
        padding-right: 0;
    }
}

@media(max-width: 991px){
    .home-page .top-header {
        display: flex;
    }
    .navbar-toggler{
        padding: 0;
    }
    .navbar-brand{
        margin: 0 auto;
    }
    .hero-left h1,
    .hero-left p{
        max-width: 100%;
    }
    .technology-main{
        padding-top: 83px;
    }
    .technology-main ul{
        flex-wrap: wrap;
        gap: 40px;
        justify-content: center;
    }
    .ai-inner{
        position: static;
        flex-direction: column;
        align-items: flex-start;
    }
    .ai-inner-left,
    .ai-inner-right {
        max-width: 100%;
        width: 100%;
    }
    .ai-inner-left{
        padding-bottom: 18px;
    }
    .ai-inner-right{
        padding-top: 18px;
    }
    .ai-main .main-heading,
    .ai-main p{
        max-width: 100%;
    }
    .arw-main {
        min-width: 306px;
    }
    .stay-connected-main p {
        font-size: 16px;
        max-width: 580px;
    }
    .footer-img {
        margin-top: -30px;
    }
    .footer-bottom {
        padding-bottom: 50px;
    }
    .nav-menu{
        position: absolute;
        top: 0;
        height: 100vh;
        width: 100%;
        left: 0;
        background: #101118;
        z-index: 99999;
        padding-top: 55px;
    }
    .brand {
        height: 65px;
    }
    .navbar-nav .nav-item{
        margin-bottom: 32px;
        margin-right: 0;
    }
    .navbar-nav .nav-item:last-child{
        margin-bottom: 0;
    }
    .navbar-nav{
        padding-bottom: 99px;
        justify-content: center;
        align-items: center;
        padding-top: 55px;
    }
    .navbar-brand,
    .navbar-toggler {
        position: relative;
        z-index: 999999;
    }
    .nav-btn .main-btn {
        font-size: 18px;
        display: inline-flex;
        height: 48px;
        padding-inline: 46px;
    }
    .nav-btn{
        text-align: center;
        padding-left: 0;
    }
    .nav-link {
        font-size: 20px;
    }
    .navbar-toggler{
        position: absolute;
    }
    .footer-img {
        margin-top: 3px;
    }
    .subscribe-inner .main-heading{
        font-size: 30px;
        line-height: 40px;
    }
}
@media(max-width: 767px){
    .technology-main {
        padding-bottom: 43px;
    }
    .arw-main {
        min-width: 315px;
    }
    .stay-connected-main p {
        max-width: 310px;
    }
    .main-btn {
        font-size: 20px;
    }
    .stay-connected-main .main-btn{
        padding-inline: 40px;
    }
    .footer-links{
        flex-direction: column;
    }
    .footer-links ol {
        padding-bottom: 50px;
    }
    .terms-hero .main-heading{
        font-size: 30px;
        line-height: 40px;
    }
    .terms-page header {
        padding-top: 6px;
    }
    .privacy-page .footer-links,
    .terms-page .footer-links {
        flex-direction: column-reverse;
    }
    .terms-page  .footer-links ol {
        padding-bottom: 0;
        padding-top: 16px;
    }
    .terms-hero{
        padding-bottom: 100px;
    }
    .container{
        padding-inline: 20px;
    }
    .subscribe-main{
        flex-direction: column;
    }
    .subscribe-page .subscribe-left,
    .subscribe-page .subscribe-right {
        width: 100%;
    }
    .subscribe-right{
        padding: 20px 0;
    }
    .subscribe-inner {
        padding-top: 50px;
    }
    .subscribe-inner .main-heading {
        padding-bottom: 20px;
    }
    .subscribe-page .brand-main {
        margin-top: 12px;
        margin-left: 20px;
    }
    .subscribe-right-main {
        max-width: 100%;
    }
}
@media(max-width: 575px){
    .technology-main ul li {
        width: 24%;
    }
    .technology-main ul li img {
        height: auto;
    }
    .technology-main ul {
        gap: 36px;
    }
    .arw-main {
        min-width: 272px;
    }
    .terms-inner ul li{
        font-size: 14px;
    }
    .custom-ai .main-heading {
        padding-bottom: 140px;
    }
    .arw-main {
        min-width: 260px;
    }
}