@media(min-width:1351px) and (max-width:1920px) {
    .fix-sc-width {
        width: unset;
        min-width: unset
    }
}

@media(min-width:576px) and (max-width:1920px) {
    section.blogdata p {
        text-align: justify
    }
}

@media(min-width:991.98px) and (max-width:1200px) {
    #val {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .ftr-mx-wth-set {
        max-width: 90%;
        margin: 0 auto
    }

    .ftr-mx-wth-set img,
    .ftr-mx-wth-set svg {
        text-align: center;
        margin: 0 auto
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    #val {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .theme-titles h2,
    .theme-titles h2 span {
        font-size: 45px !important;
        line-height: 55px !important
    }

    .ftr-mx-wth-set {
        max-width: 435px;
        margin: 0 auto
    }

    .common-banner-text h1 {
        padding-top: 0 !important
    }

    .custom-servicebg-headingtext {
        padding-top: 0 !important
    }

    .g-recaptcha div {
        width: 100%;
        margin: 0 auto
    }

    .theme-titles.getsec-cloud-sec * {
        font-size: 32px !important;
        line-height: 45px !important
    }
}

@media(min-width:991.98px) and (max-width:1919px) {

    .theme-titles h2,
    .theme-titles h2 span {
        font-size: 38px;
        line-height: 60px
    }

    .about-accodian .accordion-button {
        font-size: 17px;
        line-height: 30px
    }

    .quality_title2 *,
    .quality_title1 * {
        font-size: 31px !important;
        line-height: 41px !important
    }
}

@media(max-width:1199.98px) {
    .navbar-light .navbar-nav .nav-link {
        margin-right: 27px
    }

    a .service-work-card h3 {
        max-width: unset;
        margin: 0 auto
    }

    .formLoader,
    .quick-contact form button.btn.submit {
        margin-top: 16px
    }

    .blog_detail_common_title h1 {
        font-size: 31px;
        line-height: 45px
    }

    .feature-tab .nav {
        justify-content: center
    }

    .common-blue-bg-sec.get-started-sec h4,
    .common-blue-bg-sec.get-started-sec p {
        text-align: center
    }

    a .service-work-card {
        padding: 30px 15px
    }

    .choose-us-benefits .choose-detail.cntr {
        padding: 47px 15px
    }

    .hero-header small {
        font-size: 17px
    }

    .get-start p {
        text-align: center
    }

    .work-process-area p {
        text-align: center
    }

    .work-process-area .work-process-item.mtdesign {
        margin-top: 0
    }

    .service-item {
        margin-bottom: 0
    }

    footer .link-right {
        max-width: unset;
        margin-left: auto;
        position: relative;
        right: unset
    }

    .mt-30 {
        margin-top: 0
    }

    .rotate-dots::after {
        right: -21px;
        bottom: 0;
        top: -62px
    }

    .work-process-area .work-process-shape {
        display: none
    }

    .work-process-area .work-process-item.mttop {
        padding-top: 0
    }

    .call-to-action-area h4,
    .call-to-action-area p {
        text-align: center
    }

    .work-process-area .rotate-dots2 {
        display: none
    }

    .choose-us-benefits .choose-detail.lftminus {
        margin-right: 0
    }

    .choose-us-benefits .left-choose-detail .choose-detail.cntr,
    .choose-us-benefits .right-choose-detail .choose-detail.cntr {
        margin-right: 0;
        margin-left: 0
    }

    .choose-us-benefits .choose-detail.rgt-minus {
        position: relative;
        margin-left: 0
    }

    .choose-us-benefits .choose-detail {
        padding: 15px;
        margin-bottom: 0
    }
}

@media(min-width:991.98px) and (max-width:1199.98px) {
    .navbar-light .navbar-nav .nav-link {
        margin-right: 20px
    }

    .hero-header {
        height: 700px
    }

    section.choose-us-benefits p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    footer .link-left {
        position: relative;
        left: unset
    }

    .quick p {
        font-size: 29px;
        line-height: 47px
    }

    .zoomdot2 {
        display: none
    }

    .about-counter-one {
        height: 210px;
        max-width: 250px;
        font-size: 20px;
        line-height: 30px;
        padding: 0 15px
    }

    .about-counter-one p {
        font-size: 20px;
        line-height: 30px
    }

    .about-count1-no {
        font-size: 45px;
        line-height: 50px
    }

    .about-detail h5 {
        font-size: 20px;
        line-height: 30px
    }

    .theme-titles h2,
    .theme-titles h2 span {
        font-size: 30px;
        line-height: 45px
    }

    .get-start .theme-titles {
        white-space: normal !important
    }
}

@media(min-width:991px) and (max-width:1250px) {

    .servicebtn {
        padding-top: 30px
    }

    .blog-detail-common-banner.blog_detail5 .blog_detail_common_title h1 {
        float: right;
        font-size: 31px !important;
        line-height: 50px !important
    }
}

@media(min-width:768px) and (max-width:1250px) {
    .choose-us-benefits .choose-detail h6 {
        font-size: 20px
    }

    .choose-us-benefits p {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .work-process-area p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .any-project .theme-titles {
        margin-bottom: 20px
    }
}

@media(min-width:1661px) and (max-width:1919px) {
    .hero-header .banner-heading {
        position: relative;
        width: 156%
    }

    .statistics-area-three h3 {
        font-size: 27px;
        line-height: 40px
    }
}

@media(min-width:1200px) and (max-width:1650px) {
    .navbar-light .navbar-nav .nav-link {
        position: relative;
        margin-right: 35px
    }

    .statistics-area-three h3 {
        font-size: 25px;
        line-height: 40px
    }

    .about-detail h5 {
        font-size: 20px;
        line-height: 30px
    }

    .industry-card {
        font-size: 15px;
        line-height: 25px
    }
}

@media only screen and (min-width:1200px) {
    .feature-left>.row>div:first-child .service-item {
        position: relative;
        right: -80px
    }

    .feature-right>.row>div:first-child .service-item {
        position: relative;
        left: -80px
    }
}

@media(min-width:576px) and (max-width:1450px) {
    .swiper {
        margin: 0 50px
    }

    .swiper-button-next {
        right: -12px;
        width: 45px;
        height: 45px;
    }

    .swiper-button-prev {
        left: -12px;
        width: 45px;
        height: 45px;
    }
}

@media(min-width:991px) and (max-width:1650px) {
    .hero-header h1 {
        font-size: 60px
    }

    .about-team .team-card {
        padding: 40px 15px
    }

    .service-item {
        padding: 30px 15px
    }

    .top-logo,
    .top-logo2 {
        max-width: 250px
    }
}

@media(min-width:1200px) and (max-width:1399px) {
    .work-process-area .work-process-item.mttop {
        padding-top: 43px
    }

    .work-process-area .work-process-item.mtdesign {
        margin-top: 0
    }
}

@media(min-width:991px) and (max-width:1300px) {
    .hero-header h1 {
        font-size: 56px
    }

    footer .link-left {
        max-width: unset;
        margin: unset
    }

    .service-item {
        padding: 30px 15px
    }

    .service-item h4 a {
        font-size: 21px;
        line-height: 30px
    }

    .service-item h4 {
        font-size: 20px
    }
}

@media(min-width:991.98px) and (max-width:1199.98px) {
    .hero-header .hero-left {
        position: absolute;
        right: 15px;
        top: 0;
        z-index: 10;
        max-width: 60%
    }

    .scorpio_leftside,
    .scorpio_rightside {
        padding: 18px 15px
    }

    .get-start {
        top: -112px
    }

    .hero-header h1 {
        font-size: 46px;
    }

    .hero-header small {
        font-size: 17px
    }
}

@media(max-width:1300px) {
    footer .link-right {
        float: unset
    }

    footer .setlgend {
        float: unset
    }

    footer li {
        padding-bottom: 9px;
        white-space: unset
    }
}

@media(max-width:991px) {
    .navbar {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    img.img-fluid.lg-scorpioimg {
        min-width: 280px
    }

    .blog-scorpeobg {
        padding: 50px 15px
    }

    .about-accodian .accordion-body {
        font-size: 14px
    }

    .about-team .team-card {
        padding: 40px 15px
    }

    img.img-fluid.whitehederlogo {
        max-width: 220px
    }

    .testimonial .testi-logo .quote-img img,
    .testimonial .testi-logo .quote-img svg {
        max-width: 55px;
    }

    .inner-services_banner {
        margin-top: 0
    }

    button.nav-item.nav-link.srvc.active.dropdown-toggle {
        border: 0;
        background: transparent
    }

    .navbar-nav .dropdown-menu {
        position: relative;
        top: 0;
        border: 0;
        margin-top: -0.5rem;
        margin-bottom: 0.25rem;
        max-width: 100% !important;
        box-shadow: none;
        padding-left: 0.5rem;
    }

    .navbar-nav .dropdown-menu li {
        border-left: 1px solid #e7e7e7;
        margin-bottom: 0.2rem;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }

    .navbar-nav .dropdown-menu li a {
        padding: 4px 12px;
    }

    .sticky-top.navbar-light .navbar-nav .dropdown-menu {
        top: 0
    }

    button.nav-item.nav-link.srvc.smdrop.active.dropdown-toggle {
        position: relative
    }

    button.nav-item.nav-link.srvc.smdrop.active.dropdown-toggle:after {
        border: 0;
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-size: 10px;
        font-weight: bold;
        vertical-align: middle;
        margin-left: 4px;
        visibility: visible
    }

    .cloud_provide p,
    .cloud-essential h6,
    .cloud-essential p {
        text-align: center
    }

    .brand-solution p,
    .we-provide p {
        text-align: center
    }

    .about-accodian .accordion-button {
        font-size: 15px;
        line-height: 25px
    }

    .port-flio-detail-first {
        padding-top: 60px
    }

    .pro_detail_card {
        padding: 30px 15px
    }

    .blog_detail_common_title h1 {
        font-size: 32px;
        line-height: 45px
    }

    .blog-detail-common-banner {
        height: 400px !important;
        padding: 15px !important
    }

    .why-choose-and-techno-use p {
        text-align: center
    }

    .techno_card-mobile-both {
        justify-content: center
    }

    .get-start p {
        text-align: center
    }

    .about-accodian .accordion-button::after,
    .about-accodian .accordion-button:not(.collapsed)::after {
        width: 25px;
        height: 25px
    }

    .get-start .theme-titles {
        white-space: normal !important
    }

    section.inner-service-generic p {
        text-align: center
    }

    .quick-contact small,
    .quick-contact .quick p {
        text-align: center;
        display: block
    }

    img.aerow {
        max-width: 20px;
        transform: rotate(90deg);
        margin-left: 9px;
        height: 13px;
        width: 13px
    }

    .statistics-area-three .statistics-fst {
        height: 100%;
        align-items: center
    }

    .hero-header {
        height: unset
    }

    .service-item {
        height: 100%
    }

    .service-item.style-three.a2,
    .service-item.style-three.a3 {
        margin-top: 0
    }

    .hero-header::before,
    .hero-header::after,
    .about-area:before,
    /* .bgc-black-with-lighting:before, */
    .quick-contact form:before,
    .quick-contact form:after,
    .contact-card::before,
    .testimonial .rotate-dots2:before,
    .choose-us-benefits::before,
    .choose-us-benefits::after,
    .testimonial::before,
    .work-process-area::before,
    .about-banner::before,
    .about-banner::after,
    .journy-timeline::before,
    .journy-timeline::after,
    .common-banner-text::before,
    .services_banner::before,
    .services_banner::after,
    section.custom_service_every_step::before,
    .get-start .container:before,
    .graphic_essential::before,
    .graphic_essential::before,
    .common-bgimg::after,
    .common-bgimg::before,
    .contact-card:after,
    section.quick-contact.careerpg .container:after,
    section.quick-contact.careerpg .container:before,
    .portfolio_inner_slider_sec:before,
    .portfolio_inner_slider_sec:after,
    section.quick-contact.careerpg:before,
    section.quick-contact.careerpg:after,
    .slider-portfolios::before,
    .slider-portfolios::after,
    .otr-casestudy .slider-portfolios2 .container:before,
    .otr-casestudy .slider-portfolios2 .container:after,
    .otr-casestudy::before,
    .otr-casestudy::after,
    .slider-portfolios2::before,
    .slider-portfolios2::after {
        display: none
    }

    .casedetail-start {
        margin-top: 0
    }

    .topics {
        padding: 15px 0
    }

    .hero-header .banner-heading {
        position: relative;
        width: 100%
    }

    .bottom-footer p,
    .bottom-footer a {
        padding-bottom: 10px;
        text-align: center
    }

    .call-to-action-area h4 {
        font-size: 28px;
        line-height: 40px
    }

    .kabout-img-small-icon {
        height: 130px;
        width: 130px
    }

    .about-area .theme-titles {
        padding-top: 60px
    }

    .pl-80 {
        padding-left: 0
    }

    .kabout-img-small-icon span {
        margin: 0 auto;
        max-height: 100px;
        min-height: 100px;
        min-width: 100px
    }

    .about-area {
        padding: 60px 0
    }

    .theme-titles h2,
    .theme-titles h2 span {
        font-size: 30px;
        line-height: 45px
    }

    .about-detail h5 {
        font-size: 22px;
        line-height: 31px
    }

    .about-area .mr-70 {
        margin-right: 0;
        margin: 0 auto;
        margin-bottom: 50px
    }

    .kabout-img-small {
        bottom: -107px;
        z-index: 5;
        right: 0;
        left: 0;
        margin: 0 auto;
        position: absolute;
        width: 250px
    }

    .about-counter-one {
        height: 210px;
        max-width: 250px;
        font-size: 20px;
        line-height: 30px;
        padding: 0 15px;
        padding-top: 54px
    }

    .about-counter-one p {
        font-size: 20px;
        line-height: 30px
    }

    .about-count1-no {
        font-size: 45px;
        line-height: 50px
    }

    .hero-header .baner-detail {
        position: relative;
        z-index: unset
    }

    .navbar-light .navbar-nav .nav-link {
        color: #222 !important
    }

    .navbar-nav .dropdown-menu {
        max-width: 190px
    }

    .navbar {
        position: fixed !important;
        top: 0;
        z-index: 1020;
        width: 100%;
        background-color: var(--white-color);
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    }

    .navbar-nav {
        padding: 15px;
        margin-top: 15px
    }

    a.themebtn-sm {
        color: #0096f2;
        margin: 10px 15px;
        border: 1px solid #0096f2;
        border-radius: 50px;
        padding: 5px 15px;
        display: inline-block
    }

    main {
        margin-top: 76px
    }

    .sticky-top.navbar-light a.themebtn-top,
    a.themebtn-top {
        display: none
    }

    .zoomdot,
    .zoomdot2 {
        display: none
    }

    .rotate-dots {
        position: relative;
        height: unset
    }

    .hero-header .themebtnmix {
        margin: 0 auto
    }

    .rotate-dots {
        display: none
    }

    .hero-header .hero-left {
        position: relative;
        right: unset;
        top: unset;
        z-index: 10;
        display: block;
        margin: 0 auto
    }

    .hero-header {
        padding: 60px 0
    }

    .rotate-dots::after {
        content: "";
        margin: 0 auto;
        left: 0;
        right: 0;
        top: -81px;
        z-index: 9
    }

    .banner-rgt {
        position: relative;
        z-index: 99
    }

    .about-area .theme-titles,
    .about-detail h5,
    .about-detail p {
        text-align: center
    }

    .theme-titles h2,
    .theme-titles h2 span {
        text-align: center;
        justify-content: center
    }

    .about-detail .about-counter2 {
        justify-content: center
    }

    .abtbtn {
        width: 100%;
        margin: 0 auto;
        display: block;
        text-align: center
    }

    .kabout-img-shape {
        top: -17px
    }

    .kabout-img-small-icon.play_btn {
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .statistics-area-three small,
    .statistics-area-three h3 {
        text-align: center;
        display: block
    }

    svg.count-icon1 {
        width: 40px
    }

    .statistics-area-three .counter-card {
        padding: 30px 15px;
        max-width: 400px;
        margin: 0 auto
    }

    section,
    .hero-header {
        padding: 60px 0
    }

    .decorehome {
        display: none
    }

    .left-choose-detail .choose-detail {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        max-width: unset;
        flex-direction: row-reverse
    }

    .right-choose-detail .choose-detail {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        max-width: unset
    }

    .choose-us-benefits .left-choose-detail h6,
    .choose-us-benefits .left-choose-detail p {
        text-align: left;
        padding-left: 15px
    }

    .join-family {
        padding: 60px 15px
    }

    .quick-contact-detail {
        margin: 0 auto
    }

    footer .link-right {
        max-width: unset;
        right: unset
    }

    .common-banner-text h1 {
        font-size: 40px;
        line-height: 60px
    }

    .our_mision_vision .mision_vision-detail {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center
    }

    .our_mision_vision .mision_vision-detail img {
        margin-right: 0;
        margin-bottom: 28px
    }

    .digital_business .quality_title2,
    .digital_business p {
        text-align: center
    }
}

@media(max-width:767px) {
    .hero-header h1 {
        font-size: 2.5rem;
    }

    .cs-midlebg img {
        max-width: 100%;
        height: auto
    }

    .testimonial .testi-logo .quote-img img,
    .testimonial .testi-logo .quote-img svg {
        max-width: 50px;
    }

    #chat-circle {
        right: 8px
    }

    .statistics-area-three .card-counter3 span {
        font-size: 1.6rem;
    }

    .ftr-mx-wth-set {
        max-width: 100%;
        text-align: center
    }

    .ftr-mx-wth-set img,
    .ftr-mx-wth-set svg {
        max-width: 100%;
        text-align: center;
        margin: 0 auto
    }

    .ftr-mx-wth-set p {
        text-align: center
    }

    .casedetail-start {
        font-size: 20px;
        line-height: 30px
    }

    .detail-head .case-social {
        position: relative;
        top: 0
    }

    .downcards img {
        width: 100%
    }

    .detail-head {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column
    }

    .detail-head .case-social {
        margin-top: 20px
    }

    .modal-body {
        padding: 50px 15px
    }

    .feature-tab .nav-link {
        padding: 8px 17px
    }

    .blog-card img {
        object-fit: unset;
        min-height: unset
    }

    .blog-detail-common-banner.blog_detail5 .blog_detail_common_title h1 {
        float: unset !important;
        font-size: 31px !important;
        line-height: 50px !important;
        text-align: center
    }

    .blog-type-mobile-app h2 {
        font-size: 25px;
        line-height: 35px
    }

    .blog-type-mobile-app p {
        font-size: 22px !important;
        line-height: 32px !important
    }

    .blog_detail_common_title h1 {
        font-size: 27px;
        line-height: 40px
    }

    .blog_detail_common_title h1 br {
        display: none
    }

    .webtype-dev h3,
    .webtype-dev p {
        text-align: left;
        padding: 0 15px
    }

    .custom-servicebg-headingtext {
        font-size: 47px;
        line-height: 57px;
        padding-top: 0
    }

    .common-blue-bg-sec.get-started-sec {
        margin-top: 60px;
        padding: 40px 15px
    }

    .get-start .get-started-sec {
        padding: 50px 20px
    }

    .common-bgimg {
        height: 300px !important;
        margin-top: 76px !important
    }

    .blog-scorpeo-sm.custom_scorpio-sm.blog-custom-srvicepg {
        background-color: #062880;
        padding: 50px 20px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px
    }

    .any-project .theme-titles {
        margin-bottom: 15px
    }

    .any-project {
        padding: 30px 15px
    }

    .common-banner-text h1 {
        padding-top: 0
    }

    .choose-us-benefits .choose-detail .icon-bg {
        margin-left: 0
    }

    .timeline h4.right,
    .timeline p.right {
        text-align: left
    }

    .timeline h4.right,
    .timeline p.right {
        padding-left: 33px
    }

    .choose-us-benefits .right-choose-detail .icon-bg {
        padding-left: 0;
        margin-right: 0
    }

    .choose-us-benefits .choose-detail h6,
    .choose-us-benefits .right-choose-detail p {
        padding-left: 15px
    }

    .wht-crcl {
        margin: unset
    }

    .out-circle {
        margin: unset;
        left: -21px
    }

    .timeline-right-fst:after,
    .timeline-right-trd:after,
    .timeline-right-fifth:after {
        transform: rotate(-180deg)
    }

    .timeline-right-fst::before,
    .timeline-right-sec::before,
    .timeline-right-trd::before,
    .timeline-right-forth::before,
    .timeline-right-fifth::before,
    .timeline-right-sixth::before {
        right: unset;
        left: 0;
        margin-right: unset
    }

    .wht-crcl {
        left: -6px
    }

    .timeline {
        padding: 0 15px
    }

    .timeline-right-fst::after {
        display: none
    }

    .feature-middle .rotate-dots2::after {
        height: 100px;
        width: 100px;
        left: -9px
    }

    .feature-middle .image {
        padding-top: 20px;
        margin-bottom: 20px
    }

    .quick-contact form button.btn.submit {
        font-size: 16px;
        padding: 0.5rem 1.75rem;
        display: inline-block;
    }

    .g-recaptcha div {
        width: 100%;
        margin: 0 auto
    }

    .kabout-img-shape {
        display: none
    }

    .about-area .pl-80 {
        padding-left: 0
    }

    .mindpro {
        padding: 30px 15px
    }

    .join-family h5 {
        font-size: 38px;
        line-height: 48px
    }

    .quick small,
    .quick p {
        text-align: center;
        display: block
    }

    footer {
        padding: 80px 15px
    }

    footer .link-left {
        max-width: 190px
    }
}

@media only screen and (min-width:576px) {
    .swiper.mySwiper {
        padding-bottom: 3rem
    }
}

@media(max-width:575px) {
    .hero-header h1 {
        font-size: 2rem
    }

    .fildone-leftcard,
    .downcards {
        text-align: center
    }

    .ftr-mx-wth-set img,
    .ftr-mx-wth-set svg {
        max-width: 100%;
        text-align: left;
        margin: unset
    }

    .ftr-mx-wth-set p {
        text-align: left
    }

    .navbar-nav .dropdown-menu {
        max-width: 300px
    }

    .cloud_title * {
        font-size: 30px;
        line-height: 40px
    }

    .feature-tab #pills-tab .nav-link {
        margin: 9px
    }

    .theme-titles.getsec-cloud-sec * {
        font-size: 25px !important;
        line-height: 35px !important
    }

    .testimonial .testomonial-card p {
        padding-bottom: 30px
    }

    .swiper {
        padding: 2rem 0 3rem 0 !important
    }

    .blog-detail-headings {
        text-align: center
    }

    section.blogdata p {
        text-align: center
    }

    .blog-detail-common-banner.blog-detail5 {
        background-position: left
    }

    .utilize-data h3,
    .utilize-data a {
        font-size: 21px;
        line-height: 30px
    }

    .blog_detail_container p {
        text-align: center
    }

    h4.sky-heading {
        text-align: center;
        font-size: 20px
    }

    .about-accodian .accordion-button {
        font-size: 14px;
        line-height: 20px
    }

    .blog-detal-sm h1 {
        font-size: 24px !important;
        line-height: 34px !important
    }

    .blog-detail-common-banner {
        height: 300px !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: center !important
    }

    .blog-type-mobile-app {
        padding: 60px 15px
    }

    .blog_detail_common_title h1 {
        font-size: 22px;
        line-height: 35px;
        text-align: center
    }

    .blog-detail-common-banner.blog_detail5 .blog_detail_common_title h1 {
        float: unset !important;
        font-size: 27px !important;
        line-height: 40px !important;
        text-align: center
    }

    .feture-card {
        margin: 0 auto;
        max-width: 400px
    }

    .product-detail-container .inrflex {
        flex-wrap: wrap;
        padding-bottom: 8px
    }

    .cloud-project .any-project .theme-titles * {
        font-size: 25px !important;
        line-height: 35px !important
    }

    .quality_title2 *,
    .quality_title1 *,
    .quality_title3 * {
        font-size: 25px !important;
        line-height: 35px !important
    }

    .cloud_business .cloud_title * {
        font-size: 27px;
        line-height: 35px
    }

    .cloud-essential .cloud_title * {
        font-size: 27px;
        line-height: 41px
    }

    .cloud-essential {
        padding-bottom: 220px
    }

    .industry-card {
        flex-direction: column;
        text-align: center
    }

    .industry-icon {
        margin-right: 0;
        margin-bottom: 15px
    }

    .techno_card-mobile-both {
        flex-direction: column;
        align-items: center
    }

    .graphic_title h3,
    .graphic_title h3 span {
        font-size: 28px;
        line-height: 45px
    }

    .techno_card-mobile {
        margin-right: 0;
        margin-bottom: 20px
    }

    .about-accodian .accordion-button {
        padding: 8px 10px 8px 25px
    }

    a .service-work-card {
        max-width: 340px;
        margin: 0 auto
    }

    .team-card {
        max-width: 300px;
        margin: 0 auto
    }

    .about-detail h5 span {
        display: inline-block
    }

    footer .link-left {
        margin: 0 auto
    }

    .blog-card .blog-data {
        padding: 25PX 15PX
    }

    .about-detail h5 {
        font-size: 18px;
        line-height: 29px
    }

    .call-to-action-area h4 {
        font-size: 26px;
        line-height: 40px
    }

    .kabout-img-small-icon {
        height: 120px;
        width: 120px
    }

    .play_btn:after,
    .play_btn:before {
        display: none
    }

    .theme-titles span {
        padding-bottom: 0;
        font-size: 18px;
        line-height: 20px
    }

    .hero-header small {
        font-size: 18px;
        line-height: 25px
    }

    .kabout-img-small-icon {
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .about-counter-one {
        padding-top: 44px
    }

    .statistics-area-three h3 {
        font-size: 22px;
        line-height: 32px
    }

    .left-choose-detail .choose-detail {
        flex-direction: column-reverse
    }

    .choose-us-benefits .left-choose-detail h6,
    .choose-us-benefits .left-choose-detail p {
        text-align: center;
        padding-left: 0
    }

    .right-choose-detail .choose-detail {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: unset;
        flex-direction: column
    }

    .choose-us-benefits .right-choose-detail h6,
    .choose-us-benefits .right-choose-detail p {
        text-align: center
    }

    .choose-us-benefits .right-choose-detail .icon-bg {
        padding-left: 0;
        margin-right: 0
    }

    .choose-us-benefits .choose-detail .icon-bg {
        margin-left: 0
    }

    .icon-bg {
        margin-bottom: 20px
    }

    .join-family h5 {
        font-size: 30px;
        line-height: 40px
    }

    .left-choose-detail .choose-detail {
        align-items: center
    }

    .swiper-button-next,
    .swiper-button-prev {
        position: absolute;
        top: unset !important;
        bottom: -60px !important
    }

    .swiper-button-prev {
        left: -110px !important;
        right: 0 !important;
        margin: 0 auto !important
    }

    .swiper-button-next {
        right: -110px !important;
        left: 0 !important;
        margin: 0 auto !important
    }

    section.testimonial {
        padding: 60px 0 90px 0
    }

    .testimonial .testo-intro {
        position: relative;
        bottom: 0;
        left: 0
    }

    .client-bg {
        padding: 15px 15px
    }

    .blog-card {
        margin: 0 auto;
        max-width: 450px
    }

    .blog-card h3,
    .blog-card p {
        text-align: center
    }

    .blog-card .blogbtn {
        text-align: center;
        margin: 0 auto;
        display: block
    }

    .blog-card button.blogbtn {
        text-align: center;
        width: 100%
    }

    .testimonial .testomonial-card {
        max-width: 500px
    }

    svg.cntactimg {
        width: 40px;
        height: 40px
    }

    .contact-card {
        padding: 30px 15px
    }

    .contact-card .flexcs {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        padding-left: 58px
    }

    .contact-card .follo {
        padding: 0 0 15px 0
    }

    .quick p {
        font-size: 27px;
        line-height: 37px
    }

    .contact-card {
        margin: 0 auto
    }

    .quick {
        margin: 0 auto;
        padding-bottom: 15px
    }

    footer hr {
        margin: 15px auto 15px 0
    }

    .footer h6.footer-title {
        margin: 15px auto
    }

    .custom-servicebg-headingtext {
        font-size: 26px;
        line-height: 36px
    }

    .inner-services_banner {
        height: 300px !important
    }

    #val {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .modal-title h2 span,
    .modal-title h2 {
        font-size: 25px !important;
        line-height: 30px !important
    }

    .modal-title {
        margin-bottom: 20px
    }

    .modal-body {
        padding: 20px 15px 30px 15px
    }

    .fildone-rgtcard {
        max-height: unset;
        flex-direction: column;
        text-align: center
    }

    .fildone-rgtcard img {
        border-radius: 20px 20px 0 0;
        -webkit-border-radius: 20px 20px 0 0;
        -moz-border-radius: 20px 20px 0 0;
        -ms-border-radius: 20px 20px 0 0;
        -o-border-radius: 20px 20px 0 0;
        height: 100%;
        width: 100%;
        min-width: unset;
        min-height: unset;
        max-height: unset;
        object-fit: cover
    }

    .lft-img {
        width: 100%;
        height: 215px
    }

    .fildone-rgtcard .detail {
        padding: 20px
    }
}

@media(min-width:320px) {
    .inrflex h3 {
        white-space: nowrap;
        padding-right: 0.5rem;
    }
}

@media(min-width:576px) {
    .modal-dialog {
        max-width: 800px
    }
}

@media(max-width:516px) {
    ul#pills-tab {
        margin: 0 auto;
        max-width: 70%
    }
}

@media(max-width:377px) {
    ul#pills-tab {
        margin: 0 auto;
        max-width: 83%
    }
}

@media(max-width:320px) {
    .hero-header small {
        font-size: 15px
    }

    .theme-titles h2,
    .theme-titles h2 span {
        font-size: 22px;
        line-height: 35px
    }

    .join-family h5 {
        font-size: 22px;
        line-height: 33px
    }
}

@media(min-width:321px) and (max-width:374px) {
    .hero-header small {
        font-size: 16px
    }

    .theme-titles h2,
    .theme-titles h2 span {
        font-size: 22px;
        line-height: 45px
    }

    .join-family h5 {
        font-size: 22px;
        line-height: 33px
    }
}

@media(min-width:375px) and (max-width:420px) {
    .hero-header small {
        font-size: 17px
    }

    .theme-titles h2,
    .theme-titles h2 span {
        font-size: 25px;
        line-height: 45px
    }
}




/* Main Responsive Fonts */
@media screen and (min-width: 992px) {
    .w-md-65 {
        max-width: 65%;
    }

    .top-logo,
    .top-logo2 {
        max-width: 220px
    }
}

@media screen and (min-width: 1200px) {
    .theme-title .sub-title {
        font-size: 1.07rem;
    }

    .theme-title h2 {
        font-size: 2.5rem;
    }

    .top-logo,
    .top-logo2 {
        max-width: 280px
    }
}

@media screen and (min-width: 1440px) {
    .theme-title .sub-title {
        font-size: 1.15rem;
    }

    .theme-title h2 {
        font-size: 2.75rem;
    }

    .top-logo,
    .top-logo2 {
        max-width: 320px
    }

    .navbar-light .navbar-nav .nav-link {
        margin-right: 40px;
    }
}

@media screen and (min-width: 1920px) {
    .theme-title .sub-title {
        font-size: 1.25rem;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1440px
    }

    .top-logo,
    .top-logo2 {
        max-width: 360px
    }

    .navbar-light .navbar-nav .nav-link {
        margin-right: 45px;
    }
}


@media screen and (max-width: 1199px) {
    .hero-header h1 {
        font-size: 3rem;
    }

    .theme-title .sub-title {
        font-size: 1rem;
    }

    .theme-title h2 {
        font-size: 2.125rem;
    }
}

@media screen and (max-width: 991px) {
    .pl-80 {
        padding-top: 3rem;
    }

    .theme-title span.sub-title {
        text-align: center;
    }

    .theme-title h2 {
        justify-content: center !important;
    }

    .navbar-brand {
        max-width: 78%
    }
}

@media screen and (max-width: 767px) {
    .hero-header h1 {
        font-size: 2.7rem;
    }

    .theme-title .sub-title {
        font-size: 0.95rem;
    }

    .theme-title h2 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 575px) {
    .baner-detail small br {
        display: block;
    }

    .hero-header h1 {
        font-size: 2.35rem;
    }

    .theme-title .sub-title {
        font-size: 0.915rem;
    }

    .theme-title h2 {
        font-size: 1.875rem;
    }
}