@media (min-width: 992px) and (max-width: 1970px) {
.dropdown-toggle[aria-expanded=true]::after, .dropdown-menu .dropdown-item.dropdown-toggle::after {
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}
}

@media only screen and (min-device-width: 1200px) {
    .navbar-expand-lg .hs-sub-menu.dropdown-menu, .navbar-expand-lg .hs-sub-menu.dropdown-menu[data-bs-popper]{margin-top:0px;}
    .navbar-expand-lg .dropdown-menu { margin-top: 0rem;}
    .car-img-icon1 {min-width: 80px;min-height: 70px;display: flex;align-items: center;}
    .navbar.sticky-top.navbar-expand-lg.navbar-end.navbar-absolute-top.navbar-light.navbar-show-hide.navbar-scrolled{  margin-top: 0px !important;}


}
@media only screen and (min-device-width: 992px) {
    #navbarNavDropdown .navbar-absolute-top-scroller ul.navbar-nav {padding-left:50px;}
    .navbar .navbar-nav .nav-link { padding: 1.7rem 0.50rem;}

    
    
}

@media (min-width:991px) {
    .content-style-background-top .list-block{padding-left: 7rem;}
    .content-style-1-imgright{text-align: right;}
}

@media (min-width: 0px) and (max-width: 1200px) {
    .footer_t_left1 h3 {font-size:40px;}


}

@media (min-width: 992px) and (max-width: 1200px) {
    .service-icon {height:320px;}
    .service-content { height:320px;}   
    .service-content {background-size: cover;}
    .service-box .service-icon .front-content{-webkit-transform: translateY(-35%);
        -moz-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        -o-transform: translateY(-35%);
        transform: translateY(-35%);}
        .navbar-light .navbar-nav .nav-link { font-size: 13px; }
}

@media (min-width:767px) and (max-width:1023px){
/*IOS App Page*/
.ios-wrapper{
    padding: 40px 15px;
}
.ios-wrap-list ul{
    padding-left: 25px;
    /* width: 100%; */
    margin-bottom: 20px;
}
.ios-icon-box{
    flex-direction: column;
}
.ios-wrap-list ul li.ios-icon-component::after{
    width: 20px;
    height: 20px;
    top: -10px;
    font-size: 12px;
    left: -25px;
    line-height: 18px;
}
.ios-wrap-list ul::after{
    left:10px;
}
.ios-icon-discrption{
    text-align: center;
    align-items: center;
    margin-top: 15px;
}
.ios-icons{
    margin-right: 0px;
}
.php-app-list-box{
    border:none;
}
.ios-devlope-text img{
    display: block;
}
.ios-devlope-text:after{
    display: none;
}
.ios-devlope-text{
    height:auto;
}
/*IOS App Page*/

}
@media (min-width: 0px) and (max-width: 991px) {
    #navbarNavDropdown .navbar-absolute-top-scroller ul.navbar-nav { padding-left:0px;}
    .home-cas-con-block-con { padding: 15px; }
    .home-companies .owl-carousel .owl-item img {width: auto;max-width: 100%;}
    .footer_t_left1 h3 {font-size:30px;}
    .home-companies .owl-nav, .home-companies .owl-dots, .business-apps .owl-nav, .business-apps .owl-dots {display: none;}
    .business-apps { margin: 2rem 0rem; }
    .companies-tl h2{text-align: center;}
    .carousel-caption{width: 50%;}
    .slide-con-custom h5 {font-size:28px;line-height:40px;margin-bottom:15px; font-weight: 600;}
    .slide-con-custom p {font-size: 16px;margin-bottom:10px;}
    .slide-btn a {font-size: 15px;padding: 6px 10px 8px 10px;}
    .slide-btn a span {padding-left: 3px;font-size: 16px;top: 0px;left: 0px;line-height: 0px;}
    #accordionFlushExample .accordion-item .accordion-button img { max-width:50px;}
    .current-openings .accordion-header ul li a {font-size: 14px;}
    .current-openings .accordion-header h2{    font-size: 22px;}
    .current-openings .accordion-header ul {padding-left:2rem;}
    .current-openings .accordion-header ul li{margin-left: 10px; }
    .career-con-block h4.mb-1{    font-size: 18px;}
    .career-con-block p, .career-con-block ul li{    font-size: 14px;}
    .banner-tl-block {bottom: 0px;}
    .current-openings .accordion-item { margin-bottom: 1rem;}
    .box_sty1_left{text-align: center;}
    .block-bottom-content {margin-top: 0rem;}
    .mar-top3{margin-top:0rem;}
    
    .seo-blocks{width: 90%;}
    .seo-blocksContent{padding-right: 0px;}
    .seo-blocksContentCircle{width: 90px;height: 90px;}
    .seo-blocksContent > h3{font-size: 16px;}
}
@media (min-width: 480px) and (max-width:767px) {
.col-sm-3.our-work-block-list{width: 50%;margin-bottom: 15px;}
}
@media (max-width:767px){
 /*IOS App Page*/
 .ios-wrapper{
    padding: 40px 15px;
}
.ios-wrap-list ul{
    padding-left: 25px;
    width: 100%;
    margin-bottom: 20px;
}
.ios-icon-box{
    flex-direction: column;
}
.ios-wrap-list ul li.ios-icon-component::after{
    width: 20px;
    height: 20px;
    top: -10px;
    font-size: 12px;
    left: -25px;
    line-height: 18px;
}
.ios-wrap-list ul::after{
    left:10px;
}
.ios-icon-discrption{
    text-align: center;
    align-items: center;
    margin-top: 15px;
}
.ios-icons{
    margin-right: 0px;
}
.php-app-list-box{
    border:none;
}
.ios-devlope-text img{
    display: block;
}
.ios-devlope-text:after{
    display: none;
}
.ios-devlope-text{
    height:auto;
}
/*IOS App Page*/ 
    .w-100SeoBlok-sm{width: 100%;}    
    
    
}
@media (min-width: 0px) and (max-width: 767px) {
    .vertical-tabs-container .vertical-tab-accordion-heading {    background-color: #f0f6f9;color: #000 !important; }
    .vertical-tabs-container .vertical-tab-accordion-heading.active{  background: #c3d6df !important;}
    .horizontal-content .is-active .app-dev-icon>img:first-child{visibility: hidden;}
    .vertical-tabs-container .vertical-tab-accordion-heading.is-active {background-color: #c3d6df;}
    .home-tl2.it-tl h2{margin-top:30px;}
    .it-services-main-box { margin: 15px auto;}
    .footer_t_left1 h3 {font-size:30px;}
    .counter-box {background-color: rgb(255, 255, 255); box-shadow: 0px 0px 25px -7px rgb(8 8 8 / 6%);height: 100%;}    
    .case-studies-block-inner .flex-column {min-width: auto;}
    .case-studies-block-inner .nav-pills .nav-link{padding-left: 5px;}
    .case-studies-block-inner .nav-pills .nav-link.active, .case-studies-block-inner .nav-pills .show>.nav-link{font-size: 19px;line-height:23px;}
    .case-studies-block-inner .nav-pills .nav-link{font-size: 19px;line-height: 23px;}
    .home-cas-con-block-con {padding: 15px;}
    .case-studies-block-inner {padding: 10px 10px;}
    .home-companies { margin: 2rem 0rem; }
    .business-apps { margin:1rem 0rem; }
    .business-apps .owl-stage-outer {margin: 20px 0px 0px auto;}
    .carousel-caption{width: 50%;}
    .slide-con-custom h5 {font-size:20px;line-height: 25px;margin-bottom: 8px;}
    .slide-con-custom p {font-size: 14px;margin-bottom: 8px;}
    .slide-btn a {font-size: 12px;padding: 5px 10px 6px 10px;}
    .slide-btn a span {padding-left: 3px;font-size: 16px;top: 2px;left: 0px;line-height: 0px;}

    #accordionFlushExample .accordion-item .accordion-button img { max-width:50px;}
    .current-openings .accordion-header ul li a {font-size: 13px;}
    .current-openings .accordion-header h2{    font-size: 20px;}
    .current-openings .accordion-header ul {padding-left: 0rem;}
    .current-openings .accordion-header ul li{margin-left: 10px; margin-bottom:5px;}
    /* .block-left-main{padding-right:12px;}
    .block-rt-main{padding-left:12px;} */
    .block-right{overflow-x: hidden;}
    .block-right img{max-width: 100%;}
    .careers-form{ margin:1.5rem auto;    padding: 25px;}
    .upload-block .input-group-text.form-control { font-size: 14px;}
    /*Web development Page S*/
    .vertical-tabs-container .vertical-tab-content {
        margin-top: 2em;
        padding-bottom: 2em;
    }
    .vertical-tabs-container .vertical-tab-content {
        margin-left: 0rem;
        width: 100%;
        padding: 15px;
    }
    
    a.viewportfolio, .reqbtn { margin-top: 1rem;
        margin-left: 0px;
        display: inline-block;
    }
  .vertical-tabs-container .vertical-tab-content-container{
    width: 100%;
    padding:0;
}
.vertical-tabs-container .vertical-tab-accordion-heading{
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}
.vertical-tabs-container .vertical-tab-content p{
    margin-bottom: 0;
   
}
.web-app-dev-section{
    background-position: initial;
}
.horizontal-tabs{
    display: none !important;
}

.app-dev-icon{
    margin-right: 20px;
    width: 35px;
}
.app-dev-icon img{
    width: 100%;
}
.horizontal-content a{
    position: relative !important;
    color:#454545  !important;
    display: flex !important;
    align-items: center;
}
.horizontal-content a span{
    position: absolute;
    top: 29%;
    left: 20%;
}
.horizontal-content .is-active{
    color: #fff !important;
    background: #c3d6df;

}
.horizontal-content .is-active .area-icon-hidden-desktop{
    position: absolute;
    display: block;
    top:0;
}
.horizontal-tab-content{
    flex-direction: column;
}
.acc-left-side-img{
    width: 100%;
}
.acc-right-side-content{
    width: 100%;
}
.horizontal-content .vertical-tab-content{
    margin:20px 0 !important;
    width: 100% !important;
    padding-bottom: 0 !important;
}
.acc-right-side-content p{
    padding: 30px;
}
.project-text{
    top: 40%;
    left: 3%;
}
.vertical-tabs{
    display: none !important;
}
.vertical-tabs-container .vertical-tab-accordion-heading{
    display: block !important;
}
.other-service-section{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
}
.vertical-tabs-container .vertical-tab-content h4{
    font-size: 20px !important;
}
.vertical-tabs-container .vertical-tab-content p{
    font-size: 18px !important;
}
a.viewportfolio, .reqbtn{
    font-size: 16px !important;
}
.vertical-tabs-container .vertical-tab-content{
    padding-bottom: 30px;
}
   /*Web development Page E*/  
   
   .who-we-top h2 {font-size: 20px;}
   .who-we-top {padding: 15px;}
    
    .seo-blocks{width: 100%;max-width: 90%;}
    
    .seo-blocksContent > h3{font-size: 18px;}

}

@media (min-width: 577px) and (max-width: 921px) {
.footer-bt-left, .footer-bt-right, .footer-bt-right p{text-align: center; width: 100%;}
.footer-bt-right p{margin-top: 0.75rem; margin-bottom: 0.75rem;}
.footer-div {background-size: auto;}
.banner-tl-block .banner-tl-block-inner h1 {font-size: 30px;    text-align: left;}

}
@media (min-width: 578px) and (max-width: 767px) {
.service-icon {height:320px;}
.xs-wd {width: 50%;float: left;}.quality-part {max-width: 300px;margin: 0 auto;display: table;    }
    .service-content { height:320px;}   
    .service-content {background-size: cover;}
    .service-box .service-icon .front-content{-webkit-transform: translateY(-35%);
        -moz-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        -o-transform: translateY(-35%);
        transform: translateY(-35%);}
}
@media (min-width: 0px) and (max-width: 577px) {
    .home-tl2.it-tl h2 {text-align: center;}
    .front-content{font-size: 13px;}
    .footer-div {background-size: cover;}
    .counter-box {background-color: rgb(255, 255, 255); box-shadow: 0px 0px 25px -7px rgb(8 8 8 / 6%); }
    .case-studies-block-inner .flex-column {min-width: auto;}
    .case-studies-block-inner .nav-pills .nav-link{padding-left: 5px;}
    .case-studies-block-inner .nav-pills .nav-link.active, .case-studies-block-inner .nav-pills .show>.nav-link{font-size: 16px;line-height: 18px;}
    .case-studies-block-inner .nav-pills .nav-link{font-size: 16px;line-height: 18px;}
    .home-cas-con-block-con {padding: 15px;}
    .case-studies-block-inner {padding: 10px 10px;}
    .content-space-t-2 { padding-top: 2rem!important; }
    .footer-bt-right p{margin-top: 0.75rem; margin-bottom: 0.75rem;}
    /* .business-apps, .it-services, .head-top-sticky, .container{overflow-x: hidden; } */
    .carousel-caption{width: 50%;}
    .slide-con-custom h5 {font-size: 17px;line-height: 21px;margin-bottom: 8px;}
    .slide-con-custom p {font-size: 11px;margin-bottom: 8px;}
    .slide-btn a {font-size: 12px;padding: 5px 10px 6px 10px;}
    .slide-btn a span {padding-left: 3px;font-size: 16px;top: 2px;left: 0px;line-height: 0px;}

    .current-openings .accordion-header ul {padding-left: 0rem;margin-top: 8px;display:block;width: 100%;clear: both;}
    .current-openings .accordion-header ul li a {font-size: 15px;}
    .current-openings .accordion-header h2 {font-size: 22px;}
    #accordionFlushExample .accordion-item .accordion-button img{max-width: 45px;}
    .current-openings .accordion-header ul li {padding: 3px 15px;margin-bottom: 0px;    margin-left: 0px;}
    .current-openings .accordion-button{    flex-wrap: wrap;}
    .current-openings .accordion-button::after { position: absolute; right: 10px;top:30px;}
    .banner-tl-block{padding-left: 1rem;}
    .banner-tl-block .banner-tl-block-inner h1 {font-size: 22px;    text-align: left;}
    .breadcrumb .breadcrumb-item {font-size: 12px;}
    .current-openings .accordion-header ul { margin-left: auto;margin-right: 0rem;text-align: center;}
    .upload-block .input-group-text.form-control { font-size: 13px;}
    p{font-size: 14px;}
    .quality-part {max-width: 300px;margin: 0 auto;display: table;    }
    .footer-bt-right {text-align: center;}
    .header-btn .header-btn-style, .btn-style-primary {padding: 9px 15px 12px 15px;line-height: 8px;display: inline-block;}
    .home-cas-con-block-con h2 {font-size: 16px;}
    .test-count {font-size: 14px;width: 30px;height: 30px;}
    .test-name h5 {font-size: 15px;margin-bottom: 5px;}
    .test-name p {font-size: 13px;font-weight: 500;}
  
    .seo-blocksContent > h3{font-size: 16px;}
}
@media (min-width: 0px) and (max-width: 480px) {
    .carousel-caption{width: 50%;}
    .slide-con-custom h5 {font-size: 16px;line-height: 21px;}
    .slide-con-custom p {font-size: 10px;}
    .slide-btn a {font-size: 12px;padding: 5px 10px 6px 10px;}
    .slide-btn a span {padding-left: 3px;font-size: 16px;top: 2px;left: 0px;line-height: 0px;}    
    .case-studies-block-inner .nav-pills .nav-link.active, .case-studies-block-inner .nav-pills .show>.nav-link{font-size: 14px;line-height: 15px;}
    .case-studies-block-inner .nav-pills .nav-link{font-size: 14px;line-height: 15px;}
   

    .owl-carousel .owl-item img {width: auto;max-width: 100%;}
    .footer_t_left1 h3 {font-size: 22px;}
    .counter {font-size: 24px;}
    .counter-box p {font-size: 14px;}
    .current-openings .accordion-header ul {padding-left: 0rem;margin-top: 8px;display:block;width: 100%;clear: both;}
    .current-openings .accordion-header ul li a {font-size: 12px;}
    .current-openings .accordion-header h2 {font-size: 18px;}
    #accordionFlushExample .accordion-item .accordion-button img{max-width: 45px;}
    .current-openings .accordion-header ul li {padding: 3px 3px;margin-bottom: 0px;    margin-left: 0px;}
    .current-openings .accordion-button{    flex-wrap: wrap;}
    .current-openings .accordion-button::after { position: absolute; right: 10px;top: 25px;}
    .banner-tl-block{padding-left: 1rem;}
    .banner-tl-block .banner-tl-block-inner h1 {font-size: 26px;    text-align: left;}
    .breadcrumb .breadcrumb-item {font-size: 12px;}
    .upload-block .input-group-text.form-control { font-size: 13px;}
    .service-box .service-icon .front-content h3 {font-size: 18px;}
    .h2, h2 {font-size: calc(1rem + .075vw);}
    .test-name h5 {font-size: 17px;}
    .home-cas-con-block-btn a {font-size: 13px; padding: 6px 15px 8px 15px;}
    .home-cas-con-block-btn a i {font-size: 19px;top: 2px;}
    .list-inline.list-separator.list-separator-light.mb-0{text-align: center;}
    .list-separator .list-inline-item:not(:last-child) { padding-right: 1rem;}
    .who-we-top p {font-size: 14px;font-weight: 400;letter-spacing: 0.2px;line-height: 18px;}
    .box_sty1_right_inner {padding: 15px;}
    .awards_block h3 {font-size: 20px; line-height: 28px;}
    .awards-btn span {font-size: 12px;padding: 5px 5px 5px 5px;}
    .network-text p, .listCircle li, .listCircleNasted li {font-size: 14px;}
    .it-infra-top.text-center h2 {font-size: 25px;line-height: 1.3;margin-top: 0rem;}
    .it_infra_slide_con_inner h2 {font-size: 20px;}
    .it-infra-counter {padding: 15px 0px;margin: 0rem 0rem;}
    .vertical-tabs-container .vertical-tab-content p {font-size: 14px !important;line-height: 20px;}
    .acc-right-side-content p {padding: 8px 15px;}
    .area-of-focus-content p {font-size: 14px;line-height: 18px;}
    
    .home-counter {padding: 0px 0px;}
    .test-view-btn {text-align: left;}
    .business-apps .owl-nav{top: -50px;position: absolute;right: 4px;width: 30px;background: #ee9260;height: 30px;display: flex;justify-content: center;align-items: center;color: #fff;margin: 0px;padding: 4px;}
    .business-apps .owl-nav button span{font-size: 25px;display: block;height: auto;line-height: 12px;position: relative;top: -3px;margin: 3px;}
    
.banner-tl-block { position: relative;}
.banner-tl-block .banner-tl-block-inner h1 {color: rgb(0 0 0);    padding-top: 15px;}
.breadcrumb li.active {color: #000;}
.breadcrumb li a {color: #000;}
.breadcrumb-item+.breadcrumb-item::before {color: #000000;}
.footer-bt-left ul li a {font-size: 12px;}
.foo-left-copy{    line-height: 1.5; text-align: center;}
.h2-tl h2 {font-size: 22px;line-height: 1.2; margin-top: 0rem;}
.network-right-side-title {font-size: 18px;line-height: 25px;}
    
    .seo-blocksContent > h3{font-size: 14px;}
    .seo-blocksTabsbg{margin-left: -60px;}
    
}
@media (min-width: 361px) and (max-width: 420px) {
    .slide-con-custom h5 {font-size:12px;line-height: 17px;margin-bottom: 3px;}
    .slide-con-custom p {font-size:10px;line-height: 15px; margin-bottom: 5px;}
    .slide-btn a {font-size: 12px; padding: 3px 7px 5px 6px;line-height: 15px;}
    .banner-tl-block{padding-left: 1rem;}
    .banner-tl-block .banner-tl-block-inner h1 {font-size: 24px;    text-align: left;}
}
@media (min-width: 0px) and (max-width: 360px) {
    .slide-con-custom h5 {font-size:11px;line-height: 15px;margin-bottom: 3px;}
    .slide-con-custom p {font-size:8px;line-height: 11px; margin-bottom: 5px;}
    .slide-btn a {font-size: 10px; padding: 3px 7px 5px 6px;line-height: 15px;}
    .banner-tl-block{padding-left: 1rem;}
    .banner-tl-block .banner-tl-block-inner h1 {font-size: 22px;    text-align: left;}
    .current-openings .accordion-header h2 {font-size: 16px;}
    
}

@media screen and (min-width: 40em) {
    .vertical-tabs-container .vertical-tabs {
        background-color: #f0f6f9;
        display: inline;
        float: left;
        /* height: 35em; */
        /* width: 30%; */ 
        color: #fff;
        display: flex;
        /* padding-bottom: 5em;
        padding-top: 5em; */
        /* align-items: flex-end; */
        flex-direction: column;
        justify-content: center;

    }

    .vertical-tabs-container .vertical-tab {
        /*border-bottom: 1px solid gainsboro;*/
        display: flex;
        /* font-weight: bold; */
        width: 70%;
        margin-right: -1px;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0.75em 0.809em;
        font-size: 18px;
    }

    .vertical-tabs-container .vertical-tab.is-active {
        /* background-color: #333; */
        margin-right: -1px;
    }

    .vertical-tabs-container .vertical-tab-content {
        border: none;
        display: none;
    }

    .vertical-tabs-container .vertical-tab-accordion-heading {
        display: none;
    }

}