html {
  scroll-behavior: smooth !important;
}
body {
  font-family: "google_sansregular";
  overflow-x: hidden;
  font-weight: 400;
  margin: 0px;
  padding: 0px;
}

@font-face {
  font-family: "google_sansregular";
  src: url("../fonts/googlesans-regular.ttf") format("ttf"),
    url("../fonts/googlesans-regular.woff2") format("woff2"),
    url("../fonts/googlesans-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "googlesans_medium";
  src: url("../fonts/googlesans-medium.ttf") format("ttf"),
    url("../fonts/googlesans-medium.woff2") format("woff2"),
    url("../fonts/googlesans-medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "google_sansbold";
  src: url("../fonts/googlesans-bold.ttf") format("ttf"),
    url("../fonts/googlesans-bold.woff2") format("woff2"),
    url("../fonts/googlesans-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CircularStd-Black";
  src: url("../fonts/CircularStd-Black.ttf") format("ttf"),
    url("../fonts/CircularStd-Black.woff2") format("woff2"),
    url("../fonts/CircularStd-Black.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CircularStd-Bold";
  src: url("../fonts/CircularStd-Bold.ttf") format("ttf"),
    url("../fonts/CircularStd-Bold.woff2") format("woff2"),
    url("../fonts/CircularStd-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

a {
  text-decoration: none;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover {
  text-decoration: none;
}

ul {
  padding: 0px;
  margin: 0px;
}
ul li {
  list-style-type: none;
}

.header{
    float:left;
    width:100%;
    background:#fff;
    padding: 20px 35px 25px!important;
    position: relative;
}

.topnav {
  width: 100%;
  float: left;
  padding: 25px;
}

.navbar {
  padding: 0px;
}

.navbar-brand {
  padding: 0px;
  margin: 0px;
}

.navbar-nav li {
  padding-left: 30px;
}

.navbar-nav li a {
  color: #000000cc;
  font-size: 18px;
  font-family: "googlesans_medium";
  font-weight: 500;
  padding: 10px 5px;
}

.navbar-nav li a:hover {
  color: #fe6892;
}

.navbar-nav li a.actives {
  color: #fe6892;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.righttop {
  float: right;
  margin-left: 100px;
}
.righttop ul {
  float: right;
}
.righttop ul li {
  float: left;
  margin-left: 10px;
}
.righttop ul li a {
  float: left;
  font-size: 18px;
  font-family: "googlesans_medium";
}

.callinfo {
  float: left;
  margin: 7px 10px 0px 0px;
  position: relative;
}

.callpad {
  padding-right: 5px;
}
.logintxt {
  color: #01cdd1;
  float: left;
  margin: 7px 0px 0px;
}
.logintxt:hover,
.logintxt:focus {
  color: #fe6892;
  float: left;
}
.trialbtn {
  color: #fe6892;
  border: solid 1px #fe6892;
  padding: 7px 15px;
  font-size: 18px;
  border-radius: 8px;
}
.trialbtn:hover,
.trialbtn:focus {
  color: #fff;
  border: solid 1px #01cdd1;
  background: #01cdd1 !important;
}
.getdemo {
  color: #fff;
  border: solid 1px #fe6892;
  background: #fe6892;
  padding: 7px 15px;
  font-size: 18px;
  border-radius: 8px;
}
.getdemo:hover,
.getdemo:focus {
  color: #fff;
  border: solid 1px #01cdd1;
  background: #01cdd1;
}

.bannersection {
  width: 100%;
  float: left;
  position: relative;
}

.bannersection img {
  width: 100%;
  float: left;
  position: relative;
  object-fit: cover;
}

.bannerdetails {
  width: 100%;
  float: left;
  position: absolute;
  top: 0;
  display: flex;
  height: calc(100% - 250px);
  align-items: center;
}

.bannerdetails h1 {
  color: #fff;
  font-size: 50px;
  font-weight: 400;
  line-height: 60px;
  font-family: "CircularStd-Black";
  text-align: left;
  width: 100%;
  position: relative;
}
.bannerdetails h1 span {
  color: #fff;
  background: #01cdd1;
  font-size: 30px;
  text-transform: capitalize;
  padding: 0px 10px;
  border-radius: 5px;
  cursor: pointer;
  float: left;
  line-height: 60px;
}
.bannerdetails h1 span a {
  color: #fff;
  cursor: pointer;
}
.bannerdetails h6 {
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  font-weight: 300;
  margin: 5px 0px 10px;
  text-align: left;
  font-family: "googlesans_medium";
  float: left;
  width: 100%;
}

.guidtourbtn {
  color: #fff;
  border: solid 1px #fff;
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 8px;
  margin: 15px 0px 0px;
  font-family: "googlesans_medium";
  float: left;
}
.guidtourbtn:hover,
.guidtourbtn:focus {
  color: #fff;
  border: solid 1px #01cdd1;
  background: #01cdd1 !important;
}
.banertrailbtn {
  color: #fff;
  border: solid 1px #fe6892;
  background: #fe6892;
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 8px;
  font-family: "CircularStd-Bold";
  margin: 15px 25px 0px 0px;
  float: left;
}
.banertrailbtn:hover,
.banertrailbtn:focus {
  color: #fff;
  border: solid 1px #01cdd1;
  background: #01cdd1;
  border-radius: 8px;
}

.singlesolutionstrip {
  width: 100%;
  float: left;
  margin-top: -13%;
  z-index: 99;
  position: relative;
}
.solutioninfos {
  width: 100%;
  float: left;
  border-top: solid 13px #fe6892;
  border-radius: 8px;
  background: #fff;
  padding: 30px 15px 20px;
  box-shadow: 0px 3px 6px #0000001f;
  margin-bottom: 15px;
}

.solutioninfos h3 {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 32px;
  color: #005276;
  margin-bottom: 15px;
  font-family: "google_sansbold";
}
.solutioninfos p {
  width: 100%;
  float: left;
  text-align: center;
  padding: 0% 16%;
  color: #000000cc;
  line-height: 30px;
  font-size: 18px;
}

.solutionsilde {
  width: 100%;
  float: left;
  padding: 0px 100px;
}

.solutiondiv {
  width: 100%;
  float: left;
  color: #000000cc;
  transition: 0.2s;
}

.solutionicon1 {
  background: url(../images/solution-img1.png) center 25px no-repeat;
  height: 60px;
  width: 100%;
  text-align: center;
  float: left;
  min-height: 125px;
  color: #005276;
  border-radius: 13px;
}
.solutionicon1:hover {
  background: url(../images/imghover1.png) center 25px no-repeat;
  background-color: #005276;
  color: #fff;
}

.solutionicon2 {
  background: url(../images/healthicon.png) center 20px no-repeat;
  height: 60px;
  width: 100%;
  text-align: center;
  float: left;
  min-height: 125px;
  color: #005276;
  border-radius: 13px;
}
.solutionicon2:hover {
  background: url(../images/healthicon2.png) center 20px no-repeat;
  background-color: #005276;
  color: #fff;
}
.solutionicon3 {
  background: url(../images/solution-img3.png) center 20px no-repeat;
  height: 60px;
  width: 100%;
  text-align: center;
  float: left;
  min-height: 125px;
  color: #005276;
  border-radius: 13px;
}
.solutionicon3:hover {
  background: url(../images/imghover3.png) center 20px no-repeat;
  background-color: #005276;
  color: #fff;
}

.solutionicon4 {
  background: url(../images/solution-img4.png) center 20px no-repeat;
  height: 60px;
  width: 100%;
  text-align: center;
  float: left;
  min-height: 125px;
  color: #005276;
  border-radius: 13px;
}
.solutionicon4:hover {
  background: url(../images/imghover4.png) center 20px no-repeat;
  background-color: #005276;
  color: #fff;
}

.solutionicon5 {
  background: url(../images/hospitalicon.png) center 20px no-repeat;
  height: 60px;
  width: 100%;
  text-align: center;
  float: left;
  min-height: 125px;
  color: #005276;
  border-radius: 13px;
}
.solutionicon5:hover {
  background: url(../images/hospitalicon2.png) center 20px no-repeat;
  background-color: #005276;
  color: #fff;
}

.solutionicon6 {
  background: url(../images/solution-img5.png) center 20px no-repeat;
  height: 60px;
  width: 100%;
  text-align: center;
  float: left;
  min-height: 125px;
  color: #005276;
  border-radius: 13px;
}
.solutionicon6:hover {
  background: url(../images/imghover5.png) center 20px no-repeat;
  background-color: #005276;
  color: #fff;
}

.solutionicon7 {
  background: url(../images/construction-icon.png) center 20px no-repeat;
  height: 70px;
  width: 100%;
  text-align: center;
  float: left;
  min-height: 125px;
  color: #005276;
  border-radius: 13px;
}
.solutionicon7:hover {
  background: url(../images/construction-icon1.png) center 20px no-repeat;
  background-color: #005276;
  color: #fff;
}

.solutionicon8 {
  background: url(../images/gov-age-icon.png) center 20px no-repeat;
  height: 70px;
  width: 100%;
  text-align: center;
  float: left;
  min-height: 125px;
  color: #005276;
  border-radius: 13px;
}
.solutionicon8:hover {
  background: url(../images/gov-age-icon1.png) center 20px no-repeat;
  background-color: #005276;
  color: #fff;
}

.solutionicon9 {
  background: url(../images/service-icons.png) center 20px no-repeat;
  height: 70px;
  width: 100%;
  text-align: center;
  float: left;
  min-height: 125px;
  color: #005276;
  border-radius: 13px;
}
.solutionicon9:hover {
  background: url(../images/service-icons1.png) center 20px no-repeat;
  background-color: #005276;
  color: #fff;
}

.solutionicon10 {
  background: url(../images/logistics-icon.png) center 20px no-repeat;
  height: 70px;
  width: 100%;
  text-align: center;
  float: left;
  min-height: 125px;
  color: #005276;
  border-radius: 13px;
}
.solutionicon10:hover {
  background: url(../images/logistics-icon1.png) center 20px no-repeat;
  background-color: #005276;
  color: #fff;
}

.ngotxt {
  margin-top: 78px !important;
  line-height: 16px !important;
}
.solutionicon {
  width: 100%;
  text-align: center;
  padding: 15px 0px 0px;
  float: left;
  min-height: 85px;
}
.icontxts {
  width: 100%;
  text-align: center;
  font-size: 17px;
  text-transform: capitalize;
  float: left;
  margin-top: 85px;
}

.arrowright {
  margin: 0px 0px 0px 4px;
  font-size: 16px;
}

.tradinaltionsection {
  width: 100%;
  padding: 40px 0px;
  float: left;
}
.erphead {
  width: 100%;
  float: left;
}
.erphead h3 {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 45px;
  color: #005276;
  font-family: "CircularStd-Black";
  line-height: 70px;
  margin-bottom: 10px;
}

.erphead h3 span {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 50px;
  color: #01cdd1;
  font-family: "CircularStd-Black";
}

.erphead p {
  width: 100%;
  float: left;
  text-align: center;
  padding: 0% 16%;
  color: #000000cc;
  line-height: 30px;
  font-size: 18px;
}

.tradcontiner {
  width: 100%;
  float: left;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  margin: 15px 0px;
}
.tradlist {
  width: 100%;
  float: left;
}

.tradlist ul {
  width: 50%;
  float: left;
  border-right: solid 1px #dcdcdc;
}

.tradlist ul li {
  width: 100%;
  float: left;
  padding: 40px 40px 10px;
  border-bottom: solid 1px #dcdcdc;
  min-height: 260px;
}

.tradcontiner ul li:last-child {
  border-bottom: none;
}
.brdernone {
  border-right: none !important;
}

.whybox {
  width: 100%;
  float: left;
}
.whyicon {
  width: 100%;
  text-align: left;
  float: left;
  margin-bottom: 15px;
}
.whybox h4 {
  width: 100%;
  font-size: 24px;
  color: #005276;
  font-family: "CircularStd-Bold";
  float: left;
}

.whybox p {
  width: 100%;
  font-size: 18px;
  color: #000000cc;
  float: left;
  margin: 0px 0px 5px;
}

.introductsection {
  width: 100%;
  float: left;
  padding: 20px 0px;
}

.sectionhead {
  width: 100%;
  float: left;
  z-index: 9;
  position: relative;
}
.introicons {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 25px;
}
.cricleicon {
  border: solid 5px #01cdd1;
  border-radius: 50%;
  width: 115px;
  height: 115px;
  margin: 0px auto;
  padding-top: 25px;
}
.sectionhead h3 {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 45px;
  color: #005276;
  font-family: "CircularStd-Black";
  line-height: 60px;
  margin-bottom: 10px;
}

.sectionhead h3 span {
  color: #01cdd1;
}
.sectionhead p {
  width: 100%;
  float: left;
  text-align: center;
  padding: 0% 16%;
  color: #000000cc;
  line-height: 30px;
  font-size: 18px;
}

.sectionhead h4 {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 46px;
  color: #01cdd1;
  font-family: "google_sansbold";
  line-height: 70px;
  margin-bottom: 10px;
}

.sectionhead h4 span {
  color: #fe6892;
  font-size: 60px;
}

.introtabsection {
  width: 100%;
  float: left;
  padding: 25px 0px;
}

.cloudtabs {
  margin: 0px;
  width: 100%;
  float: left;
}

.sidenavs {
  position: relative;
  z-index: 9;
  margin-top: 30px;
}
.cloudtabs .nav {
  display: block;
  width: 100%;
  float: left;
}
.cloudtabs .nav-tabs {
  margin-bottom: 15px;
  width: 100%;
  border-bottom: none !important;
  float: left;
}
.cloudtabs .nav-tabs ul li {
  list-style-type: none;
  width: 100%;
  float: left;
}
.cloudtabs .nav-tabs li a {
  border-radius: 5px;
  padding: 10px 20px;
  background: none;
  color: #000000cc;
  font-size: 20px;
  font-weight: 400;
  width: 100%;
  float: left;
  margin: 3px 0px;
}
.cloudtabs .nav-tabs li a.active {
  background: #005276;
  color: #fff;
}
.cloudtabs .nav-tabs li a:hover {
  background: #005276;
  color: #fff;
}

.leftintro {
  width: 105%;
  float: left;
  border: 1px solid #dcdcdc;
  border-radius: 15px;
  margin-left: -70px;
}
.intro_content {
  width: 100%;
  float: left;
  padding: 0px 15pxpx;
}
.intro_matter {
  width: 70%;
  padding: 20px 0px 0px 65px;
  float: left;
}
.intro_matter h4 {
  width: 100%;
  font-size: 26px;
  font-family: "google_sansbold";
  color: #005276;
  float: left;
  line-height: 40px;
}

.intro_matter p {
  width: 100%;
  float: left;
  color: #000000cc;
  font-size: 16px;
  line-height: 30px;
}

ul.introlists {
  width: 100%;
  float: left;
}
ul.introlists li {
  width: 100%;
  float: left;
  color: #000000cc;
  font-size: 16px;
  line-height: 25px;
  background: url(../images/check-icons.png) left 5px no-repeat;
  padding: 0px 0px 0px 30px;
  margin-bottom: 10px;
  background-size: 16px;
}

.introrightimg {
  width: 30%;
  float: left;
  padding-right: 25px;
  text-align: right;
  padding: 1px;
}

.introrightimg img {
  width: 85%;
  border-radius: 10px;
}

.videosection {
  width: 100%;
  float: left;
  background: url(../images/videobg.jpg) center top no-repeat;
  background-size: 100%;
  padding-top: 25px;
  background-position: bottom;
}

.font36px {
  font-size: 36px !important;
  line-height: 50px !important;
}

.videoinfo {
  width: 100%;
  float: left;
  margin-top: -9%;
  margin-bottom: -50px;
}

.videoinfo img {
  width: 100%;
  float: left;
}

.requeststrip {
  width: 80%;
  background: #fff;
  border: solid 1px #00FBFF;
  margin: 0px auto;
  border-radius: 8px;
  display: table;  
}

.reqestleft {
  width: 100%;
  float: left;
  padding: 0px 25px;
}

.reqimg {
  float: left;
}

.reqimg img {
  float: left;
  width: 90%;
  margin-top: -18px;
}

.reqtxt {
  float: left;
  z-index: 9;
  position: relative;
  margin: 15px 0px 0px -60px;
}

.reqtxt h5 {
  font-size: 22px;
  color: #005276;
  font-family: "googlesans_medium";
  clear: both;
  float: left;
  margin: 0px;
}

.reqtxt h4 {
  clear: both;
  float: left;
  line-height: 40px!important;
  margin:0px!important;
}

.reqtxt h4 a {
  font-size: 28px;
  color: #fe6892;
  font-family: "CircularStd-Black";
  clear: both;
  float: left;
}

.btns {
  color: #fff;
  border: solid 1px #fe6892;
  background: #fe6892;
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 8px;
  font-family: "CircularStd-Bold";
  margin: 20px 20px 0px 0px;
  float: right;
}
.btns:hover,
.btns:focus {
  color: #fff;
  border: solid 1px #01cdd1;
  background: #01cdd1;
  border-radius: 8px;
}

.customerstrip {
  width: 100%;
  padding: 50px 0px;
  float: left;
  display: none;
}

.coludsolution {
  width: 100%;
  float: left;
  margin: 10px 0px 15px;
}

.cutomerbox {
  width: 100%;
  float: left;
  background: #005276;
  border-radius: 8px;
  margin-bottom: 30px;
}
.cludimg {
  width: 100%;
  border-radius: 8px 8px 0px 0px;
  float: left;
}

.cludimg img {
  width: 100%;
  object-fit: cover;
  border-radius: 8px 8px 0px 0px;
  float: left; 
}

.cludcontent {
  width: 100%;
  float: left;
  padding: 0px 30px 30px;
  margin-top: -22px;
}

.cloudlabel {
  float: right;
  background: #fff;
  padding: 8px 15px;
  font-size: 15px;
  color: #005276;
  font-family: "googlesans_medium";
  text-transform: uppercase;
  border-radius: 3px;
}

.cloudlabel:hover {
  color: #fff;
  background: #01cdd1;
}

.cloudhead {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  padding-top: 10px;
}
.cloudicon {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  padding-top: 15px;
  background: #fff;
  text-align: center;
  float: left;
}
.cloudicon img {
  width: auto !important;
}
.txtheadss {
  font-size: 18px;
  color: #fff;
  font-family: "googlesans_medium";
  margin: 20px 0px 0px 0px;
  float: right;
  width: 86%;
}
.txtheadss:focus,
.txtheadss:hover {
  color: #fff;
}

.cludcontent p {
  width: 100%;
  float: left;
  font-size: 16px;
  color: #fff;
  line-height: 28px;
  margin-bottom: 5px;
}

.cludcontent b {
  width: 100%;
  float: left;
  font-family: "google_sansbold";
  font-size: 18px;
  color: #fff;
  margin-top: 8px;
}

.watchvideobtn {
  float: left;
  padding: 8px 13px;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 8px;
  font-family: "google_sansbold";
  font-size: 14px;
  margin: 5px 0px 0px;
}
.watchvideobtn:hover,
.watchvideobtn:focus {
  float: left;
  color: #fff;
  background: #01cdd1;
  border: solid 1px #01cdd1;
}
.videoiconsss {
  margin: -2px 0px 0px 5px;
}
.padts {
  padding-top: 25px !important;
}
.browsercutomer {
  width: 100%;
  float: left;
}

.stroiebtn {
  color: #fff;
  border: solid 1px #fe6892;
  background: #fe6892;
  padding: 10px 20px;
  font-size: 18px;
  border-radius: 8px;
  font-family: "googlesans_medium";
  margin: 0px auto;
  display: table;
}
.stroiebtn:hover,
.stroiebtn:focus {
  color: #fff;
  border: solid 1px #01cdd1;
  background: #01cdd1;
  border-radius: 8px;
}
.cloudbasesection {
  width: 100%;
  padding: 15px 0px;
  float: left;
  display: none;
}
.businesection {
  width: 100%;
  float: left;
  margin: 40px 0px 20px;
}
.businesinfo {
  width: 100%;
  float: left;
  padding-top: 30px;
}

.businesinfo h3 {
  width: 100%;
  font-size: 36px;
  color: #005276;
  font-family: "google_sansbold";
  float: left;
  line-height: 50px;
  margin-bottom: 15px;
}

.businesinfo p {
  width: 100%;
  float: left;
  color: #000000cc;
  line-height: 30px;
  font-size: 18px;
}
.iconstrip {
  float: left;
  margin: 15px 0px 0px;
}
.iconstrip a {
  margin-right: 15px;
}

.scansection {
  width: 100%;
  float: left;
  margin: 15px 0px 0px;
}

.scansection h5 {
  width: 100%;
  font-size: 18px;
  color: #000000cc;
  float: left;
  margin-bottom: 25px;
}

.scanarbox {
  width: 170px;
  float: left;
  border: solid 1px #dedede;
  border-radius: 4px;
  margin: 15px 15px 15px 0px;
  text-align: center;
}
.scanicon {
  width: 100%;
  text-align: center;
  float: left;
  margin-top: -20px;
  margin-bottom: 15px;
}
.codeimg {
  width: 116px;
  margin: 0px auto;
  display: table;
}
.staffright {
  width: 100%;
  float: left;
  text-align: center;
  position: relative;
  z-index: 1;
}
.staffright:before {
  content: "";
  width: 500px;
  background: #01cdd1;
  border-radius: 50%;
  position: absolute;
  top: 0;
  height: 500px;
  left: 8px;
  margin-top: 25%;
}
.mobileappimg {
  z-index: 99;
  position: relative;
}

.footersection {
  width: 100%;
  float: left;
  border-top: 2px solid #dfdfdf;
  padding: 90px 0px 0px;
  margin-top: 25px;
}

.footer {
  width: 100%;
  float: left;
  background: #005276;
  border-top: solid 13px #01cdd1;
  border-radius: 13px;
  margin-bottom: 60px;
}
.shechulde-form {
  width: 100%;
  float: left;
  padding: 35px 35px 40px;
}
.shechulde-form h3 {
  color: #fff;
  font-size: 36px;
  font-family: "CircularStd-Black";
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.shechulde-form input {
  width: 100%;
  float: left;
  padding: 15px 15px 10px;
  background: #fff;
  color: #000000b2;
  outline: none;
  border: none;
  border-radius: 3px;
  height: 56px;
  font-size: 16px;
}
.padr {
  padding-right: 0px;
}
.padr11 {
  padding-right: 0px;
}
.pademail {
  padding-top: 15px !important
    ;
}
.shechulde-form p {
  color: #ffffffcc;
  line-height: 30px;
  font-size: 18px;
  width: 100%;
  float: left;
  margin-bottom: 20px;
  font-weight: normal;
}
.plicytxt {
  color: #01cdd1;
  text-decoration: underline;
}
.plicytxt:hover,
.plicytxt:focus {
  color: #fe6892;
  text-decoration: underline;
}
.getdemobtns {
  width: 100%;
  float: left;
  background: #fe6892 !important;
  border-radius: 12px !important;
  color: #fff !important;
  border: none;
  font-family: "google_sansbold";
  font-size: 22px !important;
  outline: none;
  height: 55px !important;
  transition: 0.2s;
  margin-top: 25px;
}
.getdemobtns:hover,
.getdemobtns:focus {
  background: #01cdd1 !important;
  color: #fff;
}

.footer-contact-details {
  width: 100%;
  background: #fff;
  padding: 0px 20px 0px 60px;
  border-radius: 13px;
  margin-top: -13px;
  border: solid 1px #dfdfdf;
  margin-left: 1px;
  position: relative;
  min-height: 102.4%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.addresslist {
  width: 100%;
  float: left;
}

.addresslist ul {
  width: 100%;
  float: left;
}

.addresslist ul li {
  width: 100%;
  float: left;
  margin: 23px 0px;
}

.addresbox {
  width: 100%;
  float: left;
}

.iconbg {
  width: 50px;
  height: 50px;
  background: #fe6892;
  border-radius: 50%;
  float: left;
  text-align: center;
  padding-top: 13px;
  margin-top: 4px;
}

.addright {
  width: 87%;
  float: right;
}

.addright label {
  width: 100%;
  float: left;
  font-size: 15px;
  color: #000000cc;
  margin: 0px 0px 5px;
}

.addright h5 {
  width: 100%;
  float: left;
  margin: 0px;
  font-size: 18px;
  color: #000000cc;
  font-family: "googlesans_medium";
  line-height: 24px;
}

.addright h5 a {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #000000cc;
}

.addright h5 a:hover,
.addright h5 a:focus {
  color: #fe6892;
}

.footersocial {
  float: left;
  width: 60px;
  border: 2px solid #01cdd1;
  border-radius: 114px;
  margin: 100px 0px 0px 20px;
}
.footersocial ul {
  float: left;
  padding: 10px 0px 0px;
  text-align: center;
}
.footersocial ul li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.footersocial ul li a {
  float: left;
  width: 100%;
}

.footersocial svg {
  color: #01cdd1 !important;
  fill: #01cdd1 !important;
  transition: 0.2s;
}
.footersocial svg:hover {
  color: #fe6892 !important;
  fill: #fe6892 !important;
}

.inteliconfooter {
  position: absolute;
  bottom: 25px;
  right: 25px;
}

.footerendsection {
  width: 100%;
  float: left;
  border-top: 1px solid #dfdfdf;
  padding: 25px 0px;
  margin-top: 25px;
}
.allrighleft {
  width: 100%;
  float: left;
  text-align: left;
}
.allrighleft span {
  width: 100%;
  float: left;
  text-align: left;
  color: #707070;
  font-size: 16px;
  font-weight: normal;
  marign: 0px;
}
.policylist {
  float: right;
}
.policylist ul {
  float: left;
}
.policylist ul li {
  float: left;
  border-right: solid 1px #d5d5d5;
  line-height: 18px;
}
.policylist ul li:last-child {
  border-right: none;
}
.policylist ul li a {
  float: left;
  color: #707070;
  margin: 0px 15px;
  font-size: 16px;
}
.policylist ul li a:hover {
  color: #fe6892;
}
.left0 {
  padding-left: 0px;
}
.right0 {
  padding-right: 0px;
}

/* popup css start */
.modal-dialog {
  max-width: 910px;
  margin: 5% auto;
}
.modal_show {
  position: relative;
}
.close_btns {
  position: absolute;
  width: 35px;
  height: 35px;
  background: #fff !important;
  border-radius: 50%;
  right: -50px;
  top: 0px;
  opacity: 1;
  line-height: 15px;
  outline: none;
  border: none !important;
  font-size: 22px;
}
.close_btns:hover,
.close_btns:focus {
  opacity: 1 !important;
  outline: none;
}
#myModal {
  padding-right: 0px !important;
}
#myModal2 {
  padding-right: 0px !important;
}
.popup_section {
  width: 100%;
  float: left;
  padding: 25px;
}
.videobox {
  width: 100%;
  float: left;
}
.video_matter {
  width: 100%;
  float: left;
  padding: 20px 0px 0px;
}

.video_matter h2 {
  font-size: 24px;
  color: #fe6892;
  font-family: "googlesans_medium";
  float: left;
  width: 100%;
}

.video_matter h3 {
  width: 100%;
  float: left;
  font-size: 20px;
  color: #005276;
  font-family: "google_sansbold";
  margin: 0px;
}
.video_matter p {
  width: 100%;
  float: left;
  color: #000000cc;
  line-height: 30px;
  font-size: 18px;
}

/* popup css end */
/* Call icon drop down menu list css Start */
.drop_menu_show {
  width: 260px;
  margin: 50px 0px 0px;
  position: absolute!important;
  left: -210px!important;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #01cdd1;
  border-radius: 0.25rem;
  padding: 0px;
  transform: inherit!important;
}

.drop_menu_show:before {
  content: "";
  width: 15px;
  height: 15px;
  border: 1px solid #01cdd1;
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 75%;
  right: 0px;
  margin: 0 auto;
  transform: rotate(45deg);
  background: #fff;
  z-index: 2;
  border-width: 1px 0px 0px 1px;
}

.dropdown-toggle::after {
  display: none !important;
}
.drop_inner {
  width: 100%;
  float: left;
  padding-bottom: 10px;
}
.drop_inner h5 {
  padding: 15px 15px;
  font-size: 18px;
  color: #000000cc;
  font-family: "googlesans_medium";
  font-weight: 500;
  width: 100%;
  float: left;
  border-bottom: solid 1px #01cdd1;
}

.drop_inner h5 span {
  color: #fe6892;
}
.drop_contact {
  width: 100%;
  float: left;
  padding: 5px 20px;
}
.drop_contact h6 {
  font-size: 18px;
  color: #01cdd1;
  font-family: "googlesans_medium";
  font-weight: 500;
  width: 100%;
  margin: 0px 0px 5px;
  padding: 0px;
  float: left;
}

.drop_contact h6 span {
  color: #000000cc;
}

.drop_contact p {
  width: 100%;
  margin: 0px;
  padding: 5px 0px;
  float: left;
}

.mailtxtshow {
  float: right !important;
  width: 86%;
  font-size: 16px !important;
  color: #000000cc;
}
.mailtxtshow:hover {
  color: #fe6892;
}

.cont_icon {
  color: #01cdd1;
  font-size: 18px;
  width: 22px;
  margin: 3px 0px;
  float: left;
}
.divide_row {
  border-bottom: solid 1px #dcdcdc;
  width: 100%;
  float: left;
  height: 10px;
  margin-bottom: 3px;
}

/* Call icon drop down menu list css End */
/*login drop*/
.logindrop {
  position: absolute!important;
  z-index: 1000;
  width: 200px;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  border-radius: 10px !important;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-color: #01cdd1 !important;
  padding: 10px 0px;
  top: 51px!important;
  left: -10px!important;
  transform: inherit!important;
  will-change: inherit!important;
}

.logindrop:before {
  content: "";
  border-color: #01cdd1;
  border-style: solid;
  width: 15px;
  height: 15px;
  display: inline-block;
  transform: rotate(45deg);
  border-width: 1.5px 0px 0px 1.5px;
  position: absolute;
  top: -8px;
  background: #fff;
  left: 20px;
}

.login-drop-inner {
  width: 100%;
  float: left;
}

.login-drop-inner ul {
  width: 100%;
  float: left;
}

.login-drop-inner ul li {
  width: 100%;
  padding: 4px 15px;
  margin: 0px !important;
  font-size: 18px;
  float: left;
}

.login-drop-inner ul li a {
  width: 100%;
  color: #01cdd1;
  float: left;
}

.login-drop-inner ul li a:hover {
  color: #fe6892;
}

.solutionsilde .owl-nav {
  display: block;
}
.solutionsilde .owl-carousel .nav-btn {
  height: 58px;
  position: absolute;
  width: 58px;
  cursor: pointer;
  top: 47px !important;
}

.solutionsilde .owl-carousel .owl-prev.disabled,
.solutionsilde .owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.2;
}

.solutionsilde .owl-carousel .prev-slide {
  background: url(../images/left-arrow.png) no-repeat scroll 0 0;
  left: -60px;
  background-size: 100%;
}
.solutionsilde .owl-carousel .next-slide {
  background: url(../images/right-arrow.png) no-repeat scroll 0px 0px;
  right: -60px;
  background-size: 100%;
}
.solutionsilde .owl-dots {
  display: none;
}

.sentence {
  text-align: left;
  width: auto !important;
  position: absolute;
  top: 59px;
  left: 10%;
}

.mobileview {
  display: none;
}

.mobile_why_section {
  width: 100%;
  float: left;
  display: none;
}
.mobile_table_acordin {
  display: none;
}

.desktop_banner {
  display: block;
}
.mobile_banner {
  display: none;
}

/*silde arrow*/
.mobile_why_section .owl-nav {
  display: block !important;
}
.mobile_why_section .owl-carousel .nav-btn {
  height: 50px;
  position: absolute;
  width: 50px;
  cursor: pointer;
  top: 40% !important;
  z-index: 9999;
}

.mobile_why_section .owl-carousel .owl-prev.disabled,
.mobile_why_section .owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 1;
}

.mobile_why_section .owl-carousel .prev-slide {
  background: url(../images/left-arrow.png) no-repeat scroll 0 0;
  left: -20px;
  background-size: 100%;
}
.mobile_why_section .owl-carousel .next-slide {
  background: url(../images/right-arrow.png) no-repeat scroll 0px 0px;
  right: -20px;
  background-size: 100%;
}
.mobile_why_section .owl-dots {
  display: none;
}

/*Mobile side nav*/

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  box-shadow: 0px 15px 25px #000;
  transition: 0.5s;
  display: block;
  z-index: 99999;
  padding-top: 20px;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.mobile_nav {
  width: 100%;
  float: left;
}
.mobile_nav ul {
  width: 100%;
  float: left;
}
.mobile_nav ul li {
  width: 100%;
  float: left;
}
.mobile_nav ul li a {
  width: 100%;
  float: left;
  color: #000000cc;
  font-size: 16px;
  font-family: "googlesans_medium";
  font-weight: 500;
  padding: 8px 20px;
}
.mobile_nav ul li a:hover {
  color: #fe6892;
}
.close-icon {
  position: absolute !important;
  font-size: 35px !important;
  color: #000;
  right: 15px !important;
  top: 0px !important;
  font-family: "googlesans_medium";
  cursor: pointer;
  margin: 0px !important;
}

.animatarrow {
  float: right;
  margin: 20px 0px 0px 15px;
}

.mobile_right_top {
  display: none;
}

.popcloudhead {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  padding-top: 10px;
}
.popcloudicon {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  padding-top: 15px;
  background: #fff;
  text-align: center;
  float: left;
  border: solid 1px #d5d5d5;
}
.popcloudicon img {
  width: auto !important;
}
.popcludtxt {
  font-size: 24px;
  color: #005276;
  font-family: "googlesans_medium";
  margin: 20px 0px 0px 0px;
  float: right;
  width: 90%;
}
.popcludtxt:hover,
.popcludtxt:focus {
  color: #005276;
}

.arrow_up_btn {
  background: #fe6892;
  width: 35px;
  height: 35px;
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  text-align: center;
  padding-top: 11px;
  z-index: 99999;
  cursor: pointer;
  line-height: 0px !important;
}
.arrow_up_btn:hover,
.arrow_up_btn:focus {
  background: #fe6892;
  color: #fff;
}

/*banner silder*/

.slick-slider {
  position: relative;
}
.slick-list {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list :focus {
  outline: none;
}

.slick-list .dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-slide {
  float: left;
  margin: 5px 0px;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-current {
  position: relative;
}

.hero__title .slick-slide {
  overflow: hidden;
  float: left;
}

.gencolor {
  color: #fe6892 !important;
}

.different_section {
  width: 100%;
  padding: 45px 0px;
  float: left;
}

.different_section h3 {
  width: 100%;
  float: left;
  font-family: "CircularStd-Black";
  color: #005276;
  font-size: 46px;
  line-height: 45px;
  text-align: center;
  margin-bottom: 25px;
}

.different_section p {
  width: 100%;
  float: left;
  color: #000000cc;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  padding: 0% 15%;
}

.intellimis-contents {
  width: 100%;
  float: left;
  padding-top: 25px;
}

.intellimis-contents ul {
  width: 100%;
  float: left;
}

.intellimis-contents ul li {
  width: 75%;
}

.different-verticalbox {
  width: 100%;
  float: left;
  display: grid;
  align-items: center;
  justify-content: center;
  height: 385px !important;
}

.different_details {
  width: 100%;
  padding: 5% 15%;
  float: left;
}

.different_details01 {
  width: 100%;
  padding: 5% 15%;
  float: left;
}

.intellimisicons {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  float: left;
}

.different_details h5 {
  width: 100%;
  float: left;
  font-size: 26px;
  color: #005276;
  line-height: 30px;
  text-align: center;
  font-family: "CircularStd-Bold";
}

.different_details p {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #000000cc;
  line-height: 30px;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

.client-erp-section {
  width: 100%;
  float: left;
  margin: 45px 0px 55px;
}

.client-erp-section h4 {
  width: 100%;
  float: left;
  font-family: "CircularStd-Black";
  color: #005276;
  font-size: 46px;
  line-height: 50px;
  margin-bottom: 50px;
  text-align: center;
}

.client-erp-infomain {
  width: 100%;
  float: left;
  padding: 25px 100px;
  margin: 50px 0px 0px;
  position: relative;
}

.client-erp-infomain:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  z-index: 1;
  border: solid 1px #fe6892;
  border-radius: 10px 0px 0px 10px;
  border-right: none;
}

.client-erp-infomain:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  border: solid 1px #01cdd1;
  z-index: 1;
  border-radius: 0px 10px 10px 0px;
  border-left: none;
}

.erp-head-row {
  width: 100%;
  float: left;
  margin-top: -62px;
  z-index: 9;
  position: relative;
}

.erp-head-row ul {
  width: 100%;
  text-align: center;
  float: left;
}
.erp-head-row ul li {
  display: inline-block;
  margin: 0px -5px 0px -5px;
  height: 100px;
}

.withouterpbg {
  width: 324px;
  height: 71px;
  background: #fe6892;
  color: #fff;
  font-size: 30px;
  border-radius: 5px;
  font-family: "CircularStd-Bold";
  text-align: center;
  line-height: 70px;
  position: relative;
  float: left;
}

.withouterpbg:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 46%;
  width: 20px;
  height: 20px;
  background: #fe6892;
  transform: rotate(45deg);
}

.withouterpbg:before {
  content: "";
  position: absolute;
  top: 35%;
  left: -10px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fe6892;
  transform: rotate(45deg);
}

.withintellmiserpbg {
  width: 324px;
  height: 71px;
  background: #01cdd1;
  color: #fff;
  font-size: 30px;
  border-radius: 5px;
  font-family: "CircularStd-Bold";
  text-align: center;
  line-height: 70px;
  position: relative;
  float: left;
}

.withintellmiserpbg:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 46%;
  width: 20px;
  height: 20px;
  background: #01cdd1;
  transform: rotate(45deg);
}

.withintellmiserpbg:before {
  content: "";
  position: absolute;
  top: 35%;
  right: -10px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #01cdd1;
  transform: rotate(45deg);
}

.iconmidbg {
  width: 100%;
  float: left;
  padding: 0px 60px;
  background: #fff;
  margin-top: -20px;
}

.client-ero-details-inner {
  width: 100%;
  float: left;
  margin: 25px 0px 5px;
  position: relative;
  z-index: 99;
}

.erp-details-info {
  width: 100%;
  float: left;
  position: relative;
}

.erp-details-info:before {
  content: "";
  border: solid 3px #005276;
  height: 100%;
  top: 32px;
  position: absolute;
  left: 544px;
}

.witherpbox {
  width: 100%;
  float: left;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  min-height: 160px;
  margin-bottom: 20px;
}

.witherpbox:after {
  content: "";
  width: 15px;
  height: 15px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  position: absolute;
  top: 30px;
  right: -8px;
  margin: 0 auto;
  transform: rotate(130deg);
  background: #fff;
  z-index: 2;
  border-width: 1px 0px 0px 1px;
}

.witherpbox h3 {
  width: 100%;
  float: left;
  font-size: 22px;
  color: #fe6892;
  font-family: "CircularStd-Bold";
}

.witherpbox p {
  width: 100%;
  float: left;
  font-size: 18px;
  line-height: 28px;
  margin: 0px;
  padding: 0px;
  color: #000000cc;
}

.withintellerobox {
  width: 100%;
  float: left;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  min-height: 160px;
  margin-bottom: 20px;
}

.withintellerobox:before {
  content: "";
  width: 15px;
  height: 15px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: -8px;
  margin: 0 auto;
  transform: rotate(315deg);
  background: #fff;
  z-index: 2;
  border-width: 1px 0px 0px 1px;
}

.withintellerobox h3 {
  width: 100%;
  float: left;
  font-size: 22px;
  text-align: right;
  color: #01cdd1;
  font-family: "CircularStd-Bold";
}

.withintellerobox p {
  width: 100%;
  float: left;
  text-align: right;
  font-size: 18px;
  color: #000000cc;
  padding: 0px;
  margin: 0px;
  line-height: 28px;
}

.countingbg {
  width: 36px;
  height: 36px;
  background: #fe6892;
  border-radius: 50%;
  text-align: center;
  margin: 22px auto;
  display: table;
  z-index: 9;
  position: relative;
}

.countingbg span {
  text-align: center;
  font-size: 22px;
  font-family: "google_sansbold";
  padding-top: 1px;
  float: left;
  width: 100%;
  color: #fff;
}

.padls {
  margin-left: 50px;
}
.padrs {
  margin-left: -50px;
}

.client-ero-details-inner > div:last-child:before {
  display: none;
}

.addrestrip {
  width: 100%;
  float: left;
  z-index: 99;
  position: relative;
}

.addrestrip h5 {
  width: 100%;
  float: left;
  font-size: 18px;
  text-align: center;
  color: #000000cc;
  font-family: "googlesans_medium";
  line-height: 30px;
  margin-bottom: 5px;
}

.diffendstrip {
  width: 100%;
  float: left;
  z-index: 99;
  position: relative;
  padding: 3% 17% 0%;
}
.diffendstrip h5 {
  width: 100%;
  float: left;
  font-size: 18px;
  text-align: center;
  color: #005276;
  font-family: "googlesans_medium";
  line-height: 30px;
  margin-bottom: 15px;
}

.height-erp {
  min-height: 220px;
}

.height-erp1 {
  min-height: 245px;
}

.height-erp3 {
  min-height: 188px;
}

.mobile-client-erp {
  display: none;
}

.mob-erp-head {
  width: 100%;
  float: left;
  margin-top: -47px;
  margin-bottom: 15px;
}
.erpcenter {
  float: none;
  margin: 0px auto;
  display: table;
}
.erpdetailsmob {
  width: 100%;
  float: left;
  padding: 25px 20px 0px;
}

.mobile-client-details {
  width: 100%;
  float: left;
  border: solid 1px #fe6892;
  border-radius: 8px;
  padding: 10px;
}

.mobile-intellimis-details {
  width: 100%;
  float: left;
  border: solid 1px #01cdd1;
  border-radius: 8px;
  padding: 10px;
  margin: 100px 0px 50px;
}

.erpboxmobile {
  width: 100%;
  float: left;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  padding: 15px 25px;
  margin-bottom: 20px;
  text-align: center;
}

.erpboxmobile h3 {
  width: 100%;
  float: left;
  font-size: 22px;
  color: #fe6892;
  font-family: "google_sansbold";
}

.mobile-intellimis-details .erpboxmobile h3 {
  color: #01cdd1;
}

.erpboxmobile p {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #000000cc;
  margin: 0px;
  padding: 0px;
}

.different-silder {
  display: block;
  width: 100%;
  padding: 0px 95px;
  float: left;
}
/*.different-silder .owl-item{
    width: auto!important;
}*/

.different-box-silde {
  width: 100%;
  float: left;
  padding: 15px 10px;
  border: solid 1px #dcdcdc;
  border-radius: 5px;
  color: #005276;
  height: 100px;
  cursor: pointer;
}
.diff-icon {
  text-align: center;
  float: left;
  padding: 5px 0px;
  width: 100%;
}

.different-box-silde h6 {
  font-size: 18px;
  font-family: "googlesans_medium";
  margin: 5px 0px;
  float: left;
  width: 100%;
  text-align: center;
}

.different-silder .owl-nav {
  display: block;
}
.different-silder .owl-carousel .nav-btn {
  height: 58px;
  position: absolute;
  width: 58px;
  cursor: pointer;
  top: 38px !important;
}

.different-silder .owl-carousel .owl-prev.disabled,
.different-silder .owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.different-silder .owl-carousel .prev-slide {
  background: url(../images/left-arrow.png) no-repeat scroll 0 0;
  left: -70px;
  background-size: 100%;
}
.different-silder .owl-carousel .next-slide {
  background: url(../images/right-arrow.png) no-repeat scroll 0px 0px;
  right: -70px;
  background-size: 100%;
}
.different-silder .owl-dots {
  display: none;
}

.defferent-details-show {
  width: 100%;
  float: left;
  padding: 0px 95px;
  margin-top: -20px;
}

.different-silder .owl-carousel .item {
  padding: 15px 0px 10px;
  min-height: 145px;
}

.border-1 {
  border: solid 1px #dcdcdc;
  border-radius: 10px;
}

.active_list {
  position: relative;
  border: solid 1px #01cdd1;
  cursor: pointer;
}

.active_list:before {
  content: "";
  width: 100%;
  height: 5px;
  border: solid #01cdd1;
  position: absolute;
  top: 0px;
  left: 0px;
}

.active_list:after {
  content: "";
  width: 15px;
  height: 15px;
  border: 1px solid #01cdd1;
  display: inline-block;
  position: absolute;
  bottom: -8px;
  left: 44%;
  margin: 0 auto;
  transform: rotate(-133deg);
  background: #fff;
  z-index: 99 !important;
  border-width: 1px 0px 0px 1px;
}

.hidden {
  display: none;
}

.checks-row {
  width: 100%;
  float: left;
}

.checkforms {
  height: 20px !important;
  float: left !important;
  width: auto !important;
  margin: 5px 0px 0px;
}
.checks-row p {
  color: #ffffffcc;
  line-height: 30px;
  font-size: 16px;
  margin: 0px 0px 0px 16px;
  font-weight: normal;
  float: left;
  width: auto;
}

.floating-label-group {
  position: relative;
}
.floating-label {
  font-size: 16px;
  color: #000000b2;
  position: absolute;
  pointer-events: none;
  top: 16px;
  left: 30px;
  transition: all 0.1s ease;
}

.floating-label-group input:focus ~ .floating-label,
.floating-label-group input:not(:focus):valid ~ .floating-label {
  top: 5px;
  bottom: 0px;
  left: 28px;
  font-size: 12px;
  opacity: 1;
  color: #01cdd1;
  font-weight: 500;
}

/*Inner page style start*/

.innerpageheading {
  width: 100%;
  float: left;
  background: #ebebeb;
  padding: 25px 0px;
}

.innerpageheading h1 {
  width: 100%;
  float: left;
  text-align: center;
  font-family: "google_sansbold";
  color: #005276;
  font-size: 45px;
  line-height: 45px;
}

.inner-content-section {
  width: 100%;
  float: left;
  padding: 50px 0px;
}

.termspage {
  width: 100%;
  float: left;
}

.termspage h3 {
  width: 100%;
  float: left;
  font-size: 24px;
  color: #005276;
  font-family: "google_sansbold";
}

.termspage h4 {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #005276;
  font-family: "google_sansbold";
}

.termspage span {
  width: 100%;
  float: left;
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  color: #000000cc;
  float: left;
}

.termspage p {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #000000cc;
  line-height: 30px;
  margin-bottom: 10px;
  float: left;
}

.terms_list {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

.terms_list ul {
  width: 100%;
  float: left;
  padding: 0px 0px 0px 40px;
}

.terms_list ul li {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #000000cc;
  padding: 5px 0px;
  list-style-type: decimal !important;
}
.link {
  color: #005276;
}

.link:hover,
.link:focus {
  color: #fe6892;
}

.border-bottom {
  border-bottom: solid 1px #e1e1e1;
}

.thanksection {
  width: 100%;
  float: left;
}

.thankmid {
  display: flex;
  min-height: 80vh;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.thankinfo {
  width: 100%;
  float: left;
  text-align: center;
}

.thankcheckicon {
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  float: left;
}

.findnoticon {
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  float: left;
}

.thankinfo h1 {
  width: 100%;
  float: left;
  font-size: 50px;
  margin: 5px 0px;
  color: #005276;
  font-family: "google_sansbold";
}

.thankinfo h2 {
  width: 100%;
  font-size: 32px;
  color: #000000cc;
  font-family: "google_sansbold";
  float: left;
}

.thankinfo h3 {
  width: 100%;
  font-size: 32px;
  color: #005276;
  font-family: "google_sansbold";
  float: left;
}

.thankinfo p {
  width: 100%;
  font-size: 18px;
  color: #333333;
  float: left;
}

.questionmid {
  width: 750px;
  margin: 0px auto;
  display: table;
}
.questiondetails {
  width: 100%;
  float: left;
  padding: 30px 20px;
  border: 1px solid #dedede;
  border-radius: 10px;
  margin: 10px 0px 40px;
}
.questiondetails h3 {
  width: 100%;
  font-size: 26px;
  color: #333333;
  font-family: "google_sansbold";
  float: left;
}

.sles-mid {
  width: auto;
  margin: 0px auto;
  display: table;
}
.thankcall {
  float: left;
}
.salstxt {
  float: left;
  padding-left: 10px;
}
.salstxt h4 {
  float: left;
  font-size: 16px;
  margin: 0px 0px 5px;
  color: #000000cc;
  clear: both;
  font-weight: normal;
}

.salstxt h5 {
  float: left;
  clear: both;
}
.salstxt h5 a {
  float: left;
  clear: both;
  font-size: 22px;
  color: #000000cc;
  font-family: "googlesans_medium";
}

.salstxt h5 a:hover {
  color: #fe6892;
}

.backbtnhome {
  background: #fe6892;
  padding: 11px 15px;
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  font-family: "googlesans_medium";
}

.backbtnhome:hover,
.backbtnhome:focus {
  background: #01cdd1;
  color: #fff;
}

.backarrow {
  margin: -3px 7px 0px 0px;
}
.login-mobile {
  float: left;
  margin: 8px 15px 0px 5px;
}

.mob-login-txt {
  font-size: 18px;
  font-family: "googlesans_medium";
  color: #01cdd1;
}

.mob-login-txt:hover,
.mob-login-txt:focus {
  color: #fe6892;
}

.footerformleft {
  display: flex;
}

.displayNone {
  display: none;
}

.mobile-show-different {
  display: none;
}
.no-inputs {
  padding: 13px 15px 10px !important;
}

.header-bottom-border {
  border-bottom: solid 1px #ebebeb;
}

.sentence {
  overflow: hidden !important;
  height: 70px !important;
}

.slick-dupe-inner {
  display: block !important;
  height: 70px; padding-top: 3px;
  margin-bottom: 10px; overflow: hidden;
}

.sentence .slick-slide {
  min-width: 500px;
  margin: 0px;
}

/*Products page css start*/

.product-banner-section{
    width: 100%;
    float: left;
    position: relative;
    object-fit: cover;
}

.product-banner-section img{
    width: 100%;
    float: left;
    object-fit: cover;
}

.product-banner-details {
    width: 100%;
    position: absolute;
    top: 0%;
    float: left;
    padding: 10px 0px;
    height: calc(100% - 269px);
    display: flex;
    align-items: center;
}

.product-banner-details span{
    width: 100%;
    float: left;
    font-size: 20px;
    color: #01CDD1;
    text-align: center;
    padding: 0px 0px 10px;
    font-family: "googlesans_medium";
    text-transform: uppercase;
}

.product-banner-details h1{
    width: 100%;
    float: left;
    font-size: 45px;
    color: #005276;
    text-align: center;
    font-family: "CircularStd-Black";
    line-height: 55px;
}
.product-banner-details h6{
    width: 100%;
    float: left;
    font-size: 22px;
    color: #000000CC;
    text-align: center;    
    line-height: 35px;
}

.pro-email-mid{
    width: 545px;
    margin: 0px auto;
    display: table;
}

.email-bg{
    width: 100%;
    float: left;
    background: #fff;
    box-shadow: 0px 0px 12px #00000029;
    border: 2px solid #FE6892;
    padding: 8px 10px;
    border-radius: 3px;
    margin:15px 0px;
}

.emailinput{
    width: 75%;
    float: left;
    font-size: 16px;
    color: #000000CC;
    padding: 0px 15px 0px 10px; 
    font-family: "googlesans_medium";   
    height: 45px;
    outline: none;
    border:none;
}

.getbtnsbg{
    width: 25%;
    background: #FE6892;
    border-radius: 3px;
    color: #fff;
    padding: 11px 10px;
    font-family: "googlesans_medium";
    text-align: center;
    float: left;
    font-size: 16px;  
    transition: .2s;  
}
.getbtnsbg:hover, .getbtnsbg:focus {
    color: #fff;   
    background: #01cdd1;
}

.header-bottom-border{
    border-bottom: solid 1px #ebebeb;
}

.product-container-section{
    width: 100%;
    float: left;    
    margin-top: -14%;
    z-index: 99;
    position: relative;
}

.product-show-bg{
    width: 100%;
    float: left;
    border-top: solid 13px #FE6892;
    border-radius: 8px;
    background: #fff;
    padding: 35px 25px 25px;
    box-shadow: 0px 3px 6px #0000001F;
    margin-bottom: 15px;    
}

.product-show-bg h3{
    width: 100%;
    float: left;    
    font-size: 20px;
    color: #333333;  
    margin-bottom: 15px;
    font-family: "google_sansbold";    
}

.top-pro-list{
    width: 100%;
    float: left;
}

.top-pro-list ul{
    width: 100%;
    float: left;
}

.top-pro-list ul li{
    float: left;
    margin: 0px 10px 10px 0px;
}

.top-pro-list ul li a{
    float: left;
    border: 1px solid #D5D5D5;    
    color: #000000CC;
    border-radius: 227px;
    padding: 8px 15px;
    transition: .2s;
    font-size: 18px;
}

.top-pro-list ul li a:hover{
    float: left;
    border: 1px solid #01cdd1;
    background: #01cdd1;    
    color: #fff;        
}

.product-infomation-box {
    width: 100%;
    float: left;  
    padding: 70px 0px 50px; 
}

.product-infomation-box h4 {
    width: 100%;
    float: left;    
    font-size: 40px;
    color: #005276;
    font-family: "CircularStd-Black";
    line-height: 50px;
    margin-bottom: 20px;
}

.product-infomation-box p {
    width: 100%;
    float: left;
    line-height: 30px;
    font-size: 18px;
    color: #000000CC;        
}

.product-sections{
    width: 100%;
    padding: 20px 0px 0px;
    float: left;
}

.prodct-list-bg{
    width: 100%;
    border: 1px solid #D5D5D5;
    border-radius: 10px;
    background:#fff url(../images/pro-bg-show.png) right top no-repeat;
    height: 100%;  
    min-height: 100%;
    padding: 40px;     
    float: left;
}

.proiconstop{
    width: 100%;
    float: left;  
    padding-bottom: 20px;  
}

.prodct-list-bg h5{
    width: 100%;
    font-family: "CircularStd-Bold";
    font-size: 28px;
    color: #005276;
    text-align:left;    
    float: left;
}

.prodct-list-bg p{
    width: 100%;
    font-size: 18px;
    color: #000000CC;
    padding: 0%!important;
    text-align: left;
    margin:0px;
    float: left;
}

.product-rows{
    display: flex;
}

.call-back-infos{
    width: 100%;
    border: 1px solid #D5D5D5;
    border-radius: 10px;
    background: url(../products-img/pro-bg-show.png) right top no-repeat;
    height: 100%;  
    min-height: 100%;
    text-align: center;
    padding: 35px;     
    float: left;
}
.chaticons{
    width: 100%;
    text-align: center;
    float: left;
    padding: 0px 0px 25px;  
}

.call-back-infos h5 {
    width: 100%;
    font-size: 18px;
    color: #000000CC;
    font-family: "google_sansbold";
    float: left;
    margin: 0px 0px 10px;
}

.call-back-infos label{
    width: 100%;
    font-size: 16px;
    color: #000000CC;
    font-family: "googlesans_medium";
    float: left;
}

.call-back-infos h6{
    width: 100%;
    font-size: 30px;
    font-family: "CircularStd-Black";
    color: #FE6892;
    float: left;
    margin-bottom:5px;
}

.reqcallbackbtn {
    color: #fff;    
    background: #FE6892;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 10px;    
    font-family: "CircularStd-Bold";
    margin:0px auto;
    display: table;   
}

.reqcallbackbtn:hover, .reqcallbackbtn:focus  {
    color: #fff;    
    background: #01cdd1;    
}

.dividtxtss {
    padding: 0px 0px 10px;
    font-family: "google_sansbold"!important;
}

.morecontent span {
    display: none;
}
.morelink {    
    color: #01CDD1;
    text-decoration: underline;
    cursor: pointer;
}

.morelink:hover, .morelink:focus {
    color: #01CDD1;
    text-decoration: underline;
}

.slick-slide{
    width: 100%!important;
}

.mobile-button-info{
    display: none;
}

.readmorebtn {    
    color: #FE6892;
    fill: #FE6892!important;    
    font-size: 18px;    
    margin-top:5px;
    cursor: pointer;
    float: left;
}

.readmorebtn:hover, .readmorebtn:focus {
    color: #01CDD1;    
    fill: #01CDD1!important;    

}

/*industry page style*/

.industry-banner-section{
    width: 100%;
    float: left;
    position: relative;
}

.industry-banner-section img{
    width: 100%;
    float: left;
}


.industry-banner-details{
    width: 100%;
    position: absolute;
    top:11%;
    float: left;    
}

.industry-banner-details span{
    width: 100%;
    float: left;
    font-size: 20px;
    color: #01CDD1;    
    padding: 0px;
    font-family: "googlesans_medium";
    text-transform: uppercase;
}

.industry-banner-details h1{
    width: 100%;
    float: left;
    font-size: 45px;
    color: #fff;    
    font-family: "CircularStd-Black";
    line-height: 55px;
}

.industry-banner-details h1 label{
    color: #01CDD1;  
    text-transform: uppercase;  
}

.industry-banner-details h6{
    width: 100%;
    float: left;
    font-size: 22px;
    font-family: "google_sansbold";
    color: #fff;    
    line-height: 35px;
}

.industry-banner-details p{
    width: 100%;
    float: left;
    font-size: 20px;    
    color: #fff;    
    line-height: 30px;
}

.industry-email{
    width: 540px;
    float: left;
    background: #fff;
    box-shadow: 0px 0px 12px #00000029;
    padding: 10px 10px;
    border-radius: 3px;
    margin:15px 0px;
    border: 2px solid #FE6892;
}

.emailinput{
    width: 75%;
    float: left;
    font-size: 16px;
    color: #000000CC;
    padding: 0px 15px 0px 10px; 
    font-family: "googlesans_medium";   
    height: 45px;
    outline: none;
    border:none;
}

.getbtnsbg{
    width: 25%;
    background: #FE6892;
    border-radius: 3px;
    color: #fff;
    padding: 11px 10px;
    font-family: "googlesans_medium";
    text-align: center;
    float: left;
    font-size: 16px;  
    transition: .2s;  
}
.getbtnsbg:hover, .getbtnsbg:focus {
    color: #fff;   
    background: #01cdd1;
}

.industry-about{
    width: 100%;
    float: left;
    text-align: center;
}

.industry-about h4{
    width: 100%;
    font-size: 40px;
    line-height: 50px;
    color: #005276;
    font-family: "CircularStd-Black";
    float: left;
}

.industry-about p{
    width: 100%;
    float: left;
    line-height: 30px;
    font-size: 18px;
    color: #000000CC;
    text-align: center;
    padding: 0% 10%
}

.industxt{
    color: #01CDD1!important;        
    text-transform: uppercase;
}

.industry-request{
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

.reqfull{
    width: 100%!important;
}

.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
    margin-left: 15px;
}

.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
    margin-left: 15px;
}

@-webkit-keyframes mover {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-10px);
    }
}


.login-top-pad {
    margin: 0px 20px!important;
}

.drop-sub-item ul{
  padding: 10px 15px!important;
  border-top: solid 1px #E1E1E1;
  margin-top: 18px;

}

.drop-sub-item ul li{
  padding: 0px!important;
}

.drop-sub-item ul li a{
  padding: 10px 10px!important;
}



/*Customer Success page style start*/

.customer-page-section{
    width: 100%;
    padding-bottom: 25px;    
    float: left;
}

.custom-banner .product-banner-details{
  height: calc(100% - 230px);
}

.customer-tab-pad{
    margin-top: -12%;
}

.tab-button-section {
  width: 100%;
  margin-bottom: -26px;
  float: left;
}

.menu-nav-link{
  width: 100%;
  float: left;
  margin-bottom: -33px;
}

.menu-nav-link ul {
  width: 100%;
  float: left;
}

.menu-nav-link ul li {  
  display: inline-block;
}

.menu-nav-link ul li a{
  float: left;
  font-weight: normal;
  color: #333333;
  font-size: 20px;
  border-bottom: solid 3px transparent;
  margin-right: 20px;
  padding: 10px 10px 10px 0px;  
  cursor: pointer;
}

.menu-nav-link ul li a:hover,
.menu-nav-link ul li a:focus{
  border-bottom: solid 3px #FE6892;
  color: #FE6892!important;
}

.menu-nav-link ul li a.active-link{
  border-bottom: solid 3px #FE6892;
  color: #FE6892!important;
}


.tab-button-section ul#tabs-nav {
  list-style: none;
  margin: 0;
  padding: 5px;
  overflow: auto;
}

.tab-button-section ul#tabs-nav li {
  float: left;
  font-weight: normal;
  color: #333333;
  font-size: 20px;
  border-bottom: solid 3px transparent;
  margin-right: 20px;
  padding: 10px 10px;  
  cursor: pointer;
}

.tab-button-section ul#tabs-nav li:hover,
.tab-button-section ul#tabs-nav li.active {
  border-bottom: solid 3px #FE6892;
  color: #FE6892!important;
}

.tab-button-section ul#tabs-nav li.active a{
    color: #FE6892!important;
}

.tab-button-section #tabs-nav li a {
  text-decoration: none;  
  font-weight: normal;
  color: #333333;
  font-size: 20px;
  border-bottom: solid 3px transparent;
}

.customer-tab-content {
  padding: 10px;  
  width: 100%;
  float: left; 
}

/*Customer Success Case Study page*/

.product-banner-details h5{
    width: 100%;
    float: left;
    font-family: "google_sansbold";
    font-size: 20px;
    text-align: center;
}

.product-banner-details p{
    width: 100%;
    float: left;
    color: #00000099;   
    font-family: "google_sansregular";     
    font-size: 20px;
    text-align: center;
}

.customer-case-video{
    width: 80%;
    margin: 0px auto;
    display: table;
}

.customer-video-details{
    width: 100%;
    float: left;
    box-shadow: 0px 3px 6px #0000001F;
    border-radius: 10px;
    position: relative;
}

.customer-video-details img{
    width: 100%;
    float: left;    
}

.customer-video-icon{
    position: absolute;
    top: 45%;
    left: 45%;
}

.customer-video-icon img{
    width: 90px;
    height: 90px;
}

.customer-case-pad{
    margin-top: -24%!important;
}

.case-details-row{
    width: 100%;
    float: left;    
    padding: 50px 0px 40px;    
    margin: 0;
    display: grid;
    grid-template-columns: min-content 5fr;
    direction: rtl;
}

.case-details-row nav{  
  white-space: nowrap;
  width: 420px;
  float: left;
  padding-left: 40px;
  direction: ltr;
}

.case-details-row nav ul{
  list-style: none;
  margin: 0;  
  padding: 0;
  border: solid 1px #dedede;
  border-radius: 10px;
}


@media (min-height: 300px) {
  .case-details-row nav ul {
    position: sticky;
    top: 10px;    
  }
}

.case-study-right{
    width: 100%;
    float: left;
}

.case-header{
    width: 100%;
    padding: 25px 0px 15px;
    text-align: center;
    border-bottom: solid 1px #D1D1D1;
    float: left;
}

.case-side-info{
    width: 100%;
    padding: 20px;
    float: left;
}

.case-side-info label{
    width: 100%;
    font-size: 16px;
    color: #000000CC;
    float: left;
}

.case-side-info h5{
    width: 100%;
    font-size: 18px;
    font-family: "google_sansbold";
    color: #000000CC;
    float: left;
}

.case-feature-link{
    width: 100%;
    padding: 25px;
    background: #005276;
    border-radius: 0px 0px 10px 10px;
    float: left;
}

.case-feature-link h6{
    width: 100%;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: normal;
    font-family: "googlesans_medium";
    color: #fff;
    float: left;
}

.case-feature-link ul{
    width: 100%;
    border:none!important;
    border-radius: 0px!important;
    float: left;
}

.case-feature-link ul li{    
    float: left;
    margin: 0px 5px 5px 0px;
    background: #004463;
    color: #fff;
    font-size: 14px;
    border-radius: 20px;
    padding: 5px 10px;
}

.customer-case-details{
    width: 100%;
    float: left;
    text-align: left;
}

.customer-case-details h3{
    width: 100%;
    font-size: 30px;
    color: #005276;
    line-height: 50px;
    font-family: "CircularStd-Black";
    margin: 0px;
    float: left;
}

.customer-case-details p{
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    color: #000000CC;
    float: left;
}

.solution-case {
    width: 100%;
    float: left;
    background: #EFF3F6;
    padding: 20px 35px;
    margin:15px 0px;
}

.resulit-link{
    width: 100%;
    float: left;
}

.resulit-link ul{
    width: 100%; 
}

.resulit-link ul li {
    float: left;
    background: url(../images/check-banifit-icon.png) left 15px no-repeat;
    font-size: 18px;
    list-style: none;
    line-height: 30px;
    color: #000000CC;
    padding: 7px 0px 7px 25px;
    width: 100%;
    direction: ltr;
}


/*blog & blog-details & faq page style start*/


.blog-banner{
    width: 100%;
    background: #EEF2FC;    
    display: flex;
    padding: 10px 0px;
    height: 300px;
    align-items: center;
    justify-items: center;
}

.blog-banner h1{
    width: 100%;
    font-size: 40px;
    text-align: center;
    font-family: "google_sansbold";
    color: #000000CC;
    float:left;
}

.blog-banner p{
    width: 100%;
    font-size: 24px;
    text-align: center;
    font-family: "googlesans_medium";
    color: #000000CC;
    float:left;
}


.blog-content-inner{
    width: 100%;
    float: left;
    padding: 50px 0px;
}

.blog-silder-box{
    width: 100%;        
    align-items: center;
    display: flex;
}

.sildeimg{
    display: flex;
    width: 50%;
}

.sildeimg img{
    width: 100%;
    border-radius: 10px 0px 0px 10px;
    display: flex;
}

.silderight-details{
    width: 50%;
    display: flex;
    padding: 10px 30px;
    height: 100%;    
}

.blog-right-info{
    width: 100%;
    float: left;
}

.silde-date-section {
    width: 100%;    
    display: flex;
    align-items: center;
    padding: 10px 0px;
}

.date-info{    
    margin-right: 15px;
    padding-right: 15px;
    line-height: 15px;
    display: inline-flex;
    align-items: center;
}

.date-info label{
   font-size:16px;
   color: #000000CC;   
}

.date-info label a{   
   color: #000000CC;   
}

.date-info label a:hover,
.date-info label a:focus{   
   color: #01CDD1!important;   
}

.celicon{
    margin-right: 10px;
}

.border-right1{
    border-right: solid 1px #484848;    
}

.blog-right-info h3{
    width: 100%;
    font-size: 28px;
    font-family: "google_sansbold";
    color: #000000CC;
    line-height: 32px;
    float: left;    
}

.blog-right-info h3 a{
    color: #000000CC;
}

.blog-right-info h3 a:hover,
.blog-right-info h3 a:focus{
    color: #01CDD1!important;
}

.blog-right-info p{
    width: 100%;
    font-size: 16px;    
    color: #000000CC;
    line-height: 28px;
    float: left;    
}

.read-blog-btn{
    background: #FE6892;
    float: left;
    border-radius: 8px;
    font-family: "googlesans_medium";
    color: #fff;
    font-size: 14px;
    padding: 8px 18px;
}

.read-blog-btn:hover,
.read-blog-btn:focus{
    background: #01CDD1;
    color: #fff!important;
}

.blog-main-section{
    width: 100%;
    float: left;
}

.blog-main-box{
    display: flex;
    height: 100%;
    border: solid 1px #DEDEDE;
    border-radius: 10px;    
}

.blog-details{
    width: 100%;    
    float: left;
   
}

.blog-img-show{
    width: 100%;     
}

.blog-img-show img{
    width: 100%;   
    height: 235px; 
}

.blog-bottom-details{
    width: 100%;
    padding: 10px 28px;
    float: left;       
}

.blog-bottom-details h4{
    width: 100%;
    font-size: 22px;
    font-family: "google_sansbold";
    color: #000000CC;
    line-height: 30px;
    float: left;    
}

.blog-bottom-details h4 a{
    color: #000000CC;
}

.blog-bottom-details h4 a:hover,
.blog-bottom-details h4 a:focus{
    color: #01CDD1!important;
}

.pagination{
    width: 100%;
    padding: 15px 0px;
    float: left;
}

.pagination ul{
    width: 100%;
    text-align: center;    
}

.pagination ul li{
    display: inline-block;
    margin: 0px 3px;
}

.pagination ul li a{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border:solid 1px #DFDFDF;
    display: flex;
    color: #4B4B4B;
    fill: #4B4B4B!important;
    font-family: "google_sansbold";
    align-items: center;
    justify-content: center;
}

.pagination ul li a:hover,
.pagination ul li a:focus{
    background: #01CDD1!important;
    color: #fff!important;
    fill: #fff!important;
    border:solid 1px #01CDD1!important;
}

.page-active{
    background: #01CDD1!important;
    color: #fff!important;
    fill: #fff!important;
    border:solid 1px #01CDD1!important;
}

/*silder - style*/

 .blogsilder {  
  width: 100%;
  float: left;  
  margin-bottom: 15px;  
}

.blogsilder .item {
  height: auto;
  width: 100%;  
}

.blogsilder .item {
    padding: 0px!important;
}

.blogsilder .owl-dots .owl-dot button {
    background: #E2E2E2!important;
    border: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
    font-size: 9px!important;
    margin: 0px 3px;
    text-indent:-999px!important;
    display: inline-block;    
    overflow: hidden;
    border-radius: 50%;
}

.blogsilder .owl-dots .owl-dot button:focus {
  outline: none;
}

.blogsilder .owl-dots .owl-dot.active button {
    background: #01CDD1!important;
    color: #fff!important;
    text-indent: 0px!important;    
    overflow: inherit!important;
    font-size: 9px;
    border-radius: 25px;
    width: 25px!important;
    text-align: center!important;
}

.blogsilder .owl-dots {
    margin-top: 30px;
    margin-bottom: -80px;
}

.sider-bottom-pad{
  margin-bottom: 70px;
  padding: 35px 30px 20px!important;
}

/*blog-details-page*/

.sociallist {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: 10px;
}

.sociallist ul{    
    float: left;
}

.sociallist ul li{    
    float: left;
    text-align: center;         
    margin-right: 10px;
}

.fb-list{
    background: #4E69A2;
    display: flex;
    color: #fff;
    align-items: center;
    border-radius: 50px;
    transition:  .2s;
    cursor: pointer;
}

.fb-list:hover{
    background: #365087;    
}

.fb-list a {
    width: 45px;    
}

.fb-list label {
    background: #365087;
    color: #fff;
    float: left;
    padding: 10px 5px;
    font-family: "google_sansbold";
    font-size: 16px;
    border-radius: 0px 50px 50px 0px;
    width: 45px;
    cursor: pointer;
}

.twitt-list{
    background: #33AAF3!important;    
}

.twitt-list:hover{
    background: #2193D9!important;    
}

.twitt-list label{
    background: #2193D9!important;    
}

.linkdin-list{
    background: #1984BC!important;    
}

.linkdin-list:hover{
    background: #0F73A7!important;    
}

.linkdin-list label{
    background: #0F73A7!important;    
}

.main-right-section{
    width: 100%;  
    padding-bottom: 50px;  
    text-align: left;
}

.main-right-section section{
  width: 100%;
  float: left;
}

.blog-details-row{
    width: 100%;
    float: left;    
    padding: 50px 0px 0px;    
    margin: 0;
    display: grid;
    grid-template-columns: min-content 5fr;
    direction: rtl;
}

.blog-details-row nav{  
  white-space: nowrap;
  width: 420px;
  float: left;
  padding-left: 20px;
  direction: ltr;
}

.blog-details-row nav ul{
  list-style: none;
  margin: 0;  
  padding: 0;
  border: solid 1px #dedede;
  border-radius: 10px;
}

.blog-details-row nav ul h5 {
    font-size: 18px;
    color: #005276;
    font-family: "google_sansbold";
    padding: 20px 20px 15px;
    border-bottom: solid 1px #d5d5d5;
    text-transform: uppercase;
}

.blog-details-row nav ul li{
   display: block;    
   font-weight: 500!important;
}

.blog-details-row nav ul li a{
    display: block;
    font-size: 16px;
    font-family: "google_sansregular";
    border-left: solid 3px transparent;
    color: #303133!important;
    text-decoration: none;
    padding: 10px 5px;    
    white-space: normal;
    font-weight: 500;
}

.blog-details-row .active{
  background: #01CDD1!important;
  border-radius: 5px;  
}

.blog-details-row .active a{  
  color: #fff!important;
}

@media (min-height: 300px) {
  .blog-details-row nav ul {
    position: sticky;
    top: 10px;    
  }
}

.blog-details-content{
    width: 100%;    
    float: left;
}

.blog-details-images{
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.blog-details-images img{
    width: 100%;
}

.blog-details-content h3{
    width: 100%;
    font-size: 26px;
    font-family: "CircularStd-Black";
    color: #303133;
    margin:0px 0px 10px;
    padding: 0px;
    float: left;
    direction: ltr;
}

.blog-details-content p{
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 28px;
    color: #000000E5;
    margin: 0px;
}

/**/

.faq-section {
    width: 100%;
    float: left;
    border-bottom: solid 1px #DCDCDC;
    padding-bottom: 50px;
    margin-bottom: 45px;
}

.faq-left-head{
    width: 100%;
    float: left;
}

.faq-left-head h6{
  width: 100%;
  font-size: 30px;
  color: #005276;
  font-family: "CircularStd-Black";
  float: left;
}

.faq-left-head h6 span{
    width: 100%;    
    float: left;
}


.faq-details{
    width: 100%;
    float: left;
}

.faq-details .item {
    border: none;    
    background: none;
}

.faq-content{
    width: 100%;
    padding: 0px 0px 20px;
    float: left;    
}

.faq-infomation p{
    width: 100%;
    color: #000;
    line-height: 22px;
    float: left;
}

.faq-details .item .item-header h2 button.btn.btn-link {    
    font-size: 22px;    
    color: #000000B3;
    font-family: "CircularStd-Bold";
    box-shadow: none!important;
    font-weight: 400;
    text-decoration: none;
    border-top: solid 1px #DCDCDC;
}

.faq-details .item .item-header {
    border-bottom: none;
    background: transparent;
    padding: 0px;    
}

.faq-details .item .item-header h2 button {
    color: white;
    font-size: 20px;
    color: #000000B3;
    font-family: "CircularStd-Bold";
    border:none;
    box-shadow: none!important;
    outline: none!important;
    padding: 20px 0px;
    display: block;
    width: 100%;
    text-align: left;
}

.faq-details .item .item-header h2 i {
    float: right;
    font-size: 30px;
    color: #000000B3;
    display: flex;
}

.faq-details button.btn.btn-link.collapsed i {
    transform: rotate(0deg);
}

.faq-details button.btn.btn-link i {
    transform: rotate(180deg);
    transition: 0.5s;
}

.faq-details > div:last-child .btn {
    border-bottom: none!important;
}

.nav-mid{
    width: 100%;
    padding: 0px 15px 15px;
}


/*inventory-details-page*/

.inventory-matter-section{
  width: 100%;
  float: left;
}

.inventry-img{
  width: 100%;
  float: left;
}

.inventry-img img{
  width: 100%;
  object-fit: cover;
}

.inventry-content{
  width: 100%;
  padding-left: 10px;
  float: left;
}

.inventry-content h3{
  width: 100%;
  color: #005276;
  font-family: "CircularStd-Black";
  font-size: 40px;
  float: left;
}

.inventry-content h3 span{
  width: 100%;
  color: #01CDD1; 
  float: left;
}

.inventry-content h3 label{  
  color: #01CDD1; 
  display: inline!important;  
}

.inventory-benifit-section{
  width: 100%;
  padding: 35px 0px 50px;
  float: left;
}

.inventory-head{
  width: 100%;
  float: left;
}

.inventory-head h4{
  width: 100%;
  color: #005276;
  font-family: "CircularStd-Black";
  font-size: 40px;
  float: left;
}

.inventory-head h4 span{
  color: #01CDD1;   
}

.inventory-head p{
  width: 100%;
  color: #000000CC;  
  font-size: 18px;
  line-height: 30px;
  float: left;
}

.benifit-box{
  width: 100%;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  padding: 30px 15px;
  display: flex;
  min-height: 100%;
}

.benifit-icon {
  width: 15%;
  display: inline-grid;
  justify-content: center;
  align-items: start;
}

.benifit-info{
  width: 85%; 
  padding-left: 10px;  
}

.benifit-info h5{
  width: 100%;
  font-size: 24px;
  font-family: "CircularStd-Bold";
  color: #005276;
}

.benifit-info h5 a{
  color: #005276;
}

.benifit-info h5 a:hover{
  color: #01CDD1;
}

.benifit-info p{
  width: 100%;
  font-size: 18px;
  line-height: 30px;  
  color: #000000CC;
  margin: 0px;
}

.usefullbox {
    width: 100%;
    float: left;
    border-radius: 8px;
    margin-bottom: 30px;
}

.usefull-section{
  width: 100%;
  padding: 10px 0px;
  float: left;
}

.vlaue-details{
  width: 100%;
  background: #005276;
  padding: 30px 35px 20px;
  border-radius: 0px 0px 8px 8px;
  float: left;
}

.vlaue-details h5{
  width: 100%;
  font-size: 26px;
  font-family: "googlesans_medium";
  color: #fff;
  float: left;
}

.vlaue-details h5 a{
  color: #fff;  
}

.vlaue-details p{
  width: 100%;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  float: left;
}

.usefull-section .owl-nav {
  display: block !important;
}
.usefull-section .owl-carousel .nav-btn {
  height: 50px;
  position: absolute;
  width: 50px;
  cursor: pointer;
  top: 40% !important;
  z-index: 9999;
}

.usefull-section .owl-carousel .owl-prev.disabled,
.usefull-section .owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.usefull-section .owl-carousel .prev-slide {
  background: url(../images/left-arrow.png) no-repeat scroll 0 0;
  left: -70px;
  background-size: 100%;
}

.usefull-section .owl-carousel .next-slide {
  background: url(../images/right-arrow.png) no-repeat scroll 0px 0px;
  right: -70px;
  background-size: 100%;
}

.usefull-section .owl-dots {
  display: none;
}

.feature-glance-section{
  width: 100%;
  padding-top: 15px;
  float: left;
}

.value-pad {
    background-position: center 90px;
    padding-top: inherit!important;
}

.feature-blog-section{
  width: 100%;
  float: left;
}

.inventory-faq-section{
  width: 100%;
  padding: 5% 8% 2%;
  float: left;
}

.inventory-faq-section .faq-content {
    width: 100%;
    padding: 0px;
    float: none;
}

/*.inventory-faq-section .faq-details .item {
    border: solid 1px #dcdcdc;
    margin-bottom: 25px;
    padding: 10px 40px;
    border-radius: 10px;
}

.inventory-faq-section .faq-details .item .item-header h2 button.btn.btn-link {    
    color: #4D4D4D;    
    border-bottom: none;
}

.inventory-faq-section .inventory-faq{
  background: #F6FBFF!important;
  box-shadow: 0px 3px 6px #00000029;
  border:solid 1px #eef0f2!important;
}

.inventory-faq-section .inventory-faq .btn.btn-link i {
  transform: rotate(0deg)!important;
  background: url(../images/faq-close.png) center top no-repeat!important;
  height: 40px;
  width: 40px;
  transition: 0s!important;
  margin-right: -15px!important;
  background-size: 89%!important;
}

.inventory-faq .fa-angle-down:before{
  display: none!important;
}

.inventory-faq-section .faq-section {
    border-bottom: none!important;
    padding: 0px;
    margin: 0px 0px 70px;
}
*/

.inventory-faq-section p{
  font-size: 20px;
  line-height: 32px;
}

.retail-content{
  padding-bottom: 30px;
}

.retail-content p{
  color: #fff!important;
  font-size: 16px;
}

.cp-vision-pad{
  margin-bottom: 35px;
  padding-top: 20px;
}

.company-information-box{
  width: 100%;
  padding-left: 20px;
  float: left;
}

.cp-details-points {
  width: 100%;
  position: relative;
  padding: 0px 0px 20px 40px;
  float: left;
}

.cp-details-points:before {
  content: "";
  position: absolute;
  border-left: solid 1px #01CDD1;
  left: 6px;
  top: 6px;
  height: 100%;
}

.cp-details-points:after {
  position: relative;
  border: 4px solid #01CDD1;
  outline: 2px solid #fff;
  outline-offset: -5px;
  border-radius: 50%;
  left: -1px;
  top: 0px;
  width: 15px;
  height: 15px;
  content: "";
  position: absolute;
  z-index: 99;
  background: #005276;
}

.cp-details-points h5{
  width: 100%;
  font-size: 18px;
  font-family: "google_sansbold";
  color: #000000CC;
  float: left;
  margin-bottom: 5px;
}

.cp-details-points p{
  width: 100%;
  font-size: 18px;  
  margin-bottom: 5px;
  color: #000000CC;
  float: left;
}

.company-information-box > div:last-child.cp-details-points:before {
  border-left: none!important;
  
}

.store-btn {
  margin: 0px auto;
  display: table;
  width: auto!important;
  font-family: "CircularStd-Bold";
  border-radius: 5px!important;
  font-size: 20px;
}

.founder-message-section{
  width: 100%;
  margin: 55px 0px; 
  float: left;
}

.founder-bg{
  width: 100%;
  margin: 15px 0px;
  background: #0F1B29 url(../images/founder-img.png) left top no-repeat;  
  height: 430px;
  display: flex;
  align-items: center; 
  justify-content: end;
  border-radius: 8px;
}

.founder-message-box{
  width: 50%;    
}

.message-details{
  width: 100%;
  padding-right: 60px;
}

.message-details img{
  margin-bottom: 15px;
  display: block;
}
.message-details p{
  width: 100%;
  font-size: 20px;
  color: #fff;  
}

.ceo-msg{
  width: 100%;
  position: relative;
  padding-top: 20px;
  margin-top: 20px;
  float: left;
}

.ceo-msg:before{
  content: "";
  position: absolute;
  top: 0px;
  border-top: solid 3px #fff;  
  width: 60px;
}

.ceo-msg h6{
  width: 100%;
  font-size: 20px;
  font-family: "google_sansbold";
  color: #FFFFFF;
  float: left;
}

.ceo-msg p{
  width: 100%;
  font-size: 18px;
  float: left;
}

.company-banner .industry-banner-details {
    top: 0%;
    display: flex;
    height: calc(100% - 270px);
    align-items: center;
}

.mobile-message-details{
  display: none;
}

.contact-banner .product-banner-details {
    top: 0%;
    display: flex;
    height: 435px;
    align-items: center;
}

.contact-bg-page{
  padding: 30px 25px;
}

.contact-footer{
  width: 100%;
  display: flex;
  align-items: center;
}

.contact-footer .addright label {    
    font-size: 16px;
    color: #005276;
}

.contact-footer .addright span {    
    font-size: 16px;
    color: #000000CC;
}

.contact-footer .addresslist ul li {    
    margin: 18px 0px;
}

.contact-left{
  width: 100%;
  padding: 0px 0px 0px 50px;
  display: flex;
  align-items: center;
  height: 100%;
}

.contact-social {
    float: left;    
    width: 100%;
}

.contact-social ul {
    float: left;    
    width: auto!important;
    text-align: center;
    border: 2px solid #01cdd1;
    border-radius: 114px;
    margin: 30px 0px 0px;
    padding: 0px 15px;
}

.contact-social ul li {
    float: none;
    width: auto;
    margin: 10px 3px!important;
    display: inline-block;
}

.contact-social svg {
    color: #01cdd1 !important;
    fill: #01cdd1 !important;
    transition: 0.2s;
}

.contact-social svg:hover {
    color: #fe6892 !important;
    fill: #fe6892 !important;
}

.contact-right-footer{
  width: 100%;
  background: #005276;
  padding: 20px 30px;
  float: left;
  border-top: solid 13px #01CDD1;
  border-radius: 10px;
}

.contact-right-footer h6{
  width: 100%;
  color: #fff;
  font-size: 36px;
  padding: 10px 0px 15px;
  font-family: "CircularStd-Black";
  text-align: center;
  float: left;
}

.formcpadr{
  padding-right: 0px;  
  border-right: solid 1px #D5D5D5;
}

.formcpadr input {
    border-radius: 3px 0px 0px 3px!important;
}

.formcpadl{
  padding-left: 0px;  
}

.formcpadl input {
    border-radius: 0px 3px 3px 0px!important;
}

.select-style,
.text-area-show{
    width: 100%;
    float: left;
    padding: 15px 10px;
    background: #fff;
    color: #000000b2;
    outline: none;
    border: none;
    border-radius: 3px;
    height: 56px;
    font-size: 16px;
}

.text-area-show{
  height: 150px;
}

.formcpadl .floating-label-group input:focus ~ .floating-label, .floating-label-group input:not(:focus):valid ~ .floating-label {   
    left: 15px;
  }

.formcpadl .floating-label {
    left: 15px;
}

.submit-btns {
    padding: inherit!important;
    height: 57px!important;
    margin: 0px!important;
}

.contact-policy span{
  width: 100%;
  font-size: 15px;
  color: #FFFFFFCC;  
  float: left;
}

.select-dropdown {
  background:#fff url(../images/select-arrow.png) no-repeat 96% 25px !important;
  position: relative;
  -webkit-appearance: none;
  background-size: 15px !important;
  cursor: pointer;
}

.succes-bg-pad .customer-page-section{
  padding: 0px 0px 25px;
}

.back-btn{
  color: #01CDD1;
}

.back-btn:hover,
.back-btn:focus{
  color: #01CDD1;
}

.back-btn img {
  width: 18px!important;
  height: 18px!important;
  margin: 5px 8px 0px 0px;
}

.customer-sucess-pad{
  margin-top: -12%!important;
}

.desktop_short_banner{
  display: block;
}

.mobile_short_banner{
  display: none;
}

.product-infomation-box > div:last-child.faq-section {
    border-bottom: none!important;
}

.faq-details > div:last-child.item {
    border-bottom: solid 1px #DCDCDC!important;
}

.inventory-faq-section .faq-details > div:last-child.item {
    border-bottom: none!important;
}

.inventory-banner .industry-banner-details{
    top: 0%;
    height: calc(100% - 270px);
    display: flex;
    align-items: center;
}

.retail-banner .customer-pad {
    top: 0%;
    height: calc(100% - 270px);
    display: flex;
    align-items: center;
}

.blog-details-images{
  margin-top: -25px;
}

.blog-details-banner .product-banner-details {
    height: calc(100% - 290px);
}

.customer-case-banner.product-banner-details {
    height: calc(100% - 450px);
}

.retail-banner .retail-pad {
    top: 0%;
    height: calc(100% - 270px);
    display: flex;
    align-items: center;
}


/*banner chagne style 141223 start*/

.cbet-text{
  font-size: 155px!important;
  line-height: 150px;
  color: #FE6892;
  margin-bottom: -10px!important;
}

.assessment-txt{
  font-size: 44px!important;
  font-family: "CircularStd-Black"!important;
  margin-bottom: 15px!important;
}

.banner-tagline{
  font-size: 27px!important;
  color: #fff;
  display: block;
  clear: both;
}

/*banner chagne style 141223 End*/


.lp-copyright-section .footer-copyright{
  line-height: 20px;
}






















/*Responsive style start*/
@media only screen and (min-width: 2201px) and (max-width: 4000px) {
  .bannerdetails h1 {
    font-size: 60px;
    line-height: 70px;
  }
  .animatarrow {
    margin: 19px 0px 0px 15px;
    width: 25px;
  }
  .videosection {
    padding-top: 150px;
  }
  .sentence {
    top: 70px;
    left: 12%;
  }


/*productpage style*/

.product-container-section {
    margin-top: -17%;
}

.company-banner .industry-banner-details {
    height: calc(100% - 435px);
}

/*product inventory details page*/
.videosection {
    background-position: center 20px;
}

.company-video-pad {
    background-position: center 150px;
    padding-top: inherit!important;
}

.custom-banner .product-banner-details {
    height: calc(100% - 300px);
}

.retail-banner .retail-pad {
    height: calc(100% - 440px);
}

}

@media only screen and (min-width: 1910px) and (max-width: 2200px) {
  .bannerdetails h1 {
    font-size: 60px;
    line-height: 70px;
  }
  .videosection {
    padding-top: 50px;
  }
  .sentence {
    top: 75px;
    left: 12%;
  }  

.company-video-pad {
    background-position: center 250px;
    padding-top: inherit!important;
}

.solution-pad{
  margin-top: -12%;
}


}
@media only screen and (min-width: 1600px) and (max-width: 1900px) {
  .righttop {
    margin-left: 40px;
  }

  .client-erp-infomain {
    margin: 50px 0px 60px;
  }

  .topnav {
    padding: 20px 15px;
  }
  .navbar-nav li {
    padding-left: 14px;
  }
  .navbar-brand img {
    width: 150px;
  }
  .arrowright {
    font-size: 18px;
  }

.client-erp-section {
    margin: 25px 0px;
}

.bannerdetails {
    height: calc(100% - 200px);
}


/*productpage style*/
.product-banner-details {
   height: calc(100% - 200px);
}

.blog-details-banner .product-banner-details {
    height: calc(100% - 220px);
}

.product-container-section {
    margin-top: -13%;
}

.retail-banner .retail-pad {
    height: calc(100% - 205px);
}

.header-item-left {    
    -webkit-box-flex: 0;
    -ms-flex: 0 0 17%;
    flex: 0 0 17%;
}
.header-item-center {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.brand img{
    width: 185px;
}

.company-banner .industry-banner-details {
    height: calc(100% - 205px);
}


/*Customer Success Case Study page*/

.customer-case-pad {
    margin-top: -21%!important;
}

.value-pad {
    background-position: center 150px; 
}

.company-video-pad {
    background-position: center 310px;
    padding-top: inherit!important;
}

.custom-banner .product-banner-details{
  height: calc(100% - 190px);
}

.inventory-banner .industry-banner-details {
    height: calc(100% - 205px); 
}

.faq-pad-show h1{
  font-size: 40px;
  line-height: 45px;
}

.customer-case-banner.product-banner-details {
    height: calc(100% - 330px);
}

/*banner chagne style 141223 start*/
.cbet-text {
  font-size: 148px!important;
  line-height: 145px;
}
/*banner chagne style 141223 End*/


}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .righttop {
    margin-left: 10px;
  }
  .navbar-nav li a {
    font-size: 16px;
  }
  .righttop ul li {
    margin-left: 10px;
  }
  .righttop ul li a {
    font-size: 14px;
  }

  .client-erp-infomain {
    margin: 50px 0px 60px;
  }

  .topnav {
    padding: 20px 15px;
  }
  .navbar-nav li {
    padding-left: 14px;
  }
  .navbar-brand img {
    width: 150px;
  }
  .arrowright {
    font-size: 18px;
  }
  .drop_menu_show {
    margin: 45px 0px 0px;
    left: -200px;
  }

.client-erp-section {
    margin: 25px 0px 0px;
}

.bannerdetails {
    height: calc(100% - 200px);
}

.blog-details-banner .product-banner-details {
    height: calc(100% - 220px);
}

/*productpage style*/
.header {
    padding: 15px 15px!important;
}
.product-banner-section img { 
    height: 635px;
}

.product-banner-details {
    height: calc(100% - 195px);
}

.inventory-banner img {
    height: 540px;
}

.inventory-banner .industry-banner-details {
    height: calc(100% - 200px);
}

.header-item-left {
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
}

.header-item-right {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
}
.header-item-center {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.header .menu > ul > li {
    display: inline-block;
    margin-left: 10px;
}

.brand img{
    width: 160px;
}

.industry-banner-details h6 {
    font-size: 20px;
    line-height: 30px;
}
.industry-banner-details span {
    font-size: 18px;
    padding: 0px 0px 10px;
}

.industry-banner-details {
    top: 3%;
    padding: 0px;
}

.industry-banner-details h1 {
    font-size: 40px;
    line-height: 50px;
}

.drop-sub-item ul {
    margin-top: 8px;
}

.customer-case-banner img {
    height: 700px;
}

.customer-case-banner .product-banner-details {
    height: calc(100% - 275px);
    padding: 0% 15%;
}

.company-banner .industry-banner-details {
    height: calc(100% - 200px);
}

.retail-banner img{
  height: 680px;
}

.retail-banner .retail-pad {
    height: calc(100% - 190px);
}

/*Customer Success Case Study page*/

.customer-case-pad {
    margin-top: -19%!important;
}

.customer-case-banner h1{
    font-size: 35px;
    line-height: 45px;
}

.customer-case-banner h6 {    
    font-size: 18px;
    line-height: 30px;
}

.value-pad {
    background-position: center 190px; 
}

.succes-bg-pad .customer-page-section {
    padding: 50px 0px 25px;
}

.company-video-pad {
    background-position: center 310px;
    padding-top: inherit!important;
}
.custom-banner img{
  height: 510px;
}
.customer-sucess-pad {
    margin-top: -15%!important;
}

.custom-banner .product-banner-details{
  height: calc(100% - 215px);
}

.cutomer-sucess-details{
  padding-top: 50px;
}

.faq-content-pad {
    margin-top: -19%;
}

.faq-banner .product-banner-details {
    height: calc(100% - 265px);
}

/*banner chagne style 141223 start*/
.cbet-text {
  font-size: 125px!important;
  line-height: 115px;
}
.assessment-txt {
  font-size: 35px!important; 
  margin-bottom: 6px!important;
}
.banner-tagline {
  font-size: 22px!important; 
}
/*banner chagne style 141223 End*/


}

@media only screen and (min-width: 1351px) and (max-width: 1399px) {
  .topnav {
    padding: 20px 15px;
  }
  .navbar-nav li {
    padding-left: 14px;
  }
  .navbar-brand img {
    width: 150px;
  }
  .righttop {
    margin-left: 10px;
  }
  .navbar-nav li a {
    font-size: 16px;
  }
  .righttop ul li {
    margin-left: 10px;
  }
  .righttop ul li a {
    font-size: 14px;
  }
  .drop_menu_show {
    margin: 39px 0px 0px;
    left: -192px;
  }
  .bannerdetails h1 {
    font-size: 45px;
    line-height: 55px;
  }
  .bannerdetails h6 {
    font-size: 18px;
    line-height: 20px;
    margin: 0px 0px 10px;
  }
  .singlesolutionstrip {
    margin-top: -13%;
  }
  .erphead h3 {
    font-size: 40px;
    line-height: 60px;
  }
  .erphead h3 span {
    font-size: 50px;
  }
  .sectionhead h3 {
    font-size: 40px;
    line-height: 60px;
  }
  .sectionhead h3 span {
    font-size: 40px;
  }
  .sectionhead h4 {
    font-size: 40px;
    line-height: 60px;
  }
  .sectionhead h4 span {
    font-size: 45px;
  }

  .btns {
    font-size: 16px;
    margin: 22px 20px 0px 0px;
  }

  .bannerdetails h1 span {
    font-size: 29px;
    padding: 0px 5px;
    line-height: 55px;
  }

  .animatarrow {
    float: right;
    margin: 17px 10px 0px 10px;
    width: 20px;
  }
  .sentence {
    position: absolute;
    top: 50px;
    left: 11%;
  }

  .erp-details-info:before {
    left: 496px !important;
  }

  .bannerdetails {
    height: calc(100% - 180px);
  }

  .client-erp-infomain {
    padding: 25px 60px;
    margin: 50px 0px;
  }

  .different-box-silde h6 {
    font-size: 16px;
  }
  .different-silder {
    padding: 0px 90px;
  }
  .different-silder .owl-carousel .owl-item {
    margin-right: 14px !important;
  }
  .defferent-details-show {
    padding: 0px 93px;
  }
  .arrowright {
    font-size: 18px;
  }
  .checks-row p {
    font-size: 14px;
    margin: 0px 0px 0px 10px;
  }
  .shechulde-form h3 {
    font-size: 32px;
  }
  .solutionsilde {
    padding: 0px 50px;
  }

  .company-banner .industry-banner-details {
    height: calc(100% - 190px);
  }

/*productpage style*/
.product-banner-section img { 
    height: 600px;
}

.customer-case-banner img {
    height: 700px;
}

.customer-case-banner .product-banner-details {
    height: calc(100% - 215px);
    padding: 0% 15%;
}

.blog-details-banner .product-banner-details {
    height: calc(100% - 210px);
}

.product-banner-details h1 {
    font-size: 40px;
    line-height: 45px;
}
.product-banner-details h6 {
    font-size: 20px;
    line-height: 30px;
}
.header-item-left {
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
}

.product-banner-details {
    height: calc(100% - 185px);
}

.custom-banner .product-banner-details{
  height: calc(100% - 175px);
}

.retail-banner img{
  height: 680px;
}

.industry-banner-details span {
    padding: 0px 0px 10px;
}

.retail-banner .retail-pad {
    height: calc(100% - 190px); 
}

.faq-content-pad {
    margin-top: -19%;
}

.faq-banner .product-banner-details {
    height: calc(100% - 250px);
}

.header-item-right {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
}
.header-item-center {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.brand img{
    width: 170px;
}
.header .menu > ul > li > a {
    font-size: 16px;
}
.righttop ul li a {    
    font-size: 14px;
    padding: 7px 8px;
}
.header {
    padding: 10px 25px!important;
}

.mega-menu-section {
    padding: 15px 0px;
}

.sublist-text h5 {
    font-size: 16px;
    margin-bottom: 2px;
}

.industry-banner-details h1 {
    font-size: 40px;
    line-height: 45px;
}

.industry-banner-details h6 {
    width: 100%;
    font-size: 20px;    
    line-height: 30px;
}

.industry-about h4 {
    font-size: 35px;
    line-height: 45px;
}
.industry-about p {
    padding: 0% 0%;
}
.product-infomation-box h4 {
    font-size: 35px;
    line-height: 45px;
}

.logintxt {
    margin: 2px 0px 0px;
}

.callinfo {
  margin: 1px 0px 0px 0px;
}

.login-top-pad {
    margin: 0px 5px!important;
}

.drop-sub-item ul {
    margin-top: 3px;
}

/*Customer Success Case Study page*/

.customer-case-pad {
    margin-top: -16%!important;
}

.customer-case-banner h1{
    font-size: 30px;
    line-height: 40px;
}

.customer-case-banner h6 {    
    font-size: 18px;
    line-height: 30px;
}

.customer-case-video {
    width: 70%; 
}
/*porducts-inventory-details page*/
.inventory-banner img {
    height: 540px;
}

.inventory-banner .industry-banner-details {
    height: calc(100% - 190px);
}

.inventry-content h3 {
    font-size: 40px;
}

.inventory-head h4 {
    font-size: 40px;
}

.videosection {
    background-position: center 180px;
}

.client-erp-section {
    margin: 25px 0px 0px;
}

.retail-banner .customer-pad{
  top:11%!important;
}

.inventry-content h3 label br{
  display: none;
}

.value-pad {
    background-position: center 240px; 
}

.succes-bg-pad .customer-page-section {
    padding: 50px 0px 25px;
}

.company-video-pad {
    background-position: center 310px;
    padding-top: inherit!important;
}
.custom-banner img{
  height: 450px;
}

.customer-sucess-pad {
    margin-top: -13%!important;
}

.customer-video-icon img {
    width: 60px;
    height: 60px;
}

/*banner chagne style 141223 start*/
.cbet-text {
  font-size: 115px!important;
  line-height: 110px;
}
.assessment-txt {
  font-size: 32px!important; 
  margin-bottom: 8px!important;
}
.banner-tagline {
  font-size: 20px!important; 
}
/*banner chagne style 141223 End*/


}

@media only screen and (min-width: 1180px) and (max-width: 1350px) {
  .topnav {
    padding: 15px 10px;
  }
  .righttop {
    float: right;
    margin-left: 10px;
  }

  .righttop ul li {
    float: left;
    margin-left: 10px;
  }
  .righttop ul li a {
    font-size: 13px;
  }
  .callinfo img {
    height: 13px;
  }
  .tabletimg {
    height: 7px !important;
  }

  .getdemo {
    padding: 7px 8px;
    border-radius: 5px;
  }
  .trialbtn {
    padding: 7px 8px;
    border-radius: 4px;
  }
  .navbar-brand img {
    width: 130px;
  }
  .navbar-nav li {
    padding-left: 10px;
  }
  .navbar-nav li a {
    font-size: 16px;
  }
  .bannerdetails h1 {
    font-size: 33px;
    line-height: 42px;
  }
  .bannerdetails h6 {
    font-size: 18px;
    line-height: 20px;
    margin: 0px 0px 10px;
  }
  .icontxts {
    font-size: 14px;
  }

  .erphead h3 {
    font-size: 32px;
    line-height: 45px;
  }
  .erphead h3 span {
    font-size: 32px;
  }
  .sectionhead h3 {
    font-size: 32px;
    line-height: 45px;
  }
  .sectionhead h3 span {
    font-size: 32px;
  }
  .sectionhead h4 {
    font-size: 32px;
    line-height: 45px;
  }

  .sectionhead h4 span {
    font-size: 32px;
  }
  .txtheadss {
    font-size: 16px;
    margin: 20px 0px 0px 0px;
    width: 80%;
  }
  .staffright:before {
    width: 320px;
    height: 320px;
    left: 41px;
    margin-top: 20%;
  }
  .mobileappimg {
    width: 60%;
  }
  .addright {
    width: 80%;
  }
  .shechulde-form h3 {
    font-size: 26px;
  }
  .shechulde-form p {
    line-height: 26px;
    font-size: 16px;
  }

  .leftintro {
    width: 103%;
    margin-left: -50px;
  }
  .cloudtabs .nav-tabs li a {
    font-size: 16px;
  }
  .bannerdetails h1 span {
    font-size: 24px;
    line-height: 44px;
    text-transform: capitalize;
    padding: 0px 5px;
    border-radius: 5px;
  }
  .animatarrow {
    margin: 12px 5px 0px 10px;
    width: 19px;
  }
  .sentence {
    top: 35px;
    left: 8%;
  }

.addrestrip {
  padding-bottom: 15px;
}

.client-erp-section {
    margin: 25px 0px 0px;
}

  .client-erp-infomain {
    padding: 25px 0px 0px;
    margin: 50px 0px;
  }

  .client-erp-section h4 {
    font-size: 32px;
    line-height: 45px;
  }

  .erp-details-info:before {
    left: 556px;
  }

  .withouterpbg {
    font-size: 24px;
  }

  .withintellmiserpbg {
    font-size: 24px;
  }

  .different_section h3 {
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 10px;
  }

  .different_section p {
    font-size: 18px;
    line-height: 28px;
    padding: 0% 0%;
  }

  .different-silder {
    padding: 0px 30px;
  }

  .defferent-details-show {
    padding: 0px 30px;
  }

  .drop_menu_show {
    margin: 40px 0px 0px;
  }

  .arrowright {
    font-size: 12px;
  }

  .bannerdetails {
    height: calc(100% - 165px);
  }

  .company-banner .industry-banner-details {
    height: calc(100% - 230px);
  }

  .company-content-pad{
    margin-top: -18%;
  }

  .retail-banner .retail-pad {
    height: calc(100% - 175px); 
  }

/*productpage style*/
.product-banner-section img { 
    height: 580px;
}

.customer-case-banner img {
    height: 700px;
}

.customer-case-banner .product-banner-details {
    height: calc(100% - 245px);
    padding: 0% 15%;
}


.blog-details-banner .product-banner-details {
    height: calc(100% - 200px);
}

.product-banner-details h1 {
    font-size: 40px;
    line-height: 45px;
}
.product-banner-details h6 {
    font-size: 20px;
    line-height: 30px;
}

.industry-banner-details span {    
    font-size: 16px;
}

.industry-banner-details h1 {
    font-size: 32px;
    line-height: 45px;
}

.industry-banner-details h6 {
    width: 100%;
    font-size: 20px;    
    line-height: 30px;
}
.industry-about h4 {
    font-size: 32px;
    line-height: 45px;
}
.industry-about p{
    padding: 0px;
}

.product-banner-details {
    height: calc(100% - 175px);
}

.faq-content-pad {
    margin-top: -19%;
}

.faq-banner .product-banner-details {
    height: calc(100% - 250px);
}

.product-infomation-box h4 {
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 10px;
}

.header-item-left {
    -ms-flex: 0 0 11%;
    flex: 0 0 11%;
}

.header-item-right {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
}
.header-item-center {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
}

.login-top-pad {
    margin: 0px 10px!important;
}

/*Customer Success Case Study page*/

.customer-case-pad {
    margin-top: -19%!important;
}

.customer-case-banner h1{
    font-size: 28px;
    line-height: 40px;
}

.customer-case-banner h6 {    
    font-size: 18px;
    line-height: 30px;
}

.customer-case-details h3 {
    font-size: 24px;
    line-height: 40px;
}

.customer-case-video {
    width: 70%; 
}

.customer-video-icon {
    top: 40%;
    left: 43%;
}

/*blog style*/

.date-info label {
    font-size: 14px;
}

.blog-right-info h3 {
    font-size: 20px;
    line-height: 26px;
}

.blog-right-info h3 br{
    display: none;
}

.blog-right-info p {
    font-size: 14px;
    line-height: 22px;
}

.blog-bottom-details {
    padding: 5px 15px;
}

.blog-bottom-details h4 {
    font-size: 18px;
    line-height: 24px;
}

/*porducts-inventory-details page*/
.inventory-banner img {
    height: 540px;
}

.inventory-banner .industry-banner-details {
    height: calc(100% - 175px);
}

.inventry-content h3 {
    font-size: 32px;
    line-height: 40px;
}

.inventory-head h4 {
    font-size: 32px;
    line-height: 40px;
}

.videosection {
    background-position: center 180px;
}

.inventry-content h3 label br{
  display: none;
}

.value-pad {
    background-position: center 220px; 
}

.cp-pad{
  padding-bottom: 0px;
}

.contact-banner .product-banner-details {
    height: 405px;
}
.company-video-pad {
    background-position: center 310px;
    padding-top: inherit!important;
}

.custom-banner img{
  height: 450px;
}

.custom-banner .product-banner-details{
  height: calc(100% - 185px);
}

.customer-sucess-pad {
    margin-top: -15%!important;
}

/*banner chagne style 141223 start*/
.cbet-text {
  font-size: 100px!important;
  line-height: 95px;
}
.assessment-txt {
  font-size: 30px!important; 
  margin-bottom: 5px!important;
}
.banner-tagline {
  font-size: 18px!important; 
}
/*banner chagne style 141223 End*/


}

@media only screen and (min-width: 992px) and (max-width: 1175px) {
  .topnav {
    padding: 15px 10px;
  }
  .righttop {
    float: right;
    margin-left: 10px;
  }

 .login-top-pad {
    margin: 0px 0px!important;
  }

  .righttop ul li a {
    float: left;
    font-size: 12px;
    font-family: "googlesans_medium";
  }
  .callinfo img {
    height: 13px;
  }
  .tabletimg {
    height: 7px !important;
  }

  .getdemo {
    padding: 7px 8px;
    border-radius: 5px;
  }
  .trialbtn {
    padding: 7px 8px;
    border-radius: 4px;
  }
  .navbar-brand img {
    width: 130px;
  }
  .navbar-nav li a {
    font-size: 12px;
    padding: 10px 4px;
  }
  .navbar-nav li {
    padding-left: 3px;
  }
  .bannerdetails h1 {
    font-size: 30px;
    line-height: 33px;
  }
  .bannerdetails h6 {
    font-size: 18px;
    line-height: 20px;
    margin: 0px;
  }
  .banertrailbtn {
    padding: 7px 10px;
    font-size: 13px;
    border-radius: 5px;
  }
  .guidtourbtn {
    padding: 7px 10px;
    font-size: 13px;
    border-radius: 5px;
  }

  .solutionsilde {
    padding: 0px 50px;
  }
  .icontxts {
    font-size: 12px;
    margin-top: 80px;
  }

  .erphead h3 {
    font-size: 32px;
    line-height: 45px;
  }
  .erphead h3 span {
    font-size: 32px;
  }
  .sectionhead h3 {
    font-size: 32px;
    line-height: 45px;
  }
  .sectionhead h3 span {
    font-size: 32px;
  }
  .sectionhead h4 {
    font-size: 32px;
    line-height: 45px;
  }

  .sectionhead h4 span {
    font-size: 32px;
  }

  .cloudtabs .nav-tabs li a {
    font-size: 15px;
  }

  .staffright img {
    width: 75%;
  }
  .staffright:before {
    width: 360px;
    top: 0;
    height: 360px;
    left: 4px;
  }
  .shechulde-form h3 {
    font-size: 22px;
  }

  .addright {
    width: 80%;
    float: right;
  }
  .footersocial {
    float: right;
    margin: 100px 6px 0px 0px;
  }
  .shechulde-form p {
    line-height: 24px;
    font-size: 12px;
    margin: 4px 0px 0px 5px;
  }

  .leftintro {
    margin-left: -50px;
  }
  .btns {
    padding: 10px 5px;
    font-size: 13px;
    margin: 26px 10px 0px 0px;
  }
  .reqtxt h4 a {
    font-size: 22px;
  }
  .solutioninfos br {
    display: none;
  }
  .erphead p {
    padding: 0px;
  }
  .sectionhead p {
    padding: 0px;
  }
  .txtheadss {
    font-size: 16px;
    width: 80%;
  }
  .bannerdetails h1 span {
    font-size: 18px;
    padding: 2px 4px;
    border-radius: 3px;
    line-height: 28px;
  }
  .banntxts {
    margin-left: 215px;
  }
  .drop_menu_show {
    margin: 40px 0px 0px;
    left: -200px;
  }
  .animatarrow {
    float: right;
    margin: 3px 5px 0px 6px;
    width: 15px;
  }
  .sentence {
    position: absolute;
    top: 30px;
    left: 9%;
    height: 40px !important;
  }

  .iconmidbg {
    padding: 0px 25px;
  }

  .client-erp-infomain {
    padding: 25px 0px;
  }
  .client-erp-section h4 {
    font-size: 32px;
    line-height: 45px;
  }
  .erp-details-info:before {
    left: 462px;
  }
  .withouterpbg {
    font-size: 24px;
  }
  .withintellmiserpbg {
    font-size: 24px;
  }
  .padls {
    margin-left: 24px;
  }
  .padrs {
    margin-left: -25px;
  }

  .intellimis-contents ul li {
    width: 85%;
  }
  .different_section h3 {
    font-size: 32px;
    line-height: 45px;
  }

  .client-erp-section {
    margin: 25px 0px 50px;
  }

  .different_section h3 {
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 20px;
  }
  .different_section p {
    font-size: 18px;
    line-height: 28px;
    padding: 0% 0%;
  }
  .different-silder {
    padding: 0px 30px;
  }
  .defferent-details-show {
    padding: 0px 30px;
  }
  .font36px {
    font-size: 32px !important;
    line-height: 45px !important;
  }
  .witherpbox p {
    font-size: 16px;
    line-height: 26px;
  }
  .withintellerobox p {
    font-size: 16px;
    line-height: 26px;
  }
  .arrowright {
    margin: 0px 0px 0px 4px;
    font-size: 12px;
  }
  .logindrop {
    min-width: 150px;
    width: 150px;
    top: 40px!important;
  }
  .innerpageheading {
    padding: 20px 0px;
  }
  .innerpageheading h1 {
    font-size: 35px;
    line-height: 40px;
  }
  .solutioninfos {
    border-top: solid 8px #fe6892;
    padding: 10px 15px 0px;
  }
  .solutionsilde .owl-nav {
    margin: 0px;
  }
  .footer-contact-details {
    min-height: 102.5%;
  }
  .findnoticon img {
    width: 45%;
  }
  .mobile-pad-txt {
    margin-bottom: 30px !important;
  }

  .bannerdetails {
    height: calc(100% - 130px);
  }

  .customer-case-banner img {
    height: 700px;
  }

  .customer-case-banner .product-banner-details {
      height: calc(100% - 245px);
      padding: 0%;
  }

  .retail-banner .retail-pad {
    height: calc(100% - 195px); 
  }

/*productpage style*/
.product-banner-section img { 
    height: 600px;
}

.blog-details-banner .product-banner-details {
    height: calc(100% - 210px);
}

.product-banner-details h1 {
    font-size: 30px;
    line-height: 33px;
}
.product-banner-details h6 {
    font-size: 18px;
    line-height: 20px;
}

.product-container-section {
    margin-top: -19%;
}

.login-drop-inner ul li {
    padding: 0px 3px;
}

.header-item-left {
    -ms-flex: 0 0 13%;
    flex: 0 0 13%;
}

.header-item-right {
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
}
.header-item-center {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.header .menu > ul > li {
    display: inline-block;
    margin-left: 6px;
}
.brand img{
    width: 120px;
}
.header .menu > ul > li > a {
    font-size: 14px;
    padding: 10px 3px;
}

.righttop ul li a {    
    font-size: 12px;
    padding: 7px 8px;
    margin: 0px;
}

.header {
    padding: 10px 15px!important;
}
.header ul.menu-section > li > a.arrow-down-show > span:after {
    width: 7px;
    height: 7px;
    top: 5px;
    right: -15px;
    z-index: 2;    
}
.callinfo {
    margin: 3px 0px 0px 0px;
}
.menu ul.menu-section > li:nth-child(1),
.menu ul.menu-section > li:nth-child(2),
.menu ul.menu-section > li:nth-child(3) {
    padding-right: 10px!important;
}

.header .menu > ul > li .menu-subs.menu-mega {
    margin-top: 11px!important;
}

.industry-banner-details h1 {
    font-size: 32px;
    line-height: 40px;
}

.industry-banner-section img {
    height: 600px;
}

.industry-banner-details {
    top: 5%;
    padding: 0px 0px;
}

.industry-banner-details span {
    font-size: 14px;
}

.industry-banner-details h6 {
    font-size: 18px;
    line-height: 25px;
    width: 100%;
}

.industry-about h4 {
    font-size: 30px;
    line-height: 33px;
}
.industry-about p{
    padding: 0px;
}

.product-infomation-box h4 {
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 10px;
}

.industry-email {
    padding: 5px 5px;
    margin: 6px 0px;
}

.menu-list-item h3 {
    font-size: 16px;
}

.sublist-text h5 {
    font-size: 14px;
}

.drop-sub-item ul {
  margin-top: 3px;
}

/*Customer Success Case Study page*/

.customer-case-details h3 {
    font-size: 24px;
    line-height: 40px;
}

.customer-case-video {
    width: 70%; 
}

.customer-video-icon img {
    width: 60px;
    height: 60px;
}

.customer-video-icon {
    top: 44%;
    left: 44%;
}

.customer-sucess-pad {
    margin-top: -25%!important;
}

.custom-banner .product-banner-details {
    height: calc(100% - 250px);
}

.customer-case-details p {
    font-size: 16px;
    line-height: 25px;
}

.resulit-link ul li {
    background-position: 0px 10px;
    padding: 2px 0px 2px 25px; 
    font-size: 16px;   
}

/*blog style*/
.silderight-details {
    padding: 5px 15px;
}

.blog-img-show img {
    height: 175px;
}

.blog-bottom-details h4 {
    font-size: 18px;
    line-height: 22px; 
}

.silde-date-section {
    padding: 0px 0px;
}

.blog-bottom-details {
    padding: 10px 15px; 
}

.date-info label {
    font-size: 12px; 
}

.blog-right-info h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 5px;
}
 
.blog-right-info p {
    font-size: 14px;
    line-height: 22px;
}

/*porducts-inventory-details page*/
.inventory-banner img {
    height: 540px;
}

.inventory-banner .industry-banner-details {
    height: calc(100% - 195px);
}

.inventry-content h3 {
    font-size: 32px;
    line-height: 40px;
}

.inventory-head h4 {
    font-size: 32px;
    line-height: 40px;
}

.videosection {
    background-position: center 180px;
}

.usefull-section .owl-carousel .next-slide {
    right: -24px;
}

.usefull-section .owl-carousel .prev-slide {
    left: -24px;
}

.vlaue-details h5 {
    font-size: 22px;
}

.vlaue-details p {
    font-size: 15px;
    line-height: 25px;
}

.inventory-faq-section {
    padding: 3% 0% 2%;
}

.industry-banner-details p {
    font-size: 18px;
    line-height: 27px;
}

.retail-banner .customer-pad {
    top: 12%!important;
}

.company-banner img {
    height: 500px;
}

.company-banner .industry-banner-details {
    height: calc(100% - 180px);
  }

.company-content-pad{
    margin-top: -18%;
}

.cp-details-points {
    padding: 0px 0px 5px 25px;
}

.cp-pad{
  padding-bottom: 0px;
}

.contact-banner .product-banner-details {
    height: 355px;
}

.contact-left {
    padding: 0px 0px 0px 10px;
}

.contact-right-footer h6 {
    font-size: 28px;
}

.succes-bg-pad .customer-page-section {
    padding: 80px 0px 25px;
}

.menu-nav-link ul li a {
    font-size: 16px;
    margin-right: 10px;
}

.message-details p {
    font-size: 18px;
}

.prodct-list-bg {
    padding: 25px;
}

.company-video-pad {
    background-position: center 310px;
    padding-top: inherit!important;
}

.founder-message-section {
    margin: 15px 0px 50px; 
}

.customer-pad {
    top: 0%!important;
    height: 100%;
    align-items: center;
    display: flex;
}

.blog-details-row {
    padding: 10px 0px 0px;
}

.product-banner-details {
    height: calc(100% - 175px);
}

.faq-content-pad {
    margin-top: -26%;
}

.faq-banner .product-banner-details {
    height: calc(100% - 250px);
}

/*banner chagne style 141223 start*/
.cbet-text {
  font-size: 85px!important;
  line-height: 85px;
}
.assessment-txt {
  font-size: 26px!important; 
  margin-bottom: 5px!important;
}
.banner-tagline {
  font-size: 16px!important; 
}
/*banner chagne style 141223 End*/


}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .topnav {
    padding: 15px 0px;
  }
  .righttop {
    float: right;
    margin-left: 0px;
  }
  .righttop ul li {
    float: left;
    margin-left: 15px;
  }

  .righttop ul li a {
    float: left;
    font-size: 14px;
    font-family: "googlesans_medium";
  }

  .tabletimg {
    height: 7px !important;
  }

  .getdemo {
    padding: 7px 10px;
    border-radius: 5px;
  }
  .logintxt {
    float: left;
    margin: 3px 0px 0px;
    font-size: 18px !important;
  }

  .trialbtn {
    padding: 7px 5px;
    border-radius: 4px;
  }
  .navbar-brand img {
    width: 170px;
  }
  .navbar-nav li a {
    font-size: 10px;
    padding: 10px 2px;
  }
  .navbar-nav li {
    padding-left: 3px;
  }
  .bannerdetails h1 {
    font-size: 22px;
    line-height: 26px;
  }

  .bannerdetails h6 {
    font-size: 12px;
    line-height: 16px;
    margin: 28px 0px 0px;
  }

  .bannerdetails {
    height: calc(100% - 95px);
  }

  .banertrailbtn {
    padding: 8px 15px;
    font-size: 14px;
    margin: 15px 15px 0px 0px;
  }
  .guidtourbtn {
    padding: 8px 15px;
    font-size: 14px;
  }

  .cloudtabs .nav-tabs li a.active {
    font-size: 16px;
  }
  .cloudtabs .nav-tabs li a {
    font-size: 16px;
  }
  .leftintro {
    width: 110%;
    margin-left: -50px;
    padding-left: 16px;
  }
  .intro_matter {
    width: 100%;
    padding: 20px 0px 0px 20px;
  }
  .introrightimg {
    width: 100%;
    text-align: center;
  }
  .introrightimg img {
    width: 30%;
  }
  .erphead h3 {
    font-size: 28px;
    line-height: 40px;
  }
  .erphead h3 span {
    font-size: 28px;
  }
  .sectionhead h3 {
    font-size: 28px;
    line-height: 40px;
  }
  .sectionhead h3 br {
    display: none;
  }
  .sectionhead h3 span {
    font-size: 28px;
  }
  .sectionhead h4 {
    font-size: 28px;
    line-height: 40px;
  }
  .sectionhead h4 span {
    font-size: 28px;
  }

  .requeststrip {
    width: 100%;
  }

  .btns {
    font-size: 14px;
    margin: 23px 20px 0px 0px;
  }

  .businesinfo {
    padding: 0px 0px 50px;
  }
  .businesinfo h3 br {
    display: none;
  }
  .staffright:before {
    top: 0;
    left: 14%;
    margin-top: 20%;
  }
  .right0 {
    padding-right: 15px;
  }
  .left0 {
    padding-left: 11px;
  }
  .footer-contact-details {
    width: 100%;
    padding: 20px 30px;
    margin-top: 0px;
    margin-left: 0px;
    min-height: auto !important;
    margin-bottom: 0px;
  }
  .footersocial {
    float: right;
    margin: 60px 0px 0px 20px;
  }

  .drop_menu_show {
    width: 260px;
    margin: 40px 0px 0px;
    left: -200px;
  }

  .erphead p {
    padding: 0px;
  }

  .tradinaltionsection {
    padding: 25px 0px;
  }

  .font36px {
    font-size: 28px !important;
    line-height: 40px !important;
  }

  .coludsolution {
    display: none;
  }

  .mobile_why_section {
    display: block;
  }

  .cloudlabel {
    float: none;
    margin: 0px auto;
    display: table;
  }

  .browsercutomer {
    width: 100%;
    float: left;
    margin-top: -20px;
  }

  .businesection {
    margin: 20px 0px 0px;
  }

  .businesinfo h3 {
    font-size: 26px;
    line-height: 22px;
  }

  .inteliconfooter {
    right: 33px;
  }

  .sectionhead p {
    padding: 0px;
  }

  .sildetablet {
    display: none;
  }

  .bannerdetails h1 span {
    font-size: 14px;
    padding: 2px 5px;
    border-radius: 3px;
    line-height: 22px;
  }

  .animatarrow {
    margin: 0px 5px 0px 8px;
    width: 15px;
  }

  .modal-dialog {
    max-width: 80% !important;
  }

  .popcloudicon {
    float: none;
    margin: 0px auto;
  }

  .popcludtxt {
    font-size: 20px;
    margin: 10px 0px 5px;
    width: 100%;
    text-align: center;
  }

  .video_matter {
    text-align: center;
  }

  .staffright {
    display: none;
  }

  .popcloudhead {
    margin-bottom: 0px;
    padding-top: 0px;
  }

  .sentence {
    top: 28px;
    left: 0%;
    height: 40px!important;
  }

  /**/

  .client-erp-section {
    margin: 40px 0px 25px;
  }

  .client-erp-infomain {
    display: none;
  }

  .mobile-client-erp {
    width: 100%;
    float: left;
    display: block;
  }

  .intellimis-contents ul li {
    width: 85%;
  }

  .different_details {
    padding: 5% 5%;
  }
  .withintellmiserpbg:before {
    display: none;
  }
  .withouterpbg:before {
    display: none;
  }

  .different_section h3 {
    font-size: 28px;
    line-height: 40px;
  }
  .intellimis-contents {
    padding-top: 10px;
  }
  .client-erp-section h4 {
    font-size: 28px;
    line-height: 40px;
  }
  .diffendstrip {
    padding: 3% 10% 0%;
  }
  .tradlist ul li {
    padding: 15px 15px 10px;
    min-height: 270px;
  }

  .different_section p {
    padding: 0% 0%;
  }
  .withouterpbg {
    font-size: 28px;
  }
  .withintellmiserpbg {
    font-size: 28px;
  }
  .arrowright {
    margin: 0px 0px 0px 3px;
    font-size: 18px;
  }

  .logindrop {
    min-width: 150px;
    width: 150px;
    top: 40px;
  }

  .custom-banner br{
    display: block;
  }

  .innerpageheading {
    padding: 20px 0px;
  }
  .innerpageheading h1 {
    font-size: 35px;
    line-height: 40px;
  }
  .footerformleft {
    display: inherit !important;
  }

  .findnoticon img {
    width: 40%;
  }
  .thankinfo h3 {
    font-size: 28px;
  }

  .retail-banner .retail-pad {
    height: calc(100% - 140px); 
  }

/*productpage style*/
.product-banner-section img { 
    height: 550px;
}

.product-banner-details h1 {
    font-size: 30px;
    line-height: 33px;
}

.blog-details-banner .product-banner-details {
    height: calc(100% - 200px);
}

br{
  display: none;
}

.product-banner-details h6 {
    font-size: 18px;
    line-height: 20px;
}
.product-container-section {
    margin-top: -24%;
}

.company-banner .industry-banner-details {
    height: calc(100% - 180px);
}

.getbtnsbg {
    padding: 10px 10px;
    font-size: 14px;
}
.emailinput {
    font-size: 14px;
    height: 40px;
}
.prodct-list-bg {
    padding: 20px;
}
.call-back-infos{
    padding: 20px;    
}
.prodct-list-bg h5 {
    font-size: 24px;
}
.product-infomation-box p {
    padding: 0% 0%;
}
.product-infomation-box {
    padding: 25px 0px 0px;
}

.product-infomation-box h4 {
    font-size: 28px;
    margin-bottom: 5px;
    line-height: 35px;
}

.call-back-infos h6 { 
    font-size: 24px;
}

.product-banner-details {
    height: calc(100% - 175px);
}

.mobile-button-info{
    display: block;
}
.mobile-button-info {
    display: block;
    padding: 20px 10px;
    float: left;
    width: 100%;
}
.mobile-button-info a {
    font-size: 14px;
    padding: 10px 20px;
    margin-right: 10px;
}
.mega-menu-section {
    padding: 0px;
}

.mega-menu-info {
    padding: 0px 0px;
}
.divide-mega-menu {
    border-right: none;
    border-bottom: solid 1px #d5d5d5;
    margin-bottom: 20px;
}
.menu-list-item h3 {
    font-size: 22px;    
}

.sub-icons {
    margin-top: 0px;
}

.sublist-text p {
    display: none;
}

.mega-menu-info ul li {
    width: 100%;
    float: left;
    margin: 0px 0px;
}
.mega-menu-info ul {    
    display: inherit!important;
}

.industry-banner-section img {
    height: 550px;
}

.industry-banner-details {
    top: 5%;
    padding: 0px 0px;
}

.industry-banner-details h1 {
    font-size: 30px;
    line-height: 33px;
}

.industry-banner-details h6 {
    font-size: 18px;
    line-height: 30px;
    width: 100%;
}

.industry-about h4 {
    font-size: 28px;
    line-height: 40px;
}

.industry-about p {
    line-height: 28px;
    font-size: 18px;
    padding: 0% 0%;
}

.drop-sub-item ul {
    padding: 0px!important;
    border-top: none;
    margin-top: 0px;
}

/*customer-sucess-page*/
.customer-tab-pad{
    margin-top: -25%;
}

.tab-button-section #tabs-nav li a {
    font-size: 18px;
}

.tab-button-section ul#tabs-nav li {
    margin-right: 5px;
}

.cutomer-sucess-details{
    display: block!important;
}

.tab-button-section { 
    overflow: scroll;
}

.tab-button-section ul#tabs-nav {
    width: 850px;
}

/*Customer Success Case Study page*/
.customer-case-video {
    width: 70%; 
}

.customer-video-icon img {
    width: 60px;
    height: 60px;
}

.customer-video-icon {
    top: 36%;
    left: 44%;
}

.customer-case-details p {
    font-size: 16px;
    line-height: 25px;
}

.resulit-link ul li {
    background-position: 0px 10px;
    padding: 2px 0px 2px 25px; 
    font-size: 16px;   
}

.faq-content-pad {
    margin-top: -34%;
}

.faq-banner .product-banner-details {
    height: calc(100% - 250px);
}

.customer-case-banner{
    top: 2%;
}

.case-details-row {
    display: inherit;
    direction: ltr;
}

.case-details-row nav {
    width: 100%;
    padding-left: 0px;
    margin-bottom: 25px;
}

.customer-page-section {
    padding: 20px 0px 0px;
}

/*blog style*/

.blog-silder-box {
    display: inline-block;
}

.sildeimg{
    width: 100%;
}

.silderight-details {
    padding: 10px 0px;
    width: 100%;
}

.sildeimg img {
    border-radius: 10px 10px 0px 0px!important;
}

.blog-details-row {
    display: inline-block;
    direction: ltr;
    padding: 0px;
}

.blog-details-row nav {
    white-space: normal;
    width: 100%;
    float: left;
    padding-left: 0px;
    direction: ltr;
    margin-bottom: 15px;
}

.owl-dots .owl-dot button {
    width: 14px;
    height: 14px;
}

.faq-details .item .item-header h2 button.btn.btn-link {
    font-size: 18px;
}

.faq-details .item .item-header h2 i {
    font-size: 20px;
}

.main-right-section{    
    padding-bottom: 30px;      
    float: left;    
}

.blog-bottom-details {
    padding: 10px 15px;
}

.silde-date-section {
    padding: 2px 0px;
}

.date-info label {
    font-size: 14px; 
}

.faq-content p{
  font-size: 16px;
  text-align: left;
  margin-bottom: 10px;
}


/*porducts-inventory-details page*/
.inventory-banner img {
    height: 400px;
}

.inventory-banner .industry-banner-details {
    height: calc(100% - 140px);
}

.industry-email {
    padding: 5px 5px;
    margin: 5px 0px!important;
}

.videosection {
    background-position: center 180px;
}

.usefull-section .owl-carousel .next-slide {
    right: -24px;
}

.usefull-section .owl-carousel .prev-slide {
    left: -24px;
}

.inventory-faq-section {
    padding: 3% 0% 2%;
}

.top-pad-mobile{
  margin-top: -145px;
}

.inventory-banner .industry-banner-details h6 {
    font-size: 15px;
    line-height: 20px;
}

.inventry-content {
    padding: 25px 0px 0px;

}

.inventory-head h4 br{
  display: none;
}

.footersection {
    padding: 45px 0px 0px;
    margin-top: 0px;
}

.footer {
    margin-bottom: 45px;
}

.footerendsection {
    margin-top: 0px;
}

.cp-vision-pad .prodct-list-bg{
  min-height: auto;
  height: auto!important;
  margin-bottom: 25px;
  text-align: center;
}

.cp-vision-pad h5,
.cp-vision-pad p{
  text-align: center;
}

.company-information-box {
    padding: 30px 0px 0px;
}

.mobile-message-details {
    width: 100%;
    padding: 15px 0px;
    float: left;
}

.mobile-message-details img {
    margin-bottom: 15px;
    display: block;
}

.mobile-message-details p {
    width: 100%;
    font-size: 20px;
    color: #000000CC;
    float: left;
}

.mobile-ceo-msg {
    width: 100%;
    position: relative;
    padding-top: 20px;    
    float: left;
}

.mobile-ceo-msg:before {
    content: "";
    position: absolute;
    top: 0px;
    border-top: solid 3px #000000CC;
    width: 60px;
}

.mobile-ceo-msg h6 {
    width: 100%;
    font-size: 20px;
    font-family: "google_sansbold";
    color: #000000CC;
    float: left;
}

.mobile-ceo-msg p {
    width: 100%;
    font-size: 18px;
    float: left;
}

.founder-message-box{
  display: none;
}

.company-banner img {
    height: 440px;
}

.contact-banner .product-banner-details {
    height: 380px;
}

.contact-left {
    padding: 0px 0px 30px 0px;
}

.menu-nav-link ul li a {
    font-size: 16px;
    margin-right: 10px;
}

.menu-nav-link {
    overflow-x: auto;
}

.menu-nav-link ul {
    width: 1000px;
    float: left;
}

.cp-vision-pad {
    margin-bottom: 0px;
}

.mobile-message-details {
  display: block;
}

.founder-message-section {
    margin: 10px 0px; 
}

.inventory-head h4 {
    font-size: 32px;
}

.feature-glance-section {
    padding-top: 0px; 
}

.usefull-section .owl-nav {
    margin:0px!important;
}

.product-sections {
    padding: 20px 0px 25px; 
}

.company-video-pad {
    background: none;
}

.tab-pads{
  margin: 5px 0px!important;
}

.custom-banner img {
    height: 550px;
}

.customer-sucess-pad {
    margin-top: -34%!important;
}

.customer-pad {
    top: 0%!important;
    height: 100%;
    align-items: center;
    display: flex;
}

.customer-sucess-pad .customer-page-section{
  padding: 0px!important;
}

.custom-banner .product-banner-details {
    height: calc(100% - 250px);
}

.customer-case-banner.product-banner-details {
    height: calc(100% - 185px);
}

/*banner chagne style 141223 start*/
.cbet-text {
  font-size: 45px!important;
  line-height: 40px;
}
.assessment-txt {
  font-size: 22px!important; 
  margin: 5px 0px!important;

}
.banner-tagline {
  font-size: 14px!important; 
}
/*banner chagne style 141223 End*/



}

@media only screen and (max-width: 767px) {
  .navbar-nav li {
    padding: 0px;
    border-bottom: solid 1px #333;
  }
  .navbar-nav li a {
    display: block;
    padding: 10px 0px;
  }
  .mobile_right_top {
    float: right;
    display: block;
  }
  .navbar-brand {
    margin: 5px 0px 0px;
    float: left;
  }
  .righttop {
    float: right;
    margin: 25px 0px 0px;
    display: none;
  }
  .toprightss {
    width: 100%;
    float: left;
    display: inherit;
  }
  .navbar-toggler:focus {
    outline: none !important;
  }
  .bannerdetails h1 {
    font-size: 31px;
    line-height: 42px;
  }
  br {
    display: none;
  }
  .bannerdetails h6 {
    font-size: 16px;
    line-height: 10px;
    margin: 5px 0px 0px;
  }

  .bannerdetails {
    height: calc(100%);
  }

  .banertrailbtn {
    padding: 8px 10px;
    font-size: 16px;
    border-radius: 4px;
    margin: 15px 15px 0px 0px;
  }
  .guidtourbtn {
    padding: 8px 10px;
    font-size: 16px;
    border-radius: 5px;
    margin: 15px 0px 0px;
  }
  .erphead h3 {
    font-size: 25px;
    line-height: 40px;
  }
  .erphead h3 span {
    font-size: 30px;
  }
  .sectionhead h3 {
    font-size: 25px;
    line-height: 40px;
  }
  .sectionhead h3 br {
    display: none;
  }
  .sectionhead h3 span {
    font-size: 25px;
  }
  .sectionhead h4 {
    font-size: 25px;
    line-height: 40px;
  }
  .sectionhead h4 span {
    font-size: 30px;
  }
  .sectionhead p {
    padding: 0px;
  }
  .cloudtabs .nav-tabs li a.active {
    text-align: center;
  }
  .cloudtabs .nav-tabs li a {
    text-align: center;
  }
  .leftintro {
    width: 100%;
    margin-left: 0px;
  }
  .intro_matter {
    width: 100%;
    padding: 20px 0px 0px 20px;
  }
  .introrightimg {
    width: 100%;
    float: left;
    padding: 0px;
    text-align: center;
  }
  .introrightimg img {
    width: 30%;
  }
  .videoinfo {
    margin-top: -8%;
    margin-bottom: 0%;
  }
  .font36px {
    font-size: 25px !important;
    line-height: 40px !important;
  }
  .requeststrip {
    width: 100%;
    margin: inherit;
    float: left;
  }
  .videosection {
    background: none;
    padding-top: 0px;
  }
  .reqimg img {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-left: 40px;
  }
  .reqimg {
    float: none;
    width: 200px;
    margin: 0px auto;
  }
  .reqtxt {
    margin: 15px 0px 0px;
    width: 100%;
    text-align: center;
  }
  .reqtxt h5 {
    width: 100%;
  }
  .reqtxt h4 {
    float: none;
    width: 100%;
  }
  .reqtxt h4 a {
    width: 100%;
  }
  .btns {
    font-size: 16px;
    margin: 15px auto;
    float: none;
    display: table;
  }
  .txtheadss {
    float: right;
    width: 79%;
  }
  .modal-dialog {
    max-width: 80% !important;
  }

  .businesinfo {
    padding: 0px 0px 10px;
  }
  .padr {
    padding-right: 15px;
  }
  .left0 {
    padding-left: 15px;
  }
  .right0 {
    padding-right: 15px;
  }
  .footer-contact-details {
    width: 100%;
    padding: 20px 30px;
    margin-top: 0px;
    margin-left: 0px;
    min-height: auto;
    margin-bottom: -5px;
  }
  .footersocial {
    float: none;
    border-radius: 50px;
    margin: 0px auto;
    display: table;
    width: auto;
  }
  .footersocial ul {
    float: left;
    padding: 5px 2px 0px;
    text-align: center;
    width: 100%;
  }
  .footersocial ul li {
    float: none;
    width: auto;
    margin: 0px 5px;
    display: inline-block;
  }
  .inteliconfooter {
    position: inherit;
    bottom: inherit;
    right: inherit;
    margin: 15px 0px 0px;
  }
  .footerendsection {
    padding: 20px 0px;
    margin: 0px;
  }
  .allrighleft span {
    width: 100%;
    margin: 8px 0px !important;
    text-align: center;
  }
  .policylist ul {
    width: 100%;
    padding: 5px 0px;
    float: left;
    text-align: center;
  }
  .policylist ul li {
    float: none;
    border-right: solid 1px #d5d5d5;
    line-height: 18px;
    display: inline-block;
  }

  /**/
  .topnav {
    width: 100%;
    float: left;
    padding: 15px 10px 15px;
  }
  .navbar-light .navbar-toggler {
    display: none;
  }
  .mobileview {
    display: block;
    float: left;
  }
  .mobile_nav_bottom {
    width: 100%;
    float: left;
    padding: 20px 20px;
  }

  .callinfo {
    float: left;
    margin: 10px 10px 0px 0px;
  }
  .logintxt {
    margin: 4px 0px 2px;
  }

  .dropdown-menu.show {
    display: block !important;
    box-shadow: 0px 6px 9px #6a6a6a;
  }
  .drop_menu_show:before {
    right: 12%;
  }

  .drop_menu_show {
    margin: 10px 0px 0px;
    position: absolute!important;
    left: -185px!important;
    top: 30px!important;
  }

  .rotating-text-wrapper span {
    font-size: 15px;
  }
  .rotating-text-wrapper {
    margin-top: -30px;
  }
  .solutionsilde {
    padding: 0px 20px;
  }
  .solutionsilde .owl-carousel .nav-btn {
    height: 40px;
    width: 40px;
    top: 60px !important;
  }
  .solutionsilde .owl-carousel .prev-slide {
    left: -10px;
  }
  .solutionsilde .owl-carousel .next-slide {
    right: -10px;
  }
  .icontxts {
    font-size: 16px;
    margin-top: 85px;
  }
  .mobile_why_section {
    display: block;
  }
  .whybox {
    padding: 0px 50px;
  }
  .tradcontiner {
    display: none;
  }
  .solutioninfos p {
    padding: 0px;
  }
  .erphead p {
    padding: 0px;
  }

  .whybox {
    text-align: center;
    padding: 20px 30px 0px;
  }
  .whyicon {
    text-align: center;
  }
  .tradinaltionsection {
    padding: 20px 0px 10px;
  }
  .coludsolution {
    display: none;
  }
  .businesection {
    margin: 0px 0px 20px;
  }
  .staffright:before {
    display: none;
  }
  .footersection {
    padding: 25px 0px 0px;
    margin: 0px;
  }
  .inteliconfooter {
    display: none;
  }
  .introtabsection {
    display: none;
  }

  .mobile_table_acordin {
    display: block;
  }

  .mobile_tab {
    float: left;
    width: 100%;
  }
  .mobile_tab .accordion > .card .card-header {
    padding: 12px 15px;
    background: #005276 !important;
    border: none;
    color: #fff;
    border-radius: 8px !important;
    margin-bottom: 10px;
  }
  .mobile_tab .accordion > .card {
    background: none;
    border: none;
    border-radius: 8px;
  }
  .mobile_tab .btn-link {
    padding: 0px;
    color: #fff;
    font-size: 16px;
    font-family: "googlesans_medium";
    text-align: left;
    width: 100%;
  }
  .mobile_tab .card-header {
    border-bottom: solid 1px #05505a;
    background: none !important;
  }
  .mobile_tab .card-body {
    padding: 10px 0px;
    width: 100%;
    float: left;
  }
  .mobile_tab .btn-link:hover,
  .btn-link:focus {
    color: #fff;
    text-decoration: none;
  }
  .mobile_tab .btn-link .fa {
    font-size: 20px;
    padding-right: 0px;
    margin-right: 10px;
    float: right;
    margin-top: 4px;
    color: #fff;
  }
  .mobile_tab .card {
    border-bottom: none;
  }
  .mobile_accr_matter {
    width: 100%;
    border: solid 1px #dcdcdc;
    border-radius: 10px;
    float: left;
  }

  .desktop_banner {
    display: none;
  }
  .mobile_banner {
    display: block;
  }
  .singlesolutionstrip {
    margin-top: 5%;
  }
  .solutioninfos {
    border-top: solid 10px #fe6892;
    padding: 20px 15px 5px;
  }
  .shechulde-form h3 {
    font-size: 26px;
  }
  .getdemobtns {
    border-radius: 8px !important;
    font-size: 16px !important;
    height: auto !important;
    padding: 10px 0px !important;
  }
  .browsercutomer {
    margin-top: -25px;
  }
  .customerstrip {
    padding: 40px 0px 20px;
  }
  .businesinfo h3 {
    font-size: 25px;
    line-height: 37px;
    margin-bottom: 5px;
  }

  .bannerdetails h1 span {
    font-size: 18px;
    padding: 4px 4px;
    border-radius: 3px;
    line-height: 33px;
  }
  .animatarrow {
    width: 16px !important;
    margin: 6px 5px 0px 10px;
  }
  #mobile_solutionsilde {
    border: solid 1px #dcdcdc;
    border-radius: 10px;
  }
  .sildetablet {
    padding: 0px 15px;
    margin-bottom: 20px;
  }
  .mobile_why_section .owl-carousel .prev-slide {
    left: -20px;
  }
  .mobile_why_section .owl-carousel .next-slide {
    right: -20px;
  }
  .staffright {
    display: none;
  }
  .policylist {
    float: left;
    width: 100%;
  }
  .cludimg img {
    min-height: auto;
    height: auto;
  }
  .popup_section {
    padding: 10px;
  }

  .videobox iframe {
    height: 100%;
  }
  .modal {
    top: 15%;
    overflow: initial !important;
  }
  .popcloudicon {
    float: none;
    margin: 0px auto;
  }
  .popcludtxt {
    font-size: 18px;
    margin: 10px 0px;
    width: 100%;
    text-align: center;
  }
  .video_matter {
    text-align: center;
  }
  .popcloudhead {
    margin-bottom: 0px;
    padding-top: 0px;
  }
  .sentence {
    position: inherit;
    top: 0px;
    left: 0%;
    height: 48px!important;
  }
  .close_btns {
    left: 46%;
    top: -50px;
  }

  .intellimis-contents ul li {
    width: 100%;
  }

  .different_details {
    padding: 6% 10%;
  }
  .withintellmiserpbg:before {
    display: none;
  }
  .withouterpbg:before {
    display: none;
  }

  .client-erp-section {
    margin: -20px 0px 25px;
  }

  .intellimis-contents {
    padding-top: 15px;
  }

  .client-erp-infomain {
    display: none;
  }

  .mobile-client-erp {
    display: block;
  }

  .erpcenter {
    font-size: 24px;
  }
  .different_section h3 {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 0px;
  }

  .client-erp-section h4 {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 25px;
  }

  .diffendstrip {
    padding: 3% 5% 0%;
  }
  .different_section p {
    font-size: 18px;
    line-height: 30px;
    padding: 0% 0%;
  }
  .different-silder {
    padding: 0px 50px;
  }
  .defferent-details-show {
    padding: 0px 0px;
  }
  .different_details h5 {
    font-size: 24px;
  }
  .arrowright {
    margin: 0px 0px 0px 2px;
    font-size: 12px;
  }
  .different_section {
    padding: 15px 0px 0px;
  }

  .questionmid {
    width: 100%;
  }

  .thankinfo {
    width: 90%;
  }

  .thankinfo h1 {
    font-size: 28px;
  }

  .thankinfo h2 {
    font-size: 22px;
  }

  .thankinfo p {
    font-size: 16px;
  }

  .questiondetails h3 {
    font-size: 20px;
  }

  .thankcall {
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }

  .salstxt {
    float: left;
    padding: 10px 0px 0px;
    width: 100%;
    text-align: center;
  }

  .salstxt h4 {
    width: 100%;
  }

  .salstxt h5 {
    width: 100%;
    float: left;
  }

  .salstxt h5 a {
    width: 100%;
    float: left;
  }

  .logindrop {
    top: 14px!important;
    right: 0px;
    left: inherit !important;
  }

  .logindrop:before {
    right: 20px;
    left: inherit;
  }
  .login-drop-inner ul li {
    padding: 5px 15px;
    font-size: 16px;
  }

  .innerpageheading {
    padding: 20px 0px;
    margin-top: 85px;
  }

  .innerpageheading h1 {
    font-size: 28px;
    line-height: 40px;
  }
  .footerendsection {
    padding: 10px 0px;
  }
  .checks-row p {
    font-size: 13px;
    margin: 0px 0px 0px 5px;
  }
  .mobleft0 {
    padding-left: 12px;
  }
  .solutioninfos {
    border-top: solid 8px #fe6892;
    padding: 10px 15px 0px;
  }

  .mobile-intellimis-details {
    margin: 50px 0px 50px;
  }
  .footer {
    margin-bottom: 25px;
  }

  .different-silder {
    display: none;
  }
  .defferent-details-show {
    display: none;
  }
  .mobile-show-different {
    display: block;
  }
  .border-1 {
    border: solid 1px #dcdcdc;
    border-radius: 10px;
  }
  .findnoticon img {
    width: 40%;
  }
  .thankinfo h3 {
    font-size: 24px;
  }
  .mobile-pad-txt {
    margin-bottom: 30px !important;
  }
  .other-drop {
    left: -210px;
  }

.retail-banner .retail-pad {
    height: calc(100%); 
}


/*Product style*/

.product-banner-details h1 {
    font-size: 24px;
    line-height: 35px;
}
.product-banner-details h6 {
    font-size: 18px;
    line-height: 28px;
}

.blog-details-banner .product-banner-details {
    height: calc(100%);
}

.blog-details-images {
    margin-top: 5px;
}

.main-right-section {
    padding-bottom: 0px;
    margin-top: 15px;
    float: left;
}

.customer-case-banner.product-banner-details {
    height: calc(100%);
}

.product-container-section {
    margin-top: 5%;
}

.pro-email-mid {
    width: 100%;
}
.product-infomation-box h4 {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 10px;
}
.product-infomation-box {
    padding: 20px 0px 5px;
}
.product-infomation-box p {
    padding: 0% 0%;    
}

.inventory-head p {    
    text-align: center;
}

.prodct-list-bg{
    margin-bottom: 20px;
    height: inherit!important;
    min-height: inherit!important;
    text-align: center;
    padding: 20px;
}

.product-rows{
  margin: inherit!important;
}

.call-back-infos{
    padding: 20px;    
}

.prodct-list-bg h5{
    text-align: center;
    font-size: 24px;
}

.product-sections .mb-4{
    margin-bottom: inherit!important;
}

.header {
    padding: 15px 10px!important;
}

.righttop {
    float: right;
    margin: 0px 0px 0px; 
}

.mobilehide{
    display: none;
}

.righttop ul li {    
    margin-left: 0px;
}
.mega-menu-section {
    padding: 0px;
}

.mega-menu-info {
    padding: 0px 0px;
}
.divide-mega-menu {
    border-right: none;
    border-bottom: solid 1px #d5d5d5;
    margin-bottom: 20px;
}
.menu-list-item h3 {
    font-size: 22px;    
}

.sub-icons {
    margin-top: 0px;
}

.sublist-text p {
    display: none;
}

.mega-menu-info ul li {
    width: 100%;
    float: left;
    margin: 0px 0px;
}
.mega-menu-info ul {    
    display: inherit!important;
}

.sublist-text h5 {
    font-size: 16px;
}
.mobile-button-info{
    display: block;
}
.mobile-button-info {
    display: block;
    padding: 20px 10px;
    float: left;
    width: 100%;
}

.mobile-button-info a {
    font-size: 14px;
    padding: 10px 20px;
    margin: 0px 10px 0px 0px;
}

.industry-email{
    width: 100%;
    float: left;  
}

.inventory-banner .industry-banner-details {
    height: calc(100%);
}

.back-btn img {
    margin: 0px 8px 0px 0px;
    width: 15px!important;
    height: 15px!important;
}

.industry-email {
    padding: 5px 5px;
    margin: 5px 0px!important;
}

.industry-banner-details span {
    font-size: 14px;
}

.industry-banner-details h1 {
    font-size: 24px;
    line-height: 35px;
}

.industry-banner-details h6 {
    font-size: 18px;
    line-height: 28px;
    width: 100%;
}

.industry-about h4 {
    font-size: 28px;
    line-height: 40px;
}

.industry-about p {
    line-height: 28px;
    font-size: 18px;
    padding: 0% 0%;
}

.readmorebtn{
    float: none;
}

.drop-sub-item ul {
    padding: 0px!important;
    border-top: none;
    margin-top: 0px;
}

/*customer-sucess-page*/
.customer-tab-pad {
    margin-top: 7%;
}

.tab-button-section #tabs-nav li a {
    font-size: 18px;
}

.tab-button-section ul#tabs-nav li {
    margin-right: 5px;
}

.cutomer-sucess-details{
    display: block!important;
    margin: 10px 0px 0px!important;
}

.customer-tab-pad .customer-page-section{
    padding-top: 20px!important;
}

.tab-button-section { 
    overflow: scroll;
}

.tab-button-section ul#tabs-nav {
    width: 850px;
}

/*Customer Success Case Study page*/
.customer-case-video {
    width: 100%; 
}

.customer-video-icon img {
    width: 60px;
    height: 60px;
}

.customer-video-icon {
    top: 39%;
    left: 41%;
}

.customer-case-banner h1{
    font-size: 18px;
    line-height: 22px;
}

.customer-case-banner h6{
    font-size: 14px;
    line-height: 22px;
}

.customer-case-banner h5{
    font-size: 16px;
    margin:0px!important;
    line-height: 22px;
}

.customer-case-banner span {
    font-size: 12px;    
}

.customer-case-banner p{
    font-size: 14px;
}

.customer-case-pad {
    margin-top: 5%!important;
}

.case-details-row {
    display: inherit;
    direction: ltr;
}

.case-details-row nav {
    width: 100%;
    padding-left: 0px;
    margin-bottom: 25px;
}

.product-banner-details {
    top: 0%;
    padding: 0px;
    height: 100%;
    display: flex;
    align-items: center;
}

.customer-pad{
  top: 0%!important;
}

.custom-banner .product-banner-details {
    height: calc(100%);
}

.custom-banner br{
  display: block;
}


/*blog style*/

.blog-banner {
    padding: 25px 0px;
    height: auto;
}

.blog-banner h1 {
    font-size: 30px;
}

.blog-banner p {
    font-size: 18px;
    margin:5px 0px;
}

.blog-img-show img{
    height: auto!important;
}

.blog-bottom-details {
    padding: 15px 15px 0px;
}

.silderight-details {
    padding: 15px 0px;
    width: 100%; 
}

.blog-details-content h3 {
    font-size: 24px;
}

.blog-silder-box {
    display: inline-block;
}

.sildeimg {
    width: 100%;
}

.silde-date-section {
    padding: 0px 0px 5px;
}

.blog-details-row {
    display: inline-block;
    direction: ltr;
    padding: 0px 0px 40px;
}

.blog-details-row nav {
    white-space: normal;
    width: 100%;
    float: left;
    padding-left: 0px;
    direction: ltr;
    margin-bottom: 15px;
}

.faq-content p{
  font-size: 16px;
  text-align: left;
  margin-bottom: 10px;
}

.faq-left-head h6 span{
  width: auto!important;
  float: none!important;
}

.faq-details .item .item-header h2 button.btn.btn-link {
    font-size: 18px;
}


/*porducts-inventory-details page*/

.videosection {
    background-position: center 180px;
}

.usefull-section .owl-carousel .next-slide {
    right: -24px;
}

.usefull-section .owl-carousel .prev-slide {
    left: -24px;
}

.inventory-faq-section {
    padding: 3% 0% 2%;
}

.inventory-banner .industry-banner-details h6 {
    font-size: 15px;
    line-height: 20px;
}

.inventry-content {
    padding: 15px 0px 0px;

}

.inventry-content h3 {
    font-size: 32px;    
}

.inventory-head h4 {
     font-size: 32px;    
     text-align: center;    
}

.benifit-box {
    display: inherit;    
}

.benifit-icon {
    width: 100%;
}

.benifit-info {
    width: 100%;
    padding: 20px 0px 25px;
    text-align: center;
    float: left;
}

.prodct-list-bg p{
  text-align: center;
}

.inventory-faq-section .faq-section {
    margin: 0px 0px 30px;
}

.industry-request {
    margin-bottom: 10px;
    padding: 0px 15px;
}

.inventry-content h3 span {
    width: inherit!important;    
    float: none!important;
}

.inventory-benifit-section {
    padding: 15px 0px 0px;
}

.inventory-head h4 br{
  display: none;
}

.retail-content p {
  text-align: left!important;
  font-size: 14px;
  line-height: 24px;
}

.company-information-box {
    padding: 30px 0px 0px;
}

.mobile-message-details {
    width: 100%;
    padding: 15px 0px;
    float: left;
}

.mobile-message-details img {
    margin-bottom: 15px;
    display: block;
}

.mobile-message-details p {
    width: 100%;
    font-size: 18px;
    color: #000000CC;
    float: left;
}

.mobile-ceo-msg {
    width: 100%;
    position: relative;
    padding-top: 20px;    
    float: left;
}

.mobile-ceo-msg:before {
    content: "";
    position: absolute;
    top: 0px;
    border-top: solid 3px #000000CC;
    width: 60px;
}

.mobile-ceo-msg h6 {
    width: 100%;
    font-size: 20px;
    font-family: "google_sansbold";
    color: #000000CC;
    float: left;
}

.mobile-ceo-msg p {
    width: 100%;
    font-size: 16px;
    margin: 0px;
    float: left;
}

.founder-message-section {
    margin: 15px 0px; 
}

.founder-message-box{
  display: none;
}

.company-information-box p{
  text-align: left;
}

.founder-bg {
    height: 279px;
    background-size: 100%;    
    background-size: cover!important;
}

.company-banner .industry-banner-details {
    height: calc(100%);
}

.contact-banner .product-banner-details {
    height: 100%;
}

.tab-pads {
    margin: 0px 0px 10px!important;
}

.contact-left {
    padding: 0px 0px 30px 0px;
}

.menu-nav-link ul li a {
    font-size: 14px;
    margin-right: 10px;
}

.menu-nav-link {
    overflow-x: auto;
}

.menu-nav-link ul {
    width: 1000px;
    float: left;
}

.mobile-message-details {
    display: block;
}

.cp-pad .inventory-benifit-section {
    padding: 0px 0px; 
}

.cp-vision-pad {
    margin-bottom: 10px;
}

.usefull-section {
    padding: 10px 0px 0px;
}

.feature-glance-section {
    padding-top: 0px; 
}

.usefull-section .owl-nav {
    margin:0px!important;
}

.case-details-row {
    padding: 20px 0px 40px;
}

.customer-sucess-pad {
    margin-top: 25px!important;
}

br{
  display: none;
}

.customer-sucess-pad .customer-page-section {    
    padding-bottom: 0px;    
}

.sider-bottom-pad { 
    padding: 30px 25px 20px!important;
}

.desktop_short_banner{
  display: none;
}

.mobile_short_banner{
  display: block;
}

/*banner chagne style 141223 start*/
.moible-first br{
  display: block!important;
}
.cbet-text {
  font-size: 80px!important;
  line-height: 85px;
}
.assessment-txt {
  font-size: 26px!important; 
  margin: 0px 0px 15px!important;
}
.banner-tagline {
  font-size: 16px!important; 
}
/*banner chagne style 141223 End*/


}

@media only screen and (max-width: 600px) {
  .bannerdetails h1 {
    font-size: 24px;
    line-height: 30px;
  }

  .usefull-section .owl-carousel .prev-slide {
    left: -5px;
  }

  .usefull-section .owl-carousel .next-slide {
    right: -5px;
  }

  .inventory-faq-section .inventory-faq .btn.btn-link i {
    height: 30px;
    width: 36px;
    background-size: 75%!important;
  }

  .industry-email{
    padding: 5px;
  }

  .industry-banner-details p {
    font-size: 16px;
    line-height: 22px;
}

/*banner chagne style 141223 start*/
.moible-first br{
  display: block!important;
}
.cbet-text {
  font-size: 55px!important;
  line-height: 55px;
}
.assessment-txt {
  font-size: 22px!important; 
  margin: 0px 0px 10px!important;
}
.banner-tagline {
  font-size: 14px!important; 
}
/*banner chagne style 141223 End*/

}

@media only screen and (max-width: 480px) {
  .navbar-brand img {
    width: 125px;
  }
  .righttop ul li a {
    font-size: 12px;
  }
  .tradlist ul {
    width: 100%;
    float: left;
    border-right: none;
  }
  .tradlist ul li {
    padding: 40px 10px 10px;
    min-height: auto;
    border: none;
  }
  .tradcontiner {
    border: none;
    margin: 0px 0px;
  }

  .intro_matter {
    width: 100%;
    padding: 20px;
  }
  .businesinfo h3 {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 0px;
  }
  .mobileappimg {
    z-index: 99;
    position: relative;
    width: 100%;
  }
  .addright {
    width: 80%;
  }
  .tradinaltionsection {
    padding: 20px 0px 10px;
  }
  .videoinfo {
    margin-top: -5%;
    margin-bottom: 0%;
  }
  .requeststrip {
    border: solid 1px #dcdcdc;
  }
  .shechulde-form {
    padding: 25px 20px 20px;
  }
  .shechulde-form h3 {
    font-size: 25px;
    text-align: center;
  }
  .solutioninfos p {
    padding: 0px;
  }
  .solutioninfos h3 {
    font-size: 24px;
  }

  .cloudicon {
    width: 50px;
    height: 50px;
    padding-top: 9px;
    overflow: hidden;
    margin: 0px auto;
    float: none;
  }
  .cloudicon img {
    width: 100%;
  }
  .txtheadss {
    float: left;
    width: 100%;
    text-align: center;
  }
  .watchvideobtn {
    float: none;
    margin: inherit;
    display: table;
  }
  .watchvideobtn:hover,
  .watchvideobtn:focus {
    float: none;
  }
  .padts {
    padding-top: 16px !important;
  }
  .cludcontent {
    text-align: center;
  }
  .cloudlabel {
    float: none;
  }
  .bannerdetails h1 {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 30px;
  }
  .customerstrip {
    width: 100%;
    padding: 30px 0px 0px;
  }
  .iconstrip a img {
    width: 150px;
  }
  .businesection {
    margin: 0px 0px 20px;
  }
  .scanarbox {
    width: 150px;
    margin: 15px 10px 15px 0px;
  }
  .codeimg {
    width: 100px;
  }
  .codeimg img {
    width: 100%;
  }
  .banertrailbtn {
    font-size: 12px;
    margin: 15px 15px 0px 0px;
  }
  .guidtourbtn {
    font-size: 12px;
  }

  .browsercutomer {
    margin: -25px 0px 20px;
  }
  .bannerdetails h1 span {
    font-size: 16px;
    padding: 4px 4px;
    border-radius: 3px;
    line-height: 23px;
  }
  .animatarrow {
    width: 14px !important;
    margin: 0px 5px 0px 10px;
  }

  .different_details h5 {
    font-size: 22px;
  }

  .different_details {
    padding: 25px;
  }
  .different_details p {
    font-size: 16px;
    line-height: 26px;
  }
  .withouterpbg {
    width: 80%;
    height: auto;
    font-size: 20px;
    line-height: inherit;
    float: none;
    padding: 10px 15px;
    margin: 0px auto;
    display: table;
  }
  .withintellmiserpbg {
    width: 80%;
    height: auto;
    font-size: 20px;
    line-height: inherit;
    float: none;
    padding: 10px 15px;
    margin: 0px auto;
    display: table;
  }
  .erpboxmobile h3 {
    font-size: 20px;
  }
  .erpboxmobile p {
    font-size: 16px;
    line-height: 26px;
  }
  .mob-erp-head {
    margin-top: -35px;
  }


/*product style*/

.getbtnsbg {
    padding: 8px 10px;
    font-size: 14px;
}

.product-banner-details h1 {
    font-size: 18px;
    line-height: 24px;
}
.product-banner-details span {
    font-size: 18px;    
    padding: 5px 0px;
}

.product-banner-details h6 {
    font-size: 14px;
    line-height: 24px;
}

.emailinput {
    font-size: 14px;
    height: 37px;
}

.top-pro-list ul li a {
    padding: 8px 14px;
    font-size: 14px;
}

.prodct-list-bg h5 {
    font-size: 24px;
}
.mega-menu-info ul li {
    width: 100%;
    float: left;
    margin: 0px 0px;
}
.mega-menu-info ul {    
    display: inherit!important;
}
.industry-banner-details span {
    font-size: 12px;
    margin-bottom: 5px;
}

.industry-banner-details h1 {
    font-size: 20px;
    line-height: 25px;
}
.industry-banner-details h6 {
    font-size: 16px;
    line-height: 22px; 
}

.industry-banner-details .mt-3{
    margin: inherit!important;
}
.industry-about h4 {
    font-size: 25px;
    line-height: 35px;
}

/*Customer Success Case Study page*/
.customer-case-video {
    width: 100%; 
}

.customer-case-banner h6{
    font-size: 14px;
    line-height: 22px;
}

.customer-case-banner span {
    font-size: 12px;    
}

.case-details-row {
    display: inherit;
    direction: ltr;
}

.solution-case {
    padding: 20px;
}

.customer-case-details h3 {
    font-size: 26px;
    line-height: 40px;
}

.customer-case-details p {
    font-size: 16px;
    line-height: 25px;
}

.faq-left-head h6 {
    font-size: 26px;
}

.inventry-content h3 {
    font-size: 25px;    
}

.inventory-head h4{
  font-size: 25px;
}

.vlaue-details h5 {
    font-size: 22px;
}

.vlaue-details p {
    font-size: 16px;
    line-height: 24px;
}

.vlaue-details {
    padding: 30px 20px 15px;
}

.retail-content p {
  text-align: center!important
}

.retail-content .cloudhead {    
    margin-bottom: 10px;
    padding-top: 25px;
}

.store-btn {
    margin: 0px auto!important;        
    font-size: 16px!important;
    padding: 10px 15px!important;
}

.menu-list-item h3 {
    font-size: 18px;
}

.watch-btn {
  width: 100%;
  display: flex;
  justify-content: center;
}

.innerpageheading{
  margin-top: 55px;
  padding: 10px 0px;
}
.innerpageheading h1{
  font-size: 24px;
  margin-bottom: 0px;
} 
}

@media only screen and (max-width: 479px) {
  .solutionsilde .owl-carousel .prev-slide {
    left: -35px;
  }
  .solutionsilde .owl-carousel .next-slide {
    right: -35px;
  }
  .whybox {
    padding: 25px 45px 0px;
  }
  .browsercutomer {
    margin-top: -20px;
  }
  .stroiebtn {
    padding: 10px 20px;
    font-size: 14px;
  }
  .iconstrip a {
    margin-right: 0px;
  }
  .trialbtn {
    padding: 10px 10px;
    font-size: 13px;
    border-radius: 4px;
    margin-right: 5px;
  }
  .getdemo {
    padding: 5px 8px;
    font-size: 12px;
    border-radius: 4px;
    margin: 5px 0px 0px;
  }

  .callpad {
    padding-right: 0px;
  }

  .bannerdetails h1 span {
    font-size: 16px;
    padding: 4px 10px;
    border-radius: 3px;
    line-height: 23px;
  }
  .animatarrow {
    width: 14px !important;
    margin: 0px 5px 0px 10px;
  }

  .bannerdetails h6 {
    line-height: 20px;
  }

  .different-silder {
    padding: 0px 35px;
  }

  .different-silder .owl-carousel .nav-btn {
    height: 40px;
    width: 45px;
    top: 45px !important;
  }

  .different-silder .owl-carousel .prev-slide {
    left: -45px;
  }
  .different-silder .owl-carousel .next-slide {
    right: -45px;
  }
  .erpdetailsmob {
    padding: 25px 10px 0px;
  }
  .intro_matter h4 {
    font-size: 20px;
    line-height: 30px;
  }
  .topnav {
    padding: 10px 0px 15px;
  }

  .callinfo {
    margin: 7px 2px 0px 0px;
  }



/*products style*/
.industry-banner-section img {    
    height: 280px;    
}

.industry-email {
    width: 100%;
    padding: 5px 5px 2px;
    float: left;
}

.product-banner-section img { 
    height: 300px;
}

.inventory-banner img {
    height: 260px;
}

.inventory-banner .industry-banner-details h6 {
    font-size: 14px;
    line-height: 18px;
}

.emailinput {
    font-size: 14px;
    height: 37px;
    width: 70%;
}

.getbtnsbg {
    width: 30%;
    padding: 8px 10px;
    font-size: 12px;
}

.product-show-bg {
    padding: 20px 15px;
}

.top-pro-list ul li {
    margin: 0px 5px 5px 0px;
}

.mega-menu-info ul li {
    width: 100%;
    float: left;
    margin: 0px 0px;
}
.mega-menu-info ul {    
    display: inherit!important;
}
.industry-about h4 {
    font-size: 26px;
    line-height: 28px;
}

/*Customer Success Case Study page*/
.customer-case-banner{
    top:0%;
}

.customer-case-banner h6 {
    font-size: 12px;
    line-height: 18px;
}

.customer-case-banner h1 {
    font-size: 18px;
    line-height: 24px;
}

.customer-video-icon img {
    width: 40px;
    height: 40px;
}

.customer-video-icon {
    top: 40%;
    left: 43%;
}

/*blog page*/
.blog-bottom-details h4 {
    font-size: 18px;
    line-height: 24px;
 }

 .blog-right-info h3 {
    font-size: 22px;
    line-height: 26px; 
}

.sociallist {
    padding-top: 0px;
}

.fb-list a {
    width: 36px;
}

/*banner chagne style 141223 start*/
.moible-first br{
  display: block!important;
}
.cbet-text {
  font-size: 40px!important;
  line-height: 40px;  
}

.assessment-txt {
  font-size: 19px!important; 
  margin: 2px 0px!important;
}
.banner-tagline {
  font-size: 12px!important; 
}
/*banner chagne style 141223 End*/


}

@media only screen and (max-width: 415px) {
  .bannerdetails h1 span {
    font-size: 16px;
    padding: 4px 5px;
    border-radius: 3px;
    line-height: 23px;
  }
  .login-mobile {
    margin: 6px 10px 0px 7px;
  }
  .callpad {
    padding-right: 3px;
    width: 20px;
  }
  .mob-login-txt {
    font-size: 16px;
  }
}

@media only screen and (max-width: 375px) {
  .topnav {
    padding: 10px 0px 15px;
  }
  .navbar-brand img {
    width: 130px;
  }
  .bannerdetails h1 {
    font-size: 16px;
    line-height: 20px;
  }
  .bannerdetails h6 {
    font-size: 16px;
    margin: 0px;
  }
  .solutioninfos h3 {
    font-size: 22px;
  }
  .solutioninfos p {
    padding: 0% 0%;
  }
  .cludcontent {
    text-align: center;
  }
  .cloudhead {
    padding-top: 20px;
  }
  .cloudicon {
    width: 50px;
    height: 50px;
    padding-top: 9px;
    overflow: hidden;
    margin: 0px auto;
    float: none;
  }
  .cloudicon img {
    width: 100%;
  }
  .whybox {
    padding: 0px 30px;
  }
  .txtheadss {
    float: left;
    width: 100%;
    text-align: center;
  }
  .watchvideobtn {
    float: none;
    margin: 0px auto;
    display: table;
  }
  .watchvideobtn:hover,
  .watchvideobtn:focus {
    float: none;
  }
  .padts {
    padding-top: 16px !important;
  }
  .iconstrip a img {
    width: 130px;
  }
  .scanarbox {
    width: 125px;
    margin: 15px 10px 15px 0px;
    text-align: center;
  }
  .codeimg img {
    width: 83%;
  }
  .staffright:before {
    width: 250px;
    top: 0;
    height: 250px;
    left: 14%;
  }
  .footer-contact-details {
    width: 100%;
    padding: 20px 20px;
  }
  .addright {
    width: 76%;
  }
  .trialbtn {
    padding: 8px;
    border-radius: 4px;
    font-size: 12px;
  }
  .getdemo {
    padding: 5px 5px;
    border-radius: 4px;
    font-size: 11px;
  }
  .righttop ul li {
    float: left;
    margin-left: 7px;
  }
  .cloudlabel {
    float: none;
  }
  .customerstrip {
    padding: 50px 0px 10px;
  }
  .businesection {
    margin: 0px 0px 0px;
  }
  .bannerdetails h1 {
    font-size: 20px;
    line-height: 28px;
  }
  .mobile_why_section .owl-carousel .prev-slide {
    left: -20px;
  }
  .mobile_why_section .owl-carousel .next-slide {
    right: -20px;
  }
  .browsercutomer {
    margin-top: -30px;
    z-index: 9999;
    position: relative;
  }

  .bannerdetails h1 span {
    font-size: 18px;
    padding: 5px 8px;
    border-radius: 3px;
    line-height: 25px;
  }
  .animatarrow {
    top: 0px;
    width: 14px !important;
  }
  .sentence {
    top: 0px;
    left: 0%;
    height: 45px !important;
  }

  .addresslist ul li {
    margin: 15px 0px;
  }

  .login-mobile {
    margin: 6px 10px 0px 10px;
  }

  .mob-login-txt {
    font-size: 16px;
  }

  .checks-row p {
    font-size: 11px;
    margin: 0px 0px 0px 3px;
  }
  .banertrailbtn {
    margin: 7px 15px 0px 0px;
  }
  .icontxts {
    font-size: 12px;
    margin-top: 85px;
  }
  .erphead h3 span {
    float: none;
    width: auto !important;
  }

/*blog page*/
.silde-date-section {
    padding: 0px;
    display: inline-block;
}

.border-right1 {
    border-right: none;
}

.watchvideobtn {
  padding: 8px 5px;
  margin:0px;
  font-size: 12px;
}

/*banner chagne style 141223 start*/
.moible-first br{
  display: none!important;
}
.cbet-text {
  font-size: 24px!important;
  line-height: 24px;  
}

.assessment-txt {
  font-size: 16px!important; 
  margin: 0px!important;
}
.banner-tagline {
  font-size: 12px!important; 
}
/*banner chagne style 141223 End*/



}

@media only screen and (max-width: 320px) {
.storybottom h2 {
  font-size: 12px;
}

.storybottom h6 {
  font-size: 11px;
}

.overcontent h1 {
  font-size: 10px;
}

.overlist ul li a {
  font-size: 10px;
  padding: 0px;
}

.bannerdetails h1 span {
  font-size: 16px;
  padding: 2px 3px;
  border-radius: 3px;
  line-height: 23px;
}

.animatarrow {
  margin: 2px 5px 0px 5px;
  width: 11px !important;
}

.bannerdetails h1 {
  font-size: 17px;
  line-height: 22px;
}

.sentence {
  top: 0px;
  left: 0%;
  height: 40px !important;
}

.different-box-silde h6 {
  font-size: 14px;
}

.navbar-brand img {
  width: 125px;
}

.mob-login-txt {
  font-size: 14px;
}

.callpad {
  padding-right: 3px;

  width: 15px;
}

.checks-row p {
  font-size: 9px;
  margin: 0px 0px 0px 3px;
}

.tabletimg {
  width: 10px;
}


/*products style*/
.emailinput { 
    width: 65%;
    font-size: 12px;
}

.getbtnsbg {
    width: 35%;    
}

.pro-email-mid .mt-3{
    margin-top: inherit!important;
}

.brand img {
    width: 115px;
}

.industry-banner-details h1 {
    font-size: 18px;
    line-height: 22px;
}

.industry-banner-details h6 {
    font-size: 14px;
    line-height: 20px;
}

.product-banner-details h6 {
    font-size: 14px;
    line-height: 22px;
}

.watchvideobtn {
  font-size: 11px;
}

}