@media (max-width: 1024px) {
    header{
        padding: 30px 20px 0;
    }
    header .header{
        padding: 8px 2px 8px 20px;
    }
    header ul li{
        padding: 0 8px;
    }
    header ul li a{
        font-size: 14px;
    }
    header nav ul .quote-btn .button {
        padding: 0px 20px;
    }
    .button--pipaluk.button--inverted{
        font-size: 12px;
    }
    header.sticky{
        padding: 0px 10px;
    }
    .banner-section-left1 h5{
        font-size: 22px;
    }
    .banner-section-left1 h6{
        font-size: 14px;
    }
    .banner-section-left h1{
        font-size: 40px;
        line-height: 60px;
    }
    .banner-section-left p {
        font-size: 18px;
        margin-bottom: 40px;
    }
    .banner-section{
        padding-top: 120px;
    }
    .banner-section-right h4{
        font-size: 22px;
    }
    .banner-section-right{
        padding: 20px 25px;
    }
    .banner-section-right .form-group label{
        font-size: 14px;
    }
    .banner-section-right .form-group {
        margin-bottom: 10px;
    }
    .about-section .about-section-txt h3{
        font-size: 34px;
    }
    .about-section .about-section-txt p{
        font-size: 15px;
    }
    .about-section-img .swiper-slide .card-description h5{
        font-size: 18px;
    }
    .services-sec h3{
        font-size: 34px;
    }
    .services-sec .slick-initialized .slick-slide{
        margin: 0 10px 0 10px;
    }
    .our-services-card h5{
        padding: 10px 10px;
        margin: 0 15px;
        font-size: 14px;
        border-radius: 6px;
    }
    .our-works h3,
    .clients-say h3,
    .our-blog h3{
        font-size: 34px;
        margin-bottom: 6px;
    }
    .our-works p,
    .clients-say p,
    .our-blog p{
        font-size: 18px;
    }
    .faq-section .faq-section-txt h3{
        font-size: 32px;
    }
    .about-section-img .swiper{
        width: 260px;
        height: auto;
    }
    .approach-content{
        padding: 25px;
    }
    .approach-content .section-title h2{
        font-size: 32px;
    }
    .approach-content .section-title h3{
        padding: 7px 20px 7px 20px;
        margin-bottom: 10px;
    }
    .approach-content .section-title p{
        margin-top: 10px;
        margin-bottom: 0;
        line-height: 26px;
        font-size: 14px;
    }
    .approach-content .section-title{
        margin-bottom: 0;
    }
    .our-approach{
        padding: 70px 0;
    }
    .industries-sec h3{
        font-size: 34px;
    }
    .our-technologies .horizontal-ticker__slide{
        width: 14vw;
    }
}
/* end (max-width: 1024px) */

/* (max-width: 991px) */
@media (max-width: 991px) {
    .banner-section-right h4 {
        font-size: 26px;
    }
    .banner-section-left1 h5 {
        font-size: 24px;
    }
    .banner-section-left1 h6 {
        font-size: 16px;
    }
    .banner-section-left{
        z-index: 1;
        position: relative;
    }
    .banner-section-left p{
        margin-bottom: 30px;
    }
    .banner-section-right {
        padding: 30px;
        margin-top: 35px;
    }
    .banner-section-right .form-group label {
        font-size: 16px;
    }
    .banner-section-right .button{
        font-size: 14px !important;
    }
    .banner-section-right .form-group {
        margin-bottom: 15px;
    }
    .about-section-img .swiper{
        width: 250px;
        height: 350px;
    }
    .about-section{
        padding: 70px 0 80px;
    }
    .our-works-img{
        height: 225px;
    }
    .clients-say .swiper-slide{
        padding: 25px 20px 20px;
    }
    .clients-say .swiper-slide .author span{
        font-size: 14px;
    }
    .clients-say .swiper-slide p{
        line-height: 1.5;
        font-size: 13px;
    }
    .clients-say .swiper-button-prev img, 
    .clients-say .swiper-button-next img{
        width: 18px;
    }
    .clients-say .swiper-button-prev{
        top: 50%;
        left: -30px;
        width: 40px;
        height: 40px;
    }
    .clients-say .swiper-button-next{
        width: 40px;
        height: 40px;
        top: 50%;
    }
    .faq-section-img{
        display: none;
    }
    .faq-section-txt .question{
        padding: 16px 35px 16px 20px;
    }
    .faq-section-txt .question::after{
        right: 20px;
    }
    .header .menuToggle{
        right: 45px;
        top: 45px;
        display:none;
    }
    header.sticky .menuToggle{
        filter: unset;
        top: 15px;
    }
    .about-section-img{
        display:none;
    }
    .card1{
        margin-top: 20px;
    }
    .industries-sec h3{
        margin-bottom: 10px
    }
    .industries-sec {
        padding: 40px 0;
    }
    .our-technologies {
        padding: 75px 0 40px;
    }
    .approach-image{
            margin: 0 20px;
    }
}
/* end (max-width: 991px) */

/* (max-width: 768px) */
@media (max-width: 768px){
    .banner-section-left1{
        margin-bottom: 15px;
    }
    .banner-section-left h1{
        font-size: 36px;
        line-height: 52px;
        margin-bottom: 20px;
    }
    .banner-section-left p {
        margin-bottom: 20px;
    }
    .banner-section-right h4 {
        font-size: 24px;
    }
    .about-section .about-section-txt{
        padding-top: 45px;
    }
    .services-sec {
        padding: 50px 0;
    }
    .our-services-card h5{
        font-size: 15px;
    }
    .services-sec h3 {
        font-size: 32px;
    }
    .our-works h3, .clients-say h3, .our-blog h3 {
        font-size: 32px;
    }
    .our-works p, .clients-say p, .our-blog p {
        font-size: 16px;
    }
    .our-works-img {
        height: 160px;
        border-radius: 15px;
        margin-top: 20px;
    }
    .clients-say .swiper{
        padding: 30px 0 20px 0;
    }
    .clients-say .swiper-slide .author span {
        font-size: 16px;
    }
    .clients-say .swiper-slide p {
        line-height: 1.6;
        font-size: 14px;
    }
    faq-section .faq-section-txt h3 {
        font-size: 30px;
        margin-bottom: 8px;
    }
    .faq-section-txt .question{
        font-size: 15px;
    }
    .faq-section-txt .answer{
        font-size: 15px;
    }
    .our-approach {
        padding: 50px 0;
    }
    .image-wrapper img{
        width: 25px
    }
    .card1 h4 {
        font-size: 16px;
    }
    .card1{
        padding: 16px 0 16px 16px;
        margin-top: 18px;
    }
    .industries-sec h3 {
        font-size: 32px;
    }
    .industries-sec {
        padding: 40px 0 50px;
    }
    .clients-say {
        padding: 40px 0 0;
    }
    .footer-copyright{
        justify-content: center;
        margin-bottom: 20px;
    }
    .footer-logo .social-links{
        float: unset;
        text-align: center;
    }
    .our-technologies .horizontal-ticker__slide {
        width: 15vw;
    }
    .our-technologies .base-template__content {
        margin-top: 35px;
    }
    .our-technologies h3{
        font-size: 32px;
    }
    .our-technologies {
        padding: 70px 0 30px;
    }
}
/* end (max-width: 768px) */

/* (max-width: 575px) */
@media (max-width: 575px){
    header {
        padding: 20px 20px 0;
    }
    .header .menuToggle{
        top: 35px;
    }
    .banner-section-left h1 {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 25px;
    }
    .banner-section-left1 .arrow-right {
        width: 30px;
    }
    .banner-section-left1 {
        margin-bottom: 30px;
    }
    .about-section {
        padding: 70px 0 60px;
    }
    .services-sec h3{
        margin-bottom: 30px;
    }
    .our-works h3, .clients-say h3, .our-blog h3 {
        font-size: 30px;
    }
    .faq-section .faq-section-txt h3 {
        font-size: 30px;
    }
    .faq-section-txt .question {
        font-size: 15px;
    }
    .faq-section-txt .answer {
        font-size: 14px;
    }
    .about-section .about-section-txt h3 {
        font-size: 30px;
    }
    .services-sec h3 {
        font-size: 30px;
    }
    .approach-content .section-title h2 {
        font-size: 30px;
    }
    .approach-content .section-title h3{
        font-size: 13px;
    }
    .industries-sec h3 {
        font-size: 30px;
    }
    .image-wrapper img {
        width: 22px;
    }
    .image-wrapper {
        margin-right: 8px;
    }
    .our-technologies h3 {
        font-size: 30px;
    }
    .our-technologies p{
        font-size: 16px;
    }
    .our-technologies .horizontal-ticker__slide {
        width: 20vw;
    }
    .about-section .about-section-txt {
        padding-top: 35px;
    }
    .clients-say .swiper-button-prev, .clients-say .swiper-button-next{
        display:flex;
    }
    .clients-say .swiper-button-next{
        right: 0;
    }
    .clients-say .swiper-button-prev{
        left:0;
    }
}
/* end (max-width: 575px) */

/* (max-width: 479px) */
@media (max-width: 479px){
    .banner-section-left1 h5 {
        font-size: 22px;
    }
    .banner-section-left1 h6 {
        font-size: 15px;
    }
    .banner-section-left h1 {
        font-size: 28px;
        line-height: 32px;
    }
    .banner-section-left p{
        font-size: 16px;
    }
    .banner-section-right h4 {
        font-size: 22px;
    }
    .banner-section-right {
        padding: 25px;
    }
    .banner-section-right .form-group label {
        font-size: 15px;
    }
    .banner-section-right .button {
        font-size: 12px !important;
    }
    .about-section {
        padding: 60px 0 50px;
    }
    .about-section .about-section-txt h3 {
        font-size: 28px;
    }
    .about-section .about-section-txt p {
        font-size: 14px;
        line-height: 24px;
    }
    .services-sec h3 {
        font-size: 28px;
    }
    .our-services-card h5 {
        font-size: 14px;
    }
    .services-sec {
        padding: 40px 0;
    }
    .our-works h3, .clients-say h3, .our-blog h3 {
        font-size: 26px;
    }
    .our-works p, .clients-say p, .our-blog p {
        font-size: 15px;
    }
    .clients-say .swiper-slide .author span {
        font-size: 15px;
    }
    .our-blog .swiper-slide1 p {
        font-size: 14px;
    }
    .faq-section .faq-section-txt h3 {
        font-size: 26px;
    }
    .faq-section .faq-section-txt p {
        font-size: 15px;
    }
    .faq-section-txt .question {
        font-size: 14px;
    }
    .clients-say {
        padding: 30px 0 0px;
    }
    .bg-section{
        max-width: calc(100% - 30px);
    }
    .approach-content{
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    .our-approach {
        padding: 35px 0;
        margin-bottom: 60px;
    }
    .approach-content .section-title h2 {
        font-size: 28px;
    }
    .industries-sec h3 {
        font-size: 28px;
    }
    .card1 {
        padding: 12px 0 12px 12px;
        margin-top: 15px;
    }
    .image-wrapper img {
        width: 20px;
    }
    .image-wrapper {
        margin-right: 6px;
    }
    .card1 h4 {
        font-size: 14px;
    }
    .industries-sec .col-6:nth-child(odd){
        /*border:1px solid red;*/
        padding-right: 6px;
    }
    .industries-sec .col-6:nth-child(even){
        padding-left: 6px;
    }
    .footer-copyright p{
        font-size: 14px;
    }
    .footer-copyright{
        justify-content: center;
        margin-bottom: 20px;
    }
    .footer-logo .social-links{
        float: unset;
        text-align: center;
    }
    .footer-section{
        padding: 15px 0 15px;
    }
    .footer-logo .social-links li a i{
        line-height: 25px;
    }
    .footer-logo .social-links li a{
        width: 25px;
        height: 25px;
    }
    .faq-section {
        padding: 20px 0 40px;
    }
    .our-technologies {
        padding: 50px 0 10px;
    }
    .our-technologies h3 {
        font-size: 28px;
    }
    header .logo{
        height: 30px;
    }
    .quote-btn .button--pipaluk.button--inverted {
        font-size: 11px;
    }
    header nav ul .quote-btn .button {
        padding: 0px 15px;
    }
    .clients-say .swiper-button-next,
    .clients-say .swiper-button-prev{
        width: 35px;
        height: 35px;
        top: 50%;
    }
}
/* end (max-width: 479px) */

/* (max-width: 425px) */
@media (max-width: 425px){
    .banner-section::before{
        height: 175px;
        width: 175px;
    }
    .banner-section::after{
        height: 185px;
        width: 130px;
    }
    .banner-section-left1 h5 {
        font-size: 20px;
    }
    .banner-section-left1 h6 {
        font-size: 14px;
    }
    header {
        padding: 15px 15px 0;
    }
    .header .menuToggle {
        top: 30px;
        right: 35px;
    }
    .banner-section-left h1 {
        font-size: 24px;
        line-height: 28px;
    }
    .banner-section-left p {
        font-size: 14px;
    }
    .banner-section-right h4 {
        font-size: 20px;
    }
    .banner-section-right .form-group label {
        font-size: 14px;
    }
    .banner-section-right .form-group .form-control, .banner-section-right .form-group .form-select {
        font-size: 13px;
    }
    .banner-section-right {
        padding: 20px;
    }
    .banner-section {
        padding-top: 95px;
        padding-bottom: 50px;
    }
    .about-section .about-section-txt h3 {
        font-size: 26px;
    }
    .services-sec {
        padding: 30px 0;
    }
    .services-sec h3 {
        font-size: 26px;
        margin-bottom: 25px;
    }
    .our-services-card h5 {
        font-size: 13px;
        margin: 0 10px;
    }
    .our-works-img{
        height: 125px;
    }
    .our-works h3, .clients-say h3, .our-blog h3 {
        font-size: 24px;
    }
    .our-works p, .clients-say p, .our-blog p {
        font-size: 14px;
    }
    .clients-say .swiper {
        padding: 20px 0 20px 0;
    }
    .clients-say {
        padding: 20px 0 0px;
    }
    .our-blog{
        padding: 35px 0 20px;
    }
    .our-blog .swiper-slide1 p {
        font-size: 13px;
    }
    .faq-section .faq-section-txt h3{
        font-size: 24px;
    }
    .faq-section {
        padding: 10px 0 20px;
    }
    .approach-content .section-title h2 {
        font-size: 26px;
    }
    .approach-content .section-title h3 {
        font-size: 12px;
    }
    .approach-content {
        padding: 20px;
    }
    .industries-sec h3 {
        font-size: 26px;
    }
    .image-wrapper img {
        width: 18px;
    }
    .card1 h4 {
        font-size: 13px;
    }
    .image-wrapper {
        margin-right: 4px;
    }
    .card1{
        padding: 12px 0 12px 10px;
    }
    .our-technologies h3 {
        font-size: 26px;
    }
    .our-technologies p {
        font-size: 14px;
    }
    .our-technologies .base-template__content {
        margin-top: 30px;
    }
    header .logo {
        height: 25px;
    }
    .quote-btn .button--pipaluk.button--inverted {
        font-size: 10px;
    }
}
/* end (max-width: 425px) */