.business,
.header-top,
.search,
.vide,
.vide-1,
body,
html {
  background:#fff
}
.foot-nav,
.head-bottom,
.logo a {
  background:#fa4b2a
}
ul.nav.navbar-nav li a,
ul.nav.navbar-nav li.active a {
  color:#fff!important;
  text-transform:uppercase!important
}
.navbar-nav li,
.tc-ch h3 a,
.technology-1 h3 a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
html {
  font-family:'Roboto Condensed',sans-serif
}
.blog-section,
.search,
.tc-ch {
  position:relative
}
.glyphicon-envelope2:before,
.glyphicon-map-marker:before,
.glyphicon-phone-alt:before {
  color:#c2c4c5;
  font-size:22px
}
.blog-poast-info ul,
.blog-poast-info ul li,
.lis ul ul,
ol ul {
  list-style-type:circle
}
.button .button-link,
.contact-grid p a:hover,
.foot-nav li a,
.logo a:hover,
a:hover {
  text-decoration:none
}
@font-face {
  font-family:HyperA;
  src:url(https://hyperinstitute.in/css/HyperA.ttf) format('truetype')
}
@font-face {
  font-family:HyperB;
  src:url(https://hyperinstitute.in/css/HyperB.ttf) format('truetype')
}
@font-face {
  font-family:HyperC;
  src:url(https://hyperinstitute.in/css/HyperC.ttf) format('truetype')
}
@font-face {
  font-family:Raleway-Regular;
  src:url(../fonts/Raleway-Regular.ttf) format('truetype')
}
.blog-poast-info ul {
  color:#000;
  padding-left:25px;
  list-style-position:inside
}
.blog-poast-info ul li {
  padding-bottom:7px
}
ul {
  margin:0;
  /*! margin:0; */padding:0
}
@media (max-width:736px) {
  .logo a {
    font-size:1.4em;
    margin-top:.2em
  }
  .social {
    width:42.33%
  }
  .banner p,
  .technology-left {
    width:100%
  }
  .header-top {
    padding:1em 0
  }
  .banner {
    min-height:330px;
    padding:4em 0 0
  }
  .tc-ch,
  .tech-btm {
    padding:2em
  }
  .banner h2 {
    font-size:1.7em
  }
  .banner p {
    font-size:.875em
  }
  .technology-right {
    width:100%;
    float:none;
    margin:183em 0 0
  }
  .footer {
    margin-top:2em
  }
  .footer h6 {
    font-size:1.2em;
    padding:.5em .3em
  }
  .footer h4 {
    font-size:1.5em
  }
  .blog-grid-left {
    float:left;
    width:18%
  }
  .tc-ch {
    float:left;
    width:91.5%
  }
  .navbar-nav {
    margin:7.5px 0
  }
  .technology-right-1 {
    width:100%;
    float:right;
    margin-top:1em
  }
  .banner1 {
    min-height:150px
  }
  .navbar-toggle .icon-bar {
    background:#fff!important
  }
  .foot-nav li a {
    padding:.5em .6em;
    font-size:.85em
  }
}
.foot-nav li a,
ul.nav.navbar-nav li a {
  border-right:1px solid rgba(255,255,255,.32)!important
}
@media (max-width:414px) {
  .tc-ch,
  .tech-btm {
    padding:1em
  }
  .tc-ch {
    float:left;
    width:87.5%
  }
  .banner h2 {
    font-size:1.2em
  }
  .banner p {
    font-size:.8em;
    line-height:1.4em
  }
  .banner {
    min-height:280px
  }
  .banner a {
    font-size:.9em;
    padding:.5em 1em
  }
  .logo {
    width:46%
  }
  .logo a {
    padding:.6em .5em;
    font-size:1.2em
  }
  .vide iframe {
    min-height:150px!important
  }
  .servc-grid-right h4 {
    font-size:1.25em
  }
  .media-body,
  .media-left,
  .media-right {
    float:left!important;
    width:100%!important
  }
  h4.media-heading {
    text-align:left;
    margin:1em 0
  }
  .comment-bottom input[type=submit] {
    width:25%
  }
  .business h2 {
    font-size:1.4em
  }
  .design-top {
    margin-top:1.7em
  }
}
.banner p,
.tc-ch p,
.tech-btm p {
  line-height:1.8em
}
.footer-middle p,
.social ul,
.social ul li,
h1,
h2,
h3,
h4,
h5,
h6,
label,
p {
  margin:0
}
body,
html {
  font-size:100%;
}
.grid_1,
body a,
i.icon1,
i.icon2,
i.icon3,
i.icon4,
i.icon5,
i.icon6,
input[type=button],
input[type=submit],
li.parallelogram,
plan_1,
plan_1.one,
plan_1.two {
  transition:.5s;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  -ms-transition:.5s
}
p {
  font-family:'Open Sans',sans-serif
}
.header-top {
  padding:1.5em 0
}
.logo {
  float:left
}
.logo a {
  display:block;
  font-size:2em;
  font-weight:700;
  color:#fff;
  padding:.2em .5em
}
.banner a,
.banner h2 {
  font-weight:600;
  color:#fff
}
.social {
  float:right;
  width:26.33%;
  padding:.32em 0
}
.social ul {
  padding:0
}
.social ul li {
  display:inline-block
}
.social ul li a.facebook {
  background:url(../images/social.png) no-repeat;
  width:32px;
  height:32px;
  display:block
}
.social ul li a.twitter {
  background:url(../images/social.png) -34px 0 no-repeat
}
.social ul li a.chrome {
  background:url(../images/social.png) -68px 0 no-repeat
}
.social ul li a.in {
  background:url(../images/social.png) -102px 0 no-repeat
}
.social ul li a.beh {
  background:url(../images/social.png) -136px 0 no-repeat
}
.social ul li a.vem {
  background:url(../images/social.png) -169px 0 no-repeat
}
.social ul li a.yout {
  background:url(../images/social.png) -202px 0 no-repeat
}
.social ul li a.facebook:hover {
  opacity:.5
}
.search {
  float:right;
  width:25%;
  margin:.2em 0;
  border:2px solid #333;
  padding:.5em 0
}
.search input[type=text] {
  width:80%;
  outline:0;
  padding:0 .6em;
  font-size:1em;
  color:#333;
  position:relative;
  border:none
}
.search input[type=submit] {
  background:url(../images/search-icon.png) 0 2px no-repeat #fff;
  border:none;
  height:26px;
  width:26px;
  display:inline-block;
  position:absolute;
  outline:0;
  cursor:pointer;
  top:6px;
  right:2px
}
.logo a span {
  font-size:.9em;
  margin-left:5em;
  padding-top:.5em
}
ul.nav.navbar-nav li.active a {
  background:#464646!important;
  font-weight:700
}
ul.nav.navbar-nav li a:hover {
  background:#464646!important;
  color:#fff!important
}
ul.nav.navbar-nav li a {
  font-weight:700!important;
  padding:15px 23px!important;
  font-size:1em
}
.head-bottom ul.dropdown-menu li a {
  color:#000!important;
  padding:8px 15px!important;
  font-size:.9em!important
}
.navbar-collapse {
  padding-left:0!important;
  padding-right:0!important
}
.collapse {
  display:none
}
.banner {
  background:url(../images/banner.jpg) 0 0/cover no-repeat;
  -webkit-background-size:cover;
  -o-background-size:cover;
  -ms-background-size:cover;
  -moz-background-size:cover;
  min-height:430px;
  padding:10em 0 0;
  text-align:center
}
.banner a {
  font-size:1em;
  padding:.8em 2em;
  border:2px solid #fff;
  background:rgba(255,255,255,.32)
}
.banner a:hover {
  border:2px solid #464646;
  color:#fff;
  background:rgba(70,70,70,.67)
}
.banner h2 {
  font-size:2.5em
}
.banner p {
  font-size:1.2em;
  color:rgba(255,255,255,.46);
  font-weight:400;
  margin:1em auto 2em;
  width:70%
}
.blog-poast-info {
  border-top:1px solid #aeaeae;
  padding:1em 0;
  /*! text-align:left; */
}
.blog-poast-info ul li {
  display:inline-table;
  margin-right:1em;
  color:#000;
  font-size:.8125em;
  vertical-align:middle
}
.blog-poast-info li i,
.blog-poast-info2 li i,
.blog-poast-info3 li i {
  font-size:1.5em;
  color:#aeaeae;
  margin-right:.3em;
  margin-top:0;
  vertical-align:middle
}
.blog-poast-info ul li a,
.blog-poast-info3 ul li a .blog-poast-info2 ul li a {
  color:#000;
  transition:.5s;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  vertical-align:middle
}
.blog-poast-info ul li a:hover,
.blog-poast-info2 ul li a:hover,
.blog-poast-info3 ul li a:hover {
  text-decoration:none;
  color:#fa4b2a
}
.blog-section {
  padding:4em 0
}
.tc-ch h3 a,
.technology-1 h3 a {
  color:#fa4b2a;
  font-weight:700
}
.tc-ch p {
  color:#777;
  font-size:.875em;
  margin:1em 0
}
.tc-ch h3,
.technology-1 h3 {
  margin:.5em 0 0;
  font-size:1.7em
}
.tc-ch {
  background:#fff;
  padding:2em;
  margin-bottom:1em;
  /*! position: relative; */float:left/*! width: 92%; */
}
a.blog {
  position:absolute;
  top:4em;
  background:#386ecf;
  padding:.3em 1.8em;
  color:#fff
}
a.blog.pink {
  background:#d43d7d
}
a.blog.gren {
  background:#42d948
}
a.blog.orn {
  background:#c75830
}
.tech-no {
  /*! position: absolute; *//*! top: -33px; */
}
.technology {
  /*! min-height: 203em; */
}
.soci {
  float:left;
  padding-top:2.025em
}
.business li,
.footer-right li,
.soci li {
  display:block
}
.soci ul li a.facebook-1 {
  background:url(../images/111.png) no-repeat;
  width:42px;
  height:42px;
  display:block
}
.soci ul li a.twitter {
  background:url(../images/111.png) -42px 0 no-repeat
}
.soci ul li a.chrome {
  background:url(../images/111.png) -84px 0 no-repeat
}
i.glyphicon.glyphicon-envelope,
i.glyphicon.glyphicon-print {
  background:#738a8d;
  width:42px;
  height:42px;
  top:-1px;
  text-align:center;
  padding:.5em 0;
  color:#fff;
  font-size:1.3em
}
i.glyphicon.glyphicon-plus {
  background:#f8694d;
  width:42px;
  height:42px;
  top:-1px;
  text-align:center;
  padding:.5em 0;
  color:#fff;
  font-size:1.3em
}
.blo-top form input[type=text] {
  width:100%;
  color:#333!important;
  outline:0;
  font-size:16px;
  padding:.5em;
  border:2px solid #333;
  -webkit-appearance:none
}
.blo-top form input[type=submit] {
  background:#f53f1a;
  padding:.3em 1em;
  color:#fff;
  font-size:14px;
  font-weight:400;
  display:block;
  outline:0;
  border:none;
  width:100%
}
.blo-top form input[type=submit]:hover,
.comment-bottom input[type=submit]:hover {
  background:#333
}
.blog-grid-left {
  float:left;
  width:36%
}
.blog-grid-right {
  float:left;
  width:60%;
  margin-left:.5em
}
.tech-btm p {
  margin:1em 0;
  font-size:.875em;
  color:#777
}
.tech-btm h4 {
  font-size:1.5em;
  color:#333;
  font-weight:700;
  margin-bottom:1em
}
.tech-btm h5 {
  font-size:1.1em;
  line-height:1.4em;
  font-weight:700
}
.blog-grid-right h5 a {
  color:#4a4747
}
.blo-top,
.business-top,
.rev-1 {
  border-bottom:1px solid #aeaeae
}
.tech-btm {
  padding:2em;
  background:#fff
}
.technology-right,
.technology-right-1 {
  width:30%
}
.technology-left {
  width:70%
}
.blog-grids {
  border-bottom:1px dotted #aeaeae;
  padding:1.3em 0
}
.footer {
  background:#121212;
  padding:3em 0
}
.footer h6 {
  font-size:1.7em;
  background:#fa4b2a;
  padding:.5em 1.7em;
  font-weight:700;
  color:#fff
}
.footer p {
  font-size:.875em;
  color:#fff;
  margin:1em 0;
  line-height:1.8em
}
.footer h4,
.mid-btm {
  margin-bottom:1em
}
.button-link,
.copyright p a:hover,
.footer-middle a,
.footer-right li a:hover {
  color:#fa4b2a
}
.footer h4,
.footer-right li a {
  color:#fff
}
.footer h4 {
  font-size:1.7em;
  border-bottom:1px solid #fff;
  width:89%
}
.footer-right li a,
.technology-1 p {
  font-size:.875em;
  line-height:1.8em
}
.footer-middle {
  padding-left:10em
}
.footer-right {
  padding-left:8em
}
.foot-nav ul li {
  display:inline-block;
  float:left
}
.foot-nav ul {
  padding:.65em 0
}
.foot-nav li a {
  color:#fff;
  font-size:.95em;
  padding:.7em 1.5em;
  font-weight:500;
  text-transform:uppercase
}
.copyright {
  background:#fa4b2a;
  padding:0em 0;
  text-align:center
}
.banner1 {
  background:url(../images/banner1.jpg) 0 0/cover no-repeat;
  -webkit-background-size:cover;
  -o-background-size:cover;
  -ms-background-size:cover;
  -moz-background-size:cover;
  min-height:300px
}
.technology-1 {
  margin:2em 0
}
.vide {
  padding:2em;
  margin-bottom:1em
}
.vide-1 {
  padding:2em 2em 1.6em
}
.rev-img {
  float:left;
  width:40%
}
.rev-info {
  float:right;
  width:57%
}
.rev h3 {
  margin:0!important
}
.rev {
  margin-bottom:1.6em
}
.technology-1 p {
  color:#000;
  margin:1em 0
}
.business {
  /*! padding: 2em 2em 1.8em; */
}
.business li a {
  color:#333;
  font-size:1em;
  line-height:2em
}
.LOBJ ul li,
.business h2 a,
.business h3 {
  color:#f53f1a
}
.business h3 {
  font-size:1.7em;
  font-weight:700;
  margin:0 0 .5em
}
.business h2,
.business h4 {
  color:#f53f1a;
  font-size:1.7em;
  font-weight:700;
  margin:.5em 0
}
.business h4 {
  text-align:center
}
.business-bottom,
.map {
  margin-top:3em
}
.business-top {
  padding-bottom:3em
}
.design-left,
.grid_3.grid_5 {
  margin-top:2em
}
.design-top {
  margin-top:3.7em
}
.rev-1 {
  padding-bottom:2em;
  margin-bottom:1.55em
}
.map iframe {
  width:100%;
  height:400px
}
.contact-grids h2 {
  color:#ed645c;
  font-weight:600;
  margin-bottom:.5em;
  font-size:2.1em;
  margin-top:1.5em;
  font-family:Audiowide,cursive
}
.contact-grid p,
.contact-grid p a {
  color:#898888;
  font-size:15px
}
.contact-grids p.design {
  margin:.2em 0 0;
  color:#999;
  font-size:25px;
  text-align:center;
  font-weight:300
}
.contact-grid {
  float:left;
  width:25%;
  text-align:center
}
.contact-grid p {
  margin:1em 0 0
}
.contact-grid p span {
  display:block;
  margin:.3em 0 0
}
.lis ol ol,
.lis ul ul,
ol ul,
ul ol {
  list-style-position:inside;
  margin-left:15px
}
.glyphicon-envelope2:before {
  content:"\2709"
}
.contact-grid p a:hover {
  color:#7ec259
}
.contact-grid:nth-child(2) {
  margin:0 4em
}
.contact-grids input[type=text],
.contact-grids textarea {
  outline:0;
  border:1px solid #a1a1a1;
  background:0 0;
  padding:15px 10px;
  font-size:15px
}
.contact-grids input[type=text] {
  width:32%;
  float:left
}
.contact-grids input[type=text]:nth-child(2) {
  margin:0 .8em
}
.contact-grids textarea {
  width:100%;
  height:285px;
  margin:1.5em 0;
  resize:none
}
.servc-grid-right h4,
h4.media-heading {
  margin:0;
  text-align:left
}
.contact-grids input[type=submit] {
  outline:0;
  border:2px solid #f53f1a;
  background:#f53f1a;
  width:16%;
  display:block;
  padding:8px 0;
  color:#fff;
  font-size:16px;
  font-weight:700;
  transition:.5s;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  -ms-transition:.5s
}
.contact-grids input[type=submit]:hover {
  background:#fff;
  color:#333;
  border:2px solid #333
}
.contact-icons {
  padding:3em 0 4em
}
span.glyphicon.glyphicon-download-alt,
span.glyphicon.glyphicon-file,
span.glyphicon.glyphicon-globe,
span.glyphicon.glyphicon-link,
span.glyphicon.glyphicon-qrcode,
span.glyphicon.glyphicon-record,
span.glyphicon.glyphicon-screenshot,
span.glyphicon.glyphicon-share {
  font-size:4em;
  padding-top:.25em
}
.servc-grid {
  margin-bottom:2.22em
}
h4.media-heading {
  font-size:1.5em;
  color:#333;
  font-weight:400
}
.media-body p {
  color:#9e9e9e;
  font-size:.875em;
  line-height:1.8em
}
.comment-bottom input[type=text],
.comment-bottom textarea {
  background:0 0;
  width:100%;
  outline:0;
  border:1px solid #e2e2e2;
  padding:1em .8em;
  font-size:1em;
  color:#e2e2e2;
  margin:0 0 .7em;
  float:left
}
.comment-bottom textarea {
  resize:none;
  margin:0 0 .5em;
  min-height:180px;
  -webkit-appearance:none
}
.comment-bottom input[type=submit] {
  width:11%;
  font-size:1.1em;
  background:#fa4b2a;
  padding:.5em 1em;
  text-align:center;
  color:#fff;
  border:none;
  outline:0;
  margin:0 auto;
  transition:.5s;
  -webkit-transition:.5s;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  cursor:pointer
}
.comment h3,
.comment-top h2 {
  color:#f53f1a;
  font-size:2.5em;
  text-align:left;
  padding:0 0 .5em;
  font-weight:400
}
.comment {
  padding:3em 0 0
}
.blog-text h5 {
  font-size:1.7em;
  margin:.6em 0;
  color:#f53f1a;
  font-weight:700
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
  background-color:#464646!important
}
.copyright p {
  font-size:.875em;
  color:#fff;
  line-height:1.8em;
  font-weight:700
}
.copyright p a {
  color:#000;
  font-weight:700
}
@media (max-width:1024px) {
  ul.nav.navbar-nav li a {
    padding:15px 14px!important
  }
  .banner {
    padding:8em 0 0;
    min-height:500px
  }
  .banner h2 {
    font-size:2em
  }
  .banner p {
    font-size:1em
  }
  .tech-btm h4 {
    font-size:1.17em;
    margin-bottom:.5em
  }
  .blog-grid-right {
    width:59%
  }
  .tech-btm h5 {
    font-size:.9em
  }
  .footer h6 {
    font-size:1.5em
  }
  .footer-middle {
    padding-left:7em
  }
  .footer-right {
    padding-left:6em
  }
  .footer h4 {
    font-size:1.6em
  }
  .foot-nav li a {
    padding:.7em 1.15em
  }
  .technology {
    min-height:200em
  }
  .comment-bottom input[type=submit] {
    width:16%;
    font-size:1em;
    padding:.4em 1em
  }
  .contact-grid p {
    font-size:13px
  }
  .contact-grids input[type=text]:nth-child(2) {
    margin:0 .7em
  }
}
@media (max-width:966px) {
  .tc-ch,
  .tech-btm,
  .vide,
  .vide-1 {
    padding:1em
  }
  ul.nav.navbar-nav li a {
    padding:12px 5px!important;
    font-size:.95em
  }
  .search {
    width:23%
  }
  .social {
    width:36.33%
  }
  .logo a {
    font-size:1.8em
  }
  .technology-left {
    width:70%;
    float:left
  }
  .technology-right,
  .technology-right-1 {
    width:30%;
    float:right
  }
  .tc-ch {
    float:left;
    width:91%
  }
  .tech-btm h4 {
    text-align:center;
    line-height:1.2em
  }
  .footer p,
  .tc-ch p,
  .tech-btm p {
    font-size:.8125em;
    line-height:1.5em
  }
  .blog-poast-info li i {
    font-size:1.1em;
    margin-top:-3px
  }
  .blog-poast-info ul li {
    margin-right:.3em
  }
  .blog-grid-right {
    width:58%
  }
  .tech-btm h5 {
    font-size:.875em
  }
  .technology {
    min-height:164em
  }
  .footer-left {
    float:left;
    width:33.33%
  }
  .footer-middle,
  .footer-right {
    padding-left:3em;
    float:left;
    width:33.33%
  }
  .footer-right li a {
    font-size:.825em
  }
  .footer h6 {
    font-size:1.3em;
    padding:.5em 1em
  }
  .footer {
    padding:3em 0 2em
  }
  .foot-nav li a {
    padding:.7em .6em;
    font-size:.9em
  }
  .technology-1 p {
    font-size:.8125em
  }
  .technology-1 h3 {
    font-size:1.5em
  }
  .business {
    /*! padding: 1em 1em 1em; */
  }
  .comment h3,
  .comment-top h2 {
    font-size:2em
  }
  h4.media-heading {
    font-size:1.3em
  }
  .contact-grids input[type=text]:nth-child(2) {
    margin:0 .5em
  }
  .contact-grid {
    width:31%
  }
  .contact-grid:nth-child(2) {
    margin:0
  }
}
@media (max-width:768px) {
  .banner {
    min-height:440px;
    padding:6em 0 0
  }
  span.glyphicon.glyphicon-file,
  span.glyphicon.glyphicon-globe,
  span.glyphicon.glyphicon-link,
  span.glyphicon.glyphicon-qrcode,
  span.glyphicon.glyphicon-record,
  span.glyphicon.glyphicon-screenshot,
  span.glyphicon.glyphicon-share {
    font-size:3em
  }
  .business-left {
    margin-top:2em
  }
}
@media (max-width:736px) {
  .logo a {
    font-size:1.4em;
    margin-top:.2em
  }
  .social {
    width:42.33%
  }
  .banner p,
  .technology-left {
    width:100%
  }
  .header-top {
    padding:1em 0
  }
  .banner {
    min-height:330px;
    padding:4em 0 0
  }
  .tc-ch,
  .tech-btm {
    padding:2em
  }
  .banner h2 {
    font-size:1.7em
  }
  .banner p {
    font-size:.875em
  }
  .technology-right {
    width:100%;
    float:none;
    margin:183em 0 0
  }
  .footer {
    margin-top:2em
  }
  .footer h6 {
    font-size:1.2em;
    padding:.5em .3em
  }
  .footer h4 {
    font-size:1.5em
  }
  .blog-grid-left {
    float:left;
    width:18%
  }
  .tc-ch {
    float:left;
    width:100%
  }
  .navbar-nav {
    margin:7.5px 0
  }
  .technology-right-1 {
    width:100%;
    float:right;
    margin-top:1em
  }
  .banner1 {
    min-height:150px
  }
  .navbar-toggle .icon-bar {
    background:#fff!important
  }
  .foot-nav li a {
    padding:.5em .6em;
    font-size:.85em
  }
  .sidepannel {
    display:none
  }
}
@media (max-width:667px) {
  .foot-nav li a {
    padding:.5em .4em
  }
}
@media (max-width:600px) {
  .foot-nav li a {
    padding:.5em .2em
  }
}
@media (max-width:568px) {
  .logo {
    float:left;
    width:40%;
    text-align:center
  }
  .social {
    width:100%;
    float:right;
    text-align:right;
    margin-top:1em;
    padding:0
  }
  .logo a {
    margin-top:0;
    padding:.35em .5em
  }
  .search {
    width:40%
  }
  .banner {
    padding:3em 0 0
  }
  .rev-img {
    float:left;
    width:100%
  }
  .rev-info {
    float:right;
    width:100%;
    margin-top:1em
  }
  .contact-grid {
    width:100%;
    margin-bottom:1em;
    text-align:left
  }
  .contact-icons {
    padding:1em 0
  }
  .contact-grids input[type=text] {
    width:100%;
    float:left;
    margin-bottom:.5em
  }
  .contact-grids input[type=text]:nth-child(2) {
    margin:0 0 .5em
  }
  .contact-grids textarea {
    height:200px
  }
  .contact-grids input[type=submit] {
    width:31%;
    padding:7px 0
  }
  .foot-nav li a {
    font-size:.8em
  }
}
@media (max-width:480px) {
  .footer-middle,
  .footer-right {
    float:none;
    width:100%;
    padding-left:1em
  }
  .footer-left {
    float:none;
    width:100%
  }
  .footer-middle {
    margin:1.5em 0
  }
  .servc-grid,
  .servc-grid-left {
    margin-bottom:1em
  }
  .servc-grid-left,
  .servc-grid-right {
    float:left;
    padding:0;
    width:100%
  }
  .technology-1 h3 {
    font-size:1.2em
  }
  .servc-grid-left {
    text-align:center
  }
  .servc-grid-right h4 {
    font-size:1.5em
  }
  .blog-text h5 {
    font-size:1.4em
  }
  .business li a {
    font-size:.875em
  }
  .map iframe {
    width:100%;
    height:210px
  }
  .map {
    margin-top:2em
  }
  .foot-nav ul li {
    margin-bottom:.5em
  }
  .foot-nav li a {
    padding:.5em .84em;
    border-right:none!important
  }
}
@media (max-width:414px) {
  .tc-ch,
  .tech-btm {
    padding:1em
  }
  .tc-ch {
    float:left;
    width:99.5%
  }
  .banner h2 {
    font-size:1.2em
  }
  .banner p {
    font-size:.8em;
    line-height:1.4em
  }
  .banner {
    min-height:280px
  }
  .banner a {
    font-size:.9em;
    padding:.5em 1em
  }
  .logo {
    width:46%
  }
  .logo a {
    padding:.6em .5em;
    font-size:1.2em
  }
  .vide iframe {
    min-height:150px!important
  }
  .servc-grid-right h4 {
    font-size:1.25em
  }
  .media-body,
  .media-left,
  .media-right {
    float:left!important;
    width:100%!important
  }
  h4.media-heading {
    text-align:left;
    margin:1em 0
  }
  .comment-bottom input[type=submit] {
    width:25%
  }
  .business h2 {
    font-size:1.4em
  }
  .design-top {
    margin-top:1.7em
  }
}
@media (max-width:384px) {
  .logo {
    width:50%
  }
  .logo a {
    font-size:1.2em;
    padding:.55em .5em
  }
  .search {
    margin:0
  }
  .tc-ch {
    width:86.5%
  }
  .foot-nav li a {
    padding:.5em .55em
  }
}
@media (max-width:320px) {
  .logo a {
    font-size:1em;
    padding:.5em
  }
  .search {
    width:43%;
    border:1px solid #333;
    padding:.3em 0
  }
  .social {
    text-align:center
  }
  .header-top {
    padding:.8em 0 0
  }
  .search input[type=submit] {
    top:2px
  }
  .banner {
    padding:2em 0 0
  }
  .navbar-toggle {
    margin-top:4px;
    margin-bottom:4px
  }
  .footer-left,
  .footer-middle,
  .footer-right,
  .technology-left,
  .technology-right-1 {
    padding:0
  }
  .tc-ch {
    width:84.6%
  }
  .tech-no {
    top:-23px
  }
  .banner p {
    margin:1em auto 1.5em
  }
  .banner a {
    font-size:.85em;
    padding:.4em .8em
  }
  .soci {
    padding-top:1.42em
  }
  .blog-text h5,
  .tc-ch h3 {
    font-size:1.2em
  }
  .technology-right {
    margin:196em 0 0;
    padding:0
  }
  .blog-grid-left {
    width:30%
  }
  .blog-grid-right {
    width:65%
  }
  .footer {
    margin-top:1em;
    padding:2em 0
  }
  .footer h4 {
    margin-bottom:.5em
  }
  .copyright {
    padding:.5em 0
  }
  .banner1 {
    min-height:130px
  }
  .business-left {
    margin-top:1em;
    padding:0
  }
  .foot-nav li a {
    padding:.5em .35em;
    font-size:.75em
  }
}
@media (min-width:736px) {
  .bottomview {
    display:none
  }
}
.lis ul {
  list-style-type:square/*! list-style-position: inside; */
}
.lis ol {
  list-style-type:decimal;
  list-style-position:inside
}
.lis ol ol,
ul ol {
  list-style-type:lower-latin
}
.blog-poast-info3 {
  border-top:0 solid #aeaeae;
  padding:0;
  text-align:left;
	font-family: Hind,sans-serif,calibri;
    font-size:15px;
}
.blog-poast-info2 {
  border-top:1px solid #aeaeae;
  padding:0;
  text-align:left
}
.blog-poast-info2 ul,
.blog-poast-info3 ul {
  color:#000;
  padding-left:25px/*! list-style-position: inside; *//*! list-style-type: circle; */
}
.blog-poast-info2 ul li,
.blog-poast-info3 ul li {
  display:list-item;
  /*! list-style-type: circle; */padding-bottom:7px;
  margin-right:1em;
  color:#000;
  font-size:.9em;
  vertical-align:middle
}
i.glyphicon.glyphicon-comment {
  vertical-align:middle
}
.tbottom tr td {
  border-bottom:1px solid #ccc;
  line-height:1.8em
}
.blog-poast-info2 h2,
.blog-poast-info3 h2 {
  font-weight:90;
  color:#000;
  font-size:19px;
  font-weight:70;
  margin-left:-4px;
  padding-top:15px;
  padding-bottom:10px
}
.blog-poast-info2 h3,
.blog-poast-info3 h3 {
  color:#000;
  font-size:17px;
  font-weight:50;
  margin-left:0;
  padding-top:11px;
  padding-bottom:9px
}
.blog-poast-info2 h4,
.blog-poast-info3 h4 {
  color:#000;
  font-size:16px;
  font-weight:50;
  margin-left:4Px;
  padding-top:9px;
  padding-bottom:7px
}
.blog-poast-info2 h5,
.blog-poast-info3 h5 {
  color:#000;
  font-size:15px;
  font-weight:50;
  margin-left:0;
  padding-top:7px;
  padding-bottom:5px
}
.l01 li,
.l1 li {
  list-style-type:decimal-leading-zero
}
.LOBJ ul li,
.lA li {
  list-style-type:upper-alpha
}
.la li {
  list-style-type:lower-alpha
}
.HyperfontA,
.HyperfontA p {
  font-size:18px;
  font-family:HyperA
}
.HyperfontB,
.HyperfontB p {
  font-size:18px;
  font-family:HyperB
}
.HyperfontC,
.HyperfontC p {
  font-size:18px;
  font-family:HyperC
}
.Hyperfont,
.Hyperfont h1,
.Hyperfont h2,
.Hyperfont h3,
.Hyperfont h4,
.Hyperfont h5,
.Hyperfont h6,
.Hyperfont ol li,
.Hyperfont p {
  font-family:Hind,sans-serif,calibri
}
.Hyperfont p ul,
.Hyperfont p ul li,
.Hyperfont ul li,
.HyperfontD,
.HyperfontD p,
ul {
  font-family:Hind,sans-serif,calibri;
  font-size:16px;
}
.Hyperfont,
.Hyperfont p {
  font-size:17.5px
}
.Hyperfont h1 {
  font-size:23px
}
.Hyperfont h2 {
  font-size:22px
}
.Hyperfont h3 {
  font-size:21px
}
.Hyperfont h4 {
  font-size:20px
}
.Hyperfont h5 {
  font-size:19px
}
.Hyperfont h6 {
  font-size:18px
}
.Hyperfont ol li {
  font-size:95%
}
.button {
  max-width:50%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  float:right;
  margin:16px 10px 0
}
.button .button-link {
  padding:5px 10px;
  border-radius:2px;
  border:1px solid #fa4b2a;
  font-size:15px;
  font-weight:400;
  display:inline-block
}
.buttonA {
  background-color:#f53f1a;
  border:none;
  color:#fff;
  padding:5px;
  cursor:pointer;
  text-align:center;
  font-size:15px;
  width:150px
}
.buttonA:hover {
  color:#fff;
  background-color:#11e68c
}