@media screen and (max-width: 1440px) and (min-width: 1200px){
    
    .container{ max-width: 95%;}
  
}

@media screen and (max-width:1320px){
.office-address p span.phone-no.phone-guru {display: inline-block;}
}
@media screen and (max-width:1199px){
    .header-phone li {
            padding: 0 7px;
}
.header-phone li a{
        font-size: 12px;
}
.need-talk a.btn.btn-yellow {
    font-size: 16px;
    padding: 15px 0;
}
.our-projcts .owl-nav{display: block;}
.hire-box-inner .duration span,.panel .title{font-size:17px}
.hire-box-inner .duration{margin: 18px;}
}
@media screen and (max-width:1024px) and (min-width:993px){
    .steps-view {margin: 40px -15px;}  
  
}

@media screen and (max-width:992px) and (min-width:768px){
.booking-form{max-width:100%;float: none;margin:35px 0}
.logo-slider{padding:0px;margin:30px 0px;}
.logo-slider.owl-carousel .owl-nav button.owl-prev{left:-40px}
.our-exp{padding:30px}
.yellow-logo{text-align: center;padding-bottom:45px;}
.doknow {padding: var(--v40) 0;}
.database-box{margin-bottom: 35px;}
.portfolio-slider .owl-nav button.owl-next{right: 0;}
.portfolio-slider .owl-nav button.owl-prev{left:0}
.steps-view {margin: 40px -15px;}
.step-box img{max-width:80px;}
.step{font-size:70px;}
.steps p{margin:0px;}
.framework-list{margin-top:50px;}
.office-address a{display: block;}
.header-right{display: block;}
.btn-callback{padding:10px 0;text-align: right;}
.header-phone{margin-bottom: 10px;margin-right: 0;padding: 0;}
.header-phone li:last-child{padding-right: 0;}
.main-banner{padding:50px 0 20px}
.reviews{padding:50px 20px}
.reviews .owl-prev{left:-25px !important;}
.reviews .owl-next{right:-25px !important;}
}
@media screen and (max-width:991px){
    .counter, .counter-num {
    margin-bottom: 0;
}
.header-phone li {
       padding: 0 5px; 
}
.header-phone li a{
    font-size: 14px;
}
.our-projcts .owl-carousel .owl-nav button.owl-next,.our-projcts .owl-carousel .owl-nav button.owl-prev{
      width: 40px;
    height: 40px;
    left: 0;
}
.our-projcts .owl-carousel .owl-nav button.owl-next{
  right: 0;
  left: inherit;
}
.our-projcts h3 {
    font-size: 28px;
    line-height: 36px;
    margin: 15px 0 10px;
    }
    .hire-top-tire li{width: 48%}
    .main-banner .banner-left,.main-banner .banner-right{width: 100%;}
    .caption-list ul li h2{font-size: 16px !important}
    .hire-box-inner{margin-top:80px}
    .hire-box-wrap .hire-box-inner-first{margin-top: 0}
    .hire-box-inner .duration{padding-bottom: 10px;}
    .hire-box-wrap .last-duration{padding-bottom: 50px;}
    .htlcr_frstcta_lft.htlcr_secdcta_lft{width: 80%}
}
@media screen and (max-width:767px){
    h2{font-size:30px}
    .steps-view {margin: 40px -15px;} 
    .main-banner .heading-h1{font-size:35px;}
    .main-banner .title {font-size: 17px;line-height: 20px;text-transform: uppercase;}
.main-banner .form-group.mb-30,.main-banner .form-block.mb-30{margin-bottom: 15px;}
    .hire-rate{font-size:20px;text-align: left;padding:15px 0 0}
    .booking-form{max-width:100%;float: none;margin:35px 0;padding:15px;}
    .client-served { padding: var(--v50) 0 0; }
    .logo-slider{padding:0px 0px;margin:0px 0px 30px;}
.logo-slider.owl-carousel .owl-nav button.owl-prev{left:0px}
.logo-slider.owl-carousel .owl-nav button.owl-next{right:0px}
.webdev-python{padding:0px; overflow: hidden;}
.services_wrap,.why-choose,.hire-steps{background: none;}
.our-exp{padding:50px 15px;}
.hire-steps {padding: var(--v40) 0;}
.hire-steps .btn {margin-top: var(--v20);}
.yellow-logo{padding-bottom: 35px;text-align: center;}
.yellow-logo img{max-width: 200px;}
.btn{padding:15px 20px;    font-size: 18px;}
.database-logo {margin:35px 0 0;}
.database-logo .logo-box { width: calc(47% - 0px); margin: var(--v5);}
.python-feature h2{font-size:25px;}
.portfolio-slider .owl-nav button.owl-next{right: 0;}
.portfolio-slider .owl-nav button.owl-prev{left:0}
.portfolio-slider {padding:0 50px}
.steps-view{display: none;}
.hire-steps {padding: 35px 0;}
.form-heading h2,.form-heading .form-heads { font-size: var(--v16) !important;}
.step{font-size:50px;}
.steps p{margin:0px;}
.logo-box{width:48%}
.framework-list{margin:0px 0}
.mob-reverse{flex-direction: column-reverse;}
.circle-spin{margin-bottom:50px;}
.why-choose ul{flex-wrap: wrap;}
.why-choose ul li{width:50%;margin-bottom:25px;}
.award-list{margin-top:30px}
.review-box {background: rgba(195,209,255,0.5 ) url(../png/blockquote.png) 10px 10px no-repeat;padding: 20px 50px;background-size: 30px;}
.spiner-logo{max-width: 125px;}
.copyright{margin-top:35px;}
.iso-logos{text-align: left;display: flex;margin-top: 15px;}
.cmmi-logo {text-align:left;}
header{position: relative;}
.header-right{display: block; text-align: center;}
.services_wrap{background-size: 140px;}
.btn-callback{padding:10px 0;text-align: center;display: none;}
.header-right{display:none; text-align: center;}
.btn-callback{padding:10px 0;text-align: center;}
.header-phone{margin:10px 0;padding:0px;justify-content: center;}
.header-phone li:last-child{padding-right: 0;}
.header-phone li{padding:0 5px;}
.header-phone li a{font-size:12px;}
.main-banner{padding:50px 0 20px}
.reviews{padding:50px 20px}
.site-logo{display: block;text-align: center;}
.site-logo img{max-width: 220px;;}
.banner-subheading{font-size: 18px;;}
.caption-list ul li,.caption-list ul li h1{font-size: 22px;}
.caption-list ul li{width: 100%;margin: 0 0 8px;}
    .mobile_enquire_btn{ display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1; box-shadow: 0px 0 50px 20px rgba(255,255,255,0.7);}
    .mobile_enquire_btn .btn{ border-radius: 0; width: 100%; font-size: 20px; text-transform: uppercase;}
    footer.foot-bg{ padding-bottom: 100px;}
    .need-talk{ margin-top: 0;}
    .our-projcts .left-detail{
      padding: 40px 0;
}
.our-projcts h3 {
    font-size: 20px;
    line-height: 24px;
    }
    .our-projcts .download-flex {
    margin: 10px 0 0;
}
.our-projcts p {
    font-size: 15px;
} 
.our-projcts {
    padding: 35px 0 0;
}
.services_wrap{
    padding: 35px 0;
}
.hire-top-tire .btn {
    margin-top: var(--v20);
}
.htlcr_frstcta_lft.htlcr_secdcta_lft{width: 100%;text-align: center;padding: 30px}
.htlcr_secdcta_sc{margin: 0 0 50px}
.htlcr_secdcta_mn{background: #000;height: fit-content;}
.htlcr_frstcta_lft .hltcre_sbhd h2{margin-bottom: 20px}
.htlcr_secdcta_sc .btn.btn-yellow {font-size: 16px; padding: 9px 13px;}
}

@media screen and (max-width:575px){
    .htlcr_frstcta_lft.htlcr_secdcta_lft{padding: 30px 5px}
.why-choose ul li{width:50%;margin-bottom:25px;}
  .our-projcts .left-detail {
    width: 100%;
  }
  .our-projcts .right-detail {
    display: none;
  }
  .our-projcts .project-list{
    background: #0d6efd;
  }
    .our-projcts .project-list1{
    background: #8d0b0b;
  }
  .our-projcts p {
    font-size: 14px;
}
.our-projcts h3{
    margin: 12px 0 8px;
}  
.our-projcts .list p {
    font-size: 16px;
    margin: 3px 0 0;
}
.our-projcts .project-list{
    margin: 30px 0 0;
}
.our-projcts .owl-nav {
    display: none;
}
.our-projcts .owl-dots{
    text-align: center;
    margin: 20px 0 0;
}
.our-projcts .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.our-projcts .owl-theme .owl-dots .owl-dot.active span,.our-projcts  .owl-theme .owl-dots .owl-dot:hover span{
    background: #869791;
}
    .hire-top-tire li{width: 100%}
}
@media screen and (max-width:375px){
    .header-phone li a{font-size:11px;}
}