@media screen and (max-width: 319px) {
    * {
        display: none !important;
    }
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff !important;
    }
    body:before {
        content: "Try in Big Screen!";
        color: #1d2124;
        font-weight: 600;
    }
}
@media (max-height: 575px) and (max-width: 1200px) and (orientation: landscape) {
    html {
        min-height: -webkit-fill-available;
    }
    body {
        min-height: 100vh;
        min-height: -webkit-fill-available;
    }

}
@media screen and (min-width: 320px) and (max-width: 575px) {
    html {
        min-height: -webkit-fill-available;
    }
    body {
        min-height: 100vh;
        min-height: -webkit-fill-available;
    }
    .f-xs-8 {
        font-size: 8px !important;
    }
    .f-xs-10 {
        font-size: 10px !important;
    }
    .f-xs-12 {
        font-size: 12px !important;
    }
    .f-xs-14 {
        font-size: 14px !important;
    }
    .f-xs-16 {
        font-size: 16px !important;
    }
    .f-xs-18 {
        font-size: 18px !important;
    }
    .f-xs-20 {
        font-size: 20px !important;
    }
    .f-xs-22 {
        font-size: 22px !important;
    }
    .f-xs-24 {
        font-size: 24px !important;
    }
    .f-xs-26 {
        font-size: 26px !important;
    }
    .f-xs-28 {
        font-size: 28px !important;
    }
    .f-xs-30 {
        font-size: 30px !important;
    }
    .f-xs-32 {
        font-size: 32px !important;
    }
    .f-xs-34 {
        font-size: 34px !important;
    }
    .f-xs-36 {
        font-size: 36px !important;
    }
    .border-xs-0 {
        border-radius: 0 !important;
    }
    .border-xs-4 {
        border-radius: 4px;
    }
    .border-xs-top-left-4 {
        border-radius: 4px 0 0 0;
    }
    .border-xs-top-right-4 {
        border-radius: 0 4px 0 0;
    }
    .border-xs-bottom-left-4 {
        border-radius: 0 0 0 4px;
    }
    .border-xs-bottom-right-4 {
        border-radius: 0 0 4px 0;
    }
    .border-xs-8 {
        border-radius: 8px;
    }
    .border-xs-top-left-8 {
        border-radius: 8px 0 0 0;
    }
    .border-xs-top-right-8 {
        border-radius: 0 8px 0 0;
    }
    .border-xs-bottom-left-8 {
        border-radius: 0 0 0 8px;
    }
    .border-xs-bottom-right-8 {
        border-radius: 0 0 8px 0;
    }
    .border-xs-12 {
        border-radius: 12px;
    }
    .border-xs-top-left-12 {
        border-radius: 12px 0 0 0;
    }
    .border-xs-top-right-12 {
        border-radius: 0 12px 0 0;
    }
    .border-xs-bottom-left-12 {
        border-radius: 0 0 0 12px;
    }
    .border-xs-bottom-right-12 {
        border-radius: 0 0 12px 0;
    }
    .border-xs-circle {
        border-radius: 50%;
    }
    .border-xs-1-solid {
        border: 1px solid var(--border-color);
    }
    .border-xs-top-1-solid {
        border-top: 1px solid var(--border-color);
    }
    .border-xs-bottom-1-solid {
        border-bottom: 1px solid var(--border-color);
    }
    .border-xs-left-1-solid {
        border-left: 1px solid var(--border-color);
    }
    .border-xs-right-1-solid {
        border-right: 1px solid var(--border-color);
    }
    .border-xs-2-solid {
        border: 2px solid var(--border-color);
    }
    .border-xs-top-2-solid {
        border-top: 2px solid var(--border-color);
    }
    .border-xs-bottom-2-solid {
        border-bottom: 2px solid var(--border-color);
    }
    .border-xs-left-2-solid {
        border-left: 2px solid var(--border-color);
    }
    .border-xs-right-2-solid {
        border-right: 2px solid var(--border-color);
    }
    .border-xs-4-solid {
        border: 4px solid var(--border-color);
    }
    .border-xs-top-4-solid {
        border-top: 4px solid var(--border-color);
    }
    .border-xs-bottom-4-solid {
        border-bottom: 4px solid var(--border-color);
    }
    .border-xs-left-4-solid {
        border-left: 4px solid var(--border-color);
    }
    .border-xs-right-4-solid {
        border-right: 4px solid var(--border-color);
    }

    .w-100-xs { width: 100% !important;}

    .contact-left {
        margin-right: 0;
    }

    /*Home Banner Arrows*/
    .tparrows.nav-home-1.tp-rightarrow {
        left: 70px !important;
    }
    /*Home Banner Arrows*/
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .f-sm-8 {
        font-size: 8px !important;
    }
    .f-sm-10 {
        font-size: 10px !important;
    }
    .f-sm-12 {
        font-size: 12px !important;
    }
    .f-sm-14 {
        font-size: 14px !important;
    }
    .f-sm-16 {
        font-size: 16px !important;
    }
    .f-sm-18 {
        font-size: 18px !important;
    }
    .f-sm-20 {
        font-size: 20px !important;
    }
    .f-sm-22 {
        font-size: 22px !important;
    }
    .f-sm-24 {
        font-size: 24px !important;
    }
    .f-sm-26 {
        font-size: 26px !important;
    }
    .f-sm-28 {
        font-size: 28px !important;
    }
    .f-sm-30 {
        font-size: 30px !important;
    }
    .f-sm-32 {
        font-size: 32px !important;
    }
    .f-sm-34 {
        font-size: 34px !important;
    }
    .f-sm-36 {
        font-size: 36px !important;
    }

    .w-100-sm { width: 100% !important;}

    /*Home Banner Arrows*/
    .tparrows.nav-home-1.tp-rightarrow {
        left: 70px !important;
    }
    /*Home Banner Arrows*/
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .f-md-8 {
        font-size: 8px !important;
    }
    .f-md-10 {
        font-size: 10px !important;
    }
    .f-md-12 {
        font-size: 12px !important;
    }
    .f-md-14 {
        font-size: 14px !important;
    }
    .f-md-16 {
        font-size: 16px !important;
    }
    .f-md-18 {
        font-size: 18px !important;
    }
    .f-md-20 {
        font-size: 20px !important;
    }
    .f-md-22 {
        font-size: 22px !important;
    }
    .f-md-24 {
        font-size: 24px !important;
    }
    .f-md-26 {
        font-size: 26px !important;
    }
    .f-md-28 {
        font-size: 28px !important;
    }
    .f-md-30 {
        font-size: 30px !important;
    }
    .f-md-32 {
        font-size: 32px !important;
    }
    .f-md-34 {
        font-size: 34px !important;
    }
    .f-md-36 {
        font-size: 36px !important;
    }

    /*Service Augmentation*/
    .cusolid-offer-title {
        min-height: 48px;
    }

    .cusolid-offer-p {
        min-height: 180px;
    }

    .recruitment-offer-p {
        min-height: 150px;
    }

    .it-services-p {
        min-height: 150px;
    }
    /*Service Augmentation*/
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .f-lg-8 {
        font-size: 8px !important;
    }
    .f-lg-10 {
        font-size: 10px !important;
    }
    .f-lg-12 {
        font-size: 12px !important;
    }
    .f-lg-14 {
        font-size: 14px !important;
    }
    .f-lg-16 {
        font-size: 16px !important;
    }
    .f-lg-18 {
        font-size: 18px !important;
    }
    .f-lg-20 {
        font-size: 20px !important;
    }
    .f-lg-22 {
        font-size: 22px !important;
    }
    .f-lg-24 {
        font-size: 24px !important;
    }
    .f-lg-26 {
        font-size: 26px !important;
    }
    .f-lg-28 {
        font-size: 28px !important;
    }
    .f-lg-30 {
        font-size: 30px !important;
    }
    .f-lg-32 {
        font-size: 32px !important;
    }
    .f-lg-34 {
        font-size: 34px !important;
    }
    .f-lg-36 {
        font-size: 36px !important;
    }

    /*Service Augmentation*/
    .cusolid-offer-title {
        min-height: 48px;
    }

    .cusolid-offer-p {
        min-height: 240px;
    }

    .recruitment-offer-p {
        min-height: 180px;
    }

    .it-services-p {
        min-height: 150px;
    }
    /*Service Augmentation*/

    /*Technologies*/
    .process-box h6 {
        font-size: 12px;
    }
    /*Technologies*/
}
@media (min-width: 1200px) and (max-width: 1365px) {
    .tab-video {
        padding: 40px;
    }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

}
@media (min-width: 1366px) and (max-width: 1399px) {
    .tab-video {
        padding: 60px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
    .tab-video {
        padding: 60px;
    }
}
@media only screen and (min-width: 1920px) and (max-width: 2499.5px) {
    .tab-video {
        padding: 120px;
    }

    /*Home Banner Arrows*/
    .bullet-home-1 {
        left: 395px !important;
    }

    .tparrows.nav-home-1.tp-leftarrow {
        left: 366.500px !important;
    }

    .tparrows.nav-home-1.tp-rightarrow {
        left: 455px !important;
    }
    /*Home Banner Arrows*/
}
@media (min-width: 2500px) {
    .tab-video {
        padding: 120px;
    }

    /*Home Banner Arrows*/
    .bullet-home-1 {
        left: 695px !important;
    }

    .tparrows.nav-home-1.tp-leftarrow {
        left: 665px !important;
    }

    .tparrows.nav-home-1.tp-rightarrow {
        left: 755px !important;
    }
    /*Home Banner Arrows*/
}



@media (max-width: 575px) {
    #site-footer{
        text-align: center;
    }

    .about-counter #counter-row {
        justify-content: center;
    }

    .about-counter .counter-col {
        width: fit-content;
    }

    .about-counter .counter-col .counter{
       text-align: center;
    }
}

@media (max-width: 768px) {
#software-career-filter #category-fltr-title{
  text-align: start !important;
  margin-top: 10px !important;
}
.software-services-img {
    margin-top: -48px;
}
.service-description .pabout-right ul li{
    list-style: none;
}
}

@media (max-width: 656px) {
    #about-us {
        padding-top: 21px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #advantages-of-augmentation img{
            max-width: 95%;
    }

    #advantages-of-augmentation .right-div .right-div-content{
        margin-left: 0;
    }
    #advantages-of-augmentation .right-div .right-div-content ul{
        padding-left: 0px;
    }
 #advantages-of-augmentation .right-div .right-div-content ul li{
    margin: 1.5em 0;
 }
 #advantages-of-augmentation .right-div .right-div-content ul li span{
        font-size: 0.8em;
 }

}



@media (max-width: 425px) {
    #about-us {
        padding-top: 21px;
    }
    #advantages-of-augmentation ul li{
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    #advantages-of-augmentation .right-div .right-div-content {
         margin-left: 0 !important;
    }
    #advantages-of-augmentation .right-div .right-div-content ul {
        padding: 0;
    }
    #advantages-of-augmentation h4{
        text-align: center;
    }
    #advantages-of-augmentation ul li i{
        font-size: 1.5em;
        padding: 0.3em;
    }
    #advantages-of-augmentation h4{
        margin-top: 2em;
    }
}

.main-navigation ul>li>a{
        color: #0A192F;
}
.main-navigation ul>li>a:hover {
    color: #02465d;
}
/* .main-navigation>ul>li:before{
    color: #02465d;
} */