@media screen and (min-width:1921px) {
  .homeBanner{min-height:90vh;}
  body.page-template-template-company .subscribeBlock::before{ background-position: top center;}
  .number{line-height: 6.2vw;}

  html body.page-template-template-career .HeroSecWithBG h1{font-size:2.5vw; line-height:3.1vw;}
  html.de body.page-template-template-career .HeroSecWithBG h1{font-size:2vw; line-height:2.4vw;}
}


@media screen and (min-width: 0px) and (max-width:1800px) {
  .expTech .content_1100{ padding-top: 16%;}
}
@media screen and (min-width: 0px) and (max-width:1600px) {
  .homeCamera{width:16%;}
  .bannerDetails{ padding-bottom: 12%;}
  .expTech .content_1100{ padding-top: 18%; padding-bottom: 12%;}
  /* Technology page start here */
  .techHero h1{font-size:34px; line-height:42px;}
  .theCamera{width:15%;}
  .stepRow .imageBox{max-width:200px;}
  .number{ width:120px; height:120px; font-size:100px!important; line-height:120px!important;}
  /* Technology page end here */

  .signupBox .gform_ajax_spinner{ top:44%;}

  /* Company page start here */
  .textOnImageBlock .cameraImage{left:6%;}
  .textOnImageBlock .mobileDisplay{right:10%; width: 12%;}
  /* Company page end here */

}

@media screen and (min-width: 0px) and (max-width:1520px) {
  /* Company page start here */
  .textOnImageBlock .cameraImage{ left:2%;}
  .textOnImageBlock .mobileDisplay{ right:9%;}
  /* Company page end here */

  .topCurve::before{ top:18vw;}
  .infoSec h2{ font-size:2.4vw; line-height:3.4vw;}
}

@media all and (device-width:1440px) and (device-height:900px) and (orientation:landscape) {
.homeBanner{ min-height: 710px;}
}

@media screen and (min-width: 0px) and (max-width:1400px) {
  /* .content_1100,.bannerDetails, .comHero .content_1100{max-width:1140px;} */
  ul.partnerList li{ padding: 26px;}

  .HeroSecWithBG.careerHero, .HeroSecWithBG.blogHero{min-height:92vh;}

  .enqBox, .signupBox{ width: 43vw; height: 43vw;}

  /* Home page start here */
  .expTech .content_1100{ padding-top: 22%; padding-bottom: 14%;}

  .banerInfo{ padding: 0px 22% 0 32%;}
  .banerInfo .btn{ font-size: 18px!important;}
  .banerInfo h1, html.de .banerInfo h1{font-size:4.4vw; line-height:4.8vw; padding-bottom: 2vw;}
  .banerInfo p, html.de .banerInfo p{font-size:2.2vw; line-height:2.8vw; padding-bottom:2.2vw;}

  .opportunityShape{font-size:2.5vw; line-height:2.8vw;}
  .opportunitySec .btn{}
  .expTech .borderBox{ font-size: 30px; line-height: 38px; padding: 40px!important;}
  html.de .expTech .borderBox{font-size: 30px; line-height: 38px;}
  .topText{ font-size:20px; line-height: 28px; padding-bottom:24px; width: 46%; padding-bottom:40px;}
  .topText p:last-of-type{ padding-bottom: 0px;}
  .leftSpaceBox{padding-left:80px;}

  .banerInfo .btn, .homeshapeImage .btn, .expTech .btn, .opportunitySec .btn{
    font-size: 20px;
    line-height: 28px;
    padding: 16px 44px;
  }
  ul.homeFeaturesSec li, html.de ul.homeFeaturesSec li{ font-size: 1.2vw;}
  /* Home page end here */

  /* Technology page start here */
  .content_64{ max-width: 80%;}
  .techHero .contentBox{padding-left:4%; padding-right:14%;}
  .techCamera{ right: 8%;}
  /* Technology page end here */

  /* Company page start here */
  .teamList .col{padding:0 20px 60px 20px}
  .teamImage{max-width:400px; margin:0 auto;}
  .textOnImageBlock{min-height:80vh;}
  /* Company page end here */

  /* careers page start here */
  .quotewithImage .content_1100{ max-width:1000px}
  /* careers page end here */

  /* contact page start here */
  .addressBox{ max-width: 580px; padding: 50px 40px;}
  /* contact page end here */
}

@media screen and (min-width: 0px) and (max-width:1280px) {
  /* contact page start here */
  .bannerDetails.contactForm{ padding-bottom:14%;}
  /* contact page end here */

  /* Company page start here */
  .textOnImageBlock .cameraImage{ left:0%;}
  /* Company page end here */
}

@media screen and (min-width: 0px) and (max-width:1240px) {
  .featureName{font-size:17px; line-height:24px;}
}

@media screen and (min-width: 0px) and (max-width:1200px) {

  .shapeImage{top: -120px;}
  ul.partnerList li{ padding: 18px;}

  /* Technology page start here */
  .content_64{padding-left:0; padding-right:0;}
  /* Technology page end here */

  /* contact page start here */
  .HeroSecWithBG .contactForm h1,
  .HeroSecWithBG.comHero h1,
  .HeroSecWithBG.casHero h1,
  html.de .HeroSecWithBG .contactForm h1,
  html.de .HeroSecWithBG.comHero h1,
  html.de .HeroSecWithBG.casHero h1,
  {font-size:55px; line-height:62px!important;}

  body.page-template-template-contact .bannerDetails .largeTitle{ padding-bottom:50px;}
  .subscribeBlock .enqBox, .subscribeBlock .signupBox{width:42vw; height:42vw;}
  .subscribeBlock h2{font-size:3vw; line-height:3.5vw;}
  /* contact page end here */

  .signupBox .gform_ajax_spinner{ top:40%;}

  /* faqs start here */
  .faqHolder.activeArrow::before{
    width:calc(100% + 10px);
    left:-6px;
    height:calc(100% + 20px);
    top:-10px;
  }
  ul.faqList > li{
    padding-left:16px;
    padding-right:16px;
  }
  .faqHolder.activeArrow{
    margin: 30px 0;
  }
  .faqTtitle::before{width:36px; height:36px;}
  /* faqs end here */

  .contactForm .gform_footer{ left:68%;}
}

@media screen and (min-width: 0px) and (max-width:1140px) {

  /* home page start here */
  .homeBanner .contentBox{ max-width: 100%; padding-left: 20px; padding-right: 20px;}
  .banerInfo{ padding:0 20% 0 34%;}
  .banerInfo h1, html.de .banerInfo h1{font-size:4.8vw; line-height:5.2vw; padding-bottom: 2.6vw;}
  .banerInfo p, html.de .banerInfo p{font-size:2.4vw; line-height:2.8vw; padding-bottom: 2.6vw;}

  .opportunities h2, .homeEnq .enqBox h2{font-size:2.6vw; line-height:3vw;}
  .opportunities input[type="submit"], .homeEnq .enqBox .btn,
  .opportunitySec .btn{ padding:1.4vw 2vw; min-width: 80%; font-size: 16px; line-height: 24px;}

  .banerInfo .btn, .homeshapeImage .btn, .expTech .btn, .opportunitySec .btn{padding:1.4vw 4vw; font-size: 16px; line-height:24px;}

  .opportunitiesShapeHolder .signupBox input[type="email"]{padding:10px 10px!important; font-size:18px!important;
line-height:26px!important;}
  /* home page end here */

  /* stories start here */
  .blogList .col .post{ padding: 20px;}
  .postLink{ left: 20px;}
  /* stories end here */

  .subscribeBlock .enqBox, .subscribeBlock .signupBox{width:44vw; height:44vw;}
  body.page-template-template-r-and-d .contactPopup,
  body.page-template-template-career .contactPopup{ width: calc(100% - 40px);}

  /* Technology page start here */
  .techHero h1{font-size:24px; line-height:32px;}
  .content_64{max-width:100%;}
  .techHero .contentBox{max-width:100%;}
  .techCamera{right:12%;}
  /* .techHero{height:100vh;} */
  .techHero .contentBox{padding-right:24%; padding-left:40px; padding-bottom:48%;}
  .techBannerMobile{left:6%;}

  .featuresInfo .row .flexVerticalCenter{ padding-left: 40px; padding-right: 40px;}
  .featuresInfo .row:nth-child(2) .flexVerticalCenter{ padding-left:20px; padding-right:20px;}
  /* Technology page end here */

  /* Company page start here */
  .textOnImageBlock .cameraImage{ left: 0; width: 16%;}
  .textOnImageBlock .content_1100{ padding:0 12%;}
  .textOnImageBlock .greeBgbox .borderBox, html.de .textOnImageBlock .greeBgbox .borderBox{ padding:40px; font-size: 3vw;
line-height: 3.4vw; padding-right:20%;}
.textOnImageBlock .mobileDisplay{width:16%;}
  /* Company page end here */

  .contactForm .gform_footer{ left:72%;}

}

@media screen and (min-width: 0px) and (max-width:1080px) {
  .productSlide .slick-slide .slideContent{ padding: 100px 48px !important;}
  .productSlide .slick-track{ padding-left: 30px;}

  html.de .contactForm fieldset.chboxholder.secondCH{ padding-right: 0px;}
  html.de .contactForm .chboxholder{
    grid-column: 1/-1 !important;
    padding-top: 2px !important;
  }
  html.de .contactForm .gform_footer{
margin-left: auto !important;
margin-right: auto !important;}
}
@media screen and (min-width: 0px) and (max-width:1079px) {
  .TBspace, .quoteSec{padding-top:60px; padding-bottom:60px;}
  .introBlock{ padding-bottom: 60px;}
  .teamBlock h2{ padding-bottom:50px;}
  body.post-template-default.single .entry{font-size:18px; line-height: 26px;}
  body{font-size:18px; line-height:26px;}
  h1{font-size:48px; line-height:56px;}
  h2{font-size:38px; line-height:46px;}
  h3{font-size:32px; line-height:40px;}

  .HeroSecWithBG .contactForm h1,
  .HeroSecWithBG.comHero h1,
  .HeroSecWithBG.casHero h1, h2.sectioTitle,
  html.de .HeroSecWithBG .contactForm h1,
  html.de .HeroSecWithBG.comHero h1,
  html.de .HeroSecWithBG.casHero h1
  {font-size:48px; line-height:56px!important;}

  .opportunityShape{font-size:2.8vw; line-height:3.2vw;}
  .leftSpaceBox{ padding-left: 60px;}

  /* home page start here */
  .homeCamera{ left:10%; width: 20%;}
  .banerInfo{ padding:0 24% 0 28%;}
  .banerInfo h1, html.de .banerInfo h1{font-size:5.6vw; line-height:6.2vw;}
  .banerInfo p, html.de .banerInfo p{font-size:3.2vw; line-height:3.4vw;}
  /* home page end here */

  /* Technology page start here */
  ul.mobSlide{ padding: 8px;}
  .cameraInfo .content_1100{padding-left:18%; padding-right:18%;}
  .theCamera{width:16%; }

  .featuresInfo .row{padding-bottom:50px;}
  .featuresInfo .row:first-child .flexVerticalCenter::before{ top: auto; transform: translate(0, 0); bottom: 0;
  height: calc(100% - 60px);}
  .featuresInfo .row .flexVerticalCenter, .featuresInfo .row:nth-child(2) .flexVerticalCenter{ padding: 40px;}
  .featuresInfo .row:last-child .flexVerticalCenter{ padding-top:40px; padding-bottom:40px;}
  .featuresInfo .row:first-child .flexVerticalCenter{ padding-bottom: 40px;}
  .featuresInfo .row:nth-child(2) .col:first-child{ padding-right:0px; max-width:80%; margin: 0 auto;}
  .featuresInfo .row:nth-child(2) .col:last-child{padding-left:0px; padding-top:20px; text-align:center;}
  .featuresInfo .row .col{ width: 100%; padding-left: 0px; padding-right: 0px;}
  /* .featuresInfo .row .col:first-child{ padding-bottom:40px;} */
  .featuresInfo .row:first-child .col:first-child{width:100%; padding-left:0;}
  .featuresInfo .row:first-child .col:last-child{width:100%; padding-right:0; padding-top: 40px; text-align:center;}
  .featuresInfo .row:last-child .col:first-child{width:100%; padding-left:0;}
  .featuresInfo .row:last-child .col:last-child{width:100%; padding-right:0; padding-top: 40px; text-align:center;}
  .featuresInfo h2{ font-size: 30px; line-height: 38px;}

  .imageslide{ max-width: 240px;}
  .screenSize{width: 46.5%; left: 10.5%;}
  ul.iconsList li{ width: 20%;}

  .stepRow, .stepRow.laptopSec{ padding-top:50px; padding-bottom:50px;}
  .stepRow .col_30_40_30 .col{width:100%; text-align:center; padding: 0 20% 40px 20%;}
  .stepRow .col_30_40_30 .col:first-child, .stepRow .col_30_40_30 .col:last-child{ padding-left: 0; padding-right: 0;}
  .stepRow .col_30_40_30 .col:last-child{ padding-bottom: 0px;}
  .stepsHolder h2{ font-size: 44px; line-height:52px;}

  .TBspace.faqLinkBlock{ padding-top:40px; padding-bottom:80px;}
  /* Technology page end here */

  /* Company page start here */
  h2.sectionTitle, .techFeatures h2{font-size:28px; line-height:34px;}
  ul.partnerList li{width:16.66%; padding: 16px;}
  /* Company page end here */

  /* stories start here */
  .TBspace.blogList{ padding-bottom: 40px;}
  .categoryList{ padding-bottom: 30px;}
  .blogList .col{ width:50%;}
  .blogList .col .meta{font-size:16px; line-height:24px; padding-bottom:16px;}
  .postPublishInfo .DateAuthBox{font-size:16px; line-height:24px; padding-left:18px;}
  .blogList .col{font-size:16px; line-height:26px;}
  .blogList .col h2{font-size:24px; line-height:32px; padding-bottom:18px;}
  .pagination{padding-top:20px;}
  .postLink{ font-size: 18px;}

  .postPublishInfo{padding-bottom:16px; margin-bottom:20px;}
  .profileImage{width:64px; height:64px;}
  .postDetail h1{ padding-bottom:40px; font-size:44px; line-height:52px;}
  .postDetail .postImage{padding-bottom:40px;}
  /* stories end here */

  /* Career page start here */
  .quoteText{ font-size: 24px; line-height: 32px;}
  .authorName{ padding-top: 20px; font-size: 20px; line-height: 28px;}
  /* Career page end here */

  /* faqs start here */
  .faqTtitle{font-size:24px; line-height:32px;}
  .faqDetails{padding-right:0px;}
  .faqDetails p{padding-bottom:16px;}
  /* faqs end here */

  /* R&D page start here */
  .infoSec h2{font-size:26px; line-height:34px;}
  /* R&D page end here */

  /* contact start here */
  body.page-template-template-contact .bannerDetails .largeTitle{ padding-bottom: 40px;}
  .addressBox{position:relative; top:auto; margin:0 auto; left:0; right: 0;
  transform: translate(-0%, -20%); padding: 30px 30px; width: calc(100% - 40px);}
  .TBspace.mapSec{ padding-bottom: 0px;}

  .contactPopup .popcontainer{ padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
  .mapHolder .content_1100{ position:relative;}

  .contactForm .gform_footer{ left:76%;}
  /* contact end here */
}

@media screen and (min-width: 0px) and (max-width:900px){
  .content_1100, .bannerDetails{ padding-left: 20px; padding-right: 20px;}
  .techHero .contentBox{ padding-left: 20px;}

  .shapeImage{top: -100px;}

  .content_1100.headerTop{
    /* display: none; */
    position:absolute;
    width:auto;
    padding:0;
    right:0;
    top:26px;
    right:72px;
    z-index:999;
  }
  .content_1100.headerTop .dashIcon{ display:none;}
  header .headerBlock{ padding-top: 20px; padding-bottom: 20px;}
  #page-wrap, body.showDashboard #page-wrap,
  html.de #page-wrap,
  html.en #page-wrap{ padding-top: 78px;}

  /* home page start here */
  .leftSpaceBox{ padding-left: 40px;}
  .expTech .borderBox{ width:100%; max-width: 80%;}
  .topText{ width: 56%;}
  /* home page end here */

  .casHero .col_40_60 .col:first-child,
  .casHero .col_40_60 .col:last-child{width:100%; padding:0;}
  .casHero .col_40_60 .col:first-child{ padding-bottom:40px;}
  .ctaLink{width:60px; height:60px; background-size:24px;}

  /* Technology page start here */
  .techFeatures .col{width:33.33%; padding-bottom: 40px;}
  .number{width:100px; height:100px; font-size:80px!important; line-height:100px!important;}
  ul.iconsList li{ width: 25%;}
  .techCamera{ width: 18%;}
  /* Technology page end here */

  /* Company page start here */
  ul.partnerList li{width:20%;}
  .textImageflex .col:first-child, .textImageflex .col:last-child{ width: 100%; padding-left: 0px; padding-right: 0px;}
  .textImageflex .col:first-child{ padding-bottom:30px;}
  .textImageBlock .box{ max-width: 400px; margin: 0 auto;}
  .textImageflex .col:last-child p:last-of-type{padding-bottom:0px;}
  .textOnImageBlock .greeBgbox{padding-top:60px; padding-bottom:60px;}
  /* Company page end here */

  /* R&D page start here */
  .HeroSecWithBG.casHero, .casHero .col_40_60 .col h1, .casHero .col_40_60 .col h2, .casHero .col_40_60 .col h3, .casHero .col_40_60 .col h4, .casHero .col_40_60 .col h5, .casHero .col_40_60 .col h6{ color:#fff;}

  .HeroSecWithBG.casHero .box::after{
    content:'';
    width: 100%;
    height: 100%;
    position:absolute;
    left: 0; top:0;
    background-color:rgba(0,0,0,0.4);
  }
  .productSlide .slick-track{ padding-left: 24px;}
  .productSlide .slick-slide .slideContent{ padding-left: 34px!important; padding-right:34px!important;}

  .infoSec{ padding-left: 20px; padding-right: 20px;}
  .infoSec .proImage img{max-width: 100px;}
  /* R&D page end here */

  /* Career page start here */
  blockquote{ padding-top:70px;}
  .quotewithImage .col:first-child, .quotewithImage .col:last-child{width:100%; padding:0px;}
  .quotewithImage .col:first-child{width:100%; padding-bottom:10px; padding-left:20px; padding-right:20px;}
  .quotewithImage .col:first-child .teamImage{max-width:400px; margin:0 auto;}
  .quoteText blockquote{ padding-bottom: 0px; margin-bottom: 0px;}
  blockquote::after{width:40px; height:40px; background-size:40px; top:20px;}
  .quoteSec blockquote{ padding-right: 0px; padding-bottom: 0px; margin-bottom: 0px;}
  body.page-template-template-career .subscribeBlock::before,
  body.page-template-template-company .subscribeBlock::before{ height: 50%;}
  /* Career page end here */

  /* contact page start here */
  .contactForm .gform_footer, .contactPopup .gform_footer{ position: relative; text-align: center;
    margin-top:20px!important;}
  .contactForm .gform_footer .gform_ajax_spinner,
  .contactPopup .gform_footer .gform_ajax_spinner{
    left:auto;
    top:34px;
    right:40%;
  }

  html.de .contactForm .gform_footer,
  html.de .contactPopup .gform_footer{
    max-width: 206px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html.de .contactForm .gform_footer .gform_ajax_spinner,
  html.de .contactPopup .gform_footer .gform_ajax_spinner{
    right:4%;
  }

  .gform_wrapper.gravity-theme .gform_footer input{ margin:0 auto!important;}
  .bannerDetails.contactForm{ padding-bottom:80px;}
  body.page-template-template-contact form .rightSpace{padding-right:0;}
  body.page-template-template-contact form .leftSpace{padding-left:0;}

  .subscribeBlock .enqBox, .subscribeBlock .signupBox{width:54vw; height:54vw;}
  .contactForm .chboxholder, .contactPopup .chboxholder{-ms-grid-column-span:6!important; grid-column: span 6!important; }
  .contactPopup .chboxholder{padding-top:14px!important;}
  .gfield_checkbox .gchoice label{font-size:18px!important; line-height:26px!important;}
  .contactForm .gform_footer{ left: 0}
  /* contact page end here */

  .signupBox .gform_ajax_spinner{ top:38%;}

  .subscribeBlock .enqBox, .subscribeBlock .signupBox{width:64vw; height:64vw; margin: 0 auto; margin-bottom:50px;}
  .subscribeBlock .signupBox{ margin-bottom: 0px;}

  .blogList .content_1100{ padding-left: 10px; padding-right: 10px;}
}

@media screen and (min-width: 0px) and (max-width: 896px) {
@media all and (orientation: portrait){

  /* home page start here */
  .homeFishTwo{display:none;}
  .banerInfo .btn{position:absolute; left:0; right:0; margin:0 auto; bottom:16vw; max-width:60%;}
  .homeFishOne{ width:22%;}
  .homeFishThree{width:32%; margin: 0 auto;}

  .homeBanner{height:96vh; min-height: auto;}
  .HeroSecWithBG.expTech, .expTech .content_1100, .expTech .flexVerticalCenter{min-height: auto;}
  .expTech .content_1100{padding-top:20%; padding-bottom:20%;}
  .homeCamera{width:28%; left:-2%;}
  .banerInfo{padding:0 8% 0 28%;}
  .banerInfo h1, html.de .banerInfo h1{font-size:7.2vw; line-height:8.8vw; padding-bottom: 12vw;}
  .banerInfo p, html.de .banerInfo p{font-size:4.2vw; line-height:5vw;}
  /* home page end here */

  .mapHolder .deskMap, .expTech .desktopImage{ display:none;}
  .mapHolder .mobileMap, .expTech .mobileImage{ display: block;}

  .HeroSecWithBG.careerHero, .HeroSecWithBG.blogHero,
  .HeroSecWithBG.comHero, .HeroSecWithBG.casHero{ min-height: 50vh;}
  .HeroSecWithBG h1, html.de .HeroSecWithBG h1{ font-size: 4.4vw; line-height:5vw;}
  html.de body.page-template-template-career .HeroSecWithBG h1{font-size:3.2vw; line-height:4.0vw;}
  .casHero .TBspace{padding-bottom:100px;}

  .blogHero .shapeImage .fishOne{width:30%;}
  .textOnImageBlock{min-height:80vh;}
  /* .techHero{height:80vh;} */
  .techHero{ height: auto!important;}
  .techHero .contentBox{ padding-bottom:380px; min-height:auto;}

  /* contact page start here */
  body.page-template-template-contact .subscribeBlock{ padding-bottom:20%;}
  /* contact page end here */

  .contactForm .gform_footer .gform_ajax_spinner,
  .contactPopup .gform_footer .gform_ajax_spinner{right:41%;}

}
}

@media screen and (min-width: 0px) and (max-width: 896px) {
@media all and (orientation: landscape){
  .contactPopup{min-height:80%;}
  .techHero{ height: auto;}
  .techHero .contentBox{ padding-bottom:400px}
  .homeBanner{
    /* height:160vh; */
    height: auto;
    min-height:85vw;
  }
  .banerInfo .btn{font-size:14px!important; line-height:22px;}

  /* contact page start here */
  body.page-template-template-contact .subscribeBlock{ padding-bottom:20%;}
  /* contact page end here */
}
}

@media screen and (min-width: 0px) and (max-width:810px){
  .respMobileholder{
      text-align: left;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
  }
  .homeFeaturesHolder{ background-color:#014351!important; padding-top:0; padding-bottom:16%;}
  .homeFeaturesHolder.HeroSecWithBG{ min-height: auto;}

  /* home page start here */
  .homeBanner::before{display:block;}
  .homeBanner .contentBox{ padding-bottom:12vw!important;}
  .respMobileholder{ padding: 20px 0;}
  .respMobileholder .techmobile{ display: block;}
  .homeshapeImage .homeBottomFish{ display: none;}
  .homeshapeImage .col_60_40 .col:first-child{ width: 100%;}
  .homeshapeImage .col_60_40 .col:first-child .btn{ margin: 0 auto;}
  .homeshapeImage .col_60_40 .col:first-child p{ text-align: center; padding-bottom:20px;}
  .homeshapeImage .col_60_40 .col:last-child{display:none;}
  .homeshapeImage .borderBox, html.de .homeshapeImage .borderBox{ max-width:60%; margin:60px auto; font-size:28px; line-height:32px; margin-bottom: 40px;}
  .respMobileholder .techmobile{width:38%;}
  ul.homeFeaturesSec{ width:58%;}
  ul.homeFeaturesSec li{ width:50%; font-size:16px; line-height:24px; padding:14px;}
  html.de ul.homeFeaturesSec li{font-size:16px; line-height:24px;}
  .homeshapeImage, html.de .homeshapeImage{ font-size:22px; line-height:30px;}
  ul.homeFeaturesSec li .iconBox{max-width:50%;}

  .opportunitiesShapeHolder{padding-left:20px; padding-bottom:26vw;}
  .enqImage{padding-left:10%;}
  .opportunitiesShapeHolder .signupBox{width:42vw; height:42vw; right:11%;}
  .homeEnq .enqBox{ width: 42vw; height: 42vw; left: 20px;}
  .opportunityTower{ right: 23%; top:-2%;}

  .leftSpaceBox{ padding-left: 0px;}
  .expTech .borderBox{ width:100%; max-width: 100%; margin-bottom: 40px;}
  .topText{ width:70%;}
  .homeshapeImage > img{ display: none;}
  .homeshapeImage .content_1100{ position:relative;}
  .expTech .content_1100{ padding-top: 24%; padding-bottom: 24%;}
  .showFishMobile{ display:block;}

  .btnHolder{ text-align: center;}
  /* home page end here */

  .topCurve::before{top:22vw;}

  .ginput_container_select select{ color:#8D8D8D!important; font-weight: 400!important}

  .contactForm .gform_footer, .contactPopup .gform_footer{ max-width: 176px; margin-left:auto!important; margin-right:auto!important;}
  .contactForm .gform_footer .gform_ajax_spinner,
  .contactPopup .gform_footer .gform_ajax_spinner{right:10px;}

  html.de .contactForm .gform_footer input[type="submit"],
  html.de .contactPopup .gform_footer input[type="submit"]{ min-width: auto!important;}
}

@media screen and (min-width: 0px) and (max-width:809px){
  .TBspace, .quoteSec{padding-top:40px; padding-bottom:40px;}
  .introBlock{ padding-bottom: 50px;}
  h1{font-size:40px; line-height:48px;}
  h2{font-size:38px; line-height:46px;}
  h3{font-size:32px; line-height:40px;}
  h4{font-size:28px; line-height:36px;}
  h5{font-size:24px; line-height:32px;}
  h6{font-size:20px; line-height:28px;}
  blockquote{ font-size: 22px; line-height: 30px;}

  .casHero .col_40_60 .col:first-child{padding-bottom:0px;}
  .casHero .TBspace, .comHero .TBspace{padding-top:40px;}
  .shapeImage{top: -80px;}

  .HeroSecWithBG .contactForm h1,
  .HeroSecWithBG.comHero h1,
  .HeroSecWithBG.casHero h1, h2.sectioTitle,
  html.de .HeroSecWithBG .contactForm h1,
  html.de .HeroSecWithBG.comHero h1,
  html.de .HeroSecWithBG.casHero h1{font-size:40px; line-height:42px!important; padding-bottom:24px;}

  h2.sectionTitle, .techFeatures h2{font-size:24px; line-height:30px; padding-bottom:40px;}

  /* Technology page start here */
  .stepsHolder h2{font-size:38px; line-height:46px;}
  /* Technology page end here */

  /* Company page start here */
  .teamList .col{ padding-bottom: 40px;}
  .textOnImageBlock .content_1100{ padding: 0 14%;}
  .textOnImageBlock .cameraImage{ width: 20%;}
  .textOnImageBlock .greeBgbox .borderBox, html.de .textOnImageBlock .greeBgbox .borderBox{ font-size:28px; line-height:36px; padding: 30px;}
  .textOnImageBlock .mobileDisplay{ right: 4%;}
  /* Company page end here */

  /* stories start here */
  .postDetail h1{font-size:38px; line-height:46px; padding-bottom:32px;}
  .postDetail .postImage{padding-bottom:32px;}
  .postDetail .navigation{padding-top:14px;}
  /* stories end here */

  /* faqs start here */
  .faqTtitle{font-size:22px; line-height:28px;}
  /* faqs end here */

  .addressBox h2{font-size:28px; line-height:36px; padding-bottom:20px;}
}

@media screen and (min-width: 0px) and (max-width:767px){
  .subscribeBlock h2{font-size:4vw; line-height:4.5vw; padding-bottom: 2.5vw;}
  .subscribeBlock .gform_footer{ padding-top: 2.6vw!important;}
  .signupBox .gform_ajax_spinner{ top:38%;}

  /* home page start here */
  .topText{ width:100%;}
  /* home page end here */

  /* Technology page start here */
  .techHero .contentBox{padding-right:20px;}
  .techHero .techCamera{display:none;}
  /* .techHero{height:90vh;} */
  .techHero .contentBox{ padding-bottom:360px; height:auto;}
  .techFishThree{ display:none;}
  .techFishOne{ width: 24%;}
  .techFishTwo{ width: 20%; right:8%!important;}
  /* Technology page end here */

  .productSlide .slick-track{ padding-left: 0px;}
  .productSlide .slick-current .slideContent {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity:1;
  }

  .contactForm .chboxholder, .contactPopup .chboxholder{ grid-column: 1/-1!important; padding-top:2px!important;}
  .contactForm .chboxholder .gchoice, .contactPopup .chboxholder .gchoice{ padding-right: 0px;}
  .signupBox .gform_ajax_spinner{ top:36%;}
  .addressBox{ width: 100%;}
}

@media screen and (min-width: 0px) and (max-width:720px){
.banerInfo .btn{ max-width: 70%; padding: 1.8vw 4vw;}
}
@media screen and (min-width: 0px) and (max-width:680px){
/* Technology page start here */
.techFeatures .col{width:50%;}
/* Technology page start here */
}

@media screen and (min-width: 0px) and (max-width:641px){
  .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]){
    line-height:28px!important; min-height:auto!important;
  }
}

@media screen and (min-width: 0px) and (max-width:640px){
  body.page-template-template-contact form .rightSpace{padding-right:0px;}
  body.page-template-template-contact form .leftSpace{padding-left:0px;}

  .shapeImage{top:-60px;}

  .signupBox .gform_ajax_spinner{ top:46%;}
  /* home page start here */

  .homeshapeImage .borderBox, html.de .homeshapeImage .borderBox{ max-width: 80%; margin: 40px auto;}
  .showFishMobile .homeBottomFish{ width: 40%;}

  .homeEnq .enqBox, .opportunitiesShapeHolder .signupBox{ position: relative; margin: 0 auto; left: 0; right: 0;
    width: 80vw;
  height: 80vw;}
  .enqImage{ padding-left: 0; padding-top:50px;}

  .opportunitySec{ max-width: 100%; position: relative; left: 0; right: 0; margin: 0 auto; padding: 0 20px; color:#014351; top: 0;
transform: translate(0,0); font-size: 5vw; line-height: 5.5vw; padding-bottom:50px;}
  .opportunitiesShapeHolder{ padding-left: 0; padding-bottom:50px; padding-top:51vw;}
  .opportunityShape{ background-image:none;}
  .opportunitiesShapeHolder .curvshape{display: none;}
  .opportunityTower{ margin: 0 auto; left: 0; right: 0; width:36%; top:0%;}
  .banerInfo .btn, .homeshapeImage .btn, .expTech .btn, .opportunitySec .btn,
  .opportunities input[type="submit"], .homeEnq .enqBox .btn{
    font-size: 20px;
line-height: 28px;
padding: 16px 50px;
  }
  .banerInfo .btn{font-size:16px!important; line-height:24px!important; padding: 14px 40px!important;}
  .opportunitySec .btn{background-color:#014351; color:#ffffff; min-width:auto;}
  .opportunitySec .btn:hover{color:#fff; background-color:#2192A6;}
  .oppMobileshape{ display: block;}
  /* home page end here */


  /* Technology page start here */
  .stepRow .col_30_40_30 .col{ padding-left: 10%; padding-right: 10%;}
  .stepsHolder h2{ padding-bottom: 22px;}
  .techBannerMobile{ width: 20%;}

  .cameraInfo .content_1100{ padding-left: 20px; padding-right: 24%; text-align: left;}
  .cameraInfo .content_1100 h2{ text-align:left; padding-left: 0; padding-right: 0;}
  .theCamera{ width: 26%;}

  .imageslide{ max-width: 200px;}
  .featuresInfo .row:nth-child(2) .col:first-child{ max-width:100%;}
  .featuresInfo .row .flexVerticalCenter, .featuresInfo .row:nth-child(2) .flexVerticalCenter{padding: 28px;}
  .featuresInfo .row:last-child .flexVerticalCenter{ padding-top: 28px; padding-bottom: 28px;}
  .featuresInfo .row:first-child .flexVerticalCenter{ padding-bottom: 28px;}
  .featuresInfo h2{font-size:26px; line-height:34px; padding-bottom: 20px;}
  ul.iconsList li{ width:33.33%;}
  /* Technology page end here */

  /* Career page start here */
  .careerHero .fishOne{width:16%;}
  .careerHero .fishTwo{width:16%;}
  .careerHero .tower{height:80%;}
  body.page-template-template-career .contactPopup h2{ padding-bottom: 26px;}
  /* Career page end here */


  /* stories start here */
  .blogList .col{ width:100%;}
  /* stories end here */

  /* R&D page start here */
  .topCurve::before{ top:20vw;}
  .contactPopup .popcontainer{ padding:20px; padding-top: 40px;}
  .closeBtn{ right: 4px; top:4px;}
  .popupContent h2{ margin-bottom: 0px;}
  .popupContent .proImage{ width: 100%; padding-right: 0px; padding:30px 0;}
  .popupContent .desc{width: 100%; padding-left: 0px;}
  .productSlide{padding-bottom:40px;}
  .slideHolder .slick-arrow{width:40px; min-width:40px; height:40px;}
  .productSlide .slick-slide .slideContent{padding:20px 10px!important;}
  /* R&D page end here */

  /* Company page start here */
  .teamList .col{ width: 100%; padding-bottom: 40px;}
  .teamList .col:last-child{ padding-bottom: 20px;}
  ul.partnerList li{width:25%;}
  .partnerBlock h2.sectionTitle{ padding-bottom: 12px;}
  .textOnImageBlock .cameraImage{ width: 22%;}
  .textOnImageBlock .greeBgbox .borderBox, html.de .textOnImageBlock .greeBgbox .borderBox{ padding-right:12%;}
  .textOnImageBlock .greeBgbox .borderBox br{ display:none;}
  .textOnImageBlock .mobileDisplay{width: 20%;}
  /* Company page start here */

  .subscribeBlock .enqBox, .subscribeBlock .signupBox{width:80vw; height:80vw; margin: 0 auto; margin-bottom:50px; padding:6%;}
  .subscribeBlock h2,
  .opportunities h2,
  .homeEnq .enqBox h2{font-size:5vw; line-height:5.5vw; padding-bottom:5vw!important;}
  .opportunitySec p{padding-bottom:5vw!important;}
  .subscribeBlock .gform_footer, .opportunities .signupBox .gform_footer{ padding-top:5vw!important;}
  .addressBox{padding:20px;}

  body.page-template-template-career .subscribeBlock::before{left:0px; transform: scale(1.1);}
}

@media screen and (min-width: 0px) and (max-width:550px){

  /* home page end here */
  .homeshapeImage .col_60_40 .col:first-child p br{ display:none;}
  .homeshapeImage .borderBox, html.de .homeshapeImage .borderBox{ max-width: 100%; padding: 30px!important; font-size:28px; line-height:36px;}
  ul.homeFeaturesSec li{ width:100%; padding:0 0 20px 0;}
  ul.homeFeaturesSec li:last-child{ padding-bottom: 0px;}
  ul.homeFeaturesSec li .iconBox{ max-width:32%;}
  ul.homeFeaturesSec{ width: 52%;}
  .respMobileholder .techmobile{ width: 48%;}
  .homeFeaturesHolder .borderBox .contentHolder{ text-align: center;}

  .signupBox .gform_ajax_spinner{ top:42%;}
  /* home page end here */
  .subscribeBlock .enqBox, .subscribeBlock .signupBox{width:80vw; height:80vw; margin: 0 auto; margin-bottom:50px;}

  .expTech .borderBox{font-size:28px; line-height:36px; padding:30px!important;}
  html.de .expTech .borderBox{font-size:28px; line-height:36px;}

  /* Technology page start here */
  .techBannerMobile{ width: 26%;}
  .techHero .contentBox{ font-size: 18px; line-height: 26px;}
  /* Technology page end here */

  .productSlide .slick-track .slick-slide{height:auto!important;}
  .infoSec .proImage{padding:20px 0;}
  .infoSec{ padding:26px; padding-bottom: 120px;}
  .productSlide .slick-track .slick-slide{ align-items: flex-start;}

  .textOnImageBlock .greeBgbox .borderBox, html.de .textOnImageBlock .greeBgbox .borderBox{ font-size: 22px; line-height: 26px;}

  .signupBox .gform_ajax_spinner{ top:38%; right: 22%;}

  /* footer start here */
  footer .content_1100{ padding-left: 40px; padding-right: 40px;}
  .footerLogo, .footerNav{ width:100%;}
  .footerLogo{ padding-bottom: 30px;}
  /* footer end here */
}

@media screen and (min-width: 0px) and (max-width:480px){
  /* home page start here */
  .shapeImage{top:-20px;}

  .subscribeBlock input[type="email"],
  .opportunitiesShapeHolder .signupBox input[type="email"]{
    padding:10px 10px!important;
    font-size: 18px!important;
    line-height: 26px!important;
  }
  .banerInfo .btn, .homeshapeImage .btn, .expTech .btn, .opportunitySec .btn,
  .opportunities input[type="submit"], .homeEnq .enqBox .btn{font-size: 18px!important;
  line-height: 26px!important; padding: 12px 40px;}
  .enqBox .btn, .signupBox .btn, .signupBox .button{ min-width: 60%; padding: 12px 40px;}
  .subscribeBlock .enqBox, .subscribeBlock .signupBox, .homeEnq .enqBox, .opportunitiesShapeHolder .signupBox{ width: 90vw; height: 90vw;}
  .subscribeBlock h2, .opportunities h2, .homeEnq .enqBox h2{font-size:7vw; line-height:7.5vw;}
  .opportunitySec{font-size:7vw; line-height:7.5vw;}
  .opportunitySec p{padding-bottom:5vw!important;}

  ul.homeFeaturesSec li .iconBox{ max-width: 64px;}
  ul.homeFeaturesSec li, html.de ul.homeFeaturesSec li{ font-size: 14px; line-height: 20px;}
  .homeshapeImage, html.de .homeshapeImage{ font-size: 18px; line-height: 26px;}
  .showFishMobile .homeBottomFish{ width:50%;}
  /* home page end here */

  /* Technology page start here */
  .stepRow .col_30_40_30 .col{padding-left:0; padding-right:0;}
  ul.iconsList li{ width:50%;}

  .techBannerMobile{ width:30%;}
  .techFishOne{ width:28%;}
  .techFishTwo{ width:22%;}
  /* Technology page end here */

  /* Company page start here */
  .textImageBlock .box{ max-width: 320px;}
  .textImageBlock .imageHolder{ padding: 30px;}
  ul.partnerList li{width:33.33%; padding:10px;}
  /* Company page end here */
}

@media screen and (min-width: 0px) and (max-width:460px){
/* Technology page start here */
.techFeatures .col{ width:100%;}
.techHero .contentBox{ padding-bottom:320px;}
/* Technology page start here */
}

@media screen and (min-width:320px) and (max-width: 428px) {
@media all and (orientation: portrait){
  .homeBanner{height:85vh;}
  /* .banerInfo{ padding-right: 31px;}
  .banerInfo h1{font-size:34px; line-height:38px; padding-bottom: 52px;}
  .banerInfo p{ font-size: 17px; line-height:21px; padding-bottom: 10px;} */
  .banerInfo .btn{ font-size: 16px!important; line-height: 22px!important; max-width: 80%; bottom: 26vw;}
  .homeFishOne{width: 22%;}
  .homeFishThree{ width: 50%;}
  .subscribeBlock.bottomCurveGray::before{bottom: 10vw;}
}}

@media screen and (min-width: 0px) and (max-width:400px){
.techBannerMobile{width:32%;}
.banerInfo .btn{font-size:14px!important; line-height:18px!important; max-width:88%;}

}

@media screen and (min-width: 0px) and (max-width:380px){
  .homeFishThree{ width: 38%;}
  .banerInfo h1, html.de .banerInfo h1{ padding-bottom: 10vw;}
}

@media screen and (min-width: 0px) and (max-width:370px){
  .techBannerMobile{ width:34%;}
  .homeshapeImage .btn, .expTech .btn, .opportunitySec .btn{font-size:14px!important; line-height:22px!important;}
}

@media screen and (min-width: 0px) and (max-width:350px){
  .techBannerMobile{ width:38%;}
  .signupBox .gform_ajax_spinner{top:38%; right:18%; width:24px; height:24px;}

  .logo img{ max-height: 32px;}
  #page-wrap, body.showDashboard #page-wrap, html.de #page-wrap, html.en #page-wrap{
    padding-top:70px;
  }
}