@media screen and (min-width: 1441px) {
    section.about .section-bg {
        background-size: 1440px;
        background-position: center top;
    }
}

@media screen and (max-width: 1366px) {
    .an_first {
        width: 500px;
        height: calc((500px / 3.2) * 3);
    }

    section.big_dream h2 {
        font-size: 40px;
    }
    section.article {
        padding: 0 55px;
    }
    .single-post section.article .post-container {
        padding: 35px 50px 40px;
    }
    .single-post section.article .share-sidebar {
        left: calc((100vw - 100%) / -2);
    }
    .services-single section.services.service-provide .section-inner .card-col-body {
        max-width: 100%;
    }
    .about-page section.services>.container {
        max-width: calc(1024px + 2em);
    }
    section.numbers-info .info-block-card {
        padding-left: 25px;
        padding-right: 25px;
    }
    section.numbers-info .info-block-img {
        margin-right: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .navbar .navbar-nav .nav-link {
        padding-left: .6rem;
        padding-right: .6rem;
        font-size: 12px;
    }
    .navbar-button {
        padding: 9px 20px;
        font-size: 14px;
    }
    .about-page section.hero .about-hero-info h3 {
        font-size: 36px;
    }
    .achivments-item a {
        height: 163px;
    }
    .achivments-item a img {
        height: 100%;
    }
    .case {
        max-width: 590px;
        height: 627px;
        margin: 0 auto 60px;
    }
    .back-card,
    .front-card {
        height: 627px;
    }
    section.steps .section-inner .step-col:nth-child(odd):not(:first-child)::after {
        background-size: contain;
        top: 80%;
        left: 85px;
    }
    section.our_values .value-card {
        margin-left: 80px;
        margin-right: 40px;
    }
    section.our_values .value-col:nth-child(even) .value-card {
        margin-right: 40px;
    }
    section.numbers-info .info-block-data h2 {
        font-size: 36px;
        line-height: 36px;
    }
    section.about .section-bg {
        background-position: center;
        background-size: cover;
    }
    .header-search-btn {
        margin-right: 5px;
    }
    section.numbers-info .info-block-img {
        max-width: 60px;
        max-height: 60px;
    }
    section.numbers-info .info-block-title {
        font-size: 14px;
    }
}

@media screen and ( max-width: 1024px ) {
    .about__row h3,
    .about__row-light h3 {
        font-size: 25px!important;
        padding-left: 1em!important;
        padding-top: 0.6em!important;
    }
    .home_hero_btns a.btn{
        padding: 0 100px;
    }
    section.hero .btn {
        margin: 20px 0 0;
        padding: 12px 20px;
    }
    .home-main section.hero .btn {
        margin: 0;
    }
    .testimonial-card {
        margin-left: 120px !important;
        margin-right: auto;
    }
    section.sprint .sprint-day .day-data {
        max-width: 200px;
    }
}

@media screen and (max-width: 992px){
    h1, h2,
    .home-hero-blocks h2,
    section.big_dream h2,
    .technologies-single section.hero h1 {
        font-size: 35px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .technologies-single section.why-we h2,
    .technologies-single section.idea-technologies .section-inner h2 {
        font-size: 35px;
    }
    section.case-studies .section-inner .case-studies-carousel-navigation {
        transform: unset;
        margin-top: 20px;
        max-width: 545px;
        margin-left: auto;
        margin-right: auto;
    }
    section.steps .section-inner .step-col,
    section.steps .section-inner .step-col:nth-child(even) {
        margin-top: 24px;
    }
    section.steps .section-inner .step-col::after,
    section.steps .section-inner .step-col::before {
        display: none;
    }
    section.technologies .section-inner .technology-group:nth-child(even) .technology-group-info {
        padding-left: 12px;
    }
    .technologies-single section.idea-technologies .section-inner {
        max-width: 670px;
    }
    .technologies-single section.idea-technologies .section-inner .idea-items {
        margin-bottom: 64px;
        margin-top: 32px;
    }
    .services-single section.awards .section-inner h2,
    .services-single section.awards .section-inner h3 {
        text-align: center;
    }
    .services-single section.client-say {
        overflow-x: hidden;
    }
    footer {
        overflow-x: hidden;
    }
    footer .footer-menu-columns ul.menu .menu-item a,
    footer .footer-menu-columns ul.menu .menu-item span {
        font-size: 0.8rem;
    }
    footer a.btn.contact-us-btn {
        font-size: 0.8rem;
        padding: 14px 16px;
    }
    .navbar .navbar-nav .nav-link {
        height: initial !important;
    }
    section.case-studies .case-study-item .case-study-img {
        margin-right: 100px;
    }
    section.team-section .lead-card .photo {
        max-width: 232px;
        max-height: 232px;
        border-radius: 5px;
        overflow: hidden;
    }
    section.big_dream {
        padding-top: 60px;
    }
    .big_dream .big_idea_image {
        justify-content: flex-start;
    }
    .hire-single section.hero .hero-row {
        padding: 50px 0;
    }
    section.steps .section-inner {
        padding: 50px 0 66px;
    }
    .horizontal-cards .horizontal-card .card-image img {
        max-width: 100%;
    }
    section.tech-stack .section-inner {
        padding-top: 20px;
    }
    section.contact-form .section-inner h2,
    section.contact-form .section-inner .section-description,
    section.contact-us .section-inner h2,
    section.contact-us .section-inner .section-description {
        text-align: center;
        max-width: 100%;
    }
    section.contact-form .section-inner .form-inner,
    section.contact-us .section-inner .form-inner {
        width: 100%;
        max-width: 416px;
        margin-left: auto;
        margin-right: auto;
    }
    section.contact-form .contact-form-content .section-inner .form-inner .field-row,
    section.contact-us .contact-form-content .section-inner .form-inner .field-row {
        margin-bottom: 0;
    }
    .horizontal-cards .horizontal-card,
    .services-single section.services.service-provide .horizontal-cards .horizontal-card {
        padding: 50px !important;
    }
    .solutions-single  .horizontal-cards .horizontal-card {
        padding: 30px !important;
    }
    section.frequently-asked-questions .section-inner {
        padding: 40px 0;
    }
    section.services .section-inner {
        padding: 40px 0 30px;
    }
    section.archtects-say .section-inner {
        padding: 40px 0 60px;
    }
    .services-single section.hero .hero-row .hero-text-col {
        max-width: 100%;
        padding-right: 0;
    }
    section.hero .hero-row .hero-col-img {
        text-align: center;
    }
    .services-single section.services.about-section .section-inner .horizontal-cards .horizontal-card .card-image {
        max-width: 250px;
    }
    .services-single section.services.about-section .section-inner .horizontal-cards .horizontal-card {
        padding: 30px 0 !important;
    }
    .services-single section.services.service-provide .section-inner .card-image {
        margin: 25px 0;
    }
    section.contact-form .section-inner .field-input:last-child,
    section.contact-us .section-inner .field-input:last-child {
        margin-bottom: 48px;
    }
    .solutions-page section.services.provide-section .section-inner .horizontal-cards .horizontal-card {
        padding: 50px 0 !important;
    }
    .technologies-single section.why-we .why-item {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .technologies-single section.related-articles .section-inner {
        padding-top: 50px;
    }
    section.offices .section-inner {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .about-page section.services.start-section .section-inner .horizontal-cards .horizontal-card {
        padding: 50px 0 0 !important;
    }
    .about-page section.our_values .section-inner .why-item {
        margin-bottom: 40px;
    }
    .unity-single section.hero .hero-row {
        flex-flow: column-reverse;
    }
    .outsourcing-main section.steps .section-inner .step-col {
        margin-top: 80px !important;
    }
    .calculator .calc_wrap {
        top: 0;
    }
    section.related-articles .section-inner .article-card {
        box-shadow: none;
    }
    section.our_values .value-card {
        margin-left: auto;
        margin-right: auto;
    }
    section.our_values .value-col:nth-child(even) .value-card {
        margin-right: auto;
    }
    section.contact-form .contact-form-content .section-inner .form-inner .col-lg-6 {
        max-width: 100%;
    }
    section.case-studies .case-study-item .case-study-info {
        margin-left: 30px;
    }
    footer .footer-menu-columns .col-md-3 {
        padding-right: 25px;
        padding-left: 25px;
    }
    .footer_socials a+a {
        margin-left: 24px;
    }
    .nav-item {
        display: flex;
    }
}
@media (min-width: 961px){
    .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu,
    .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu-arrow {
        display: block;
        opacity: 1;
        z-index: 9;
    }
}
@media screen and (max-width: 960px) {
    .show-message ~ .main section:first-of-type {
        padding-top: 155px!important;
    }
    .header-message .close-header-msg {
        top: 15px;
        right: 15px;
    }
    .header-message .header-message-content {
        max-width: 270px;
    }
    .header-message .header-message-content p {
        font-size: 12px;
        line-height: 16px;
    }
	.navbar .navbar-nav .nav-item.dropdown {
		flex-direction: column;
	}
    body.opened-menu {
        overflow: hidden;
    }
    body.opened-menu header {
        background-color: transparent !important;
    }
    body.opened-menu header .logo_header {
        z-index: 99;
    }
    header, .navbar {
        height: 60px;
    }
    .inner-page .header:not(.is_fixed):before {
        height: 60px;
    }
    .inner-page .main section:first-of-type {
        padding-top: 60px;
    }
    .navbar-expand-md .navbar-header {
        display: block;
        background: #000 url('../images/background_menu.jpeg') center no-repeat;
        background-size: cover;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 0 !important;
        min-height: 0;
        padding: 0;
        text-align: center;
        transition: min-height 0.15s ease-out;
        flex-direction: column !important;
    }
    body.opened-menu .navbar-expand-md .navbar-header {
        padding: 60px 0 0;
        min-height: 100vh !important;
        transition: min-height 0.25s ease-in;
    }
    .navbar-expand-md .navbar-header .navbar-collapse {
        overflow-y: auto;
        display: block !important;
    }
    .navbar-expand-md .navbar-collapse .navbar-nav {
        padding: 0px 32px !important;
        height: initial !important;
        flex-direction: column !important;
    }
    .navbar-expand-md .navbar-collapse .navbar-button {
        margin-top: 30px;
        margin-bottom: 100px;
    }
    .header .navbar-nav .nav-link:after {
        bottom: -5px;
    }
    header.header .navbar .navbar-nav .nav-link {
        display: inline-block !important;
        color: #fff !important;
        font-size: 19px;
        text-transform: uppercase;
        padding: 20px 10px;
        white-space: break-spaces;
    }
    .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item {
        color: #fff !important;
        padding: 10px;
        white-space: break-spaces;
    }
    .navbar .navbar-nav .nav-item.dropdown {
        width: 90%;
    }
    .navbar .navbar-nav .nav-item.dropdown .dropdown-menu-arrow {
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px solid #21CAD0;
        border-bottom: 0;
        display: block;
        cursor: pointer;
        position: absolute;
        left: unset;
        right: 0;
        top: 20px;
        transform: translateY(75%) translateX(100%);
        opacity: 1;
        transition: all .5s ease;
    }
    .navbar .navbar-nav .nav-item.dropdown .dropdown-menu-arrow.opened {
        transform: rotate(180deg) translateY(-75%) translateX(-100%);
        transform-origin: center;
    }
    .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        display: none;
        position: relative;
        top: unset;
        padding: 0 !important;
        z-index: 1;
        box-shadow: unset;
        min-width: 100%;
        background: transparent !important;
        opacity: 1;
        box-shadow: 0 -2px 0 0 #21cad0, 0 4px 30px 0 rgb(33 202 208 / 40%);
    }
    .header_menu_m {
        z-index: 99;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-tap-highlight-color: rgba(22,144,211,0.3);
    }
    .header_menu_m i {
        
		display: block !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
		
		border-bottom: 2px solid #fff;
        display: block;
        position: relative;
        width: 100%;
        height: 20px;
    }
    header .btn {
        font-size: 19px;
        padding: 8px 20px;
    }
    .header_menu_m i:before {
        top: 9px;
        width: 70%;
    }
    .header_menu_m i:after {
        width: 40%;
    }
    .header_menu_m i:before, .header_menu_m i:after {
        content: '';
        position: absolute;
        height: 2px;
        background-color: #fff;
        right: 0;
        -webkit-transition: width .3s ease-in-out, top .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: width .3s ease-in-out, top .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: width .3s ease-in-out, transform .3s ease-in-out, top .3s ease-in-out;
        transition: width .3s ease-in-out, transform .3s ease-in-out, top .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }
    body.opened-menu .header_menu_m i {
        border-color: transparent !important;
    }
    body.opened-menu .header_menu_m i:before, body.opened-menu .header_menu_m i:after {
        width: 100%;
    }
    body.opened-menu .header_menu_m i:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 9px;
    }
    body.opened-menu .header_menu_m i:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    body.opened-menu .header_menu_m i:before, body.opened-menu .header_menu_m i:after {
        background-color: #fff !important;
    }
    body.opened-menu .logo_header .logo_dark {
        display: none !important;
    }
    body.opened-menu .logo_header .logo_white {
        display: block !important;
    }
    .an_first {
        width: 400px;
        height: calc((400px / 3.2) * 3);
    }
    .home-hero-blocks h2 {
        margin-top: 100px;
    }
    .about-page section.services.start-section .section-inner .horizontal-cards .horizontal-card .card-image {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    section.our_values .value-col {
        max-width: 500px;
        margin: 30px auto;
    }
    section.our_values .value-card {
        padding: 130px 25px 25px;
        max-width: 100%;
    }
    section.our_values .value-card .value-icon {
        top: -42px;
        left: 50%;
        transform: translateX(-50%);
    }
    section.our_values .value-card .value-data .value-number {
        top: 25px;
        right: 25px;
    }
    .header-search-btn {
        display: none !important;
    }
    .header-search-form {
        display: block !important;
        position: relative;
        border-radius: 6px;
        padding: 15px 20px;
        max-width: 300px;
    }
    .header-action {
        flex-direction: column;
    }
    section.sprint .sprint-day .day-data {
        max-width: 180px;
        padding: 15px;
        height: 200px;
        top: 50px;
    }
    section.sprint .sprint-day:nth-child(odd) .day-data {
        bottom: 50px;
    }
    section.sprint .sprint-day .day-data h3 {
        font-size: 20px;
        line-height: 28px;
    }
    section.sprint .sprint-day .day-data p {
        font-size: 12px;
        line-height: 20px;
    }
}
@media screen and (max-width: 767px){
    /* Search page */
    .search-item-empty h2 {
        font-size: 24px;
        line-height: 38px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    section.hero-home {
        padding-top: 80px;
    }
	.main.services-single img.hire-hero-img {
		margin: 0 !important;
	}
    /* .an_first {
        display: none !important;
    } */
    .block_video {
        display: none;
        position: relative;
        width: 100vw;
        height: 40vh;
        margin-top: 2vh;
        max-width: 100%;
    }

    .testimonial_carousel {
        box-shadow: none;
        padding-left: 25px;
        padding-right: 25px;
    }
    .testimonial-card {
        margin-top: 120px;
        margin-left: auto !important;
        padding: 40px 25px;
    }
    .testimonial-card .image-col {
        max-width: 170px;
        height: 150px;
    }
    .testimonial-card .testimonial-photo {
        height: 200px;
        width: 200px;
        right: 0;
        top: -100%;
    }
    .testimonial-card .testimonial-logo {
        transform: translateX(50%);
    }
    section.hero .hero-row .hero-text-col {
        padding-right: 0;
    }
    section.team-section .lead-card {
        padding: 30px;
    }
    section.articles .section-inner .blog-sidebar {
        max-width: 500px;
    }
    section.technologies .section-inner .technology-group:nth-child(odd) .technology-group-info,
    section.technologies .section-inner .technology-group:nth-child(even) .technology-group-info {
        padding-right: calc(var(--bs-gutter-x)/ 2);
        padding-bottom: 40px;
    }
    .services-single section.awards .section-inner .award-items .award-item {
        height: 180px;
    }
    section.related-articles .section-inner .row-articles {
        padding-bottom: 0px;
    }
    section.related-articles .section-inner .row-articles-navigation {
        padding-bottom: 50px;
    }
    .case,
    .back-card,
    .front-card {
        height: 627px;
    }
    footer .footer-menu-columns ul.menu .menu-item a, footer .footer-menu-columns ul.menu .menu-item span {
        font-size: 16px;
    }
    .technologies-single section.cta-technologies h3 {
        max-width: 100%;
    }
    section.related-articles .section-inner .row-container {
        max-width: 475px;
    }
    section.related-articles .section-inner .article-card {
        box-shadow: none;
    }
    section.about .about-content-inner {
        padding-top: 0;
        padding-bottom: 30px;
    }
    section.jobs .job-category-card {
        margin: 20px 0;
    }
    section.contact-form .field-textarea textarea {
        padding: 17px 20px;
    }
    .main.hiring-page section.hero .hero-row .hero-text-col {
        padding-top: 50px;
        padding-bottom: 50px;
        max-width: 430px;
    }
    .main.hiring-page section.testimonials .testimonial-card .image-col {
        height: 0;
    }
    .main.hiring-page section.testimonials .testimonial-card .testimonial-photo {
        transform: translateY(-50px);
    }
    section.numbers-info .info-block-data h2 {
        font-size: 34px;
        line-height: 34px;
    }
    section.numbers-info .info-block-img {
        max-width: 70px;
        max-height: 70px;
        margin-right: 20px;
    }
    .all-positions section .post-content
    .position-single section .position-short-desc {
      padding-bottom: 15px;
    }
    .position-single section .contact-form .form-btn {
      margin-top: 0px;
    }
    /* Template positions */
    .all-positions section #position-filter-form #position-filter-search,
    .all-positions section #position-filter-form select,
    .all-positions section #position-filter-form .select2-selection--multiple,
    .all-positions section #position-filter-form .select2-selection--single {
      margin-bottom: 18px;
      width: 310px;
    }
    .all-positions section #position-filter-form {
      display: block;
    }
    .all-positions section #position-search-icon {
      top: 5%;
    }
    section .another-position-text {
      margin-top: 30px;
      padding-bottom: 80px;
      width: 100%;
    }
    section .position_form_thanks {
      width: 100%;
    }
    .all-positions .positions-content {
      padding-bottom: 80px;
    }
    .all-positions .position-item {
      padding: 25px;
    }
    .all-positions .position-item h3 a {
        font-size: 24px;
    }
    .all-positions .position-item .position-location,
    .all-positions .position-item .position-status div,
    .all-positions .position-item .position-category {
        font-size: 14px;
    }
    .all-positions section.positions-list .section-inner {
        padding-top: 45px;
        padding-bottom: 40px;
    }
    .main.hiring-page section.about .section-bg {
        background-position: calc(100% + 160px) -40px;
        background-size: 1070px;
        padding-top: 324px;
    }
    .main.hiring-page section.jobs {
        padding-top: 50px;
    }

    section.sprint .format .format-options-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 25px;
        border-bottom: 1px solid #7C8CAC;
    }
    section.sprint .format .format-options-nav .format-options-nav-item {
        cursor: pointer;
        font-weight: bold;
        font-size: 18px;
        line-height: 40px;
        text-align: center;
        color: #15172E;
        width: 33.33%;
        flex: 33.33%;
        position: relative;
        margin-bottom: 6px;
    }
    section.sprint .format .format-options-nav .format-options-nav-item:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        bottom: -7.5px;
        left: 0;
        height: 3px;
        background: #15172E;
        opacity: 0;
        transition: all .5s ease;
    }
    section.sprint .format .format-options-nav .format-options-nav-item.active:after {
        opacity: 1;
    }
    section.sprint .format-options {
        padding: 35px 46px;
    }
    section.sprint .format-option {
        max-width: 100%;
    }
    section.sprint .format-options .format-option-icon img {
        margin: 0 auto;
    }
    section.sprint .sprint-days {
        padding: 40px 0;
    }
    section.sprint .sprint-days .sprint-days-inner {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0;
        max-width: 343px;
    }
    section.sprint .sprint-days .sprint-days-inner .sprint-days-line {
        top: 100px;
        left: unset;
        right: 18px;
        transform: unset;
        width: 25px;
        height: 80%;
    }
    section.sprint .sprint-days .sprint-days-inner .sprint-days-line:before {
        content: '';
        height: 89%;
        width: 25px;
        top: 0;
        right: 0;
    }
    section.sprint .sprint-day,
    section.sprint .sprint-day:nth-child(odd) {
        flex-direction: row-reverse;
        align-items: center;
        margin: 12px 0;
        width: 100%;
    }
    section.sprint .sprint-day .day-data,
    section.sprint .sprint-day:nth-child(odd) .day-data {
        position: relative;
        top: unset;
        bottom: unset;
        transform: unset;
        max-width: 264px;
        height: 179px;
        width: 100%;
        padding: 20px 32px;
    }
    section.sprint .sprint-day .day-icon {
        flex: none;
        margin-left: 19px;
    }
    section.sprint .sprint-day .day-data h3 {
        font-size: 25px;
        line-height: 40px;
    }
    section.sprint .sprint-day .day-data p {
        font-size: 16px;
        line-height: 27px;
    }
    footer .footer-menu-columns .col-md-3 {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media screen and (max-width: 576px){
	.testimonials .section-inner {
		overflow: hidden;
	}
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .btn-outline-primary {
        padding: 10px 18px;
    }
    h1, h2,
    .home-hero-blocks h2,
    section.contact-form .section-inner h2,
    section.contact-us .section-inner h2,
    section.articles .section-inner .articles-list h2,
    section.articles .section-inner .articles-list h2 a,
    .technologies-single section.hero h1,
    section.hero h1 {
        font-size: 40px;
        font-weight: 600;
        line-height: 50px;
    }
    section.hero .home-hero-blocks h1 {
        font-size: 25px;
        font-weight: bold;
        line-height: 42px;
        margin-bottom: 30px;
    }
    section.hero h2 {
        font-size: 25px;
        line-height: 42px;
        margin-bottom: 30px;
    }
    section h2,
    .services-page section.contact-form .section-inner h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    h3,
    section h3,
    section.why-we-box .text-col h3 {
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
    }

    .contact-us-page section.hero {
        padding-bottom: 40px;
    }
    .contact-us-page section.hero h1 {
        font-size: 35px;
        line-height: 40px;
        margin-top: 30px;
    }
    section.contact-us .section-inner {
        padding-bottom: 0;
    }
    .contact-us-page section.hero .contact-number a {
        font-size: 25px;
        line-height: 30px;
    }
   /* p {
        font-size: 14px;
        line-height: 27px;
    }*/
    .home-hero-blocks h2 {
        margin-top: 0px;
    }
    .home-hero-blocks-dots ul.slick-dots li {
        border-width: 3px;
    }
    .home-hero-blocks-dots ul.slick-dots li:not(.slick-active) button {
        background: #fff;
    }
    .home-hero-blocks-dots ul.slick-dots li.slick-active {
        border-color: #fff;
    }
    section.case-studies .case-study-item .case-study-img {
        height: 434px;
        min-width: 300px;
        margin-right: 7px;
        margin-left: 30px;
    }
    section.case-studies .case-study-item .case-study-img-device {
        height: 432px;
        width: 270px;
        right: 41px;
        transform: none;
    }
    section.case-studies .case-study-item .case-study-img-icon {
        height: 44px;
        width: 44px;
        top: 22px;
        left: -15px;
    }
    section.case-studies .case-study-item .case-study-img-icon {
        max-width: 100%;
    }
    section.case-studies .case-study-item .case-study-img-circle {
        height: 258px;
        width: 258px;
        top: 123px;
        left: 21px;
    }
    section.case-studies .case-study-item .case-study-info {
        padding: 35px 0 13px;
    }
    section.case-studies .case-study-item .case-study-info h3 {
        font-size: 25px;
        line-height: 30px;
    }
    section.case-studies .case-study-item .case-study-info .section-title {
        margin-bottom: 5px !important;
    }
    section.case-studies .case-study-item .case-study-info h2,
    section.case-studies .case-study-item .case-study-info h2 a {
        margin-bottom: 14px !important;
    }
    .home-main section.services .services-buttons li a {
        padding: 8px;
        font-size: 12px;
    }
    .horizontal-cards .horizontal-card,
    .services-single section.services.service-provide .horizontal-cards .horizontal-card {
        padding: 35px 24px !important;
    }
    .solutions-single section.services:not(.service-provide) .horizontal-cards .horizontal-card {
        padding: 15px 0 !important;
    }
    .horizontal-cards .horizontal-card .card-image {
        max-width: 130px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .home-main section.services .all-services-btn a {
        width: 100%;
    }
    section.cta {
        padding: 60px 0;
    }
    section.cta h2 {
        font-size: 25px;
        line-height: 34px;
    }
    section.cta .btn {
        width: 80%;
    }
    .testimonial-card {
        padding: 0px 10px 40px;
    }
    .testimonial-card .card-body p {
        font-size: 16px;
        line-height: 27px;
    }
    .testimonial-card .image-col {
        max-width: 170px;
        height: 180px;
    }
    .testimonial-card .testimonial-photo {
        height: 150px;
        width: 150px;
        right: 50%;
        transform: translateX(50%) translateY(-50%);
        top: 0;
    }
    .testimonial-card .testimonial-logo {
        max-width: 100px;
        height: auto;
        top: -30px;
        transform: translateX(100%);
    }
    section.archtects-say .testimonial-card .testimonial-logo {
        transform: translateX(-50%) translateY(0%);
        left: 50%;
    }
    .goodfirm-widget {
        margin-left: -15px;
    }
    section.why-we-box .text-col {
        padding-left: 12px;
    }
    section.team-section .team-card {
        max-width: 250px;
    }
    .horizontal-cards .horizontal-card>.row,
    .horizontal-cards .horizontal-card:nth-child(even)>.row,
    .services-page section.services .section-inner .horizontal-cards .horizontal-card:nth-child(even)>.row {
        flex-direction: column-reverse !important;
    }
    section.services .section-inner {
        padding-bottom: 30px;
    }
    .solutions-page section.services.provide-section .section-inner .horizontal-cards .horizontal-card {
        padding: 20px 0 !important;
    }
    .solutions-page section.services.provide-section .section-inner .horizontal-cards .horizontal-card .card-image {
        max-width: 150px;
    }
    section.articles .section-inner .articles-list .article-image {
        max-width: 100%;
        max-height: 250px;
    }
    .single-post section.article .post-container {
        padding: 25px 20px 20px;
    }
    .single-post section.article .post-container .post-info {
        font-size: 14px;
    }
    section.article {
        padding: 0;
    }
    .single-post section.article .share-sidebar {
        position: relative !important;
        left: 0;
        border-top: 1px solid rgba(0,0,0,0.1);
    }
    section.tech-stack .section-inner .stack-tech-group {
        margin-bottom: 40px;
    }
    .about-page section.our_values .section-inner .why-item .text-col p {
        padding-left: 0;
    }
    section.technologies .section-inner .technology-group .technology-items {
        max-width: 248px;
        margin-left: auto;
        margin-right: auto;
    }
    .about-page section.contact-form .section-inner h2,
    .about-page section.contact-form .section-inner .section-description {
        text-align: center;
    }
    .about-page section.services .section-inner .horizontal-cards .horizontal-card>.row {
        flex-direction: column !important;
    }
    .achivments-item a {
        height: 122px;
    }
    .achivments-item a img {
        height: auto;
    }
    .unity-single section.team-quote .section-inner .quote-text {
        padding: 60px 0 0 0;
        font-size: 18px;
        line-height: 26px;
    }
    .unity-single section.team-quote .section-inner .quote-author {
        padding-left: 0;
        line-height: 23px;
    }
    .case,
    .back-card,
    .front-card {
        height: 490px;
    }
    .front-card h2 {
        padding: 0 30px;
    }
    .back-card {
        padding: 20px 30px;
    }
    .back-card .btn {
        width: 65%;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%);
    }
    .back-card .card-inner h2 {
        font-size: 18px;
    }
    .back-card .card-inner p,
    .back-card .case-services-info .case-services p {
        font-size: 15px;
        line-height: 22px;
    }
    .back-card .card-inner .case-services-info {
        flex-direction: column;
    }
    .front-card .case-study-img-device {
        top: 50px;
    }
    section.case-studies .case-study-item .case-study-info h2,
    section.case-studies .case-study-item .case-study-info h2 a {
        font-size: 25px;
        line-height: 30px;
    }
    section.case-studies .section-inner .case-studies-carousel-navigation {
        margin-top: 0;
    }
    .main.home-main section.services h4.subtitle,
    .main.home-main section.services h2{
        text-align: left !important;
    }
    .main.home-main section.services .services-buttons ul {
        justify-content: flex-start !important;
    }
    .main.home-main section.services .horizontal-cards .horizontal-card .card-image {
        max-width: 130px;
    }
    section.cta h3 {
        line-height: 34px;
    }
    section.testimonials .section-inner {
        padding-bottom: 60px;
    }
    section.testimonials .testimonial-card .testimonial-case-study-btn {
        text-align: center;
    }
    .about-page section.hero .about-hero-info .icon {
        height: 80px;
        width: 70px;
        margin-left: auto;
        margin-right: auto;
    }
    .about-page section.hero .about-hero-info .icon img {
        width: 100%;
    }
    .about-page section.hero .about-hero-info .number_text {
        font-size: 25px;
        line-height: 35px;
    }
    .about-page section.services.start-section .section-inner h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .about-page section.services.start-section .section-inner .horizontal-cards .horizontal-card .card-image {
        max-width: 150px;
        margin-top: 30px;
    }
    .about-page section.services.start-section .section-inner .horizontal-cards .horizontal-card {
        padding-bottom: 0;
        margin-bottom: 0 !important;
    }
    .about-page section.services.start-section .section-inner .horizontal-cards .horizontal-card .card-title {
        font-size: 20px;
        line-height: 25px;
    }
    section.achivments .section-inner h2,
    section.team-section .section-inner .section-title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 30px;
        font-weight: 600 !important;
    }
    .about-page section.our_values .section-inner .why-item {
        margin-bottom: 35px;
    }
    section.contact-form .section-inner .form-btn .btn,
    section.contact-us .section-inner .form-btn .btn {
        width: 100%;
    }
    footer .footer-menu-columns {
        padding: 50px 0 60px;
    }
    footer a.btn.contact-us-btn {
        margin: 0 !important;
    }
    .main.calculator-page section.hero {
        padding-bottom: 80px;
    }
    .main.calculator-page section.hero h1,
    .blog-page section.hero h1 {
        font-size: 45px;
        font-weight: bold;
        line-height: 60px;
    }
    .blog-page section.hero .advertising {
        padding-top: 20px;
    }
    .blog-page section.hero .advertising h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .blog-page section.hero .advertising p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 25px;
    }
    .hire-single section.hero .hero-row {
        padding: 0 0 30px;
    }
    #cookie-law-info-bar .cookies_inner {
        flex-wrap: wrap;
        justify-content: center;
    }
    .blog-category section.articles .section-inner {
        padding-top: 20px;
    }
    section.big_dream {
        padding-top: 60px;
    }
    section.hero .btn {
        padding: 12px 18px;
        font-size: 14px;
    }
    .testimonial_carousel {
        padding-left: 0;
        padding-right: 0;
    }
    section.frequently-asked-questions .section-inner {
        padding: 30px 0 80px;
    }
    section.contact-form .section-inner h2,
    section.contact-us .section-inner h2 {
        font-size: 25px;
        line-height: 35px;
    }
    section.contact-us .contact-us-form-container {
        padding: 0;
    }
    section.contact-us .contact-us-form-container input:not(.btn), section.contact-us .contact-us-form-container select, section.contact-us .contact-us-form-container textarea {
        font-size: 12.5px;
        padding: 7.5px 10px;
    }
    .services-page section.hero {
        padding-bottom: 50px;
    }
    .services-page section.hero h1 {
        font-size: 25px;
        line-height: 42px;
        padding-top: 50px;
    }
    .services-page section.services .section-inner .services-buttons ul li a.service-btn {
        padding: 9px;
        font-size: 10px;
        line-height: 12px;
    }
    .services-page section.services .section-inner .horizontal-cards .horizontal-card .card-image {
        max-width: 130px;
    }
    section.contact-form .section-inner .form-btn,
    section.contact-us .section-inner .form-btn {
        margin-top: 0;
    }
    section.contact-form .section-inner .field-textarea + .form-btn,
    section.contact-us .section-inner .field-textarea + .form-btn {
        margin-top: 48px !important;
    }
    .solutions-single section.services.about-section .section-inner .horizontal-cards .horizontal-card .card-image {
        max-width: 100px;
    }
    .blog-page section.hero .advertising .btn {
        padding: 12px 30px;
        margin-bottom: 20px;
    }
    .front-card .front-card-title {
        top: 10px;
        padding: 0 30px;
    }
    .outsourcing-main section.steps .section-inner .step-col {
        margin-top: 65px !important;
    }

    .technologies-single.single-new_technology section.hero {
        padding-bottom: 67px;
    }
    .technologies-single.single-new_technology section.hero .hero-row {
        padding-top: 5px;
    }
    .technologies-single.single-new_technology section.hero .hero-row .hero-text-col {
        padding-top: 0;
        padding-bottom: 30px;
        margin-bottom: 0px;
    }
    .technologies-single.single-new_technology section.hero h1 {
        margin-bottom: 15px;
    }
    .technologies-single.single-new_technology section.hero .btn {
        padding: 10px 37px;
        font-size: 16px;
    }

    .technologies-single.single-new_technology section.services .section-inner {
        padding-top: 47px;
    }
    .technologies-single.single-new_technology section.services.about-section .section-inner h2 {
        text-align: left !important;
    }
    .technologies-single.single-new_technology section.services.about-section .section-inner .horizontal-cards .horizontal-card {
        padding: 13px 0 !important;
        margin-bottom: 23px !important;
    }
    .technologies-single.single-new_technology section.services.about-section .section-inner .horizontal-cards .horizontal-card .card-col-image {
        margin-bottom: 40px !important;
    }
    .technologies-single.single-new_technology section.services.about-section .section-inner .horizontal-cards .horizontal-card .card-image img {
        max-height: 177px;
    }
    .technologies-single.single-new_technology section.services.about-section .section-inner .horizontal-cards .horizontal-card .card-title {
        max-width: 340px;
        line-height: 26px;
        margin-bottom: 22px !important;
    }
    .technologies-single.single-new_technology section.services .section-inner {
        padding-bottom: 25px;
    }
    .technologies-single.single-new_technology section.awards .section-inner {
        padding-top: 49px;
        padding-bottom: 52px;
    }
    .technologies-single.single-new_technology section.awards .section-inner h2 {
        text-align: left !important;
        max-width: 310px;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }
    .technologies-single.single-new_technology section.awards .section-inner .companies_logo-carousel {
        margin: 0 0 20px;
    }
    .technologies-single.single-new_technology section.services.service-provide .section-inner {
        padding-top: 60px;
    }
    .technologies-single.single-new_technology section.services.service-provide .section-inner h2 {
        max-width: 300px;
        margin-bottom: 5px;
    }
    .technologies-single.single-new_technology section.services.service-provide .horizontal-cards .horizontal-card {
        padding: 3px 15px 61px !important;
        margin-bottom: 48px !important;
    }
    .technologies-single.single-new_technology section.services.service-provide .horizontal-cards .horizontal-card:last-child {
        margin-bottom: 20px !important;
    }
    .technologies-single.single-new_technology section.services.service-provide .section-inner .card-col-image {
        margin-bottom: 14px !important;
    }
    .technologies-single.single-new_technology section.services.service-provide .section-inner .card-col-image img {
        max-height: 180px;
    }
    .technologies-single.single-new_technology section.services.service-provide .horizontal-cards .horizontal-card .card-title {
        margin-bottom: 22px !important;
    }
    .technologies-single.single-new_technology section.why-we .section-inner {
        padding-top: 15px;
    }
    .technologies-single.single-new_technology section.why-we .section-inner h2 {
        font-size: 25px;
        margin-bottom: 48px;
    }
    .technologies-single.single-new_technology section.why-we .why-item {
        padding-top: 12px;
    }
    .technologies-single.single-new_technology section.why-we .image-col {
        max-width: 113px;
    }
    .technologies-single.single-new_technology section.why-we .image-col img {
        max-height: 113px;
    }
    .technologies-single.single-new_technology section.why-we .text-col h3 {
        margin-top: 27px !important;
        margin-bottom: 21px !important;
    }
    .technologies-single.single-new_technology section.case-studies .section-inner {
        padding-top: 27px;
        padding-bottom: 61px;
    }
    .technologies-single.single-new_technology section.case-studies .section-inner .all-case-studies-btn {
        margin-top: 34px;
    }
    .technologies-single.single-new_technology section.related-articles .section-inner {
        padding-top: 56px;
    }
    .technologies-single.single-new_technology section.related-articles .section-inner h2 {
        max-width: 310px;
        margin: 0 auto 30px !important;
    }
    .technologies-single.single-new_technology section.related-articles .section-inner .article-card img {
        height: 206px;
    }
    .technologies-single.single-new_technology section.related-articles .section-inner .article-card .article-info {
        padding: 24px 17px 30px;
    }
    .technologies-single.single-new_technology section.related-articles .section-inner .all-posts a {
        margin-bottom: 50px;
    }
    .technologies-single.single-new_technology section.cta {
        padding: 55px 0;
    }
    .technologies-single.single-new_technology section.cta h3 {
        line-height: 40px;
    }
    .technologies-single.single-new_technology section.cta a {
        width: initial;
        padding: 12px 64px;
    }
    .technologies-single.single-new_technology section.frequently-asked-questions .section-inner {
        padding: 60px 0 37px;
    }
    .technologies-single.single-new_technology section.frequently-asked-questions .section-inner h2 {
        line-height: 33px;
        margin-bottom: 31px;
    }
    .technologies-single.single-new_technology section.frequently-asked-questions .section-inner .faq-list .faq-item .faq-question {
        margin-bottom: 24px !important;
    }
    .technologies-single.single-new_technology section.frequently-asked-questions .section-inner .faq-list .faq-item {
        margin-bottom: 20px;
    }
    section.contact-form,
    section.contact-us {
        border-bottom: unset;
    }
    section.contact-form .contact-form-header .section-inner,
    section.contact-us .contact-form-header .section-inner {
        padding-top: 86px;
        padding-bottom: 84px;
    }
    section.contact-form .contact-form-content .section-inner,
    section.contact-us .contact-form-content .section-inner {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    section.contact-form .contact-form-content .section-inner .form-inner,
    section.contact-us .contact-form-content .section-inner .form-inner {
        margin-top: 37px;
    }
    section.contact-form .section-inner .field-input:last-of-type,
    section.contact-us .section-inner .field-input:last-of-type {
        margin-bottom: 55px;
    }
    section.contact-form .section-inner .form-btn .btn,
    section.contact-us .section-inner .form-btn .btn {
        padding: 14px 65px;
        margin-top: 0px !important;
    }
    section.hiring-section .section-bg {
        background-position: right;
        background: #F2F0F5 url(../images/hiring_section_mobile.jpg) bottom right no-repeat !important;
        background-size: 100% auto !important;
        min-height: 716px;
    }
    .main.hiring-page section.contact-form .contact-form-content .section-inner .form-inner .field-row {
        padding-right: 0;
        padding-left: 0;
    }
    .main.hiring-page section.contact-form .contact-form-content .section-inner .form-inner .col-lg-6:last-child {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .main.hiring-page section.testimonials .testimonial-card .image-col {
        height: 0;
    }
    .main.hiring-page section.testimonials .testimonial-card .testimonial-photo {
        transform: translateY(-50px);
    }
    section.numbers-info .info-block-card {
        max-width: 343px;
        margin: 0 auto 16px;
        padding: 24px 38px;
    }
    section.numbers-info .info-block-img {
        max-width: 90px;
        max-height: 90px;
        margin-right: 24px;
    }
    section.numbers-info .info-block-data h2 {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 10px;
    }
    section.numbers-info .info-block-description {
        max-width: 263px;
    }
    .main.hiring-page section.why-we .why-item .text-col {
        padding-left: calc(var(--bs-gutter-x)/ 2);
    }
    .main.hiring-page section.hero .section-bg {
        background-image: url("../images/hiring_bg_hero_mobile.jpg") !important;
        background-position: center top;
        background-size: contain;
        background-color: #fff;
    }
    .main.hiring-page section.hero .hero-row .hero-text-col {
        padding-top: 150px;
        padding-bottom: 35px;
    }
    .search-page .search-list .search-item {
        padding: 25px 30px;
    }
    
}
@media screen and ( max-width: 520px ) {
    .about__row h3,
    .about__row-light h3 {
        font-size: 30px!important;
        padding-top: 1em!important;
        padding-left: 1em!important;
    }
	ul.slick-dots li {
		margin: 5px 7px;
	}
    .testimonial_carousel_dots, .carousel-nav-btns {
        z-index: 1;
    }

}
@media screen and (max-width: 425px){
	ul.slick-dots li {
		margin: 5px 4px;
	}
    @-webkit-keyframes imgAnimation {
        100% {
            -webkit-transform: translateY(50px);
            transform: translateY(50px);
        }
    }
    @keyframes imgAnimation {
        100% {
            -webkit-transform: translateY(50px);
            transform: translateY(50px);
        }
    }
    .article_box_title {
        line-height: 35px;
    }
    .number_text{
        font-size: 25px;
        line-height: 35px;
    }
    .whitepaper_main_popup .close {
        top: 15px;
        right: 15px;
    }
    .whitepaper_thanks_img {
        width: 70%;
    }
    .whitepaper_main_popup {
        padding: 30px;
        left: 15px;
        right: 15px;
    }
    section.technologies .section-inner .technology-group {
        margin-bottom: 50px;
    }
    section.technologies .section-inner .technology-group .technology-items {
        max-width: 300px;
    }
    .hire-page section.software-solutions .section-inner .horizontal-cards .horizontal-card .card-image {
        max-width: 200px;
    }
}
@media screen and ( max-width: 375px ) {
    div.breadcrumbs {
        font-size: 12px;
    }
    .back-card .card-inner p,
    .back-card .case-services-info .case-services p {
        font-size: 13px;
    }
    .search-page .search-list .search-item {
        padding: 15px 10px;
    }
}
@media screen and (max-width: 320px){
    section.case-studies .case-study-item .case-study-img {
        min-width: 260px;
    }
    section.case-studies .case-study-item .case-study-img-device {
        right: 22px;
    }
    section.case-studies .case-study-item .case-study-img-circle {
        height: 220px;
        width: 220px;
    }
    .achivments-item a img {
        height: auto;
    }
    @-webkit-keyframes imgAnimation {
        100% {
            -webkit-transform: translateY(100px);
            transform: translateY(100px);
        }
    }
    @keyframes imgAnimation {
        100% {
            -webkit-transform: translateY(100px);
            transform: translateY(100px);
        }
    }
    section.numbers-info .info-block-data h2 {
        font-size: 35px;
        line-height: 35px;
    }
}