.site-header .overlay-menu .main-menu-nav li .mega-menu li { list-style: none; }
.our-section.portfolio .tabbable .nav-tabs .nav-item:last-child { margin-right: 0; }
.banner-section.shopify-app-banner::after { top: auto; }




/*=====================RESPONSIVE CSS START HERE===================*/
  @media (max-width:1919px){
    .banner-section.whmc-banner .banner-img .img-fluid {
      max-width: 100%;
    } 
    .logo-slider .slick-prev:before, .logo-slider .slick-next:before { opacity: 0; }
  }
  @media (max-width: 1700px) {
    /* .gallery-common-section.slider-section .carousel-indicators { right: 11%; } */
    .banner-section.services-banner .video_box .sd-text-box { width: 750px; transform: translate(-10px, -50%); right: 10px; }
  }

  @media screen and (min-width:1200px) and (max-width:1365px) {
    .aws-bnr { background-position: 92% 106px; }
  }
  @media screen and (min-width:1366px) and (max-width:1559px) {
    .aws-bnr {background-position: 86% 106px;}
    .banner-section h1 {font-size: 70px;line-height: 80px;  }
    .gallery-common-section .carousel-item .Left-side p { font-size: 20px; }
    .gallery-common-section.slider-section .carousel-indicators { bottom: 90px; }
    /* .banner-section.about:after {
      display: none;
    } */
  }

  @media (max-width:1600px){
    /* Banner Css */
    /*.banner-section.mag-hm h1, .banner-section.mag-hm h1 span { font-size: 66px; }*/

    .banner-section.about{    height: 55vh;}

    ul.client-list li{max-width: 140px;}
    ul.mg-ser-list li.org-bg, ul.mg-ser-list li{width: 140px;height: 155px;}
    .banner-section.magento {padding: 80px 15px 70px;}
    .banner-section.backend-banner .back-inner, .banner-section.frontend-banner .back-inner {min-height: 220px;}
    .banner-section.angular-banner .angular-box ul li h3 {font-size: 65px;line-height: 70px;}
    .services-section h3 { min-height: 64px; }
    .services-section p br { display: none; }    
    .services-section .services-box h3 { font-size: 30px; }
    section.Lbanner-section h1 { font-size: 56px; }

    .imgwrapper .img-fluid { margin-right: 50px; max-width: 240px; }
    
  }

  @media (min-width:1560px){
    .container { max-width:1500px!important; } 
  }

  @media (max-width:1440px){
    .banner-section.portfolio.activity { padding-bottom: 60px;}
    .banner-section.portfolio p{font-size: 24px;}
    .site-header .overlay-menu-trigger .menu-btn.active{margin-top: 28px;}
    .site-header .overlay-menu{padding: 80px 0px 0px;}
    .team-sec h2{font-size: 34px;}
    .our-main-client h2{margin-bottom: 0;}
    .activity-gallary{    padding: 0px 0px 110px;}
    section.banner-section.UI-banner-section.inner-bnr { padding: 90px 0 70px; height: auto;}
    section.banner-section.UI-banner-section h1 span, section.banner-section.UI-banner-section.inner-bnr h1 {font-size: 70px;line-height: 80px;}
    .banner-section.devops.inner-bnr {padding: 180px 0 100px !important;height: auto;}
    .banner-section.reacts-banner h1 {font-size: 75px;}
    .banner-section.reacts-banner h1 span{font-size: 75px;}
    .banner-section.reacts-banner .reacts-text p{font-size: 24px;margin-top: 20px;}
    section.wbanner-section .desk-bck {z-index: 999;}
    .reacts-list-box{margin: 30px auto 0px;}
    .reacts-list-box ul{margin-bottom:0;}
    .reacts-list-box .hire-develop {margin-top: 0;}
    .reacts-list-box ul li{margin-bottom: 25px;padding-bottom: 20px;}
    .banner-section.ios-banner{padding: 180px 0 0px !important;}
    section.wbanner-section h1 {font-size: 75px;}
    .banner-section.magento.shopify {background: #5c6ac4 !important;}
    .banner-section.mag-hm { /* background: url(../img/mag-home-bnnr.jpg) no-repeat top center / cover !important;*/padding: 160px 0 130px;}
    .why-cnt-box h4{min-height: 52px;}
    .why-cnt-box i > img {width: 60px;object-fit: cover;height: 60px;}
    section.wbanner-section.inner-bnr p{font-size: 24px;}
    .banner-section.services-banner .video_box .sd-text-box { width: 700px; }

    .menu-exp-info h3 { font-size: 21px; }
    .overlay-menu.active .main-content ul li { padding-right: 0px; }
    .overlay-menu.active .main-content ul li span { font-size: 18px; }
    .overlay-menu.active .main-content ul li p { font-size: 18px; margin-bottom: 10px; }

    .services-section.mag-hm .single-service.services-box { padding: 50px; }
    body .banner-section.mag-hm.home h1, body .banner-section.mag-hm.home h1 span { font-size: 70px; padding-top: 70px;}
    /* .services-section.mag-hm .single-service h3{font-size: 24px;} */
     .team-tabs p{font-size: 16px;}
    .services-section,.buss-growth.contact-gro{padding: 60px 0 0px;}
  .team-tabs a.nav-link{font-size: 17px;}
  .team-tabs h6 {font-size: 18px;}
  .our-main-client {padding: 50px 0;}
  .expert-section.about, .team-sec, .operation-sec, .achievements-section, .related-post-section, .main-formss.contact-form, .served-section, .expert-section.magento, .tech-section, section.hiredevelop, .experience-section, section.activity-timeline-section{padding: 60px 0;}
  .services-section h3 { min-height: auto;}
  .hiredevelop{position: relative;}
.hiredevelop::after {content: "";position: absolute;background-color: #00000047;width: 100%;height: 100%;top: 0;left: 0; right: 0; z-index: -1;}
section.hiredevelop{position: relative; z-index: 1;}
.nodebanner-section {padding: 130px 0 100px;}
section.banner-section.wbanner-section.inner-bnr img {max-width: 80%;}
section.gallery-common-section.slider-section {padding: 0 0 70px;}
.whmcs-served-section{padding: 10px 0 60px;}
.served-section h2,.top-box h2 {font-size: 40px;}
.leave-pdf .top-box h2{ max-width: 600px;}
section.hiredevelop.whmcs-hiredevelop, .shopify-hiredevelop{ margin-bottom: 60px;}
.experience-section h2 {font-size: 40px;line-height: 1.2;}
.services-section.mag-hm.magento {padding: 60px 0px 50px;}
.services-section.mag-hm.services-page.srvc-page, section.other-ways, .top-box{ padding-bottom: 60px;}
.other-way-box {padding: 35px;}
.main-formss.contact-form.leave-policyy {padding-bottom: 20px;}
.achievements-section p{line-height: 18px;}
.footer-area h2.main-heading-ft{ line-height: 32px;}
.footer-area p {line-height: 20px;}
.services-section.mag-hm.services-page.srvc-page .single-service.services-box p {min-height: 100px;}
.banner-section.mag-hm.home h1 { margin-bottom: 15px;  }
  .banner-section p { line-height: 25px; margin-bottom: 20px;  }
  .banner-section.mag-hm.home .mt-5, .my-5 {  margin-top: 2rem!important; }
  .banner-section.mag-hm h1 { padding-top: 40px; line-height: 76px;  }
  .banner-section.php-banner {  padding: 160px 0 150px;}
  .banner-section.aws { padding: 170px 0 160px;}
  .banner-section.reacts-banner {padding: 100px 0 125px;}
  .banner-section.ios-banner { padding: 120px 0 0px !important; }
  .banner-section.app-dev-bnr {padding: 130px 0 40px; }
  .crossplat-banner .img-fluid {   max-width: 80%; }
  .banner-section.crossplat-banner .font-light { padding-top: 0;}
  .UI-banner-section.inner-bnr .list-inline { padding: 10px 0;}
  .excellance-section { padding-top: 60px;}
  .shopify-menu-content img { width: auto;   height: auto;}
  .menu-exp-info p {  font-size: 14px;  line-height: 18px; }
  .site-header .overlay-menu .main-menu-nav li a { font-size: 60px;    line-height: 100px;}
  .shopify-menu-content { margin-bottom: 38px;  }
  .exp-info-content {  padding-top: 0;}



}
@media (min-width: 992px) and (max-width:1366px){
section.banner-section.UI-banner-section.inner-bnr {padding: 100px 0 73px !important;}
}
  @media (max-width:1399px){.banner-section.aws h1 {font-size: 60px !important;line-height: 70px;}}
  @media (min-width: 1025px) and (max-width:1366px){ .main-box-body {min-height: 135px;}}
  @media(max-width: 1024px){ 
   
    .career-list .list-heading{width: 100%;}
    .main-box-body {
      min-height: 185px;
      padding: 0px 25px;
  }
 body .team-sec h2 {
    font-size: 30px;
    line-height: 34px;
}
  .operation-sec .box h6{font-size: 25px;}
  .achievements-section p.feedback{line-height: 17px; margin-top: 0px !important;}
  }
  @media (min-width: 1025px) and (max-width:1124px){
    .achievements-section p.feedback{line-height: 17px; margin-top: 0px !important;}
  }
  @media (max-width:1366px){
    .banner-section.crossplat-banner .font-light{line-height: 50px;}
    .banner-section.blog.details{height: 430px;}
 .banner-section.blog{height: 540px;}
    .banner-section.about, .video-container video{height: 100%;}
    /* .banner-section.about{height: 65vh;} */
    .banner-section.about .container { background: unset;}
    .achievements-section button.slick-prev.slick-arrow, .achievements-section button.slick-next.slick-arrow{width: 35px;height: 35px;}
    .achievements-section button.slick-next.slick-arrow{right: -30px;}
    .achievements-section button.slick-prev.slick-arrow{left: -30px;}
    .main-slider.slick-initialized.slick-slider {
      max-width: 100%;
      margin: auto;
  }
    .achievements-section p.feedback {margin-bottom: 0px;margin-top: 4px !important;} 
   
    .main-formss.contact-form.career-list {padding: 0px 70px 80px;}
    .expert-section.hiring-section.aws .clr-1{padding: 40px 0;}
    .other-way-box {padding: 35px;}
    .expert-section.hiring-section.aws .content-block h2{line-height: 45px;font-size: 35px;padding-bottom: 35px;margin: 0px 0 35px;}
    .content-block h4, .content-block h3{font-size: 20px;}
    .banner-section.shopify-app-banner .textt p{font-size: 20px;line-height: 30px;}
    .banner-section.shopify-app-banner .imgwrapper {padding: 0px;}
    .banner-section.shopify-app-banner .imgwrapper .img-fluid {margin-right: 70px;max-width: 250px;}
    /* .banner-section .award-outer img {max-width: 60px !important;} */
    .award-outer .clientss {padding-left: 15px;padding-right: 15px;width: inherit;}
    .banner-section.mag-hm.home {height: auto;}
    .banner-section.UI-banner-section p{font-size: 30px;line-height: 40px;margin: 30px auto;}
    .banner-section.UI-banner-section p .bg-pinklight{font-size: 30px;}
   
    section.banner-section.wbanner-section.inner-bnr {padding: 120px 0 90px !important;}
    header ul.navbar-nav li.nav-item { margin: 0px 3px;}
    .banner-section.backend-banner .back-inner h3, .banner-section.frontend-banner .back-inner h3{font-size: 22px;}
    .banner-section.magento .magento-bnr-content{padding: 0 20px;}
    ul.mg-ser-list li.org-bg, ul.mg-ser-list li {width: 130px;height: 145px;line-height: 25px;font-size: 15px;}
    ul.client-list{display: flex;justify-content: center;}
    ul.client-list li {max-width: 150px;margin: 0 20px;}
    .banner-section.whmc-banner {padding: 180px 0 180px !important;}
    body .selling-experience .main-bx h4 {font-size: 20px !important; margin-bottom: 0;}
    .selling-experience .boxes p{font-size: 12px;line-height: 2;}
    .selling-experience .top-head{padding-bottom: 25px;}
    .banner-section.about {padding: 245px 0 173px !important; }
    .expert-section.about {padding: 50px 0;}
    .expert-section.about h2{padding-bottom: 0;}
    .expert-section.about .side-tbs {padding: 0 20px !important;}
    .vertical-tbs .card-body p, .banner-section.about h1{margin-bottom: 20px;}
    .operation-sec .box h2 {font-size: 50px;margin-bottom: 20px;}
    .operation-sec .box p{line-height: 1.6;margin-top: 15px;max-width: 330px;}
    .operation-sec:before {width: 230px;height: 19%;}
    .operation-sec:after{width: 80px;background: url(../img/blue-right-pattern.png) no-repeat right / contain;}
    .team-sec h2{ font-size: 40px;}
    .team-tabs a.nav-link, .banner-section.mag-hm .award-outer p{font-size: 16px;}
    .team-tabs h6{ font-size: 22px; margin-top: 20px; }
    .team-tabs p { margin-top: 10px; margin-bottom: 0; }
    .team-tabs img{ height: 230px; }
    .client-sec h2{ font-size: 50px; margin-bottom: 20px; }
    .client-sec .inner img { width: 100%; height: 43px; object-fit: cover; }
    .ondemand-section.about h2 { font-size: 50px; max-width: 960px; }
    .rgt-content a { font-size: 18px; }
    .banner-section.magento.shopify img { max-width: 520px; }
    .banner-section.magento.shopify { background: #5c6ac4 !important; }
    .banner-section.magento.shopify { padding: 120px 0 14px !important; }     
    .banner-section.devops { padding: 176px 0px 106px !important; }
    .banner-section.aws { padding: 159px 0 148px; }
    .banner-section.contact-us h1 { font-size: 40px !important; }
    .banner-section.contact-us { padding: 130px 0 74px; }
    .footer-big.cnct { padding: 60px 0 30px 0; }
    .contact-via .main-icn a { font-size: 15px; margin-bottom: 10px; }
    .contact-via .main-icn p { font-size: 15px; margin-bottom: 10px; }
    .main-formss.contact-form{ padding: 70px 70px 80px; }
    .contact-via hr { margin-top: 80px; }
    .site-header .overlay-menu .main-menu-nav li a { font-size: 45px; line-height: 65px; }
    .site-header .overlay-menu li .mega-menu li a.bold { font-size: 25px; }
    .site-header .overlay-menu li .mega-menu li .light a { font-size: 14px; line-height: 20px; color:#fff !important; }
    .site-header .follow-us{ padding: 25px 0; }
    .site-header .overlay-menu .secondary-nav li a i { font-size: 16px; }
    .follow-us .btn { padding: 10px; min-width: 130px; }

    .banner-section.mag-hm { padding: 105px 0 30px; }
    .banner-section.mag-hm p{ margin-top: 20px; }
    .banner-section.mag-hm h1 span { font-size: 52px !important; }
    .banner-section.mag-hm h1 { font-size: 52px !important; line-height: 60px; }
    .banner-section .award-outer { margin-top: 20px !important; }
    .banner-section.mag-hm p{ margin-bottom: 20px; }
    .banner-section p { font-size: 20px;     width: 100%;     line-height: 28px;  }
    .banner-section.mag-hm .right-sd img { width: 400px; }
    .served-section p { font-size: 20px; }
    .served-section span.slidess { font-size: 20px; }
    .services-section.mag-hm a.serv.btn{ margin-right: 32px !important; }
    .main-header .navbar-light .navbar-nav .nav-link{ font-size: 12px; }
    .services-section.mag-hm a.serv.btn:nth-child(7) { margin-right: 32px !important; }
    .services-section.mag-hm h2, .brand-exp-section h2, .process-section.mag-hm h2, .ondemand-section.mag-hm h2{ font-size: 45px; }
    .brand-exp-section:after{ width: 430px; right: 40px; }
    .experience-section.devops .left-sd h2{ font-size: 36px; }
    .banner-section { padding: 110px 0 110px; }
    .banner-section .larvl img { max-width: 520px; }
    .banner-section:after { position: absolute; content: " "; background: url(../img/shadow-bnr.png) no-repeat top center / cover; top: 100px; right: -60px; width: 65%; height: 630px; z-index: 99; }
    .container{ max-width: 1200px !important; }
    .experience-section h2 { font-size: 35px !important; line-height: 45px; }
    .banner-section h1 span { font-size: 50px !important; }
    .banner-section h1 { font-size: 50px !important; line-height: 55px;}
    .services-section h2, .create-section h2, .process-section h2, .related-post-section h2{ font-size: 40px; }
    .left-slider .slick-dots li:after{ width: 40px; }
    body .slick-current .media .content-inr p{ font-size: 20px !important; }
    body .left-slider .slick-current .content-inr { left: 15px; }
    .our-team-section:after{ width: 80%; }
    /* .expert-section.magento h2 { font-size: 40px; line-height: 50px; max-width: 900px; } */
    .services-section.magento-top h2 { margin-bottom: 50px; }
    .expert-section.magento { padding: 100px 0 80px; }
    .services-section.magento h3 { font-size: 16px; }
    .services-section.magento .aws-services { padding: 70px 30px 20px; }
    .services-section.magento .aws-services:hover{ padding: 70px 30px 20px; }
    .our-team-section h2 { font-size: 40px; max-width: 900px; margin: 0 auto; }
    .our-team-section h6{ font-size: 16px; font-weight: 500; }
    .our-team-section::before{ background: url(../img/mag-right-shape.png) no-repeat right / contain; top: 70px; width: 10%; height: 370px; }
    .process-section.magento h2 { font-size: 40px; }
    .create-section.aws.magento h2 { margin-bottom: 30px !important; }
    .main-formss.magento h2 { font-size: 40px; margin-bottom: 10px; }
    .site-header .overlay-menu .main-menu-nav li .mega-menu{ top: 0px; background-color: transparent; }
    /* body .banner-section { padding: 180px 0 73px !important; } */
    .banner-section.magento { padding: 150px 0 70px !important; }
    .banner-section.aws {padding: 180px 0 100px !important;height: auto;}
    .banner-section.mag-hm { padding: 145px 0 65px !important; }
    .banner-section.devops { padding: 200px 0px 110px !important; }
    .banner-section.contact-us { padding: 162px 0 70px !important; }
    .banner-section.php-banner::before{height: 760px;}
    .gallery-common-section .carousel-item .Left-side h3 { padding-top: 20px; }
    .gallery-common-section .carousel-item .Left-side p { font-size: 20px; margin-bottom: 30px; }
    .gallery-common-section.slider-section .carousel-indicators { bottom: 65px; }
    .banner-section.angular-banner .bnr-img img {max-width: 400px; object-fit: cover; height: 380px;}
    .banner-section.angular-banner {height: auto;}

    .services-section.mag-hm .single-service { padding: 35px; }
    .banner-section.services-banner p.font-large { font-size: 50px; line-height: 60px; }
    .banner-section.portfolio h1 { margin: 20px auto; max-width: 700px;}
    .exp-info-content { padding-top: 15px; }
    .exp-info-content .row .col-md-6.mb-lg-5 { margin-bottom: 15px !important; }
    .menu-exp-info h3 { font-size: 18px; line-height: 23px; }
    .menu-exp-info p { font-size: 13px; line-height: 19px; padding-right: 10px; margin: 0; }

    .overlay-menu.active .main-content ul li { padding-right: 0px; }
    .overlay-menu.active .main-content ul li span { font-size: 16px; }
    .overlay-menu.active .main-content ul li p { font-size: 14px; }
    .excellance-section { padding-top: 40px; }
    .right-side.choose-outer h2 { font-size: 35px; margin-bottom: 20px !important; }
    .right-side.choose-outer h2 span { font-size: 35px; }


    section.Lbanner-section h1 { font-size: 48px; }
    section.Lbanner-section p { font-size: 24px; margin: 10px auto 15px; }
    section.Lbanner-section .order span { font-size: 110px; }
    section.Lbanner-section .order strong { font-size: 116px; }
    .dev-bnr-img { margin-top: 12px; }



  }

  @media ( max-width: 1280px) {
    .achievements-section .slick-slide img{padding: 0px 10px;}
    .achievements-section p.feedback{margin-bottom: 0px !important; font-size: 16px;}
    .achievements-section h6.top-dev{font-size: 18px; font-family: "FuturaBTW01-Medium"; margin-bottom: 10px; }
    .achievements-section .bottom-cont{ bottom: 10px;}
    .main-slider.slick-initialized.slick-slider{max-width: 100%; margin: auto;}
    .main-slider .slick-slide{ margin: 25px 10px 20px;}
    .gallery-common-section .carousel-item .main-content .right-side img { left: -40px; }
    .gallery-common-section .carousel-item .main-content .left_side_text { left: -50px; }
    /* .gallery-common-section.slider-section .carousel-indicators { right: 4%; } */
    .banner-section.angular-banner .angular-box ul li h3 { font-size: 55px;line-height: 60px;}
    .banner-section.angular-banner .angular-box img { width: 80px;height: 80px;object-fit: cover;}
    .banner-section.magento h1 , .banner-section.magento h1 span {font-size: 60px !important;line-height: 68px !important;}

    button.slick-next.slick-arrow { left: 0; }
    button.slick-prev.slick-arrow { left: auto; z-index: 1; width: 40px; right: -5px; }

    .banner-section.about h1 { padding-top: 0; }
    .banner-section.services-banner .video_box .sd-text-box { width: 100%; position: unset; transform: unset; }

    .exp-info-content .row .col-md-6.mb-lg-5, .right-side.choose-outer h2 { margin-bottom: 35px !important; }
    .menu-exp-info .txt { padding-left: 15px; }

    .achievements-section button.slick-next.slick-arrow { left: auto; }


  }


  @media (max-width:1200px){
    .banner-section.devops.inner-bnr ul.dev-ser-list{display:flex;}
    .below-footer {padding: 0 10px;}
    section.Lbanner-section h1{font-size: 48px;}
    section.Lbanner-section p {font-size: 20px;}
    .tech-section{padding: 80px 15px 90px;}
    header ul.navbar-nav li.nav-item {margin: 0px;}
    section.Lbanner-section .order span {font-size: 120px;}
    section.Lbanner-section .order strong {font-size: 110px;}
    section.Lbanner-section{padding: 80px 0 70px;height: 90vh;}
    section.Lbanner-section .bottom-prt {padding: 0 15px;}
    .banner-section.shopify-app-banner .textt p{font-size:20px;}
    .banner-section.shopify-app-banner .imgwrapper {padding: 0px;}
    .banner-section.shopify-app-banner .imgwrapper .img-fluid{margin-bottom: 20px;}
    .banner-section.magento ul.mg-ser-list {justify-content: center;}
    .banner-section.magento ul.mg-ser-list li.org-bg {margin:0;}
    section.wbanner-section h1 img {width: 420px;}
    .gallery-common-section .carousel-item .Left-side h3 { padding-top: 10px; font-size: 35px; }
    .gallery-common-section .carousel-item .main-content .right-side img { left: 0; }
    .gallery-common-section .carousel-item .main-content .left_side_text { position: inherit; left: 0; }
    .gallery-common-section .carousel-item .Left-side p { font-size: 15px; }
    .gallery-common-section a.btn.square { padding: 8px 20px; padding-left: 40px; font-size: 15px; }
    .gallery-common-section a.btn.square:before { left: 12px; }
    .gallery-common-section.slider-section .carousel-indicators { right: auto; width: 100%; bottom: -40px; }

    .award-outer .clientss { padding-left: 15px; padding-right: 15px; }
    .banner-section.mag-hm .award-outer p { font-size: 18px; }
    .services-section.mag-hm .single-service.services-box { padding: 40px; }

  }

  @media (max-width:1080px){
    header.fixedheader .main-header{height: 71px;}
    .location-box .contact-details li a {font-size: 20px;line-height: 30px;}
    .our-main-client h2 {font-size: 40px;}
    .banner-section.mag-hm .award-outer p {font-size: 16px; font-weight: 700; line-height: 17px; margin-left: 8px;}  
    .banner-section.mag-hm.home h1 , .banner-section.mag-hm.home h1 span {font-size: 40px !important;line-height: 45px;padding-top:0;}
    .award-outer .clientss{padding-left: 15px;padding-right: 15px;}
    .banner-section.mag-hm.home {padding: 130px 0 50px !important;}
    .UI-banner-section .hire-btn{font-size: 16px;}
    .UI-banner-section.inner-bnr .list-inline li img {width: 80px;height: 80px;object-fit: contain;}
    .UI-banner-section.inner-bnr .list-inline { padding: 30px 0 10px;}
    section.banner-section.UI-banner-section.inner-bnr p {font-size: 20px;line-height: 26px;}
    .banner-section.UI-banner-section p .bg-pinklight {font-size: 20px;line-height: 26px;}
    .banner-section.devops.inner-bnr ul.dev-ser-list::before{ width: 87%;}
    .banner-section.devops.inner-bnr {padding: 140px 0 50px !important;}
    .banner-section.devops ul.dev-ser-list li p{font-size: 16px;}
    body .banner-section.aws {padding: 200px 0 50px !important;}
    section.banner-section.nodebanner-section.inner-bnr { height: auto;}
    .banner-section.angular-banner .bnr-img img {max-width: 350px;object-fit: cover; height: 320px;}
    .banner-section.angular-banner {background-size: 50% 30%;}
    .banner-section.angular-banner .angular-box ul li{margin-bottom: 0;}
    .banner-section.inner-bnr .angular-box ul li p {font-size: 18px;line-height: 26px;}
    .banner-section.angular-banner .textt {padding-left: 0;}
    .banner-section.reacts-banner .reacts-text p {font-size: 20px;line-height: 30px;margin-top: 10px;}
    .banner-section.reacts-banner .hire-develop {margin-top: 0;}
    .banner-section.reacts-banner .reacts-list-box ul li {margin-bottom: 15px;font-size: 21px;padding-bottom: 15px;}
    section.banner-section.wbanner-section.inner-bnr { padding: 60px 0 30px !important;}
    section.wbanner-section .textmain {padding-bottom: 0;}
    section.wbanner-section{height: 90vh;}
    section.wbanner-section h1 img {width: 380px;}
    section.wbanner-section.inner-bnr p {font-size: 20px;}
    .hire-develop:before{left: 18px;}
    body .hire-develop{padding: 18px 40px;}
    .banner-section.backend-banner .back-inner, .banner-section.frontend-banner .back-inner {min-height: 180px;}
    .banner-section h1{padding-top:0;}
    .banner-section.magento ul.mg-ser-list {justify-content: space-between;}
    .banner-section.magento .aws-bnr{background-position: 35% 120px;}
    ul.mg-ser-list li.org-bg, ul.mg-ser-list li {width: 110px;height: 123px;}
    ul.mg-ser-list li.org-bg, ul.mg-ser-list li{line-height: 17px;font-size: 12px;}
    .high-performance h2 {font-size: 35px;}
    /* body .banner-section.shopify-app-banner {padding: 170px 0 100px !important;height:auto;} */
    .banner_icon ul li h6 {font-size: 16px;}
    .cross-bnr-img img {width: 450px;height: 450px;object-fit: contain;}
    body .hire-develop{font-size: 15px;padding: 18px 26px;padding-left: 45px;}
    .listing-style li { font-size: 16px;}
    body .banner-section.backend-banner, body .banner-section.frontend-banner {padding: 200px 0px 150px !important;}
    .crossplat-banner.inner-bnr::before, .banner-section.backend-banner::before, .banner-section.frontend-banner::before, .banner-section.whmc-banner::before {height: 150px;}
    .banner-section .back-inner {min-height: 220px;}
    .banner-section .back-inner h3 {font-size: 18px;}
    section.Lbanner-section h1 {font-size: 45px;}
    section.Lbanner-section .order span {font-size: 100px;}
    section.Lbanner-section .order strong {font-size: 90px;line-height: 95px;}
    .banner-section h1 { font-size: 40px !important;}
    header ul.navbar-nav li.nav-item:last-child a{width:120px;}
    header .navbar-light .navbar-brand img {width: 100%; max-width: 200px;}
    .banner-section h1 span{font-size: 40px !important;line-height:50px !important;}
    .banner-section.inner-bnr p {font-size: 15px;margin-top: 15px; margin-bottom: 20px;}
    .banner-section .textt {padding-left: 30px;}
    
    section.hiredevelop h2 span.orange {font-size: 35px;}
    section.hiredevelop h2 {font-size: 35px;}
    .banner-section.about {padding: 175px 0 125px !important;}
    .expert-section.about h2 {font-size: 40px;}
    .expert-section.about img{height: 380px;object-fit: cover;}
    .expert-section.about .side-tbs {padding: 0px !important;margin-left: 0 !important;}
    .vertical-tbs .nav-tabs .nav-link.active{ font-size: 18px;}
    .vertical-tbs .nav-tabs .nav-link{font-size: 18px;}
    .team-tabs a.nav-link {font-size: 15px;padding: .5rem .3rem;}
    .team-tabs h6 { font-size: 18px; margin-top: 18px;}
    .team-tabs p{ font-size: 15px; margin-top: 10px;}
    .client-sec {padding: 80px 0 70px;}
    .ondemand-section.about h2 {font-size: 40px;max-width: 680px;}
    .client-sec h2 {font-size: 40px;margin-bottom: 15px;}
    .banner-section.magento.shopify {padding: 130px 0 40px !important;}
    .banner-section.magento {padding: 150px 0 90px !important;height:auto;}
    .banner-section.aws {padding: 200px 0 120px !important;}
    .banner-section.devops {padding: 180px 0px 130px !important;}
    .choose-section.shopify .main-imgg img {width: 100%;}
    footer.footer-area.footer--light.contact .footer-big.cnct {padding: 50px 15px 30px 15px;}
    .main-formss.contact-form {padding: 50px 70px 70px;}
    .contact-via hr {margin-top: 60px;}
    .contact-via .main-inside img {width: 50px;}
    .contact-via {padding: 70px 0 0;}
    body .banner-section.aws h1 {font-size: 40px !important;line-height: 50px;}

    .hiring-section.aws h3{font-size: 30px;line-height: 40px;margin-bottom: 10px !important;}
    .banner-section.aws p {max-width: 450px;}
    .services-section h2, .create-section h2, .process-section h2, .related-post-section h2 {font-size: 30px;}
    .single-service.aws-services {padding: 40px 40px;}
    .services-section.aws .single-service.aws-services h3 {font-size: 16px;margin: 20px 0px 10px;height: 42px;max-width: 100px;}
    .benefits-section.aws h2 {font-size: 35px;}
    .benefits-section.aws ul.side-lst li img {width: 25px;}
    .benefits-section.aws ul.side-lst li{margin-bottom: 30px;font-size: 17px;}
    .benefits-section.aws .left-sd h3{font-size: 30px;line-height: 40px;}
    .benefits-section.aws .mid-part a.btn{font-size: 15px !important;padding: 12px 30px;}
    .create-section.aws {padding: 0 15px 100px;}
    .create-section.aws .slider-inr {padding-right: 0 !important;}
    .create-section.aws .col-md-12.pl-0 {padding-right: 0 !important;}
    .benefits-section.aws .left-sd {padding-left: 60px;}
    .devope-section h2 {font-size: 30px;}
    .devope-section .heading {margin-top: 0 !important;}
    .qa-section h3 {font-size: 24px;}
    .ondemand-section.aws h2 {font-size: 30px;line-height: 40px;}
    .ondemand-section.aws {min-height: 520px;}
    .single-service.aws-services p{line-height: 25px;font-size: 14px;}
    .main-formss h2 {font-size: 35px;}
    .devope-section img {width: 30px;}
    .hiring-section.aws img {width: 100%;}
    body .expert-section.magento h2{font-size: 40px;}
    body .our-team-section h2 {font-size: 40px;}
    .create-section.magento {padding: 100px 15px !important;}
    body .process-section.magento h2 {font-size: 40px;}
    body .services-section.magento .aws-services p {font-size: 13px;}
    body .services-section.magento .aws-services {padding: 50px 30px 40px;}
    body .services-section.magento .aws-services:hover {padding: 50px 30px 40px;}
    body .services-section.mag-hm a.serv.btn:nth-child(6n) {margin-right: 32px !important;}
    .brand-exp-section .inner-brand{padding: 50px 40px !important;}
    .brand-exp-section {padding: 100px 15px !important;}
    .brand-exp-section:after{bottom: 110px !important;width: 330px;}
    .process-section.mag-hm {padding: 220px 15px 100px !important;}
    .slick-current .media.ftco-media:after{width: 100% !important;height: 80px !important;}
    .main-formss{margin: -230px 20px;}
    .main-formss p br {display: none;}
    .left-slider .slick-current .content-inr {left: 15px !important;bottom: -50px;z-index: 99;right: 15px !important;}
    /*.left-slider a {display: none !important;}*/
    .left-slider .slick-current .media .content-inr p {font-size: 18px !important;line-height: 24px;margin-bottom: 0;}
    .left-slider .content-inr p {font-size: 14px;}
    .left-slider .content-inr{left: 15px;}
    .banner-section.devops img {width: auto;}
    .experience-section.devops{padding: 100px 20px;}
    .related-post-section.devops p{line-height: 26px;margin-bottom: 20px;}
    .footer-area .footer-big {padding: 105px 15px 30px 15px;}
    .experience-section.devops .left-sd{padding: 60px 20px;}

    .services-section.magento .aws-services {padding: 40px 30px 20px;}
    .services-section.magento .aws-services:hover{padding: 70px 30px 20px;}
    .services-section.magento h3 {font-size: 18px;margin-bottom: 15px;}
    .services-section p {margin-bottom: 20px;}
    .our-team-section .boxes {margin-bottom: 20px;}
    .our-team-section .headingg {margin-bottom: 25px !important;}
    .upper-white-sec img {width: 100%;}
    .our-process .process-tp {height: 150px;}
    .create-section.aws.magento .slider-inr {padding-right: 0;}
    .create-section.aws.magento {padding: 100px 15px;}
    .create-section.aws.magento .headingg {padding: 0;}
    .create-section.aws h3 {font-size: 20px;}
    .create-section.aws .left-img.side h3 {font-size: 16px;line-height: 25px;}
    .create-section.aws .bottomm{min-height: 242px;}
    .create-section.aws .upper{min-height: 242px;}
    .create-section.aws .content{min-height: 500px;}
    /* .banner-section.mag-hm img {width: 100%;} */
    .services-section.mag-hm a.serv.btn:nth-child(6n) {margin-right: 32px !important;}
    .brand-exp-section {padding: 100px 15px;}
    .brand-exp-section .inner-brand h3{font-size: 20px !important;margin-bottom: 30px;}
    .brand-exp-section:after{display: none;}
    .process-section.mag-hm { padding: 200px 15px 50px !important; }
    .ondemand-section.mag-hm { padding: 60px 0; min-height: 530px; }
    .brand-exp-section .main-secc img { height: 130px; width: 100%; }
    .brand-exp-section .inner-brand{ padding: 40px 40px; }
    .brand-exp-section .boxx:nth-child(3) { padding-right: 0;}
    .process-section.mag-hm { padding: 220px 15px 100px;}
    .banner-section.mag-hm a.smple{display: block;padding-left: 0 !important;margin-top: 20px;}

    .served-section span.slidess {font-size: 18px;}
    .t-slds__arrow-nearpic .t-slds__arrow-left {right: 70px !important;}
    .t-slds__arrow-nearpic .t-slds__arrow-right {left: 70px !important;}
    /* body .banner-section {padding: 140px 0 73px !important;} */
    .banner-section:after{display: none;}
    .create-section.shopify {padding-bottom: 60px;}
    .banner-section.contact-us {padding: 180px 0 10px !important;}
    .banner-section.mag-hm {padding: 133px 0 20px !important;}
    /*--------------new-------------*/
    /*.services-section h3 {min-height: 30px;}*/
    .banner-section.php-banner::before {height: 100%;}
    body .expert-section.magento h2 {font-size: 35px;line-height: 45px;}
    .services-section.mag-hm h2, .brand-exp-section h2, .process-section.mag-hm h2, .ondemand-section.mag-hm h2 { font-size: 35px; }
    .tech-section h2 { font-size: 35px; }
    body .tex-tabs-heading h2 span{ font-size: 35px;}
    .tach-tab-row ul.nav a{ font-size: 20px; padding: 25px 35px; }
    ul.technology-list li p { font-size: 14px; }
    .why-cnt-box h4 {font-size: 18px;}
    .why-cnt-box i > img { width: 50px; height: 50px; }
    body .banner-section .hire-develop{ margin-top: 15px; }
    .banner-section.ios-banner .dev-bnr-img img { width: 600px; height: 550px; object-fit: contain; }
    .hiredevelop .hire-btn span{font-size: 18px;}

    .banner-section.about .container { background-color: transparent; }

  }
  
  @media (max-width:1024px){
    .blog-details .web p{font-size: 16px}
    .banner-section.mag-hm .shopify-logo img {width: fit-content;max-width: 150px;}
    /*.banner-section.devops.inner-bnr ul.dev-ser-list::before {width: 1000px;}*/
    section.banner-section.nodebanner-section .right{ padding-top: 280px;background-size: 70%;background-position: left;}
    section.banner-section.nodebanner-section .icon-listt {display: none;}
    section.banner-section.nodebanner-section.inner-bnr .left-sd-txt {margin-top: 0 !important;flex-direction: row-reverse;display: flex;justify-content: space-between !important;}
    section.hiredevelop .left-text p {font-size: 20px;}
    .process-section.mag-hm h2:after {display: none !important;}
    .brand-exp-section:after{ bottom: 50px;}
    .create-section.magento { padding: 100px 15px !important;}
    body .main-formss.magento h2 {font-size: 40px;}
    .ondemand-section.magento {min-height: 520px;}
    .hiring-section h2{font-size: 30px;}
    .experience-section h2 {font-size: 26px;line-height: 40px;}
    .services-section h2, .create-section h2, .process-section h2, .related-post-section h2{font-size: 35px; margin-bottom: 45px;}
    .services-section h4 {font-size: 16px;}
    .single-service { margin-bottom: 20px;}
    .create-section .content h3 {font-size: 20px;}
    .related-post-section p {font-size: 14px;}
    .ondemand-section h2{font-size: 30px;}
    .main-formss h2 {font-size: 40px;}
    .main-formss p {font-size: 16px;}
    ul.hiring-listt li{display: flex; margin-bottom: 10px;}
    a.btn, button.btn{font-size: 13px;padding: 12px 30px;}

    .main-header .navbar-light .navbar-nav .nav-link { margin-right: 10px; }
    .nectar-scrolling-text.font_size_15vh .nectar-scrolling-text-inner * { font-size: 7vh; }
    .about .col-md-12.mt-5.vertical-tbs { padding-left: 15px; padding-right: 15px; }
    .vertical-tbs .card-body { padding: 5px 2rem; }
    .served-section h2 { font-size: 30px; }


    .menu-exp-info h3 { font-size: 15px; }
    .menu-exp-info p { font-size: 12px; }


  }

  @media (max-width:991px) {
   
    .banner-section.mag-hm.home .experience{margin-bottom: 20px;}
    .blog-details .web>div { margin-bottom: 10px;}
    .blog-details .web{display: block;}
    .video-container video {
      width: 100%;
      /* height: 55vh; */
      object-fit: cover;
  }
    .banner-section .award-outer {flex-wrap:wrap;}
    .banner-section .award-outer .pl-4.shopify-logo { padding-left: 0 !important;}
    .banner-section .award-outer .pr-3 img {max-width: 50px;}
    .banner-section.magento h1, .banner-section.magento h1 span { font-size: 50px !important;line-height: 58px !important;}
    .UI-banner-section.inner-bnr .list-inline li img {width: 60px;height: 60px;}
    .banner-section.devops ul.dev-ser-list li {margin: 0px 8px;}
    .banner-section.devops .dev-bnr-img img { margin-bottom: -20px;}
    body .banner-section.aws {padding: 170px 0 70px !important;}
    section.banner-section.nodebanner-section .right {padding-top: 250px;background-size: contain;}
    section.banner-section.nodebanner-section .text-lg-left {text-align: left !important;}
    .banner-section.angular-banner .angular-box ul li h3 { font-size: 40px;line-height: 50px;}
    .banner-section.angular-banner .angular-box img {width: 60px;height: 65px;object-fit: cover; margin-right: 20px;}
    .banner-section.reacts-banner .reacts-list-box img {width: 35px;height: 35px;}
    .banner-section.reacts-banner .reacts-list-box ul li {margin-bottom: 15px;font-size: 18px;padding-bottom: 0; border-bottom: none;}
    section.banner-section.wbanner-section.inner-bnr { padding: 145px 0 70px !important;height: auto;}
    section.banner-section.wbanner-section.inner-bnr .w-list ul li{margin-bottom: 15px; font-size: 18px; }
    .banner-section.magento ul.mg-ser-list li {margin: 0px 10px;}  
    body .app-icons span {margin-right: 30px;}
    .banner-section.magento .aws-bnr { background-position: center;background-size: contain;width: 100%;}
    .banner-section.whmc-banner {padding: 140px 0 170px !important;}
    body section.Lbanner-section h1 {font-size: 35px;}
    .banner-section .back-inner .img-fluid {max-width: 70px;height: 80px;}
    .banner-section .back-inner {min-height: 180px;}
    .banner-section.frontend-banner.inner-bnr, .banner-section.backend-banner.inner-bnr {padding: 180px 0 160px !important;}
    .banner-section.shopify-app-banner .imgwrapper .img-fluid{width: 180px;margin-right: 18px;}
    .banner-section.php-banner .dev-bnr-img { width: 100%;}
    section.Lbanner-section h1 {font-size: 40px;}
    .banner-section.php-banner .textt {padding-left: 20px;}
    .app-icons.php-ser .img-fluid {margin-right: 20px;}
    .banner-section .app-icons .img-fluid{width: 50px;height: 50px;object-fit: contain;}
    .services-section.mag-hm .single-service:hover img.user-mg {display: block !important; margin: 0 auto;}
    .main-header img.logo {width: 150px;}
    .choose-section.shopify .main-imgg img {width: 100%;max-width: 400px;display: block;height: auto;margin: 20px auto 0;}
    .hiring-section.aws img {width: 100%;max-width: 450px;margin: 0 auto 30px; display: block;}
    .hiring-section.aws .tips {text-align: center;}
    .benefits-section.aws .left-sd {padding-left: 40px;}
    .qa-section h3 {font-size: 20px;}
    .services-section.aws .single-service.aws-services h3{max-width: 100%;text-align: center;}
    .single-service.aws-services p, .hiring-section.aws p{max-width: 100%;}
    .services-section.aws .boxes:nth-child(even) {border-right: none;}
    body .banner-section.magento{ padding: 150px 0 80px;}
    body .services-section.magento {padding: 50px 0 80px !important;}
    body .services-section.magento .aws-services {padding: 25px 30px 40px !important;}
    body .our-process .process-tp { height: 100px; }
    .footer-area .footer-menu { padding-left:0 }
    .container { max-width: 900px !important; }
    .banner-section { padding: 120px 0 120px; margin-top: 100px;}
    .hiring-section h2 { font-size: 25px; }
    .services-section h2, .create-section h2, .process-section h2, .related-post-section h2 { font-size: 25px; }
    .post-inner { min-height: 170px; }
    .related-post-section p { font-size: 12px; }
    .navbar-light .navbar-toggler{ background:#fff; }
    
    .navbar-light .navbar-nav .nav-link { color: #fff; padding: 15px 5px; }
    .navbar-light a.nav-link.active{ border-bottom: 1px solid #e0e0e0 !important; }
    .choose-section .main-imgg img { width: 100%; }
    .related-post-section.devops .main-outer{ height: 375px !important; }
    .create-section .slider-inr { margin-top: 0px; padding: 0px 32px !important; }
    .hiring-pro .box-wrapper .pro-inner{ padding: 35px 15px; }
    /*=============Overlay menu==============*/
    .site-header .overlay-menu .main-menu-nav li a { font-size: 40px; line-height: 80px; }
    .site-header .overlay-menu li .mega-menu li a.bold { font-size: 20px; }
    .site-header .overlay-menu li .mega-menu li .light a { font-size: 11px; }
    .follow-us .expert-text { font-size: 16px; margin: 0 10px; }
    .follow-us .btn { min-width: 126px; }
    /*----------------new-----------------------*/
    .tech-section.why-choose-section.system-section ol.carousel-indicators.cst-tab li { font-size: 18px !important; }   
    .banner-section.inner-bnr .bnnr-contnt p{max-width: 100%;}
    .banner-section .dev-bnr-img{max-width: 500px;width:100%;margin: 25px auto 0;}
    .banner-section.php-banner::before {height: 100%;}
    .tach-tab-row ul.nav a {font-size: 16px;padding: 20px 35px;}
    body .services-section.magento {padding: 50px 0 80px !important;}
    .caption-crausal {position: unset;margin-top: 20px;padding: 20px;max-width: 100% !important;}
    .why-cnt-box { margin-bottom: 20px; }

    .gallery-common-section .carousel-item .Left-side h3 { padding: 10px 0; font-size: 24px; margin: 0; }
    .services-section h3 { font-size: 18px; min-height: 1px; }

    ul.navbar-nav li.nav-item:last-child a { margin: 15px 0px; }
    .services-section .services-box h3 { min-height: 72px; }

    .banner-section.services-banner p.font-large { font-size: 35px; line-height: 50px; }
    .imgboxx { margin-bottom: 0; }
    .other-way-box { padding: 20px; }
    .main-header .navbar-light .navbar-nav .nav-link { margin-left: 12px;}

    .logo-slider.slick-initialized.slick-slider { width: 100%; max-width: 600px; }

    /*========== Header Toggle Menu Css =============*/
    .logo-slider .slick-track { margin-left: 0px; margin-top: 0px; }
    .right-side.choose-outer h2, .right-side.choose-outer h2 span { font-size: 26px; }
    .excellance-section { padding-top: 30px; padding-right: 0px; }
    .overlay-menu.active .main-content ul li p { margin-bottom: 10px;  }
    .follow-us .expert-text { font-size: 14px; }
    .footer-area h2.main-heading-ft { font-size: 22px; line-height: 30px; }
    .widget-about .contact-details li a { font-size: 14px; }

    header .navbar-light .navbar-brand img { max-width: 160px; }
    header ul.navbar-nav li.nav-item:last-child a { width: 80px; padding: 6px 10px !important; margin: 8px 0; }
    .main-header .navbar-light .navbar-nav .nav-link { font-size: 11px; margin-left: 3px; margin-right: 10px; line-height: 20px; }
    .logo-slider .main-slider .slick-slide { width: 100% !important; max-width: 120px !important; }

    .banner-section.about { height: auto; }
     .services-section h3{  font-family: "FuturaBTW01-Bold";}
    
  }

  @media (max-width:860px){
    ul.mg-ser-list li.org-bg, ul.mg-ser-list li { width: 100px;height: 110px;}
  }

  @media (max-width:768px){
    .our-main-client h2 {font-size: 30px;}
    .banner-section.mag-hm.home h1, .banner-section.mag-hm.home h1 span {font-size: 40px !important;}
    .banner-section.magento ul.mg-ser-list{margin: 130px 0 0;}
    body .banner-section.magento .exp-img img {margin-top: 0;max-width: 100%;width: 140px;}
    .banner-section.magento h1, .banner-section.magento h1 span {font-size: 35px !important;line-height: 45px !important;max-width: 390px;margin-top: 10px;}
    .banner-section.magento ul.mg-ser-list li.org-bg, .banner-section.magento ul.mg-ser-list li {width: 90px;height: 100px;}
    .banner-section.magento {padding: 140px 15px 50px !important;}
    .banner-section.devops.inner-bnr {padding: 145px 0 50px !important;}
    .banner-section.devops .dev-bnr-img img {margin-bottom: -50px;}
    .banner-section.devops.inner-bnr p {margin-bottom: 10px;}
    .banner-section.aws p {margin: 20px 0;}
    body .banner-section.angular-banner .bnr-img img {max-width: 300px; object-fit: contain;height: 290px;}
    .banner-section.angular-banner .angular-box ul li h3 {font-size: 35px;line-height: 45px;}
    section.wbanner-section h1 img { width: 330px;}
    section.wbanner-section h1{margin-bottom: 10px;}
    body .banner-section.frontend-banner.inner-bnr, body .banner-section.backend-banner.inner-bnr{ padding: 130px 0 160px !important;}
    .banner-section.ios-banner {padding: 130px 0 0px !important;}
    
    .banner-section.backend-banner .back-inner, .banner-section.frontend-banner .back-inner { min-height: 130px;}
    .banner-section.backend-banner .back-inner h3, .banner-section.frontend-banner .back-inner h3 {font-size: 17px;margin: 0px 0px 0px;}
    .banner-section .back-inner .img-fluid {max-width: 60px;height: 70px;}
    .banner-section .listing-style li { font-size: 15px;}
    .banner-section.inner-bnr p{line-height: 28px;}
    .expert-section p, .expert-section.about p, .expert-section.about p span{font-size:15px;}
    section.hiredevelop .left-text p {font-size: 15px;}
    body section.Lbanner-section h1 {font-size: 35px;}
    .hiredevelop .hire-btn{min-width: 180px;padding: 9px 20px;margin-top: 15px;}
    .hiredevelop .hire-btn span{font-size: 16px;}
    ol.carousel-indicators.cst-tab i{padding:0;}
    .t-slds__arrow-nearpic .t-slds__arrow-right {left: -43px !important;}
    .services-section.mag-hm h2, .brand-exp-section h2, .process-section.mag-hm h2, .ondemand-section.mag-hm h2 { font-size: 35px;}
    .brand-exp-section .main-secc img{object-fit: contain;}
    .services-section h2, .create-section h2, .process-section h2, .related-post-section h2{margin-bottom: 30px;}
    .served-section{padding: 60px 0;}
    .services-section.shopify { padding: 100px 0 50px;}
    .ondemand-section.magento.shopify {padding: 60px 0;}
    .served-section .rgt-content br {display: none;}
    .create-section h2:after {margin: 0 !important;}
    .services-section.devops .single-service:hover img.file-mg{margin: 0 auto;}
    .experience-section.devops .left-sd h2 br { display: none !important;}
    .services-section.devops h2 {margin-bottom: 20px;margin-top: 0 !important;font-size: 30px !IMPORTANT;}
    .banner-section.about { padding: 160px 0 120px !important;}
    .expert-section.about {padding: 60px 0;}
    .expert-section.about h2 { font-size: 30px; margin-bottom: 15px !important; 
      background: linear-gradient(to right, #f32170, #ff6b08, #cf23cf, #eedd44);
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
    }
    .expert-section.about img { height: 250px; }
    .operation-sec{ padding: 60px 0 60px; }
    .operation-sec .box h2 { font-size: 40px; margin-bottom: 10px; }
    .operation-sec .box h6 { font-size: 18px; }
    .operation-sec .box p{ margin-top: 10px; line-height: 1.8; font-size: 14px; }
    .team-sec { padding: 60px 0; }
    .team-tabs p { font-size: 13px; margin-top: 5px; }
    .team-sec .nav-tabs .nav-item { margin-bottom: -1px; display: block; width: 100%; max-width: 200px; }
    .client-sec { padding: 60px 0 60px; }
    .client-sec h2 { font-size: 30px; }
    .client-sec .boxx { padding: 0 8px; }
    .client-sec .inner img{ height: max-content; }
    .ondemand-section.about { padding: 60px 0; min-height: 520px; }
    .main-formss { padding: 60px 20px; }
    .ondemand-section.about h2 { font-size: 30px; }
    .vertical-tbs .nav-tabs .nav-link.active{ font-size: 20px; }
    .vertical-tbs .nav-tabs .nav-link{ font-size: 20px; }
 
    .site-header .overlay-menu-trigger .menu-btn{ width: 30px; margin-top: 7px; }
    .brand-exp-section .inner-brand { padding: 20px 20px !important; }
    .single-service:hover a.white-arw{ margin: 0 auto; }
    .banner-section.contact-us .text-right img { width: 100%; }
    .main-formss.contact-form { padding: 50px 10px 70px !important; }
    .banner-section.contact-us h1 { max-width: 500px; font-size: 35px !important; margin: 10px auto; }
    .services-section h2:after, .create-section h2:after, .process-section h2:after, .related-post-section h2:after{ left: 0; right: 0; margin: 0 auto; }
    .create-section.aws h3 { font-size: 16px !important; }
    .create-section.aws .left-img{ bottom: 10px !important; padding: 0 20px; }
    .create-section.aws .left-img.side { padding: 0 20px !important; bottom: 10px !important; align-items: center; }
    .create-section.aws .left-img.side h3 { font-size: 14px !important; line-height: 20px !important; }
    body .benefits-section.aws .mid-part a.btn { font-size: 11px !important; padding: 12px 30px; }
    body .hiring-section.aws { padding: 60px 0 0px !important; }
    body .services-section.aws { padding: 60px 0 !important; }
    body .expert-section.magento{ padding: 60px 0 !important; }
    body .services-section.magento { padding: 50px 0 60px !important; }
    body .expert-section.magento h2 { font-size: 35px !important; line-height: 45px !important; }
    .expert-section.magento p{ line-height: 28px; }
    .services-section h2, .create-section h2, .process-section h2, .related-post-section h2 { font-size: 35px; }
    body .banner-section.mag-hm h1 span { font-size: 30px !important; }
    body .banner-section.mag-hm h1 { font-size: 30px !important; max-width: 490px;  margin: auto;}
    .served-section h2 span { font-size: 30px; }
    body .services-section.mag-hm a.serv.btn { margin-right: 8px !important; }
    body .services-section.mag-hm a.serv.btn:nth-child(7) { margin-right: 8px !important; }
    body .services-section.mag-hm a.serv.btn:nth-child(6n) { margin-right: 8px !important; }
    .banner-section.mag-hm p { margin-top: 15px; margin-bottom: 20px;  }
    .services-section.mag-hm a.serv.btn{ margin-bottom: 12px; padding: 10px 10px; font-size: 14px; }
    .experience-section, .services-section, .process-section, .related-post-section{ padding: 60px 0; }
    .related-post-section p { font-size: 10px; }
    .footer-area .footer-big { padding: 80px 15px 30px 15px; }
    .below-footer { padding: 0 10px; }
    .experience-section img { width: 150px; }
    .create-section { padding-bottom: 60px; }
    .footer-big .footer-menu ul li a, .footer-big p, .footer-big ul li{ font-size: 14px; }
    .banner-section.devops{ padding: 150px 0 70px !important; }
    .experience-section.devops .right-sd { margin-top: 50px; }
    .related-post-section.devops .main-outer { padding: 20px 15px; }
    .cloud-section .context { margin-top: 50px; }
    .experience-section.devops img { width: 100%; }
    .experience-section.devops .right-sd h2{ text-align: left; }
    .choose-section { padding: 30px 0 70px; }
    /* body .expert-section.magento h2 { font-size: 20px !important; line-height: 30px !important; } */
    .expert-section p, .expert-section.about p{margin-bottom: 10px;  line-height: 24px;}
    ol.carousel-indicators.cst-tab svg {width: 50px;height: 50px;}
    ol.carousel-indicators.cst-tab::before{left: 28px;}
    body .tech-section.why-choose-section.system-section ol.carousel-indicators.cst-tab li {font-size: 14px !important;display: flex;justify-content: flex-start;align-items: center;}
    .tech-section.why-choose-section.system-section .col-md-12 {padding: 0;}
    .served-section p { line-height: 28px; }
    .banner-section.portfolio.activity p, .banner-section.portfolio p, .gallary-heading p { font-size: 20px; line-height: 28px;     font-weight: 600;}
    .timeline-heading.gallary-heading h3 { font-size: 24px; line-height: 30px; }


  }
  @media (min-width: 401px) and (max-width:767px){
    .tab-content.mt-5 {
      margin-top: 1rem!important;
  }
    .footer-big .col-md-3.col-sm-12 { padding: 0;}
    .footer-area .footer-big .footer-widget{margin-bottom: 0;}
  }

  @media (min-width: 613px) and (max-width:767px){
    .banner-section.devops.inner-bnr h1 {
      max-width: 400px;
      margin: 0 auto 20px;
  }
  .achievements-section .bottom-cont {
    bottom: 30px;
}
  }
  @media (max-width:767px){
    .banner-section.shopify-app-banner.white-bg.inner-bnr{
     z-index: 0;
  }
    .banner-section.shopify-app-banner.white-bg.inner-bnr::after {
      content: "";
      display: block;
      position: absolute;
      width: 350px;
      height: 350px;
      /* background-color: #f4f7fb; */
      background-color: #95bf47;
      background-size: cover;
      background-image: unset;
      left: -205px;
      bottom: -28px;
      opacity: 1;
      border-radius: 50%;
      z-index: -1;
      opacity: 0.2;
  }
   .banner-section.shopify-app-banner.white-bg.inner-bnr{position: relative;}
   .activity-timeline-section .timeline:first-child::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 180px;
    height: 180px;
    border-radius: 2000px;
    background: rgba(255,74,158,.5);
    right: -130px;
    bottom: auto;
    left: auto;
    margin: auto;
    top: 71px;
    transform: rotate(45deg);
}
  section.activity-timeline-section .col-12::after{
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 96px;
    height: 96px;
    border-radius: 2000px;
    background: rgba(0,181,230,.5);
    left: -30px;
    bottom: 0;
  }
  
    .banner-section.shopify-app-banner .hire-develop, .banner-section .hire-develop.orange {
      background: #95bf47;
  }
    .carousel.pointer-event .col-md-8.col-sm-10.col-10.cst-cs-item p {
      text-align: left;
  }
   .tech-section .why-heading {
      margin: 0px auto 10px;
      text-align: center;
      width: 85%;
  }
    .tach-tab-row  div#myTabContent {
      border-top: 1px solid #eee;
  }
    section.gallery-common-section.slider-section{ padding: 0 0 100px;}
    section.gallery-common-section.slider-section .top_heading {
      text-align: center;
      max-width: 90%;
      margin: auto;
      padding-bottom: 10px;
  }
  .gallery-common-section .carousel-item .Left-side p{margin: 15px auto 30px; max-width: 90%;}
    section.gallery-common-section.slider-section.shop-slider ol.carousel-indicators {
      right: 0;
      width: auto;
      left: 0 !important;
  }
  
    .why-heading h2 {
      margin-bottom: 10px;
  }
  .row.tach-tab-row.align-items-center .col-md-4.pl-0 {
    padding-right: 0;
}
    .activity-gallary-images{ padding-top: 20px;}
    .gallary-heading p{padding: 0px 25px; font-size: 18px;}
    .Review-details svg.white-arw { width: 15px; padding-left: 0px !important;}
    .main-formss.contact-form .leave-table .note-txt p{margin-bottom: 0;}
    /* .served-section {background: #e1f1ff;} */
    .location-box .contact-details li { padding: 12px 0;}
    .location-box hr, .banner-section.portfolio.activity .agency-banner-desk, body .banner-section  .buss-top-desk, section.buss-growth img.img-fluid.buss-top-desk, .services-section .service-para{display: none;}
    .location-box .contact-details li{border: 0;}
    .row.boxes_row .col-md-4.col-sm-12.col-12:last-child img {
      height: 53px;
      object-fit: contain;
      width: 68%;
  }
  .row.boxes_row span.box-logo img {
    width: 40%;
}
    .other-way-box { padding: 25px 30px;}
    .achievements-section h6.top-dev{margin-top: 70px}
    .banner-section.whmc-banner::before {height: 130px;}
    .banner-section.whmc-banner { padding: 140px 0 120px !important;}
    .services-section.mag-hm.magento h2 { max-width: 80%;margin: 0 auto 30px;}
    .services-section.mag-hm.magento{padding: 0px 0 40px !important;}
    .blog-details p, .post-inner{ margin-bottom: 0;}
    /* .Review-details p{font-size: 16px;} */
    .blog-details h3, .Review-details h3 { font-size: 24px; line-height: 30px;}
    .Leave-your-thought .container{padding: 35px;}
  .share-circle {
    width: 35px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.share-circle i{font-size: 14px;}
    .banner-section.frontend-banner.inner-bnr h1 { margin-bottom: 25px;}
    .banner-section.crossplat-banner .font-light, .banner-section.crossplat-banner .font-light span {
      max-width: 70%;
      margin: 0 auto 20px;
      line-height: 42px;
      font-size: 40px !important;
  }
  .banner-section.app-dev-bnr.inner-bnr.andriod{padding: 135px 0 40px !important;}
    .banner-section.crossplat-banner.inner-bnr{padding: 150px 0 30px !important;}
    .banner-section.portfolio{padding: 150px 0 50px !important;}
    .feature-insgt p{font-size: 18px;}
    .banner-section.blog{padding: 170px 0 30px !important; height: 500px;}
    .blog-details .left-sd { margin-bottom: 25px;}
    body .banner-section.blog.details { height: 360px;}
    .banner-section.about .video-container.desktop-video-hide::after {
      content: "";
      display: block;
      position: absolute;
      z-index: -1;
      width: 300px;
      height: 300px;
      border-radius: 100%;
      background: rgb(179 5 86 / 9%);
      right: -24px;
      bottom: 0;
      z-index: -1;
      top: -50px;
  }
  .video-container.desktop-video-hide{position: relative;}
    .benefits-section.aws{margin:0;}
    .expert-section.about .side-tbs .tab-content .card {
      margin-bottom: 30px;
  }
  .qa-section ul.qa-list{padding-left: 15px; margin-top: 25px;}
    a.moreless-button, .carrer-mob-banner, .agency-banner-mob, .buss-top-mob{ display: block; }
    .team-tabs .inner img{transition: all .6s ease-in;}
    .team-tabs .inner:hover img{ transform: scale(1.1);}
    .col-md-12.col-sm-12.col-12.team-tabs .tab-content>.tab-pane .row .col-md-3.col-sm-6.col-12.team-bx { max-width: 100%;}
  .col-md-12.col-sm-12.col-12.team-tabs .tab-content>.tab-pane .row { display: unset; margin: 0; width: 100%;}
  div#pane-C .card-body { padding-bottom: 0;}
  div#pane-C p { margin-bottom: 0;}  
    .col-md-12.col-sm-12.col-12.team-tabs .tab-content>.tab-pane, #content .goals-icon img{display: block;}
     .expert-section.about .side-tbs .tab-content::before{
      content: "";
      display: block;
      position: absolute;
      z-index: -1;
      width: 300px;
      height: 300px;
      border-radius: 100%;
      background: #ff561d;      
    }
   
    .expert-section.about .side-tbs .tab-content::before {
      left: -100px;
      bottom: 0;
      top: -38px;
  }
    .vertical-tbs .card-body { padding: 10px 16px 20px;}
    .vertical-tbs .tab-pane{border: 0;}
 
    body .expert-section p{text-align: center !important; font-size: 17px;  line-height: 24px;}
    .expert-section.about .card-header h5{padding: 0px 16px 0px;}
    .expert-section.about h2, body .team-sec h2, .service-para{text-align: center;}
    .video-container{position: relative; margin-bottom: -100px;margin-top: 60px;}
    .video-container video{height: auto; border-radius: 8px; box-shadow: 0 0 33px 10px rgba(0, 0, 0, 0.1);}
    .banner-section.about h1 { padding-top: 60px; }
    body .expert-section.about .card.active a, .expert-section.about .card a, .vertical-tbs .card-body p, .vertical-tbs .card-body p span{color: #dcdcdc;  text-align: left !important; line-height: 24px; margin:0;}
   
    .timeline-heading.gallary-heading h3{    margin: 0px auto 10px;font-family: "FuturaBTW01-Bold"; }
    .timeline-heading h3, h3{font-family: "FuturaBTW01-Bold"; }
    .banner-section.portfolio h1{    margin: 25px auto 25px;}
    .activity-section { padding: 50px 0px 65px;}
    .services-section span{ text-align: center; display: none;}
    .main-header .navbar-light .navbar-nav .nav-link:focus, .main-header .navbar-light .navbar-nav .show>.nav-link {color: #ff561d;outline: none;}
    header ul.navbar-nav li.nav-item:focus{outline: none;}
    .main-header .navbar-light .navbar-nav .nav-link{color: #fff;}
    .navbar-light .navbar-nav .dropdown-menu li > a{display: inline-block;}
    .main-nav .mobile-navbar,  .our-main-client .mobile-client, .desktop-video-hide, .col-md-12.mt-5.vertical-tbs .collapse:not(.show), header .about-hdr .navbar-light .navbar-brand .logo-dsktp{display: block;}
    .main-nav .desktop-navbar,  .main-nav .mobile-navbar ul li::marker, .our-main-client .dsktop-client, .mob-about-video, .banner-section.about h1, .vertical-tbs .card-body p:last-child, .nectar-scrolling-text .inner.row-bg img, .team-tabs .nav-tabs, .w-list ul{display: none;}
    .footer-area {
      background: #000 !important;
    }
    /* .services-section.mag-hm .col-lg-4.col-md-6.col-sm-6.col-12.boxes {
      padding: 0px 20px;
  } */
    body .served-section a.radd{float: unset; margin: auto;  padding-left: 0;
      color: #ff561d;
      text-decoration: underline;
      font-family: "FuturaBTW01-Medium";
    }
    .served-section .rgt-content, .col-md-12.btn-hight.tabs-mid{text-align: center;}
    .served-section h2, .served-section p, .services-section.mag-hm h2{text-align: center;}
    .navbar-toggler span.icon-bar:nth-child(2) {
      width: 25px;
  }
  .navbar-toggler span.icon-bar:nth-child(3) {
    width: 20px;
}
.navbar-toggler span.icon-bar{
  height: 4px;
  border-radius: 0;
  margin: 6px 0px;
}
    .main-header {
      padding: 10px 0px;}
    .navbar-light .navbar-brand img.logo, .related-post-section p br, .rgt-content-span, .banner-section.portfolio.contact-us.career-outer .carrer-desk-banner, .banner-section.whmc-banner.white-bg.inner-bnr ul.listing-style{
      display: none;
  }
  img.logo-mobile{display: block; width: 160px; margin-right: auto;}
    .banner-section.mag-hm a.btn{    
      background-color: transparent;
      border: 1px solid #ff561d;
      color: #ff561d;
    }
    .banner-section.mag-hm a.btn::before, .served-section a.radd:after, header .about-hdr .navbar-light .navbar-brand .white-logo, header .about-hdr .navbar-light .navbar-brand .logo{display: none;}
    .site-header, span.moretext{display: none;}
    body .row.need-help {
      right: 0;
      z-index: 9999;
      width: 100%;
      left: 0;
      margin-left: auto;
      margin-right: auto;
  }
  .need-help .container {
    padding: 0;
   
}
.row.need-help button.btn.need_btn {
  width: 100%;
  font-size: 15px;
  border-radius: 0;
}
    body.home .achievements-section button.slick-prev.slick-arrow, .achievements-section button.slick-next.slick-arrow{display: none !important;}
    .services-section h3{margin: 25px 0px 10px;}
    .footer-area h5.sub-heading{ margin-top: 20px;}
    .footer-mobile {padding: 0px 15px;}
    .footer-search { max-width: 450px;}
    .footer-area .footer-big .container{padding: 10px 15px 32px;}
    .below-footer ul.social-icn {display: flex; justify-content: center; margin-top: 20px;}
  .below-footer { text-align: center;    padding: 30px 10px 50px;}
  .tech-logo-heading, .logo-slider.slick-initialized.slick-slider{display: none;}
    .footer-mobile{display: block;}
    .main-header .navbar-light .navbar-nav .nav-link{margin: 7px 0px; font-size: 13px; width: 100%; letter-spacing: 1px; line-height: 15px; padding: 18px 20px;}
    .navbar-light .navbar-nav .nav-link:hover{ transform: unset;}
    header ul.navbar-nav li.nav-item{border-bottom: 1px solid #1f1f1f;    width: 100%;}
    div#main-menu .col-md-12 {padding: 0;}
    .navbar-light .navbar-brand{margin-right: 0; }
    .dsktop-toggle, .footer-mob-hide, h2.main-heading-ft br, .footer-area .footer-big .footer-widget ul.contact-details a br{display: none;}
    header .col-md-12.mobile-srn{padding:0;}
    .site-header{padding: 0 15px;}
    header nav.navbar-light .navbar-toggler.mobile-toggle{display: block; margin-right: 0;margin-left: unset; padding: 0; width: 30px; padding: 0 15px; position: relative; top: 8px;    background: transparent;}
    header .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav.about-hdr .nav-link{color: #000;}
    .experience-section h2{line-height: 32px;}
    .carousel.pointer-event .col-md-8.col-sm-10.col-10.cst-cs-item {max-width: 78%;}
  .carousel.pointer-event .col-md-4.col-sm-2.col-2.left-sdd {max-width: 22%;}
    .gallery-common-section .carousel-item .main-content .left_side_text{    margin-top: 25px; text-align: center;}
    .gallery-common-section .left_side_text img{
      /* margin-bottom: 20px;
      height: 60px;
      object-fit: contain; */
      display: none;
    }
    section.activity-timeline-section { padding: 50px 0px;    position: relative;z-index: 1;}
    .gallery-common-section .php-portfolio-slider .col-md-9.right-side img{width:100%;}
    .banner-section.portfolio.contact-us img{ margin: 0 auto 0; border-radius: 6px;}
    .banner-section.portfolio.activity p{margin-bottom: 25px;}
    .banner-section.portfolio.activity .activity-img-container img {max-width: 100%; margin-top: 0px; border-radius: 6px;}
    .our-section.portfolio .tabbable .nav-tabs .nav-item { margin: 0; padding: 0 5px; }
    .our-section.portfolio .tabbable .nav-tabs .nav-item .nav-link {padding: 11px 11px; height: 40px;font-size: 12px; display: flex;align-items: center; justify-content: center;}
  .our-section.portfolio .tabbable .nav-tabs .nav-item { width: 33.33%; display: flex; justify-content: center;}
    .services-section.mag-hm { padding-bottom: 0;}
    .our-main-client h2 { margin-bottom: 30px;text-align: center;}
    .banner-section.portfolio.contact-us.leave-policy-banner img{    margin: 0px auto 0;}
    .gallary-img{padding-top: 20px;}
    .timeline-heading h3, .main-formss h2, .location-box .loca-top h3{ font-size: 24px;  line-height: 30px;}
    .cd-horizontal-timeline .events-content h2 {font-size: 22px;  line-height: 30px;  margin: 5px 20px 25px;
      text-align: center;}
      .cd-horizontal-timeline .events-content p {
        text-align: center;
        max-width: 90%;
        margin: auto;
    }
      .cd-horizontal-timeline .events-content h2 span{font-size: 22px;}
    /* .banner-section.portfolio h1, .banner-section.about h1{margin: 5px auto;} */
    .our-section.portfolio .card-body, .cd-horizontal-timeline .events-content li{padding:0;}
    .port-btm-spc { padding-bottom: 20px;}
    /* .banner-section.services-banner.white-bg.inner-bnr {padding-top: 125px !important;} */
    .banner-section.about p{max-width: 90%; line-height: 35px;  font-size: 28px;  padding-top: 20px; letter-spacing: -0.5px;font-family: "FuturaBTW01-Bold"; color: #000;}
    .main-formss.contact-form.career-list p.skill, .list-heading h4{font-size: 15px; text-align: left;}
    .cd-horizontal-timeline.loaded{max-width: 100%; margin-bottom: 0;}
    .timeline-content { display: block;}
    .timeline-content-image, .timeline-txt, .activity-section-header p, .gallary-heading p, .banner-section.portfolio.activity p{width: 100%; max-width: 100%;}
    .timeline-content-image img{margin-bottom: 20px; border-radius: 6px;}
    .timeline-txt{padding-left: 0;}
    .navbar-light .navbar-toggler{ margin-left: auto; margin-bottom: 6px; }
    body .services-section.mag-hm a.serv.btn {margin: 5px 5px;}
    .banner-section.mag-hm .shopify-logo img {margin-bottom: 10px;}
    body .banner-section.about, body .banner-section.portfolio, .banner-section.blog{ background: #ffffff url(../img/home-bg-mobile.png) no-repeat center / contain;
      background-position: 100% 14%;}
      .banner-section.blog h1, .banner-section.blog p{color: #000;}
    .banner-section.mag-hm.home {padding: 125px 0 20px !important;  background: #ffffff url(../img/home-bg-mobile.png) no-repeat center / contain;
      background-position: 100% 14%; }
    .banner-section.magento h1 br {display: none;}
    .banner-section.magento .exp-img {margin: 15px 10px 0 0px;}
    body .banner-section.magento .exp-img img{width: 120px;}
    .banner-section.magento .aws-bnr {background: none;}
    .banner-section.magento ul.mg-ser-list {margin: 40px 0 0;}
    .banner-section.magento .magento-bnr-content{justify-content: center;align-items: center;}
    .banner-section.magento h1, .banner-section.magento h1 span { font-size: 30px !important;line-height: 40px !important;max-width: 100%;}
   /* .banner-section.magento .aws-bnr{background-size: 90% auto;background-position: 100% 40%;}*/
    .banner-section.magento ul.mg-ser-list{display: flex;flex-wrap: wrap;justify-content: center;}
    section.banner-section.UI-banner-section.inner-bnr h1 span { display: block;max-width: 150px;margin: 0 auto;}
    section.banner-section.UI-banner-section.inner-bnr h1, .banner-section.shopify-app-banner .textt p{display: block;}
    .UI-banner-section.inner-bnr .list-inline {padding: 10px 0 0px;}
    .UI-banner-section.inner-bnr .list-inline li img{margin-top: 0;}
    section.banner-section.UI-banner-section .UIBanner { background: none;}  
    section.banner-section.UI-banner-section .UIBanner::before {background: none;}
    section.banner-section.UI-banner-section.inner-bnr p {font-size: 16px;line-height: 25px;display: block;}
    .banner-section.UI-banner-section p .bg-pinklight {font-size: 16px;line-height: 21px;}
    .banner-section.devops.inner-bnr ul.dev-ser-list { display: flex;justify-content: space-evenly;}
    .banner-section.devops ul.dev-ser-list li { margin: 0px 5px; display: none;}
    .banner-section.devops ul.dev-ser-list li:nth-child(even) {display: block !important;max-height: 100px;}
    .banner-section.devops img{margin-top:0;}
    .banner-section.devops ul.dev-ser-list li p{display:block;font-size: 14px;}
    .banner-section.devops .hire-develop{margin: 10px 0 20px;}
    .banner-section.devops .dev-bnr-img img { margin-bottom: 0px;max-width: 350px !important;}
    .banner-section.devops.inner-bnr .dev-bnr-img img {max-width: inherit;margin-top: 0 !important;}
    .banner-section.app-dev-bnr{height:auto;}
    .banner-section.crossplat-banner .hire-develop {margin-top: 20px;}
    .banner-section.crossplat-banner .cross-bnr-img img {margin-top: 20px;}
    body .banner-section.aws h1 br {display: none;}
    body .banner-section.aws {padding: 120px 0 40px !important;}
    section.banner-section.nodebanner-section.inner-bnr h1 {font-size: 24px !important;line-height: 30px !important;}
    section.banner-section.nodebanner-section.inner-bnr {padding: 115px 0 50px !important;}
    body section.banner-section.nodebanner-section .text-lg-left img {max-width: 300px;}
    body section.banner-section.nodebanner-section .right{background-position: center;padding-top: 200px;background-size: contain;margin-top: 30px;}
    section.banner-section.nodebanner-section.inner-bnr h1 { text-align: center;margin: 10px auto 10px;}
    body section.banner-section.nodebanner-section .text-lg-left {text-align: center !important;}
    .sidebr-tb .nav-item{padding: 15px 20px;}
    body .banner-section.angular-banner .bnr-img img {max-width: 260px; object-fit: contain;height: 250px;}
    .banner-section.angular-banner::before{display:none;}
    .banner-section.angular-banner .textt {padding-left: 15px;}
    .banner-section.inner-bnr .angular-box ul li p {font-size: 16px;line-height: 22px;}
    body .banner-section.angular-banner .angular-box img {width: 40px;height: 45px;}
    .banner-section.angular-banner .angular-box ul li {margin-bottom: 5px;}
    body .banner-section.angular-banner .angular-box ul li h3 {font-size: 22px;line-height: 28px;}
    .banner-section.inner-bnr .angular-box ul li p{margin-top: 0;}
    .banner-section.angular-banner .angular-box {max-width: 400px; margin: 0 auto;text-align: left;}
    .banner-section.angular-banner {background: unset;}
    .banner-section.angular-banner .angular-box img {margin-top: 0; margin-bottom: 10px;}
    .banner-section.inner-bnr .angular-box ul li p {display: block;}
    .banner-section.reacts-banner .reacts-list-box img { width: 30px;height: 30px;}
    .banner-section.reacts-banner .bnr-img img { margin-top: 20px;}
    .banner-section.reacts-banner.white-bg.inner-bnr {height: auto;}
    .banner-section.reacts-banner .reacts-list-box img {margin-top: 0;}
    section.banner-section.wbanner-section.inner-bnr .w-list ul li , .banner-section.reacts-banner .reacts-list-box ul li {font-size:16px !important;display: flex;justify-content: flex-start;align-items: center;line-height: normal;max-width: 280px;margin: 10px auto 20px;}
    section.banner-section.wbanner-section.inner-bnr .w-list ul li img {margin-top: 0;}
    section.wbanner-section h1 img {margin-top: 0;}
    section.wbanner-section .container::before, .banner-section.backend-banner.inner-bnr ul.listing-style{display:none;}
    section.banner-section.wbanner-section .bnr-img img {   margin: 10px auto 20px; max-width: 90%;}
    .banner-section .font-light{ font-family: "FuturaBTW01-Bold"; margin-bottom: 20px;}
    body .banner-section h1 {font-size: 40px !important; font-family: "FuturaBTW01-Bold"; line-height: 45px;}
    .banner-section.ios-banner::before{background: none;}
    .banner-section img{margin: 30px auto 0;}
    .hire-develop:before {left: 15px;}
    .banner-section.ios-banner .dev-bnr-img img {width: 500px;height:380px;}
    .banner-section .listing-style li{display: flex;margin-bottom: 5px;}
    ul.client-list{flex-wrap: wrap;}
    /* body .banner-section .hire-develop {margin-top: 0;} */
    body .hire-develop {font-size: 13px;}
    ul.client-list li {max-width: 110px;}
    .banner-section.shopify-app-banner .textt p {font-size: 15px;line-height: 25px;margin: 0 auto 25px;max-width: 80%;}
    body .banner-section.shopify-app-banner .imgwrapper .img-fluid {width: 230px;margin-right: 18px;margin: 0 auto 25px;}
    body .banner-section.shopify-app-banner .bnr-img img {max-width: 250px;margin: 40px auto 0;width: 100%;}
    .banner-section .shopify-rw {justify-content: center;flex-direction: column-reverse;}
    .banner-section.app-dev-bnr.inner-bnr.andriod .app-icons img {margin-top: 15px;width: 30px;}
    .banner-section.app-dev-bnr .app-icons img {margin-top: 15px;}
    .app-dev-bnr .dev-bnr-img::before {content: '';position: absolute;top: 0;right: 0;background: url(../img/app-img.png) no-repeat center / cover;width: 190px;height: 230px;}
    .banner-section.app-dev-bnr::before{height:130px;}
    .banner-section.app-dev-bnr h1{margin-bottom: 15px;}
    .high-performance {text-align: center; padding: 40px 0 60px;}
    .high-performance img {max-width: 300px;width: 100%;margin: 20px auto 0;display: block;}
    body .served-section h2, .achievements-section h2 {font-size: 25px;}
    .high-performance h2 {font-size: 25px;}
    .high-performance p {font-size: 15px;}
    .banner-section.whmc-banner .banner-img .img-fluid{max-width:500px;}
    .banner_icon ul li{border:none;padding: 0;}
    .banner_icon ul {display: flex;justify-content: space-evenly;}
    .banner-section .banner_icon .img-fluid {margin-top: 0;width: 40px;height: 40px;object-fit: contain;}
    .cross-bnr-img img {width: 400px;height: 400px;object-fit: contain;}
    .banner-section ul.listing-style {max-width: 300px;text-align: left;margin: 0 auto;}
    body .banner-section.frontend-banner.inner-bnr, body .banner-section.backend-banner.inner-bnr {padding: 120px 0 110px !important;}
    .listing-style li {font-size: 14px;line-height: 24px;}
    .banner-section .back-inner h3 {font-size: 16px;}
    body .tech-section.why-choose-section p {font-size: 15px;text-align: center;margin-bottom: 7px;}
    .backend-bnr-box {margin-top: 20px;}
    .backend-bnr-box .margin-top {margin-top: 0;}
    body .banner-section .back-inner .img-fluid { max-width: 50px;height: 50px;}
    body .banner-section .back-inner {min-height: 150px;}
    .banner-section .backend-bnr-box img { margin: 0;}
    .banner-section .back-inner {min-height: 160px;margin-bottom: 20px;}
    section.Lbanner-section p {font-size: 15px;font-family: 'FuturaBTW01-Book';}
    body section.Lbanner-section h1 {font-size: 22px}
    section.Lbanner-section .order {padding-left: 0 !important;}
    section.Lbanner-section .dev-bnr-img img {width: 100%; max-width: 450px;}
    section.Lbanner-section p{ margin-bottom: 0;}
    body section.Lbanner-section .left {text-align: center;}
    body section.Lbanner-section .left > div {justify-content: center;}
    body section.Lbanner-section {padding: 145px 0 80px;height: auto;flex-wrap: nowrap;display: inline-block;justify-content: center;}
    .banner-section .textt {padding-left: 0;padding: 0 25px; text-align: center;}
    .banner-section.ios-banner {padding: 140px 0 0px !important;}
    .banner-section .app-icons span{margin-right: 0px;}
    .banner-section .dev-bnr-img img {max-width: 350px;height: auto;object-fit: contain;}
    .banner-section.ios-banner .app-icons img {margin: 0px auto; display: unset;}
    .hire-develop {margin-top: 20px;}
    .services-section.mag-hm .main-serv p, .achievements-section p, .client-sec p { font-size: 15px; line-height: 22px; }
    .services-section.mag-hm.services-page.srvc-page .single-service.services-box p{min-height: auto;}
    .banner-section.inner-bnr p{max-width:100%;}
    body .text-tabs-subheading {font-size: 15px;}
    section.hiredevelop h2 span.orange {font-size: 20px;}
    section.hiredevelop{padding: 60px 0px;}
    section.hiredevelop .left-text {text-align: center;}
    section.hiredevelop h2 {font-size: 24px;}
    .services-section.magento .boxes:last-child .single-service { margin-bottom: 0 !important;}
    body .caption-crausal{margin-top:0;padding: 15px;}
    .tech-section.why-choose-section.system-section .cst-cs-item { border: 1px solid rgb(201 189 17 / 30%);padding: 0px;}
    body .create-section h2:after {margin:0 auto !important;}
    .expert-section.about .card-header {background-color: transparent;border-bottom: transparent; padding: 0;}
    body .expert-section.about .card a.moreless-button{font-family: "FuturaBTW01-Medium";    font-size: 14px; color: #ff561d; margin-top: 8px; color: #7a7e8a;}
    body .expert-section.about .card a { font-size: 17px; line-height: 28px; font-family: "FuturaBTW01-Medium";}
    .expert-section.about .card a {text-decoration: none !important;}
    .expert-section.about .fade:not(.show) { opacity: 1;}
    .expert-section.about .card {margin-bottom: 10px;  background-color: transparent;}
    .expert-section.about .side-tbs .tab-content {width: 100%; background-color: #000; border-radius: 5px;
      padding: 25px 10px; position: relative;}
    .operation-sec .box:last-child {margin-bottom: 0;}
    .operation-sec .box {margin-bottom: 30px;}
    .team-sec .nav-tabs .nav-item{ max-width: fit-content;}
    .team-sec .inner { text-align: center; margin-bottom: 40px; }
    .team-tabs img { height: 250px; width: 250px; border-radius: 100%; max-width: max-content; }
    .client-sec .inner img{ object-fit: contain; }
    .client-sec { padding: 40px 0 50px; }
    .banner-section.magento.shopify { padding: 100px 0 20px !important; }
    body .banner-section.aws h1 { font-size: 30px !important; }
    .banner-section.aws p { margin: 0 auto; }
    body .banner-section { padding: 55px 0 55px !important; margin-top: 80px;}
    .create-section .content p{ margin-bottom: 50px; }
    .banner-section.contact-us p { max-width: 600px; margin: 20px auto 30px !important; line-height: 28px; }
    .banner-section.contact-us .text-right img { width: 300px; }
    .create-section.aws .slider-inr { padding: 0 !important; }
    .devope-section .boxes { max-width: 400px; margin: 0 auto 30px; }
    .benefits-section.aws ul.side-lst { max-width: 460px; margin: 0 auto; }
    .benefits-section.aws{ text-align: center; }
    .benefits-section.aws .left-sd h3 { font-size: 25px !important; max-width: 450px; margin: 0 auto; line-height: 40px; }
    .benefits-section.aws .mid-part { display: block !important; }
    body .benefits-section.aws .mid-part a.btn{ margin-right: 0 !important; }
    .benefits-section.aws::before, body .banner-section.shopify-app-banner .bnr-img img{ display: none; }
    .benefits-section.aws{ padding: 60px 0; }
    .benefits-section.aws ul.side-lst li { margin-bottom: 25px; font-size: 15px; }
    .devope-section { padding: 60px 0 30px; }
    .ondemand-section.aws { padding: 60px 0; }

    .qa-section{ padding: 60px 0; }
    .services-section.aws .single-service { border-bottom: 1px solid #eeeeee; }
    .services-section.aws .boxes { border-bottom: none !important; }
    .ondemand-section.magento { padding: 60px 0; }
    body .main-formss.magento h2 { font-size: 30px !important; }
    body .services-section.magento .aws-services h3 { margin-bottom: 0; }
    .our-team-section .boxes { max-width: 350px; margin: 0 auto 40px; }
    body .expert-section.magento h2 { font-size: 24px !important; line-height: 30px !important;	margin-bottom: 15px !important; text-align: center; max-width: 90%; margin: auto;}
    body .services-section.magento .aws-services { padding: 25px 30px 20px !important; }
    .our-team-section{ padding: 60px 0 260px !important; }
    body .create-section.magento { padding: 60px 15px !important; }
    .create-section.aws.magento .slider-inr { padding: 0 !important; }
    .create-section.aws .bottomm{ margin-top: 30px !important; }
    body .create-section.aws .left-img.side{ padding: 0 20px !important; bottom: 10px !important; text-align: left; align-items: center; }
    body .create-section.aws .left-img.side h3 { font-size: 16px; line-height: 26px; }
    body .our-team-section h2 { font-size: 30px !important; }
    .our-team-section img { width: 20px; }
    .our-team-section h6{ font-size: 16px !important; }
    .our-team-section .boxes { margin-bottom: 25px !important; }
    body .create-section.aws .left-img { bottom: 15px !important; align-items: center; padding: 0 20px; }
    body .create-section.aws h3 { font-size: 16px; }
    
    .create-section.aws .content{ min-height: 300px !important; margin-bottom: 30px; }
    .our-process .upper-white-sec { margin: 0 20px !important; }
    body.t-slds__arrow-left { left: 60px !important; } 
    .t-slds__arrow_wrapper-right { right: 110px; }
    .banner-section.mag-hm .text-right img { display: none;}
    body .served-section h2, .achievements-section h2 { font-size: 35px; }
    body .served-section h2 span{ font-size: 35px; }
    body .served-section{ padding: 60px 0; }
    .achievements-section h2{text-align: center;}
    .served-section p {
      margin-bottom: 0;
      line-height: 28px;
      overflow: hidden;
      height: auto;
      font-size: 16px;
      font-family: "FuturaBTW01-Medium";
      margin: 10px 0px;
      padding: 0px 20px;
  }
    .services-section.mag-hm h2, .brand-exp-section h2, .process-section.mag-hm h2, .ondemand-section.mag-hm h2 { font-size: 24px !important; line-height: 30px; }
    .banner-section.mag-hm{ padding: 120px 0 50px; }
    .brand-exp-section .main-secc img { height: auto !important; object-fit: contain; width: 100%; max-width: 400px; }
    .services-section.mag-hm .single-service { max-width: 400px; margin: 0 auto; min-height:100%; }
    .brand-exp-section .inner-brand{ max-width: 400px; margin: 0 auto 30px; }
    .brand-exp-section .main-secc .boxx { padding: 0; }
    body .brand-exp-section{ text-align: center; padding: 60px 15px !important; }
    .brand-exp-section .main-secc { margin-bottom: 0; }
    .services-section.mag-hm a.black-arw{ text-align: left; }
    .banner-section.mag-hm h1 { font-size: 35px !important; }
    .banner-section.mag-hm h1 span { font-size: 35px !important; }
    .banner-section.mag-hm img { width: 50%; }
    .banner-section.mag-hm .award-outer {   align-items: center !important; justify-content: center; }
    .banner-section.mag-hm img { width: 100%; margin: 0px auto 0; }
    .banner-section.mag-hm p{     margin: 24px auto 40px;
      text-align: center;
      font-weight: 600;}
    .banner-section img { max-width: 400px; margin: 40px auto 0; display: block; }
    /* .banner-section .textt { text-align: center; } */
    .banner-section { padding: 130px 0 60px; }
    .hiring-section img { max-width: 500px; margin: 0 auto; display: block; }
    .hiring-section .tips { text-align: center; margin-top: 30px; }
    ul.hiring-listt li{ align-items: center; }
    .experience-section h2{ text-align: center; margin-bottom: 30px; }
    .experience-section p { margin-top: 30px; text-align: center; font-size: 14px; line-height: 25px; }
    /* .services-section { text-align: center; } */
    .post .main-outer p{padding: 15px 25px 0;}
  .post .main-outer a {  
     /* padding: 0px 0px 0 30px; */
    padding: 4px 12px;
    border: 1px solid #ff561d;
    margin: 10px 0px 0px 25px;
  }
  .related-post-section .main-outer span{margin: 30px 0px 0px 25px; padding: 3px; font-size: 14px; display: inline-block;color: rgba(16, 16, 16, 0.5);background-color: #f5f5f5;}
  
    .create-section { text-align: center; }
    .process-section { text-align: center; }
    .post .main-outer{ max-width: 350px; margin: 0 auto 30px; padding-bottom: 40px; box-shadow: 0 14px 45px 0 rgba(205, 205, 205, 0.35); -webkit-box-shadow: 0 14px 45px 0 rgba(205, 205, 205, 0.35);}
    .main-formss .boxx { padding: 0 10px !important; }
    .create-section h2 a{ margin: 20px 0 0; }
    .related-post-section h2 a { margin: 10px 0 0; }
    .related-post-section { text-align: center; }
    .left-slider .slick-dots li:after{ display: none; }
    .cloud-section .boxes.diff { width: 100%; margin-bottom: 20px; }
    .cloud-section .boxes { max-width: 400px; margin: 0 auto; }
    .cloud-section{ text-align: center; padding: 80px 0 50px; }
    .ondemand-section.devops { padding: 60px 0; }
    .main-formss.devops { margin: -330px 15px; }
    .cloud-section h2:after { left: 0; right: 0; margin: 0 auto; }
    .cloud-section h2{ font-size: 30px; }
    .services-section.devops h2 { font-size: 30px; margin-top: 0 !important; }
    .experience-section.devops h2 { font-size: 30px !important; }
    .experience-section.devops .mid-part { justify-content: center; }
    .footer-area .footer-big.devops { padding: 0px 15px 30px 15px; }
    .services-section.devops p { font-size: 14px !important; line-height: 26px; }
    .related-post-section.devops p{ font-size: 14px; }
    .cloud-section .context p { font-size: 14px !important; line-height: 25px; }
    .experience-section h2 { font-size: 30px !important; }
    .single-service:hover img.file-mg{ margin: 0 auto; }
   
    /*Overlay menu*/
    .site-header .overlay-menu .main-nav li a { font-size: 30px; line-height: 70px; }
    .site-header .overlay-menu .main-nav li .mega-menu { display: none; position: static; top: 0; width: auto; }
    .site-header .overlay-menu .main-nav li a:hover ~ .mega-menu, 
    .site-header .overlay-menu .main-nav li a.active ~ .mega-menu { display: block; }
    .follow-us { text-align: center; }
    .follow-us .expert-text {  margin: 15px 20px 15px 0; }
  
    /*Overlay menu*/
    .site-header .overlay-menu .main-menu-nav li .mega-menu { /*display: none;*/ position: static; top: 0; width: auto; height: 0; }
    .site-header .overlay-menu .main-menu-nav li a:hover ~ .mega-menu, 
    .site-header .overlay-menu .main-menu-nav li a.active ~ .mega-menu { display: block; height: 100%; margin-top: 30px; }
    .site-header .overlay-menu .main-menu-nav li a { font-size: 30px; line-height: 40px; font-weight: 600; }
    .site-header .overlay-menu .main-menu-nav li a::before { height: 4px; }
    .site-header .overlay-menu li .mega-menu li a.bold { font-size: 17px; }
    .follow-us { text-align: center; }
    .follow-us .expert-text {  margin: 15px 20px 15px 0; }
    .site-header .overlay-menu li .mega-menu li>.light { padding-left: 0em; }
    /* 07-july-20 */
    body .banner-section.magento { padding: 80px 0 50px; }
    .banner-section.magento p { margin-left: auto; margin-right: auto; }
    .banner-section p {margin-bottom: 10px; }
    /* .expert-section.magento p { font-size: 14px; line-height:1.5; }  */
    body .expert-section.magento { padding: 55px 0 !important; }
    body .our-team-section h2 { font-size: 26px !important; }
    body .process-section.magento h2 { margin-bottom: 25px !important; font-size: 26px; }
    .ondemand-section h2 { font-size: 26px; }
    body .main-formss.magento h2 { font-size: 26px !important; }
    /*---------------------NEW---------------------*/
    .banner-section .app-icons {display: flex;  justify-content: space-evenly;margin-top:20px;}
    .banner-section .app-icons .img-fluid {margin: 0;}
    .tech-section h2 {font-size: 24px !important;line-height: 30px; text-align: center;}
    body .tex-tabs-heading h2 span {font-size: 20px;}
    .banner-section.inner-bnr p {font-size: 15px;line-height: 22px;margin-top: 15px;display: none;}
    .hire-develop{font-size: 16px;padding: 15px 43px;}
    .caption-crausal p{font-size: 15px;}
    body .tech-section.why-choose-section.system-section ol.carousel-indicators.cst-tab li {font-size: 0px !important;display: flex;justify-content: center;align-items: center;}
    ol.carousel-indicators.cst-tab::before{width: 5px;left: 0; right: 0;margin: 0 auto;}
    .tech-section.why-choose-section.system-section{padding-bottom: 55px;}
    body .tech-section.why-choose-section {padding-bottom: 40px;}
    body .tech-section.why-choose-section.websol-padding{padding-bottom: 0;}
    .services-section h2, .create-section h2, .process-section h2, .related-post-section h2, 
    .our-main-client h2, body .served-section h2, .achievements-section h2, .client-sec h2, .expert-section.about h2, 
    .team-sec h2, .our-section.portfolio h2, body .team-sec h2{ font-size: 24px; line-height: 28px; }
    .create-section h2, .related-post-section h2 { flex-direction: column; margin-bottom: 40px; }
    .experience-section, .services-section, .process-section,  
    .achievements-section, .our-main-client, .team-sec, .operation-sec { padding: 40px 0px; }
    .related-post-section{padding: 50px 0px 40px; }
    .our-main-client .logo { padding-bottom: 10px; text-align: center;}
    .served-section a.radd { margin-right: 20px; }
    .footer-area .footer-big { padding: 30px 15px 0px 15px; }
    .footer-area h3.footer-widget-title { margin-bottom: 10px; line-height: 22px; }
    .footer-big .footer-menu ul li a, .footer-big p, .footer-big ul li { line-height: 30px; }
    .services-section .services-box h3 { font-size: 20px; min-height: auto;}
    .banner-section.services-banner { flex-direction: column; }
    .banner-section.services-banner p.font-large { font-size: 22px; display: block; line-height: 35px; }
    .banner-section.services-banner .video_box .sd-text-box { margin-top: 15px; -webkit-mask-size: contain; background-repeat: no-repeat; }
    .banner-section.portfolio .orange-bg { font-size: 14px; line-height: 18px; padding: 4px 15px; margin-top: 30px;}
    .top-box h2, .top-box h2 span { font-size: 28px; font-family: "FuturaBTW01-Medium";letter-spacing: -1px; margin-bottom: 15px; }
    .banner-section.portfolio p {  margin: 0; }
    .our-section.portfolio .boxx h5 { font-size: 20px; font-family: "FuturaBTW01-Medium"; margin-bottom: 0;}
    .our-section.portfolio .boxx span { font-size: 13px; }
    .top-box p { font-size: 20px; line-height: 25px; display: none;}
    .imgboxx { margin-bottom: 20px; }
    .banner-section.contact-us h1 { font-size: 40px !important; }
    .location-box { margin: 0 auto; max-width: 100%;}
    .main-formss.contact-form button.btn.sub { font-size: 15px; min-height: 46px; padding-top: 10px; padding-bottom: 10px; }
    .main-formss.contact-form .location-box>p { text-align: left; margin: 20px 0 10px; }
    body h2 { font-size: 24px; }
    .location-box .contact-details li { padding: 15px 0 0px; }
    .location-box .contact-details li svg { margin-right: 15px; width: 25px;}
    .location-box .contact-details li a { font-size: 16px; line-height: 28px; }
    body .banner-section.contact-us { padding: 130px 0 30px !important; }
    .other-top-heading p { font-size: 17px; line-height: 25px; }
    section.other-ways { padding-bottom: 40px; }
    .Contact-mapp { padding-bottom: 40px;}
    .row.boxes_row { padding-top: 10px; }
    .other-way-box { margin-bottom: 15px; }
    .other-way-box .box-logo { margin-bottom: 15px; }
    .buss-growth.contact-gro { padding: 0px 0 0px; }
    body .hire-develop { padding: 13px 30px; padding-left: 45px; }
    .tech-section { padding: 55px 15px; }
    .why-heading { margin: 0px 0px 10px; }
    .related-post-section p { font-size: 18px; font-family: "FuturaBTW01-Medium"; margin-bottom: 8px;}
    body .served-section { padding: 50px 0px !important; }
    /* .site-header .overlay-menu .main-menu-nav{ height: 450px; overflow-x: auto; } */

    .logo-slider .main-slider .slick-slide { width: 100% !important; max-width: 120px !important; }
    .footer-search .input-group input { height: 44px; }
    .footer-search .input-group .btn { font-size: 12px; padding: 13px 16px 12px 16px; }

    .site-header .overlay-menu.active .excellance-list .left-side { position: inherit; width: 100%; }
    .right-side.choose-outer h2 { padding: 0 15px; margin-top: 15px; }

    .overlay-menu .main-menu-nav a.active ~ div > .right-side { height: auto; }

    .exp-info-content { padding: 15px; } 
    .site-header .overlay-menu.active .excellance-list .row { margin: 0; }
    .menu-exp-info .exp-image { width: 10%; }
    .menu-exp-info .txt { width: 90%; }

    .banner-section.about { padding: 125px 0 20px !important;  background-color: #fff9f6; overflow: unset;}
    .banner-section.services-banner { height: 86vh; }
    .banner-section.services-banner .video_box .sd-text-box { margin: 30px auto 0;  max-width: 450px; }
    .services-section.mag-hm.services-page { padding-top: 0px; }
    .our-section.portfolio { padding: 30px 0 0px; }
    .expert-section.about { padding: 155px 0 70px; }
    .main-formss.contact-form { padding: 20px 10px 60px !important; }
    .top-box { padding-bottom: 70px; max-width: 85%;margin: auto;}
    body .services-section.magento { padding: 30px 0 !important; }
    body .tech-section.why-choose-section .row .col-md-3 { width: 50%; }
    .top_heading>p { font-size: 16px; }
    .served-section { padding: 30px 0 !important;}
    .high-performance { padding: 30px 0; }
    .site-header .overlay-menu .main-menu-nav li a.active ~ .mega-menu { margin-bottom: 20px; }
    .site-header .overlay-menu .main-menu-nav>li .menu-link { display: inline-block; margin-top: 10px; }
    .excellance-section { padding-top: 50px; }

    .right-side.choose-outer h2, .right-side.choose-outer h2 span { font-size: 20px; }
    .exp-info-content .row .col-md-6.mb-lg-5, .right-side.choose-outer h2 { margin-bottom: 15px !important; }
    .menu-exp-info h3 { margin-bottom: 0px; }
    .banner-section.mag-hm a.btn{
      width: 190px;
      text-align: center;
      display: flex;
      justify-content: center;
      padding: 16px 20px;
      margin: auto;
      background-color: #fff;
      font-family: "FuturaBTW01-Medium";
      font-size: 15px;
    }
    .banner-section.mag-hm a.btn{ letter-spacing: 1px;}
    nav.navbar.navbar-expand-md.navbar-light { padding: 0; padding-left: 40px;}
    .banner-section.mag-hm a.btn::before{left: 50px;}

    .notification-bar { display: none; }
    /*Menu Css*/
    .main-nav { background: #fff; z-index: 1; position: absolute; top: 55px; margin: 5px auto 0; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; padding-top: 0;  opacity: 0; right: 100%;   width: 100%; transition: .6s ease;}
    .main-nav.show{right: 0%;  opacity: 1;}
    .main-header .navbar-light .navbar-nav #last .nav-link{color: #fff !important;  font-size: 13px;}
    div#navbarSupportedContent { position: fixed; padding: 0; z-index: 9;top: -27px; height: 100%;background-color: #000;}
    header nav li#last a.nav-link{ height: 40px; width: 125px; line-height: 30px;}
    li#last {border: 0; padding: 10px 20px;  margin-top: 10px;}
   .site-header .overlay-menu-trigger{width: 29px; height: 28px;}
   ul#menu-primary{padding: 60px 0;}
   .nav-close-icon{display: block;padding: 30px 30px 0 0;}
   .nav-close-icon img{width: 20px;}
   .navbar-light .navbar-nav .nav-link::before{display: none;}
  }  

  @media (max-width:575px){
    .banner-section.shopify-app-banner.white-bg.inner-bnr::after{left: -240px;}
    body .caption-crausal {
      padding: 20px 35px;
  }
    .banner-section.portfolio.contact-us.career-outer{padding: 130px 0 40px !important;}
    .banner-section.portfolio.activity .textt p {
      display: none;
  }
  .post .main-outer{ max-width: 100%;}
    .banner-section.contact-us h1{max-width: 80%;}
    .location-box .loca-top svg {
      width: 52px;
      position: relative;
      top: -3px;
  }
  .main-formss h2{margin-bottom: 10px;}
    .other-top-heading h2{font-size: 22px;margin-bottom: 10px;}
    .blog-details .share-sec p{font-size: 15px;font-family: "FuturaBTW01-Medium";}
    .our-section.portfolio .boxx .arow{    margin-top: -21px;}
    .feature-insgt .left-mg {margin-bottom: 25px;}
    .blog-details {margin-top: -125px;}
    .banner-section.mag-hm.home h1 { font-family: 'FuturaBTW01-Bold'; max-width: 90%; margin: 15px auto;}
    .row.align-items-center.mt-md-5.mt-0.main-rw {max-width: 95%; margin: auto;}
    .services-section.mag-hm .single-service br, .main-serv-mobile{display: none;}
    .banner-section .award-outer { margin-top: 0px !important; }
    .experience{display: none;}
    .main-formss.contact-form.leave-policyy p{text-align: left;}
    .our-main-client .logo img {max-width: 90px;}
    .banner-section.mag-hm .shopify-logo img{max-width: 130px;}
    .banner-section.mag-hm .shopify-logo img {margin: 5px 0px 10px 0px;}
    .banner-section.mag-hm.home .award-outer{max-width: 380px;}
    .banner-section.magento h1, .banner-section.magento h1 span {font-size: 28px !important; line-height: 32px !important;letter-spacing: normal;}
    .banner-section.magento ul.mg-ser-list li.org-bg, .banner-section.magento ul.mg-ser-list li {width: 77px;height: 85px;margin-bottom: 10px;line-height: 15px;font-size: 10px;}
    .UI-banner-section.inner-bnr .list-inline li img { width: 50px; height: 50px;}
    .UI-banner-section ul li {margin-right: 20px !important;}
    .banner-section.devops.inner-bnr h1 {max-width: 280px; margin: 0 auto 10px;}
    .banner-section.devops .dev-bnr-img img{ max-width: 280px !important;}
    .banner-section.devops ul.dev-ser-list li:nth-child(even) img {width: 35px;}
    body section.Lbanner-section h1 { font-size: 18px;letter-spacing: 0;}
    section.wbanner-section .w-list ul li>span {margin-right: 10px;}
    section.wbanner-section .container::after{display: none;}
    section.banner-section.wbanner-section.inner-bnr .w-list ul li{font-size: 15px;}
    section.wbanner-section h1 img {width: 250px;max-width: 100%;}
    section.wbanner-section h1 img{margin-bottom: 10px;}
    ul.client-list li {max-width: 110px; margin: 0 10px;}
    body .banner-section.shopify-app-banner .bnr-img img {max-width: 200px;}
    /* body .banner-section.shopify-app-banner .imgwrapper .img-fluid {width: 160px;} */
    .banner-section .app-icons .img-fluid{width: 40px;height: 40px;}
    .process-section.mag-hm .t-slds__arrow-nearpic .t-slds__arrow-right {left: 70px !important;}
    section.Lbanner-section .order strong {font-size: 50px;line-height: 55px;}
    /*body section.Lbanner-section{height: 87vh;}*/
    section.Lbanner-section .order img{width: 70px;}
    section.Lbanner-section .order span {font-size: 70px;}
    .banner-section.mag-hm .text-right img {max-width: 250px;}
    .choose-section .main-imgg img{height: 400px;margin-bottom: 40px;}
    /* .vertical-tbs .card-body {padding: 15px 1rem;} */
    /* .vertical-tbs .card-body p {font-size: 14px;} */
    .operation-sec:after, .operation-sec:before{ display: none;}
    .team-sec h2 { font-size: 25px; line-height: 35px; text-align: center;margin-bottom: 20px; }
    .client-sec .inner{padding: 10px;}
    .team-sec .nav-tabs .nav-item{max-width: 97% !important;text-align: center;}
    body .banner-section.contact-us {padding: 120px 0 0px !important;}
    .ondemand-section.magento.shopify {min-height: 400px;}
    .choose-section.shopify .main-imgg img { width: 100%;max-width: 250px !important;margin: 20px auto 50px !important;}
    /* .expert-section.magento p{ font-size: 15px;} */
    .contact-via .main-inside:last-child { margin-bottom: 0;}
    .contact-via .main-inside { margin-bottom: 30px !important;}
    .contact-via .main-inside img {width: 40px;}
    .contact-via hr { margin-top: 30px;}
    .banner-section.contact-us .text-right img {width: 250px;}
    .banner-section.contact-us p{ font-size: 20px; margin: 5px auto 25px !important; }
    .Contact-mapp .responsive-map-container{padding-bottom: 35%;}
    body .create-section.aws h3{ text-align: left; }
    .main-formss.contact-form p { margin-bottom: 20px; }
    .services-section.mag-hm h2, .brand-exp-section h2, 
    .process-section.mag-hm h2, .ondemand-section.mag-hm h2 { font-size: 24px !important; line-height: 30px !important; }
    .process-section.mag-hm { padding: 60px 15px 50px !important; }
    .footer-area .footer-big .container.laravel-home { padding: 330px 0px 20px 0px !important; }
    .main-formss.laravel-home { margin: -60px 20px; }
    .main-formss textarea.form-control { font-size: 14px; }
    .ondemand-section .laravel-home a { margin: 0 auto; max-width: 180px; display: block; }
     /* body .banner-section h1 {line-height: 35px; } */
    .benefits-section.aws ul.side-lst li{ display: inline-grid; }
    .benefits-section.aws .left-sd { padding-left: 0 !important; }
    .footer-area .footer-big.aws .container { padding: 150px 0px 20px 0px !important; }
    .qa-section .qa-txt { padding: 0 15px !important; }
    .qa-section .txttt { margin-top: 0 !important; }
    .qa-section ul.qa-list {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
    .served-section span.slidess { font-size: 16px !important; }
    body .t-slds__arrow_wrapper-right { right: 60px !important; }
    .brand-exp-section .inner-brand { padding: 40px 60px !important; }
    .brand-exp-section .main-secc img { width: 70%; }
    body .services-section.mag-hm a.serv.btn:nth-child(3n) { margin-right: 0 !important; }
    body .services-section.mag-hm a.serv.btn:nth-child(6n) { margin-right: 0px !important; }
    .experience-section h2 { font-size: 25px !important; }
    body .services-section.mag-hm a.serv.btn:last-child { margin-right: 0 !important; }
   .experience-section.devops .right-sd ul li{ display: flex; font-size: 14px; }
    .related-post-section.devops span{ font-size: 13px; }
    .related-post-section.devops h2 { margin-top: 20px; }
    a.btn, button.btn{ font-size: 12px; padding: 18px 12px; }
    .experience-section.devops a.btn.blue { font-size: 10px !important; padding: 14px 10px; margin-right: 15px !important; }
    .choose-section .boxx {justify-content: center;padding: 30px 20px;text-align: center;}
    .choose-section .txtt {margin-top: 20px;}
    .experience-section.devops h2 {font-size: 23px !important;line-height: 30px;}
    .choose-section {padding: 30px 0 10px;}
    .hiring-pro .heading-_box h2 { font-size: 25px; line-height: 26px; }
    .hiring-pro .box-wrapper .pro-inner { width: 100%; }
    .hiring-pro {padding: 0px;}
    /* body .banner-section {padding: 100px 0 40px !important;} */

    .site-header .overlay-menu .main-menu-nav li a { font-size: 20px; line-height: 35px; }
    .technology-list li {width: 50%;padding: 20px; border-bottom: 1px solid #dee2e6;}
    .technology-list li:nth-child(2n) {border-right: none !important;}
    .hire-develop {font-size: 14px;padding: 15px 23px;margin-top: 15px;}
    .app-icons span i{width: 53px;height: 53px;}
    .app-icons span h6 {font-size: 14px;}
    .why-cnt-box h4 { font-size: 18px; }

    .services-section .services-box h3 { min-height: 1px; }
    
    .our-section.portfolio .tabbable .nav-tabs .nav-item .nav-link { width: 100%; margin-bottom: 15px; }
    .imgboxx { margin-bottom: 0; }
    .request_from .boxx { margin-bottom: 25px; }
    .location-box { margin-top: 50px; }
    /* .other-way-box { padding: 20px; } */

    .other-way-box ul li a { font-size: 17px; }
    body .tech-section.why-choose-section .row .col-md-3 { width: 100%; }

    .site-header .overlay-menu { padding: 20px 0px 0px; }
    .excellance-img img { max-width: 180px; }
    .col-md-6.text-center.w-100.excellance-img { text-align: left !important; margin-bottom: 15px; }

    .excellance-section { padding-top: 40px; }
    .follow-us .btn { padding: 7px; font-size: 12px; margin: 10px 0 0; }

    .logo-slider .slick-list { width: 100%; max-width: 80%;  }

  }


  @media (max-width:480px){
    .banner-section.shopify-app-banner.white-bg.inner-bnr::after { left: -275px;}
    body .caption-crausal {
      padding: 24px 23px;
  }
  .carousel.pointer-event .col-md-8.col-sm-10.col-10.cst-cs-item {
    margin-bottom: -50px;
}
    .our-main-client h2{padding: 0px 18px;text-align: left;}
    .feature-insgt {
      margin-top: -40px;
  }
    .caption-crausal h4{font-size: 15px;}
    .Leave-your-thought button.btn{width: 100%;}
    body .banner-section.crossplat-banner .font-light, .banner-section.crossplat-banner .font-light span { max-width: 96%;}
    .blog-details .web span { width: 12px; margin: 0 10px 3px;}
    .our-main-client .client-slider .logo img{  
      max-width: 200px;}
      .our-main-client .client-slider .slick-track{display: flex; justify-content: center;}
    .banner-section.ios-banner .app-icons img { max-width: 100%; width: 35px; }
    .banner-section.ios-banner .dev-bnr-img img {width: 100%;height: 370px;object-fit: contain;}
    .footer-area .footer-big.cnct .container {padding: 0 0px 20px 0px !important;}
    .left-slider .slick-current .content-inr {left: 0 !important;bottom: -40px;z-index: 99;right: 0 !important; margin: 0 auto !important;padding: 0 20px !important;max-width: 100%;}
    .left-slider ul.slick-dots {text-align: center !important;bottom: -50px;}
    .left-slider .slick-dots li:after, .banner-section.contact-us p br{display:none;}
    .slick-current .media.ftco-media:after { width: 70% !important; height: 80px !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; }
    
    body .main-formss.magento h2 { font-size: 20px !important; }
    body .services-section.mag-hm a.serv.btn { margin-right: 0px !important; }

    body .services-section.magento .aws-services h3 { margin: 15px 0; }
    body .our-team-section h2 { font-size: 25px !important; }
    body .our-process .process-tp { height: 0; }
    .our-team-section:after{ height: 250px !important; }
    .create-section.aws .left-img a { font-size: 12px !important; }
    /* body .expert-section.magento h2 { font-size: 20px !important; line-height: 30px !important; } */
    .services-section h2, .create-section h2, .process-section h2, .related-post-section h2{ font-size: 24px !important; line-height: 30px !important; }
    body .services-section.mag-hm a.serv.btn:nth-child(7) { margin-right: 0 !important; }
    .create-section .slider-inr { padding-left: 10px !important; width: 100% !important; }
    .banner-section img { max-width: 90%; width: 100%; }
    .hiring-section { padding: 60px 0; }
    .ondemand-section img { width: 160px; margin-bottom: 35px; }
    .hiring-section h2 { font-size: 20px; }
    .main-formss{ margin: -200px auto; padding: 30px 20px; }
    .main-formss input.form-control { font-size: 14px; margin-bottom: 10px; }
    .main-formss h2 { font-size: 24px; }
   
    /* .below-footer ul.social-icn{ justify-content: flex-start; } */
    .below-footer .rightt { padding-left: 0 !important; margin-top: 5px; }
    .ondemand-section h2 { font-size: 20px; line-height: 30px; text-align: center; }
    ul.hiring-listt { -webkit-column-count: unset; -moz-column-count: unset; column-count: unset; max-width: 300px; margin: 0 auto; }
    /*----------------NEW----------------*/
    .banner-section .dev-bnr-img { width: 100% !important; }
    .location-box .loca-top h3 { font-size: 24px; }
    /* body .banner-section h1, body .banner-section h1 span { font-size: 25px !important; } */
	/* body .banner-section.mag-hm.home h1, body .banner-section.mag-hm.home h1 span { padding-top: 0px;} */
	.served-section a.radd { float: left;}
	/* .banner-section .award-outer img { max-width: 50px !important;} */
	.served-section a.radd {float: left; margin-top: 20px;}
	.services-section h2, .create-section h2, .process-section h2, .related-post-section h2 { margin-bottom: 10px;}
	.services-section h2, .create-section h2, .process-section h2, .related-post-section h2, .our-main-client h2, body .served-section h2, .achievements-section h2, .client-sec h2, .expert-section.about h2, .team-sec h2, .our-section.portfolio h2, body .team-sec h2{ font-size: 24px;}
	.create-section h2 a, .related-post-section h2 a { margin: 0px 0 10px;}
	.footer-area h2.main-heading-ft {  line-height: 24px;}
	.widget-about .contact-details li a {line-height: 20px;}
	.main-slider .slick-slide {  margin: 5px 10px 0px;}
	.achievements-section .bottom-cont {  bottom: 45px;}
	

  }

  @media (max-width:400px) {
    
    .banner-section.about .video-container.desktop-video-hide::after{width: 250px;height: 250px;}
    .footer-area .footer-big .container { padding: 200px 10px 20px 15px; }
    body .footer-area .footer-big .container { padding: 0 !important; }
    .footer-area .footer-big .footer-widget{margin-bottom: 30px;}
    .our-main-client .logo img {max-width: 80px;}
    .row.align-items-center.mt-md-5.mt-0.main-rw { max-width: 100%;}
    .expert-section.about{padding: 130px 0 70px;}
    
  }


  @media (max-width: 375px) {
    .banner-section.magento h1, .banner-section.magento h1 span {font-size: 22px !important; line-height: 28px !important;letter-spacing: normal;}
    .blog-details .web p { font-size: 15px; }
    .our-main-client .logo img {max-width: 65px;}
    .services-section.mag-hm.magento h2 { max-width: 90%;}
    .achievements-section .bottom-cont { bottom: 25px;}
    .our-main-client h2 { padding: 0px 18px;}
  }


  @media (max-width: 360px) {
    /* .navbar-light .navbar-brand { margin-right: 10px; } */
    header .navbar-light .navbar-brand img { max-width: 180px; }
    .navbar-light .navbar-toggler { padding: 3px 5px; }
    div#main-menu .container-fluid .row .col-md-12 { padding-left: 8px; padding-right: 8px; }
    .site-header .overlay-menu-trigger { width: 21px; height: 30px; }
    .site-header .overlay-menu-trigger .menu-btn { margin: 5px 0 0; }
    header nav.navbar-light .navbar-toggler.mobile-toggle{top:0;}
    .logo-slider .main-slider .slick-slide { width: 100% !important; max-width: 120px !important; }

  }

  @media(min-width: 992px) and (max-width: 1280px) {
  .main-slider.slick-initialized.slick-slider {
    max-width: 90%;
    margin: auto;
}
}

  @media(min-width: 1440px) and (max-width: 1559px) {
      .services-section.mag-hm a.serv.btn {
        padding: 12px 12px;
        margin-right: 7px;
    }
  }
  @media(min-width: 353px) and (max-width: 675px) {
    .main-box-body {
      min-height: 168px;
  }
  }

@media(max-width: 352px){
  .main-box-body {
    min-height: auto;
}
}

 @media(min-width: 768px) and (max-width: 991px){
  body .expert-section.about { padding: 30px 0;}
  body .expert-section.about h2 { margin-bottom: 0 !important;}
  .footer-search .input-group input::placeholder {font-size: 13px;}
  .footer-search .input-group .btn{font-size: 11px;height: 55px;   padding: 21px 8px 18px 8px;}
  .footer-search .input-group input{height: 55px;    padding: 10px 8px}
  body .tech-section.why-choose-section.system-section ol.carousel-indicators.cst-tab li{font-size: 14px !important;}
  .main-slider.slick-initialized.slick-slider{max-width: 90%;}
  .achievements-section button.slick-prev.slick-arrow {left: -40px;}
.achievements-section button.slick-next.slick-arrow{right: -40px;}
.achievements-section .bottom-cont {
  bottom: 30px;
}

 }
 @media(min-width: 575px) and (max-width: 576px){
   .achievements-section .bottom-cont {
  bottom: 18px;
}
}
 @media(min-width: 480px) and (max-width: 574px){
  .achievements-section .bottom-cont{bottom: 40px;}
  .achievements-section h6.top-dev {margin-top: 120px;}
 }
 @media(min-width: 575px) and (max-width: 767px){
  .our-section.portfolio .boxx h5{font-size: 17px;}
  .our-section.portfolio .boxx span{font-size: 12px;}
  .our-section.portfolio .boxx .arow a svg { width: 15px; margin-left: 6px;}
.our-section.portfolio .boxx .arow a{font-size: 13px;}
 }
 @media(min-width: 575px) and (max-width: 991px){
    .services-section.mag-hm .boxes:nth-of-type(2n){
      padding-left: 8px;
    }
    .services-section.mag-hm .boxes:nth-of-type(2n+1){
      padding-right: 8px;
  }
  .home .services-section.mag-hm .boxes:nth-of-type(2n){
      /* padding-right: 8px; */
      padding: 0px 8px 0px 15px;
  }
  .home .services-section.mag-hm .boxes:nth-of-type(2n+1){
    padding: 0px 15px 0px 8px;
  }

 }
 @media only screen and (min-width: 992px) and (max-width: 1099px){
  .footer-menu.footer-menu--1 {
    padding-left: 45px;
}

 }
 @media only screen and (min-width: 1024px) and (max-width: 1025px){
  .achievements-section .bottom-cont {
    bottom: 16px;
}
 }
 @media only screen and (min-width: 1024px) and (max-width: 1040px){
  .main-slider .main-box {
    height: 329px;
  }
  .achievements-section h6.top-dev {
    font-size: 16px;
    margin-bottom: 5px;
  }
 }

 @media only screen and (min-width: 1025px) and (max-width: 1040px){
.achievements-section .bottom-cont {
  bottom: -32px;
}
 }
 @media only screen and (min-width: 768px) and (max-width: 768px){
  .team-sec .nav-tabs .nav-item{max-width:50%;padding: 0.5rem 15px;}.main-header .navbar-light .navbar-nav .nav-item:nth-child(7) { position: relative; top: 1px;}
  .site-header .overlay-menu-trigger{top:3px;}
 }
/*====================RESPONSIVE CSS ENDS HERE====================*/