/* ****************
Ratina
************** */
@media (min-width: 1921px) {
    .containers {
        width: 1400px;
        margin: 0 auto;
    }
    .home2 .heading {
        position: absolute;
        top: 55%;
        left: 22.5%;
    }
}
@media (max-width: 1999.98px) {
    .containers {
        width: 1400px;
        margin: 0 auto;
    }
    .home2 .heading {
        position: absolute;
        top: 55%;
        left: 13.5%;
    }
}
@media (max-width: 1599.98px) {
    .containers {
        width: 1320px;
        margin: 0 auto;
    }
    .heading h1 {
        font-size: 50px;
    }
    .title h2 {
        font-size: 42px;
    }
    .about-con p {
        font-size: 35px;
    }
    .counts p {
        font-size: 20px;
    }
    .home2 .heading {
        position: absolute;
        top: 55%;
        left: 8%;
    }
    .banner-con h1 {
        font-size: 55px;
    }
    a.serviceslist h4 {
        font-size: 20px;
    }
    a.serviceslist p {
        font-size: 16px;
    }
    .generation-con .title h2 {
        font-size: 40px;
    }
    .org-title h2 {
        font-size: 40px;
    }
    .orgcon p {
        font-size: 22px;
    }
    .request h2 {
        font-size: 65px;
    }
    a.blogtitle {
        font-size: 20px;
    }
    .blog-title h1 {
        font-size: 50px;
    }
    .recnt-blog li a h4 {
        font-size: 16px;
    }
    .accordion-button {
        padding: 25px 0;
        font-size: 24px;
    }
    .faqtitle h2 {
        font-size: 45px;
    }
    .title h3 {
        font-size: 40px;
    }
    .extends h4 {
        font-size: 30px;
    }
    .extends p {
        font-size: 18px;
    }
    .industries h2 {
        font-size: 40px;
    }
    .phases h3 {
        font-size: 34px;
    }
    .solutionlist h3 {
        font-size: 22px;
    }
    .solutionlist p {
        font-size: 16px;
    }
    .shortbaner {
        height: 500px;
    }
    .subtitle h2 {
        font-size: 35px;
    }
}
@media (max-width: 1440.98px) {
    .home2 .heading {
        position: absolute;
        top: 55%;
        left: 4%;
    }
}
@media (max-width: 1399.98px) {
    .containers {
        width: 1140px;
        margin: 0 auto;
    }
    .sm-simple a,
    .sm-simple a:hover,
    .sm-simple a:focus,
    .sm-simple a:active,
    .sm-simple a.highlighted {
        padding: 10px 15px;
    }
    .sm-simple a .sub-arrow {
        right: 0 !important;
    }
    .home2 .heading {
        position: absolute;
        top: 55%;
        left: 4%;
    }
    #main-menu .mega-menu .mega-grid {
        padding: 0 10px;
    }
    #main-menu .mega-menu {
        padding: 10px;
    }
}
@media (min-width: 1200px) {
    .sm-simple a .sub-arrow::before {
        content: '\F282';
        font-family: 'Bootstrap-icons';
    }
    .sm-simple a.highlighted .sub-arrow::before {
        content: '\F282';
        font-family: 'Bootstrap-icons';
    }
    .sm-simple a .sub-arrow {
        right: 0 !important;
        width: 14px;
        height: 16px;
    }
    .sm-simple a.has-submenu {
        padding-right: 20px !important;
    }
}
@media (max-width: 1199.98px) {
    .containers {
        width: 90%;
        margin: 0 auto;
    }
    .navbar-toggler-icon {
        background-image: none;
        color: #fff;
        font-size: 24px;
        width: auto;
        height: auto;
    }
    .me-auto {
        margin-left: 0;
    }
    .gettouch a {
        display: none;
    }
    .navigation a.cusbtn {
        display: block;
        margin: 0;
        padding: 5px 15px;
        font-size: 14px;
        border: 1px solid #00A1CC;
    }
    .sm-simple>li {
        border: none;
        padding-left: 0;
        padding-right: 0;
        margin-top: 10px;
    }
    .navbar-toggler {
        padding: 0;
        line-height: 1;
        color: #222;
        background-color: transparent;
        border: none;
        border-radius: 0;
        -webkit-transition: var(--bs-navbar-toggler-transition);
        -o-transition: var(--bs-navbar-toggler-transition);
        transition: var(--bs-navbar-toggler-transition);
    }
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .sm-simple ul a,
    .sm-simple ul a:active,
    .sm-simple ul a:focus,
    .sm-simple ul a:hover {
        padding: 10px 15px;
    }
    #main-menu .mega-menu {
        max-width: 100% !important;
        height: 400px;
        overflow-y: scroll;
    }
    #main-menu .mega-menu .mega-grid {
        float: left;
        width: 49%;
    }
    .mega-grid h4 {
        font-size: 16px;
    }
    .sm-simple a,
    .sm-simple a:hover,
    .sm-simple a:focus,
    .sm-simple a:active,
    .sm-simple a.highlighted {
        font-size: 16px;
        padding: 10px 0;
    }
    .heading h1 {
        font-size: 40px;
    }
    .heading p {
        font-size: 16px;
    }
    .service-patner li a {
        display: inline-block;
        margin: 10px;
    }
    .service-patner li a img {
        height: 50px;
    }
    .title h2 {
        font-size: 36px;
    }
    .icons svg {
        height: 80px;
    }
    a.solutions h4 {
        font-size: 20px;
    }
    .about-con h5 {
        font-size: 16px;
    }
    .about-con h2 {
        font-size: 40px;
    }
    .about-con p {
        font-size: 22px;
    }
    .count {
        font-size: 55px;
    }
    .counts p {
        font-size: 16px;
    }
    .partner-title h3 {
        font-size: 22px;
    }
    .banner-area {
        height: 568px;
    }
    .banner-area.cyberbg {
        height: 668px;
    }
    .banner-con h1 {
        font-size: 45px;
    }
    .banner-con p {
        font-size: 18px;
    }
    .shorttext h4 {
        font-size: 18px;
    }
    .shorttext p {
        font-size: 14px;
    }
    .generation-con .title h2 {
        font-size: 34px;
    }
    .generation-con h4 {
        font-size: 20px;
    }
    .org-title h2 {
        font-size: 32px;
    }
    .orgname h5 {
        font-size: 18px;
    }
    .orgname p {
        font-size: 16px;
    }
    .request h2 {
        font-size: 50px;
    }
    a.serviceslist {
        padding: 30px 30px;
    }
    .banner-area.blog {
        height: 568px;
    }
    a.blogtitle {
        font-size: 18px;
    }
    .blog-title h1 {
        font-size: 45px;
    }
    .blog-title p {
        font-size: 16px;
    }
    .blog-con h3 {
        font-size: 20px;
    }
    .blog-con p {
        font-size: 16px;
    }
    .blog-con h4 {
        font-size: 16px;
    }
    .recnt-blog li a img {
        height: 60px;
    }
    .recnt-blog li a h4 {
        font-size: 14px;
    }
    .accordion-button {
        padding: 20px 0;
        font-size: 20px;
    }
    .faqtitle h2 {
        font-size: 35px;
    }
    .title h3 {
        font-size: 34px;
    }
    .extends h4 {
        font-size: 24px;
    }
    .extends p {
        font-size: 16px;
    }
    .subtitle h3 {
        font-size: 20px;
    }
    .subtitle h5 {
        font-size: 20px;
    }
    .extends img {
        height: 60px;
    }
    .shortbaner {
        height: 400px;
    }
    .bgbox {
        margin-top: -50px;
    }
    .contactus,
    .contactdetails {
        padding: 20px;
    }
    .contactdetails a {
        font-size: 20px;
    }
    .contactdetails h4 {
        font-size: 20px;
    }
    .supportcon h2 {
        font-size: 30px;
    }
    .supportcon p {
        font-size: 18px;
    }
    .supportcon h3 {
        font-size: 22px;
    }
    .career li {
        font-size: 20px;
    }
    .industries h2 {
        font-size: 32px;
    }
    .industries h4 {
        font-size: 18px;
    }
    .phasesnum h4 {
        font-size: 20px;
    }
    .phasesnum h4 span {
        font-size: 30px;
    }
    .phasesnum img {
        height: 40px;
    }
    .phases h3 {
        font-size: 30px;
    }
    .phases p {
        font-size: 18px;
    }
    .solutionlist {
        padding: 20px;
    }
    .solutions-stage .title p {
        font-size: 18px;
    }
    .nav-tabs .nav-link {
        font-size: 20px;
    }
    .subtitle h2 {
        font-size: 30px;
    }
    .generation-con li {
        font-size: 18px;
    }
    .hightlight p {
        font-size: 18px;
    }
}
/* ****************
Desktop
************** */
@media (max-width: 1023.98px) {}
@media (max-width: 991.98px) {
    #main-menu .mega-menu .mega-grid {
        float: left;
        width: 99%;
    }
    .solutions-area {
        padding: 50px 0 150px 0;
    }
    .sliders {
        margin-top: -100px;
        padding: 20px;
    }
    .home2 .heading {
        position: absolute;
        top: 55%;
        left: 0;
        padding: 15px;
    }
    .services-area .border-bottom {
        border-bottom: none !important;
    }
    .services-area .border-end {
        border-right: none !important;
    }
    .shorttext {
        padding: 10px;
    }
    .shorttext h4 {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .orgcon p {
        font-size: 18px;
    }
    .orgname h5 {
        font-size: 16px;
    }
    .orgimg {
        margin-top: 15px;
        height: auto;
    }
    .banner-con h1 {
        font-size: 34px;
    }
    .blog-title h1 {
        font-size: 34px;
    }
    .banner-area.blog {
        height: 468px;
    }
    .banner-con p {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .licensing-img {
        margin-bottom: 30px;
    }
    .bgbox {
        padding: 30px;
    }
    .contactus,
    .contactdetails {
        padding: 0;
    }
    .contactdetails {
        margin-top: 30px;
    }
    .contactdetails a {
        font-size: 18px;
    }
    .contactdetails h4 {
        font-size: 18px;
    }
    .contact-area .border-end {
        border-right: none !important;
    }
    .supportcon {
        padding: 0;
        margin-bottom: 35px;
    }
    .supportcon a.cusbtn {
        width: 100%;
    }
    .supportcon h2 {
        font-size: 24px;
    }
    .bgbox {
        margin-top: -50px;
    }
    .industries-post {
        margin-top: -50px;
    }
    .generation-con {
        margin-bottom: 25px;
    }
    .rowrever {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .orgcon i {
        color: #00A1CC;
        font-size: 50px;
        position: absolute;
        top: -36px;
    }
}
/* **************** 
Tab 
************** */
@media (max-width: 767.98px) {
    .navbar-brand img {
        height: 20px;
    }
    .heading {
        padding: 15px;
    }
    .heading h1 {
        font-size: 24px;
    }
    p.bar {
        margin: 10px 0;
    }
    .service-patner li a {
        display: inline-block;
        margin: 5px;
    }
    .home2 .service-patner li a {
        display: inline-block;
        margin: 5px;
        margin-left: 0;
    }
    .home2 .service-patner {
        margin-bottom: 20px;
    }
    .service-patner li a img {
        height: 42px;
    }
    .title h2 {
        font-size: 28px;
    }
    .partner-title {
        margin-bottom: 15px;
    }
    .counts {
        margin: 15px 0;
    }
    .shortservice .border-end {
        border-right: none !important;
    }
    a.serviceslist {
        padding: 15px;
    }
    .org-title img {
        display: block;
        height: 100px;
        margin: 25px auto;
    }
    .orgcon p {
        font-size: 16px;
    }
    .request h2 {
        font-size: 40px;
    }
    .banner-con h1 {
        font-size: 30px;
    }
    .banner-area {
        height: 568px;
    }
    .banner-area.cyberbg {
        height: auto;
        padding: 80px 0;
    }
    .shortservice {
        margin-top: -50px;
        padding: 20px;
    }
    .short-service::after {
        top: 46px;
    }
    .short-service {
        margin-bottom: 45px;
    }
    .orgcon {
        padding: 20px;
    }
    .banner-area.blog .banner-con p {
        display: block;
    }
    .blogs p {
        font-size: 14px;
    }
    .blog-tag li a {
        font-size: 14px;
        padding: 8px 14px;
    }
    a.blogtitle {
        font-size: 16px;
    }
    .blog-title h1 {
        font-size: 30px;
    }
    .margintop {
        margin-top: 68px;
    }
    .detailstag {
        margin-bottom: 30px;
    }
    br {
        display: none;
    }
    .accordion-button {
        padding: 15px 0;
        font-size: 18px;
    }
    .faqtitle h2 {
        font-size: 30px;
    }
    .experties-area .border-bottom {
        border-bottom: none !important;
    }
    .experties-area .border-start {
        border-left: none !important;
    }
    .experties-area .border-end {
        border-right: none !important;
    }
    .extends img {
        height: 40px;
    }
    .extends h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .cspservices .shortservice::after {
        display: none;
    }
    .licensing-area .title p {
        font-size: 16px;
    }
    .subtitle h5 {
        font-size: 18px;
    }
    .shortbaner {
        height: 300px;
    }
    .career p {
        font-size: 16px;
    }
    .career li {
        font-size: 18px;
        display: block;
    }
    .career li a.cusbtn {
        padding: 10px 20px;
        display: block;
    }
    .career {
        padding: 0;
    }
    .industries h2 {
        font-size: 26px;
    }
    .industries h4 {
        font-size: 16px;
    }
    .industries p {
        font-size: 16px;
    }
    .industries li {
        font-size: 16px;
    }
    .phasesnum h4 {
        font-size: 18px;
    }
    .phasesnum h4 span {
        font-size: 28px;
    }
    .phasesnum img {
        height: 40px;
    }
    .phases h3 {
        font-size: 26px;
    }
    .phases p {
        font-size: 16px;
    }
    .phases {
        margin: 10px 0;
    }
    .solutions-stage .title p {
        font-size: 16px;
    }
    .solutionlist h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .solutionlist img {
        margin-bottom: 25px;
        height: 40px;
    }
    .serviceslider.banner-slider {
        padding-bottom: 10px;
    }
    .serviceslider .sliders {
        border-radius: 20px;
        padding: 15px;
        margin-top: -50px;
    }
    .services-area {
        padding: 50px 0 80px 0;
    }
    .supportcon h2 {
        font-size: 20px;
    }
    .supportcon p {
        font-size: 16px;
    }
    .supportcon h4 {
        font-size: 14px;
    }
    .supportcon h3 {
        font-size: 20px;
    }
    .contactdetails h4 {
        font-size: 16px;
    }
    .contactdetails a {
        font-size: 16px;
    }
    .contactdetails p {
        font-size: 14px;
    }
    .about-con h2 {
        font-size: 30px;
    }
    .about-con p {
        font-size: 18px;
    }
    .title h3 {
        font-size: 28px;
    }
    .generation-con .title h2 {
        font-size: 30px;
    }
    .accordion-button::after {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .accordion-button {
        padding: 12px 0;
        font-size: 16px;
    }
    .accordion-body p {
        font-size: 16px;
    }
    .banner-con p {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .video-area iframe {
        height: 280px;
    }
    .generation-img img {
        margin-bottom: 25px;
    }
    .generation-con .title p {
        font-size: 18px;
    }
    .generation-con p {
        font-size: 16px;
    }
    .nav-tabs .nav-link {
        font-size: 18px;
        padding: 10px 0px;
        margin-right: 10px;
    }
    .subtitle h2 {
        font-size: 24px;
    }
    .internal-img {
        margin-bottom: 25px;
    }
    .generation-con li {
        font-size: 16px;
    }
    .hightlight a {
        padding: 15px 15px;
    }
    .three-phases .p-0 {
        padding: 0 15px !important;
    }
}
@media (max-width: 575.98px) {
    .navbar-brand img {
        height: 14px;
    }
    .solutions-area {
        padding: 50px 0 50px 0;
    }
    .sliders {
        margin-top: -50px;
        padding: 20px;
        border-radius: 20px;
    }
    .home2 .sliders {
        margin-top: -50px;
        padding: 20px;
    }
    .prev {
        top: 40%;
        left: 0;
    }
    .next {
        top: 40%;
        right: 0;
    }
    a.cusbtn {
        display: block;
        padding: 10px 30px;
        width: 100%;
    }
    .navigation a.cusbtn {
        display: inline-block;
        width: auto;
    }
    .request h2 {
        font-size: 30px;
    }
    .industries a.cusbtn {
        width: 100%;
    }
}
/* **************** 
Mobile 
************** */
@media (max-width: 375.98px) {}
@media (max-width: 320px) {}