/*Ubove 1360 Container */

@media (min-width: 1400px) {
 .container {
  width: 1360px !important;
 }
}

/*Ubove 1360 Container */

@media (min-width: 320px) {
 header {
  position: fixed;
  width: 100%;
  z-index: 99;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 25px 35px -5px rgba(0,0,0,0.2);
 }

 .banner-section-case-study {
  margin-top: 66px;
 }
}

@media (max-width: 1440px) {
 .top-contact-part {
  margin-right: 50px;
 }

 .hero-slider-wrap .hero-slider .slider .selected .home-hero img {
  display: inline-block !important;
  width: 60%;
 }

 .home-hero-wrap .home-hero .layer .hero3-imac {
  left: 70px;
 }
}




@media (max-width: 1280px) {

 /*AJ CSS -1280*/

 .achievements-box h2 {
  font-size: 30px;
 }

 .achievements-box p {
  font-size: 20px;
 }

 /*AJ CSS- 1280*/


}

@media (max-width: 1199px) {

 /*Banner css*/

 .topBanner {
  height: 600px;
 }

 .hero-slider {
  height: 600px !important;
 }

 .home-hero-wrap .home-hero .layer .hero3-imac {
  left: 0;
  bottom: 0;
 }

 #home-content4 {
  right: 6%;
  max-width: 45%;
  top: 32%;
  text-align: left;
 }

 .hero-slider-wrap .hero-slider .slider .item {
  margin: 0 0 0 0;
 }

 .home-content h3 {
  font-size: 28px;
  line-height: 36px;
 }
 /*End Banner CSS*/





 /*AJ CSS*/

 .jwellary-mobile-part {
  display: block;
  margin-top: 30px;
 }

 .jwellary-cover-part {
  display: none;
 }

 .jwellary-part {
  height: inherit;
  padding-bottom: 50px;
 }

 .new-big-container {
  height: inherit;
  max-width: inherit;
 }

 .testimonial-section-full-cover {
  display: inline-block;
  width: 90%;
  margin: 0 5%;
  margin-top: 40px;
 }

 .mobile-jwellary-item-one, .mobile-jwellary-item-two, .mobile-jwellary-item-three, .mobile-jwellary-item-fourth, .mobile-jwellary-item-fifth {
  display: inline-block;
  text-align: center;
  position: relative;
 }

 .jwellary-mobile-part .mobile-jwellary-item-three {
  width: 100%;
 }

 .mobile-jwellary-item-one img, .mobile-jwellary-item-two img, .mobile-jwellary-item-three img, .mobile-jwellary-item-fourth img, .mobile-jwellary-item-fifth img {
  display: inline-block;
 }

 .jwellary-mobile-part .mobile-jwellary-item-one .valuetext * {
  position: absolute;
  bottom: 105px;
  right: 132px;
  font-size: 0 !important;
 }

 .jwellary-mobile-part .mobile-jwellary-item-two .valuetext * {
  position: absolute;
  bottom: 140px;
  right: 140px;
  font-size: 0 !important;
 }

 .jwellary-mobile-part .mobile-jwellary-item-three .valuetext * {
  position: absolute;
  bottom: 165px;
  left: 41.5%;
  font-size: 0 !important;
 }

 .jwellary-mobile-part .mobile-jwellary-item-fourth .valuetext * {
  position: absolute;
  bottom: 140px;
  right: 140px;
  font-size: 0 !important;
 }

 .jwellary-mobile-part .mobile-jwellary-item-fifth .valuetext * {
  position: absolute;
  bottom: 100px;
  right: 135px;
  font-size: 0 !important;
 }
}

@media (max-width: 991px) {


 #test {
  display: none !important;
 }

 #forMob {
  display: block;
 }

 #forMob {
  bottom: 0;
  font-size: 17px;
  height: 106px;
  line-height: 22px;
  position: fixed;
  right: 0;
  top: 234px;
  width: 60px;
  z-index: 999999;
 }

  #forMob .title {
   background-color: #829c4c;
   border-radius: 4px 4px 0;
   cursor: pointer;
   left: 0;
   position: absolute;
   top: 40px;
  }

  #forMob h2 {
   color: #fff;
   font-size: 17px !important;
   font-weight: normal !important;
   margin: 0;
   padding: 0;
   text-transform: none !important;
   width: 172px;
  }

   #forMob h2 a {
    display: block;
    color: #fff;
    font-size: 22px;
    padding: 12px 25px 160px;
    text-decoration: none;
   }

    #forMob h2 a:hover {
     text-decoration: none;
    }

 .rotate {
  transform: rotate(-90deg);
  transform-origin: 50% 50% 0;
  -webkit-transform: rotate(-90deg);
 }

 /*AJ-New-CSS*/

 .landingpg-blog .achievements-row .col-md-3.col-sm-6.col-xs-12 {
  margin-bottom: 30px;
 }

 .achievements-row {
  padding: 50px 0 20px;
 }

 .contact-info-part {
  margin-top: 40px;
 }

 .footer-Wrapper .footer-blocks {
  margin-bottom: 20px;
  text-align: center;
 }

 footer .footer-Wrapper h2 {
  text-align: center;
  margin-top: 40px;
 }

 footer .footer-Wrapper a {
  text-align: center;
 }


 footer .footer-Wrapper .footer-links-full a {
  width: 100%;
  display: block;
 }

 .fAllLinks a, .followLonks a {
  display: inline-block !IMPORTANT;
  width: inherit !important;
 }

 .footer-pg-links {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-bottom: 30px;
 }

 footer .footer-Wrapper .footer-pg-links a {
  display: inline !important;
  width: inherit !important;
  margin: 0 10px !important;
 }

 .techNav .col-md-4 {
  margin-bottom: 40px;
 }

 .what-we-do {
  /*background: url(images/brick-bg.png) repeat-y;*/
  background-size: inherit;
 }

 .blogWrapper {
  /*background: url(images/gryTextureBg.png) repeat-y;*/
  background-size: inherit;
 }

 .achievements-holder {
  display: inline-block;
  text-align: center;
  width: 100%;
 }

 .achievements-box {
  float: none;
  display: inline-block;
 }

 .achievements-row .whatwedo-holder {
  padding-top: 20px;
 }

  .achievements-row .whatwedo-holder .msHolder {
   margin: 0 0 20px 0;
   text-align: left;
   float: left;
   width: 50%;
  }

  .achievements-row .whatwedo-holder .osHolder {
   margin: 0 0 20px 0;
   text-align: left;
   float: left;
   width: 50%;
  }

  .achievements-row .whatwedo-holder .mpHolder {
   margin: 0 0 20px 0;
   text-align: left;
   float: left;
   width: 50%;
  }

  .achievements-row .whatwedo-holder .isHolder {
   margin: 0 0 20px 0;
   text-align: left;
   float: left;
   width: 50%;
  }

  .achievements-row .whatwedo-holder.row {
   margin: 0;
  }

 .what-we-do-circle-img {
  text-align: center;
  width: 100%;
  display: inline-block;
 }

  .what-we-do-circle-img img {
   width: auto !important;
   max-width: 100% !important;
  }


 .navLogo > a {
  display: block;
  margin: 5px 0px;
 }

 .cd-nav .cd-navigation-wrapper {
  padding: 0 20px;
 }

 .cd-navigation-wrapper h2 {
  font-size: 22px;
  margin-bottom: 10px;
 }

 .cd-navigation-wrapper h3 {
  font-size: 20px;
 }

 .cd-navigation-wrapper a {
  font-size: 16px;
  line-height: 30px;
 }


 .cd-nav {
  overflow: auto;
  padding-bottom: 40px;
 }

 .allNav a {
  font-size: 14px;
  margin: 0 10px;
 }

 .achievements-box {
  width: 33.33%;
  margin: 2% 1%;
 }

 .whatwedo-holder h2 {
  font-size: 22px;
 }

 .whatwedo-holder p a {
  font-size: 20px;
  line-height: 34px;
 }

 .contact-info-part {
  text-align: left;
 }

 .contact-item h5 {
  display: inline-block;
  font-size: 20px;
 }

 .contact-item i {
  float: none;
  vertical-align: top;
  margin-right: 0;
 }

 .contact-item h5 span {
  margin-left: 0;
 }

 .contact-item h7 strong {
  font-size: 18px;
 }

 .contact-item p {
  font-size: 14px;
 }

 #snav {
  top: 30%;
 }

 .site-logo img {
  width: 220px;
 }

 .phone-number, .email-id a {
  display: inline-block;
  font-size: 14px;
 }

 .cd-nav-trigger {
  width: 40px;
  height: 40px;
 }

 /*Slider Related changes for Landing page*/

 .topBanner {
  height: 600px;
 }

 .hero-slider {
  height: 600px !important;
 }

 #home-content4 {
  left: 10%;
  max-width: 100%;
  top: 15%;
  text-align: center;
  opacity: 1;
 }

 .home-hero-wrap .home-hero .layer .hero3-imac {
  left: 22%;
  bottom: -5px;
  width: 60%;
 }

 .home-content h3 {
  font-size: 28px;
  line-height: 36px;
 }

 .home-content a {
  display: inline-block !important;
  width: inherit;
  font-size: 14px;
  padding: 10px 12px;
 }


 /*End Slider Related changes for Landing page*/



 /*AJ-New-CSS 991*/

 .spbox-1-app .downloadView {
  margin-bottom: 12px;
 }


 .contactWrapper .achievements-row {
  padding: 0px 0 20px;
 }

 .zic-zac-part-base {
  text-align: center;
 }

 .zic-zac-text {
  text-align: center !important;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
 }

 body.case-study-szul .zic-zac-text h3 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
 }

 body.case-study-szul .zic-zac-part-base p {
  text-align: center;
 }

 body.case-study-szul .zic-zac-image {
  float: none !important;
 }

 .zic-zac-part-base {
  margin-top: 40px !important;
  border-bottom: 1px dashed #999;
  padding-bottom: 20px;
 }

  .zic-zac-part-base:first-child {
   margin-top: 20px !important;
  }

  .zic-zac-part-base:last-child {
   border-bottom: none;
   padding-bottom: 0;
  }

 body.case-study-szul .zic-zac-part-base p:last-child {
  margin-bottom: 0 !important;
 }

 .read-show-anchor {
  margin: 20px 0;
  text-align: center;
 }

 .wehavedone-more-para {
  margin-top: 10px;
 }



 .want-to-cover-part {
  padding: 20px 0 40px;
 }

 .previous-situation-cover-part {
  padding: 20px 0 50px;
 }

 .we-have-done-part-cover-part {
  padding: 50px 0 0;
 }

 .technologies-unleashed-cover-part {
  padding: 20px 0 40px;
 }

 body.case-study-szul h3 {
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 10px;
  text-align: center;
 }

 .previous-situation-cover-part p {
  text-align: center;
 }

 .current-situation-second-part {
  margin-top: 20px;
 }

 body.case-study-szul {
  font-size: 18px;
  line-height: 24px;
 }

 .technologies-full-images-part > span {
  display: inline-block;
  margin: 4px 0;
 }

 .banner-section-case-study {
  height: 500px;
  background-size: cover;
 }

 .banner-heading-text {
  color: #fff;
  padding-top: 30px;
  text-align: center;
 }

  .banner-heading-text h1 {
   font-family: 'DroidSans-Bold';
   font-size: 28px;
   line-height: 20px;
   padding-bottom: 0px;
  }

  .banner-heading-text .sub-text-banner {
   font-size: 20px;
   line-height: 28px;
  }

 .all-we-did-one .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-two .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-three .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-four .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-five .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-six .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-seven .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-eight .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-nine .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-ten .zic-zac-text {
  padding-top: inherit;
 }

 .all-we-did-eleven .zic-zac-text {
  padding-top: inherit;
 }
}


@media (max-width: 767px) {


 /*AJ-New-CSS 767*/

 #snav li a {
  width: 40px;
  height: 40px;
 }

  #snav li a i {
   width: 100%;
   height: 100%;
  }

   #snav li a i {
    background-size: 100% !important;
   }

 #snav.en li a:hover span {
  display: none;
 }

 #snav li a:hover i.oa, #snav li a:hover i.wwd, #snav li a:hover i.pf, #snav li a:hover i.rb, #snav li a:hover i.cu {
  background-size: 100%;
 }

 footer .footer-Wrapper h3 {
  font-size: 18px;
 }

 footer .footer-Wrapper a {
  font-size: 16px;
 }

 .achievements-holder, .whatwedo-holder, .portfolio-holder, .blog-holder, .contact-holder {
  overflow: hidden;
  width: 100%;
  padding: 30px 0 0 0;
 }

 h2.title {
  font-size: 32px;
 }

 p.pera {
  font-size: 18px;
 }

 .achievements-box {
  float: none;
 }


 .achievements-holder {
  display: inline-block;
  text-align: center;
 }

 .filter-section {
  padding-top: 20px;
 }

 ul.filter > li > a {
  font-size: 18px;
 }

 .whatwedo-holder h2 {
  font-size: 20px;
 }

 .whatwedo-holder p a {
  font-size: 18px;
  line-height: 32px;
 }

 .blogBox h2 {
  font-size: 20px;
  line-height: 24px;
 }

 .blogBox a {
  font-size: 18px;
 }



 .achievements-row .whatwedo-holder .msHolder {
  margin: 0 auto 20px auto;
  max-width: 80%;
  text-align: left;
  width: 100%;
  float: none;
 }

 .achievements-row .whatwedo-holder .osHolder {
  margin: 0 auto 20px auto;
  max-width: 80%;
  text-align: left;
  width: 100%;
  float: none;
 }

 .achievements-row .whatwedo-holder .mpHolder {
  margin: 0 auto 20px auto;
  max-width: 80%;
  text-align: left;
  width: 100%;
  float: none;
 }

 .achievements-row .whatwedo-holder .isHolder {
  margin: 0 auto 20px auto;
  max-width: 80%;
  text-align: left;
  width: 100%;
  float: none;
 }

 .achievements-box {
  width: 46%;
  margin: 2% 1%;
 }

 .industriesNav {
  margin: 0;
  text-align: left;
 }

 .techNav {
  margin: 20px 0 0 0;
  overflow: hidden;
  text-align: left;
 }

 .allNav {
  margin: 30px 0 0 0;
  text-align: left;
 }

 .industriesNav a {
  display: inline-block;
  margin: 0 62px 0 0;
  width: 100%;
 }





 /*End AJ-New-CSS 767*/












 .banner-heading-text .sub-text-banner {
  white-space: inherit;
 }

 .current-situ-left-part {
  text-align: center;
 }

 .current-situ-right-part {
  text-align: center;
 }

 .mobile-jwellary-item-one, .mobile-jwellary-item-two, .mobile-jwellary-item-three, .mobile-jwellary-item-fourth, .mobile-jwellary-item-fifth {
  display: inline-block;
  text-align: center;
  position: relative;
  width: 100%;
  margin: 0 0 20px;
 }

 .testimonial-inner-text-part-only:before {
  display: none;
 }

 .testiminial-block .col-md-3 img {
  display: inline-block;
 }

 .testiminial-block .col-md-3 {
  display: inline-block;
  text-align: center;
  width: 100%;
 }

 body.case-study-szul {
  font-size: 16px;
  line-height: 24px;
 }

  body.case-study-szul .zic-zac-part-base p {
   font-size: 16px;
   line-height: 24px;
  }

 .testimonial-inner-text-part-only p {
  font-size: 16px;
  line-height: 24px;
 }

 .testimonial-author span {
  font-size: 20px;
 }

 .testimonial-inner-text-part-only {
  margin-top: 20px;
 }

 .testimonial-author {
  padding-left: 0;
  color: #3c87b7;
  font-size: 16px;
  font-weight: bold;
 }

  .testimonial-author:before {
   display: none;
  }

 .current-situ-right-part {
  margin-top: 20px;
 }
}

@media (max-width: 640px) {

 /*Banner CSS*/


 .topBanner {
  height: 500px;
 }

 .hero-slider {
  height: 500px !important;
 }



 #home-content4 {
  left: 10%;
  max-width: 100%;
  top: 20%;
  text-align: center;
  opacity: 1;
 }

 .home-content h3 {
  font-size: 20px;
  line-height: 24px;
 }

 .home-content a {
  font-size: 12px;
  padding: 10px 8px;
 }

 .home-hero-wrap .home-hero .layer .hero3-imac {
  left: 22%;
  bottom: -5px;
  width: 60%;
 }

 /*End Banner CSS*/





 /*AJ CSS*/

 .copyright-section a {
  display: block;
  margin-bottom: 10px;
 }

 .copyright-section .footer-pipe {
  display: none;
 }

 .viewAllLink a {
  font-size: 14px;
  margin-top: 0;
 }

 h2.title {
  font-size: 26px;
 }

 .whatwedo-holder h2 {
  font-size: 18px;
 }


 .whatwedo-holder p a {
  font-size: 16px;
  line-height: 28px;
 }

 .allNav a {
  font-size: 12px;
  margin: 0 10px 20px;
 }

 .cd-nav .cd-navigation-wrapper {
  padding: 0 10px;
 }

 .site-logo img {
  padding-top: 5px;
  width: 200px;
 }

 .phone-number, .email-id a {
  display: inline-block;
  font-size: 14px;
 }



 /*End AJ CSS -640*/



 .pull-left.site-logo {
  text-align: left;
  width: 100%;
  display: inline-block;
 }

 span.pull-right.top-contact-part {
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 0;
 }

 .banner-section-case-study {
  height: 300px;
  background-size: cover;
 }

 .banner-heading-text {
  color: #fff;
  padding-top: 15px;
  text-align: center;
 }

  .banner-heading-text h1 {
   font-family: 'DroidSans-Bold';
   font-size: 18px;
   line-height: normal;
   padding-bottom: 5px;
   margin-bottom: 0;
   padding-top: 0;
   margin-top: 10px;
  }

  .banner-heading-text .sub-text-banner {
   font-family: 'DroidSans';
   font-size: 14px;
   line-height: 20px;
  }

 .we-have-done-part-cover-part {
  padding: 50px 0 0;
 }
}

@media (max-width: 480px) {

 /*Banner CSS*/

 .home-hero-wrap .home-hero .layer .hero3-imac {
  left: 22%;
  bottom: -5px;
  width: 65%;
 }

 .home-content h3 {
  font-size: 16px;
  line-height: 22px;
  margin-top: 10px;
 }

 .home-content a {
  font-size: 10px;
  padding: 10px 8px;
 }

 /*End Banner CSS*/

 /*AJ CSS*/

 .achievements-box {
  width: 90%;
  margin: 2% 1% 4%;
 }

 .filter-section .filter-container .filter > li {
  margin-bottom: 15px;
  width: 100%;
 }

  .filter-section .filter-container .filter > li span {
   display: none;
  }

 span.follow-us-text {
  font-size: 20px;
 }

 /*AJ CSS*/

 .email-id a {
  margin-left: 0;
 }

 .testimonial-author {
  font-size: 13px;
 }

  .testimonial-author span {
   font-size: 16px;
  }
}

@media (max-width: 360px) {

 span.follow-us-text {
  font-size: 18px;
 }
}






/*For left bar hamburger changes for all version*/

.full-nav-lb {
    right: 0;
}

/*End Css*/
