@media screen and (min-width: 768px) and (max-width:991px) {
    
		
	h2 {
    font-size: 50px;
}

section.caseStudies {
    padding-bottom: 80px;
}

swiper-container.mySwiper {
    margin-top: 30px;
}

.footMid .col-md-4 {
    width: 100%;
}

    .footMid .row .col-md-4:nth-child(1){
        width: 40% !important;
        
        
    }

     .footMid .row .col-md-4:nth-child(2){
        width: 60% !important;
        
        
        
        !i;
        !;
    }

.footMid .col-md-7 {
    width: 60%;
}

.footMid .col-md-1 {
    display: none;
}

footer h5 {
    margin-top: 0;
}

img.logoFooter {
    width: 80% !important;
    
}

.footTop .col-md-4 {
    width: 50%;
    margin-top: 30px;
}

footer {
    padding-top: 30px;
}

.footBottom {
}

.footBottom .col-md-4 {
    width: 33%;
}
.locationBox:hover h3 {
    font-size: 16px;
}

img.bannerVR {
    width: 50%;
}

div#portfolioSlider:before {       
    top: -40px;
}

.locationBox {
    height: 180px;
}

/*mobile app*/

section.technologystack .box1 {
    margin: 10px 0;
}

section.webDetailInfo1 .box1 {
    height: 250px;
}

section.ourProcess .nav-tabs {
    justify-content: space-around;
}

section.ourProcess .nav-link strong {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.technologystack .box1 img {
    width: 10%;
}

.row.r1 .col-md-3 {
    width: 50%;
}

.row.r2 .col-md-4 {
    width: 50%;
}
.row.r3 .col-md-6 {
    width: 50%;
}

.row.r3 .col-md-6:nth-child(2) {
    position: relative;
    top: -88px;
}

section.industriescoverage .col-md-2 {
    width: 50%;
}

section.industriescoverage .row.mt-4 {
    margin-top: 0px !important;
}

/*website-design*/


section.bannerFold .col-md-4 {width: 33%;}

}

@media screen and (min-width: 992px) and (max-width:1399px){

a.nav-link {
    margin: 0px 5px;
    font-size: 16px;
}

header .col-md-7 {
    width: 70%;
}

header .col-md-5 {
    width: 30%;
}

.menuWrapper a {font-size: 30px;}

img.bannerVR {
    margin-top: 20px;
}

h2 {
    font-size: 40px;
}

div#portfolioSlider:before {top: -40px;}

.owl-carousel .owl-stage-outer {
    margin-top: 80px;
}


swiper-container.mySwiper {
    margin-left: 50px;
}

.reviewBox {
    height: 90%;
}

.innovate h2 {
    font-size: 50px;
}

img.logoFooter {
    width: 70%;
}

.footMid .row .col-md-4:nth-child(1) {
    padding-right: 20px;
}

.footMid .col-md-6 {
    width: 100%;
}

footer ul.social {
    margin-top: 20px;
}

.locationBox {
    height: 269px;
}

/*services*/

    .innerBanner h1 {
        font-size: 50px;
    }
    
    .innerBanner h2, .innerBanner h2 span {
        font-size: 50px;
    }
    
    .serviceBanner p {
        padding: 50px;
    }
    
    /*about*/

    .statsWrap strong {
        font-size: 50px;
    }
    
    .statsWrap h6 {
        font-size: 16px;
    }

/*logo-design*/

    div#filters button {
          padding: 10px 10px !important;
    }
    
    /*mobile-app*/


    .row.r1 {
        width: 100%;
    }
    
    .row.r2 {
        width: 100%;
        margin-left: 0;
    }
    
    .row.r3 {
        width: 70%;
        margin: auto;
    }
    
    .row.r1 .col-md-3 {
        width: 50%;
    }
    
    div#portfolioSlider:after {
        bottom: 40px;
    }
    section.webDetailInfo1 .box1 {
        height: 400px;
        padding-top: 80px;
    }
    
    section.bannermobileapp {
        padding-top: 120px;
    }
    
    section.bannermobileapp .col-md-6:nth-child(1) {
        width: 60%;
    }
    
    section.bannermobileapp .col-md-6:nth-child(2) {
        width: 40%;
    }
    
    .showmor1 {width: 110%;}
    
    .showmor3 {
        width: 120%;
    }
    
    /* video-animation */

    div#filters {
        padding: 10px 10px;
    }

    .packageBox {
        padding: 30px;
    }
    
    /*website design*/

    
    section.bannerFold .col-md-4 {
        width: 50%;
        margin-bottom: 30px;
    } 
    section.ourProcess .nav-link small{
        font-size:13px;
    }
    
    
}    


@media screen and (max-width: 991px) {
	.navbar{
		display:none !important;
	}
	
	img.hamburger{
	display:block !important;
}
	
	#leadPopup .contentBox {
    padding: 20px;
}

img.popupThumb {
    display: none;
}

#leadPopup p {
    line-height: 1.2;
}


p.formTagline input {
    margin-bottom: 0 !important;
}
    .bannerVR {
    width: 100%;
    transform: unset !important;
    margin: 0 0 !important;
}

    /*home-page*/

    .menuWrapper a {
        font-size: 20px;
    }
    
    section.menuContainer {
        padding: 20px;
    }
    
    a.closeMenu {
        margin-top: 20px;
        width: 40px;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    
    section.menuContainer .col-md-6 {
        width: 50%;
    }
    
    section.menuContainer .container-fluid a {
        font-size: 15px;
    }

    header .col-md-5 , header .col-md-7 {
        width: 50%;
    }
    
    img.bannerVR {
        height: auto;
        margin-top: 40px;
    }

    h2 {
        font-size: 40px;
    }

    div#portfolioSlider:before {
        background-repeat: no-repeat;
        top: -50px;
    }
    
    section.caseStudies {
    padding-top: 180px;
    padding-bottom:0;
    margin-top: -140px;
    text-align: center;
    }
    
    .cardBox h5 {
    font-size: 16px;
    margin-top: 130px;
    }
    
    swiper-container .cardBox {
        padding: 20px;
    }
    
    .cardBox h4 {
        padding: 0;
        position: relative;
        top: 80px;
    }
    
    section.whatFeels:before {
    background-repeat: no-repeat;
    }
    
    .innovate h2 {
        font-size: 40px;
    }
    
    footer h5 {
        margin-top: -10px;
    }
    
    ul.contactInfo li {
        margin-bottom: 20px;
    }
    
    img.logoFooter {
        width: 40%;
    }

    .locationBox:before{
        border:0;
    }

    .footMid .row .col-md-4:nth-child(1){
        width: 100%;
        padding-left:20px
    }
     .footMid .row .col-md-4:nth-child(2){
        width: 100%;
        padding-left:20px
    }
    
    footer .btn-round {
        display: inline;
        padding: 13px 30px;
    }
    
    footer ul.social {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    
    .locationBox {
        padding: 50px 30px 30px 10px;
    }
    
    ul.copyLinks li {
        display: contents;
    }
    
    ul.copyLinks {
        margin: 0;
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }
    
    section.copyrights p {
        font-size: 14px;
        text-align: center;
    }
    
    .copyLinks li a {
        font-size: 14px;
    }
    
    /*services*/
    
    .innerBanner h1 {
        font-size: 30px;
        margin-bottom: 0;
    }
    
    .innerBanner h2, .innerBanner h2 span {
        font-size: 34px;
    }
    
    .innerBanner {
        padding-top: 120px;
    }
    
    .serviceBanner p {
        padding: 10px;
    }
    
    img.serviceThumb {
        width: 80px;
        right: 10px;
        top: -30px;
    }
    
    a.serviceGo img {
        max-width: 40px;
        bottom: 30px;
        right: -10px;
    }
    
    .servWrap h4 {
        width: 80%;
    }
    
    .servWrap p {
        width: 80%;
    }
    
    a.serviceGo {
        float: unset;
        position: absolute;
        right: 30px;
    }
    
    /*about-us*/
    
    .aboutThumb {
        display: flex;
        justify-content: center;
    }
    
    .aboutThumb:after {
        right: 10px;
    }
    
    .statsWrap {
        padding: 20px;
        text-align: center;
    }
    
    .statsWrap strong {
        font-size: 60px;
    }
    
    
    /*logo-design*/
    
    .bannerFold h1 {
        font-size: 40px;
    }
    
    section.bannerFold img {
        max-width: 80%;
        margin-left: 10%;
        margin-top: 10px;
    }
    
    div#filters {
        padding:  10px;
        display: block;
    }
    
    div#filters button.button.is-checked {
        font-size: 16px;
        padding: 6px;
    }
    
    div#filters button {
        padding: 10px 20px;
        font-size: 16px;
    }
    
    .element-item {
        width: 100%;
    }
    
    .packages .container:nth-child(even) .row {
    gap: 20px;
    }
    
    /*mobile-app*/
    
    .row.r1 , .row.r2 , .row.r3 {
        width: 100%;
        margin-left: 0;
    }
    
    .tab-mobilapp2 {
        font-size: 40px;
    }
    
    .tab-mobilapp4 {
        font-size: 40px;
    }
    
    .showmor3 {
        margin-top: 10px;
    }
    
    section.bannermobileapp {
        padding-top: 120px;
        padding-bottom: 100px;
    }
    
    section.appde1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .web-app3 {
        font-size: 41px;
    }
    
    section.webDetailInfo1 .box1 {
        padding: 50px 20px 10px;
        text-align: center;
    }
    
    .ourProcess .prce1 {
        font-size: 40px;
    }
    
    section.ourProcess .nav-tabs , section.ourProcess1 .nav-tabs {
        margin: 0 !important; 
     }
    
    section.ourProcess .nav-link, section.ourProcess1 .nav-link {
        padding: 0;
    }
    
    section.ourProcess .nav-link strong  ,section.ourProcess1 .nav-link strong {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        line-height: 44px;
    }
    
    div#portfolioSlider:after {
        background-repeat: no-repeat;
        bottom: 20px;
    }
    
    section#portfolio {
        padding-bottom: 0;
    }
    
    section.technologystack {
        padding-top: 0;
        text-align: center;
    }
    
    .technologystack h2 {
        font-size: 40px;
    }
    
    section.industriescoverage {
        padding: 0;
    }
    
    section.industriescoverage .box1 img {
        width: 20%;
    }
    
    section.technologystack .box1 {
        margin: 10px 0;
        text-align: left;
    }
    
    /*video-animation*/
    
    
    .packages p {
        padding: 0 !important;
    }
    
    .packages .col-md-8.ps-5 {
        padding-left: 10px !important;
    }
    
    ul#myTab {
        margin: 0;
        justify-content: space-around;
    }
    .ourProcess1 .tab-content {
        padding-left: 30px;
        text-align: center;
    }
    .ourProcess1 .prce21 {
        font-size: 40px;
    }

    /* website-design */

    .bannerStatsBoxes {
    margin-bottom: 10px;
    padding-top: 40px;
    text-align: center;
    }
    
    section.packages {
        padding: 0;
        text-align: center;
    }
    
    section.packages h2 {
        margin-top: 10px;
        text-align: center;
    }
    
    .packageBox {
        padding: 30px 20px;
    }

    section.ourProcess .nav-link small {
        display: none;
    }
    
    /*bpo*/

    .twCol h4 {
        font-size: 30px;
    }
    
    section.bpoTwoCols {
        padding: 0 !IMPORTANT;
    }
    
    .twCol p {
        font-size: 16px;
    }
    
    .twCol li {
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    .bpoUpscale .box {
        display: block;
    }
    
    .bpoUpscale .boxContent {
        text-align: center;
        padding-top: 30px;
    }
    
    .bpoUpscale .boxImg {
        display: flex;
        justify-content: center;
         width: 100%;
    }
    
    .bpoUpscale .right .boxContent {
        text-align: center;
    }
    
    .box.right {
        flex-direction: column-reverse;
        display: flex;
    }
    
    section.webDetailInfo.capabilities {
        padding: 0;
    }
    
    section.cuttingEdge h2 {
        font-size: 35px;
    }
    div#portfolioSlider:after {
        display: none;
    }
    
    .captionBox {
        padding: 0;
        bottom: 0;
    }
    
    #portfolioSlider .item {
        height: unset;
    }
    
    .cardBox a.btn-border {
        display: none;
    }
    
    .logosWrap {
        display: none;
    }
    
    .feelsWrap h6 br {
        display: none;
    }
    
    footer ul.navFooter a {
        line-height: 1.4;
    }
    .bordered {
        font-size: 40px;
        text-align: center;
        word-wrap: break-word;
    }
    .packageBox .btn {
        bottom: 15px;
        text-align: center;
    }
    
    .packageBox ul {
        overflow-x: hidden;
        padding-right: 10px;
        height: unset;
    }
    .packageBox * {
        text-align: left;
    }
    section.ourProcess {
        text-align: center;
    }
    section.caseStudies p {
        padding-right: 0;
    }
    
    section#work {
        text-align: center;
    }
    section.wedo {
        text-align: center;
    }
    
    .statsWrap .col-md-3 {
        padding-bottom: 30px;
    }
    section.webDetailInfo .box {
        text-align: center;
        padding: 45px 25px;
    }
    .appde5 {
        text-align: center;
    }
    
    .appde3 {
        text-align: center;
        font-size: 26px;
    }
    
    section.appde1 {
        text-align: center;
    }
    
    .web-app2 , .web-app2 span {
        font-size: 35px;
    }
    
    section#portfolio.appPage {
        padding-top: 50px;
        text-align: center;
    }
    
    section#portfolio.appPage * {
        text-align: center;
    }
    
    section.industriescoverage .box1 {
        margin-bottom: 20px;
    }
    
    section.seizecompetition {
        text-align: center;
    }
    .idBox img {
        display: none;
    }
    .ourProcess1 .bordered {
        font-size: 50px;
        padding-bottom: 40px;
    }
    .smBox {
        margin-bottom: 30px;
        padding-top: 160px;
        text-align: center;
    }
    section.cuttingEdge:before {
        display: none;
    }
    
    section.cuttingEdge {
        text-align: center;
    }
    section.cmsWrap h4, section.cmsWrap p {
        text-align: center;
        padding: 0;
    }
    .twCol.left:before {
        display: none;
    }
    
    .twCol {
        position: static !important;
    }
    .center-align h2.bordered {
        font-size: 40px !important;
        text-align: center;
    }
    .fs-50 {
        font-size: 40px;
    }
    
    section.webDetailInfo {
        text-align: center;
    }
	section.wedo:before {
    display: none;
}
        
}