@import url(variable.css);
@media only screen and (max-width: 364px) {
  .clientsMobile {
    width: 100%;
    height: 121px;
    overflow-x: scroll; }
  .client-img {
    display: inline; }
  .cl-inner {
    width: 2800px;
    height: 121px;
    overflow-x: scroll; } }

@media only screen and (max-width: 585px) {
  /* For mobile phones: */
  .left-col-header {
    width: 20%;
    height: 70px; }
  .right-col-header {
    width: 80%;
    height: 70px; }
  .menuDesk {
    display: none; }
  .menuMobile {
    display: block; }
  .logoImg {
    display: none; }
  .menuButtonDiv {
    display: block; }
  /*footer*/
  #footer {
    display: none; }
  .left-col-footer {
    width: 20%; }
  .right-col-footer {
    width: 80%; }
  .comp-name {
    font-size: 25px; }
  .box-single {
    text-align: left; }
  .box-single-bg {
    text-align: left; }
  .one {
    text-align: left; }
  .two {
    text-align: left; }
  .two-blks-in-one {
    width: 262px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px; }
  .box-single {
    /*width: 90%;*/ }
  .box-single2 {
    /*width: 90%;*/ }
  .four-blks {
    width: 100%; }
  .footer-col {
    text-align: center; }
  .fixed-feedback {
    display: none; }
  .fixed-feedback2 {
    display: none; }
  .main-holder-overflow {
    width: 100%; }
  .left-inner {
    width: 100%;
    padding-left: 30px; }
  /*aboutus page*/
  .each-highlight {
    width: 100%;
    width: 259px; }
  .each-highlight-mid {
    width: 259px;
    margin: 0px; }
  .dir-info {
    width: 100%; }
  .dir-img1 {
    display: block;
    width: 100%;
    height: 300px;
    background-color: pink;
    margin-top: 20px; }
  .dir-img2 {
    display: none; }
  .footer-info {
    width: 300px; }
  .grid-img-Prod {
    background: url("../images/cards/production-mob.jpg"); }
  .RawTable {
    width: 90%; }
  .footer-col {
    /*margin-top: 15px;*/ }
  .column {
    width: 100%; }
  .row {
    margin-top: 0px; }
  .contact-form .label {
    margin-top: 10px; }
  .txt-banner {
    width: 320px;
    font-size: 23px;
    padding-left: 35px;
    padding-top: 40px; }
  .txt-banner2 {
    padding-left: 40px; }
  .visibleYellowBox {
    display: none; }
  .hiddenYellowBox {
    display: inline-grid; }
  .box-double {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    height: 550px; }
  .grid-txt-dbl {
    font-size: 35px;
    margin-left: 0px; }
  #svg1, #svg2, #svg3, #svg4, #svg-send {
    left: -51px; }
  .listImgSIde {
    width: 100%;
    text-align: center; }
  .tableVert {
    display: none; }
  .tableHor {
    display: block; }
  .gridVert {
    display: none; }
  .gridHor {
    display: block; }
  .tableInfo {
    display: block; }
  .arpit {
    display: block; }
  .highlightArpit {
    display: none; }
  .tableExpButton {
    display: none; }
  .certDivHidden {
    display: block; }
  .certDivBig {
    display: none; }
  .teamMember {
    width: 100%; }
  .memberImg, .memberImg > img {
    width: 100%;
    height: auto; }
  .img-txt, .slideshow-container {
    padding-right: 30px; }
  .bothNumbers {
    height: 220px;
    margin-top: -15px; } }

@media only screen and (min-width: 585px) and (max-width: 670px) {
  .each-highlight-mid {
    width: 259px;
    margin-right: 0px;
    margin-left: 0px; }
  .RawTable {
    width: 90%; }
  .column {
    width: 100%; }
  .row {
    margin-top: 0px; }
  .contact-form .label {
    margin-top: 10px; }
  .txt-banner {
    width: 320px;
    font-size: 23px;
    padding-left: 40px; }
  .txt-banner2 {
    padding-left: 40px; }
  .visibleYellowBox {
    display: none; }
  .hiddenYellowBox {
    display: inline-grid; }
  .tableVert {
    display: none; }
  .tableHor {
    display: block; }
  .gridVert {
    display: none; }
  .gridHor {
    display: block; }
  .tableInfo {
    display: block; }
  .left-inner {
    width: 100%;
    padding-left: 30px; }
  .arpit {
    display: block; }
  .highlightArpit {
    display: none; }
  .tableExpButton {
    display: none; }
  .certDivHidden {
    display: block; }
  .certDivBig {
    display: none; }
  .teamMember {
    width: 100%; }
  .memberImg, .memberImg > img {
    width: 100%;
    height: auto; }
  .img-txt, .slideshow-container {
    padding-right: 30px; }
  .bothNumbers {
    height: 220px;
    margin-top: -15px; } }

@media only screen and (min-width: 585px) and (max-width: 904px) {
  .each-highlight-mid {
    width: 259px;
    margin-right: 0px; }
  .menuDesk {
    display: none; }
  .menuMobile {
    display: block; }
  .logoImg {
    display: none; }
  .menuButtonDiv {
    display: block; }
  .comp-name {
    font-size: 25px; }
  .left-col-header {
    width: 20%;
    height: 70px; }
  .right-col-header {
    width: 80%;
    height: 70px; }
  .fixed-feedback {
    display: none; }
  .fixed-feedback2 {
    display: none; }
  .main-holder-overflow {
    width: 90%; }
  .left-inner {
    width: 100%; }
  .grid-holder {
    text-align: left;
    width: 600px; }
  /*about us*/
  .dir-img1 {
    display: block;
    width: 80%;
    height: 300px;
    background-color: pink;
    margin: 0 auto;
    margin-top: 20px; }
  .dir-img2 {
    display: none; }
  .footer-info {
    width: 570px; }
  .visibleYellowBox {
    display: inline-grid; }
  .hiddenYellowBox {
    display: none; }
  .tableVert {
    display: none; }
  .tableHor {
    display: block; }
  .tableInfo {
    display: block; }
  .gridVert {
    display: block; }
  .gridHor {
    display: none; }
  .arpit {
    display: block; }
  .highlightArpit {
    display: none; }
  .tableExpButton {
    display: none; } }

@media only screen and (min-width: 904px) and (max-width: 1175px) {
  .menuMobile {
    display: none; }
  .logoImg {
    display: block; }
  .menuButtonDiv {
    display: none; }
  .left-col-header {
    width: 23%;
    height: 100px; }
  .right-col-header {
    width: 77%;
    height: 100px; }
  .grid-heading {
    text-align: left; }
  .grid-txt {
    text-align: left; }
  .grid-txt-dbl {
    text-align: left; }
  .fixed-feedback {
    display: none; }
  .fixed-feedback2 {
    display: none; }
  .main-holder-overflow {
    width: 100%; }
  .left-inner {
    width: 100%; }
  .grid-holder {
    text-align: left;
    width: 876px; }
  /*about us*/
  .dir-img1 {
    display: none; }
  .dir-img2 {
    display: block; }
  .footer-info {
    width: 850px; }
  .visibleYellowBox {
    display: inline-grid; }
  .hiddenYellowBox {
    display: none; }
  .tableVert {
    display: block; }
  .tableHor {
    display: none; }
  .gridVert {
    display: block; }
  .gridHor {
    display: none; } }

@media only screen and (min-width: 1175px) {
  .menuMobile {
    display: none; }
  .logoImg {
    display: block; }
  .menuButtonDiv {
    display: none; }
  .left-col-header {
    width: 23%;
    height: 100px; }
  .right-col-header {
    width: 77%;
    height: 100px; }
  .grid-heading {
    text-align: left; }
  .grid-txt {
    text-align: left; }
  .grid-txt-dbl {
    text-align: left; }
  /*about us*/
  .dir-img1 {
    display: none; }
  .dir-img2 {
    display: block; }
  .visibleYellowBox {
    display: inline-grid; }
  .hiddenYellowBox {
    display: none;
    /*text-align: center;*/ }
  .tableVert {
    display: block; }
  .tableHor {
    display: none; }
  .gridVert {
    display: block; }
  .gridHor {
    display: none; } }