@media(max-width:1630px) {
    .slider-btn {
        margin-bottom: 50px;
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 45%;
        right: auto;
        top: 55px;        
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 45%;
        top: 55px;
    }
}
@media(max-width:1199px) {
    .ai-icons {
        display: none;
    }
    .about-img img {
        display: none;
    }
    .about-img {
        display: none;
    }
    .ab-img {
        display: block;
        margin: 0 auto;
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 40%;
        right: auto;
        top: 55px;        
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 40%;
        top: 55px;
    }

    .ai-slider-box {
        max-width: unset;
        margin-left: unset;
    }

    .ai-client-content .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 38px;
        top: 10px;
    }
    .ai-heading h1::before {
        left: -70px;
    }

    .ai-heading h1 {
        padding-left: 0px;
    }
    .ai-services-content {
        padding: 55px 10px;
    }
    .ai2-form-text {
        align-items: center;
        justify-content: center;
    }
    .ai2-input {
        max-width: 250px;
    }
    .form-bottom.ai-2form-btn a {
        min-width: 250px;
        width: auto;
    }
    .ai-banner-content.ai2-banner-content h2 {
        font-size: 40px;
    }
    .ai2-team-text{
        padding: 15px 5px;
    }
}
@media(max-width:1100px) {
    .ai-services-content
    {
        padding: 52px 16px;
    }
}
@media(max-width:991px) {
    .ai-overlay img {
        width: 100%;
    }
    .overlay_icon a img {
        width: auto;
    }
    .ai-client-content h1 {
        max-width: 343px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .ai-client-content .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 0px;
        right: 67px;
        margin: 0 auto;
        top: 19px
    }

    .ai-client-content .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        left: 0px;
        right: 0;
        top: 18px !important;
        margin: 0 auto;
    }
    .client-slider
    {
        margin-top: 20px;
    }

    .ai-button {
        min-width: 117px;
    }

    .ai-box {
        display: block;
    }

    .ai-box-left,
    .ai-box-right {
        width: 100%;
    }

    .ai-box-left img {
        padding: 30px 0px;
    }
    .ai-team-content, .ai2-stepbox, .ai2-serv-content
    {
        margin-bottom: 25px;
    }
    
    /* toggle-btn */
    .ai-toggle {
        display: block;
    }

    .ai-menu-list ul {
        position: fixed;
        top: 0;
        left: -200px;
        width: 220px;
        flex-direction: column;
        transition: all 0.5s ease-in-out;
        height: 100%;
        z-index: 1;
        display: block;
        padding: 0px 29px 0px 50px;
        z-index: 2;
    }

    .toggle .ai-menu-list ul {
        left: 0;
        background-color: #ff4d12;
        padding-top: 30px;
    }

    .ai-toggle {
        display: inline-block;
    }

    .ai-menu-list ul li a {
        color: #ffff;
    }

    .ai-menu-list ul li {
        padding-bottom: 35px;
    }

    .ai-menu-list ul li.active a:after {
        transform: scale(0);
    }

    .ai-menu-list ul li {
        color: #fff;
    }
    .ai-menu-list ul.submenu {
        transform: rotateX(0deg);
        opacity: 1;
        visibility: visible;
        top: 30px;
        box-shadow: none;
        padding: 0;
    }
    .ai-menu-list ul.submenu li{
        border-bottom-color: transparent;
    }

    .ai-1 P {
        max-width: unset;
    }

    .ai-commercial-section .ai-flex h2 {
        margin: 20px 0px;
    }

    .ai-footer-content {
        display: block;
    }

    .footer-right-content {
        margin-top: 20px;
    }

    .ai-client-content .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        left: 87px;
        top: 50px;
    }
    .ai-form.ai-flex-img01 {
        display: block;
    }
    .ai-flex-img
    {
        margin-left: 88px;
    }
    .ai-box-right h1
    {
        padding-top: 26px;
    }    
    .ai2-steps-section .ai-heading{
        padding-bottom: 30px;
    }
    .ai-menu-list ul.submenu{
        position: relative;
        top: 0;
    }
    .ai-menu-list ul li:hover ul.submenu{
        transform: rotateX(0deg);
        opacity: 1;
        visibility: visible;
        display: none;
    
    }
    .ai-menu-list ul li.open ul.submenu{
        display: block;
    }
}

@media(max-width:767px) {
    .ai-team-content {
        text-align: center;
        margin-top: 30px;
    }

    .ai-commercial-section .ai-flex h2 {
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .ai-about-wrapper {
        padding: 205px 0px 83px 0px;
    }
    .ai-banner-content{
        margin-top: 118px;
    }
    .ai-heading h1 {
        font-size: 25px;
    }
    .ai-heading h1::before {
        left: -50px;
        width: 40px;
        top: 16px;
    }
    .ai-menu-list {
        justify-content: center;
    }

    .ai-logo {
        text-align: center;
    }
    .ai-2{
        margin-bottom: 52px;
    }
}

@media(max-width:580px) {
    .ai-footer-sec {
        padding-left: 50px;
    }
    .footer-right-content {
        display: block;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        text-align: center;
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 30%;
        right: auto;
        top: 55px;        
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 30%;
        top: 55px;
    }
    .footer-right-content h1
    {
        margin-bottom: 20px;
    }
    .ai2-form-wrapper {
        max-width: 500px;
    }
    .ai-banner-content.ai2-banner-content h2 {
        font-size: 32px;
    }
    .ai-logo{
        margin-bottom: 30px;
    }
}
@media(max-width:516px) {
    input#dname
    {
        max-width: 140px;
    }
}
@media(max-width:480px){
    .ai-heading h1::before{
        display: none;
    }
}
 @media(max-width:460px) {
    input#iname
    {
        max-width: 50%;
    }
    .ai-form span
    {
        position: absolute;
        top: 0;
    }
    input#pname {
        margin-top: 21px;
        max-width: 100%;
        width: 201px;
    }
}
@media(max-width:437px) {
    .ai-box{
        margin-top: -184px;
    }
}
@media(max-width:431px) {
    .ai-flex-img {
        margin-left: 0px;
    }
    input#dname {
        max-width: 100%;
        width: 344px;
    }
    .ai-flex-img
    {
        margin-top: 25px;
    }
}
@media(max-width:375px) {
    .ai-banner-content p
    {
        font-size: 25px;
    }
    input#sname {
        max-width: 100%;
        width: 319px;
        margin-top: 21px;
    }
    input#iname {
        max-width: 100% !important;
        width: 319px;
    }
    input#pname
    {
        max-width: 100% !important;
        width: 319px !important;
    }
}
@media(max-width:370px) {
    .footer-form a {
        top: 64px;
        border-radius: 7px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .footer-form {
        margin-bottom: 50px;
    }

    .ai-heading h1 {
        margin-left: 0px;
    }

    .ai-services-section-start {
        padding: 0;
    }
}
@media(max-width:351px) {
    .footer-form input {
        padding-right: 70px;
    }
}