body {
font-family: 'Roboto', sans-serif;
}
.development h1 span {
    font-size: 3.5vw;
    font-family: 'Libre Baskerville', serif;
    font-weight: 400;
    font-style: italic;
    color: #0078bf;
    text-transform: none;
}
.development h1 {
    font-family: 'Roboto', sans-serif;
    padding-bottom: 1vw;
    font-size: 3.5vw;
    line-height: 1.2em;
    font-weight: bolder;
    color: #000;
    text-transform: none;
}
.team-section {
padding:4vw 4vw 4vw 4vw;
position: relative;
background-color: #f6f6f6;
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, #958e3a73 4px, #f6f6f6 6px);
}
.corporate-identity {
width:100%;
background-color:#FFF!important;
padding:4vw 0 0 0;
margin-top:8.3vw;
}
.portfolio-section {
padding:4vw 4vw 4vw 4vw;
position: relative;
}
.content {
display: none;
}
#loadMore {
width: 200px;
color: #fff;
display: block;
text-align: center;
margin: 20px auto;
padding: 10px;
border-radius: 10px;
border: 1px solid transparent;
background-color: blue;
transition: .3s;
}
#loadMore:hover {
color: blue;
background-color: #fff;
border: 1px solid blue;
text-decoration: none;
}
.noContent {
color: #000 !important;
background-color: transparent !important;
pointer-events: none;
}
.more, .less {
background-color: #0078bf;
color: #fff;
cursor: pointer;
display: block;
font-size: 1.1vw;
margin-top:0;
padding: 1vw 0;
text-align: center;
text-transform: uppercase;
border-radius:2vw;
width:13%;
margin:0 auto;
display:inline-block;
font-weight:600;
}
.more:hover, .less:hover {
background-color: #000;
color: #fff;
cursor: pointer;
display: block;
font-size: 1.1vw;
margin-top:0;
padding: 1vw 0;
text-align: center;
text-transform: uppercase;
border-radius:2vw;
width:13%;
margin:0 auto;
display:inline-block;
font-weight:600;
}
.more i, .less i {
padding-left:.8vw;
}
.inner-header-pic img {
width:100%;
}
.process {
padding-top:4vw;
background-color: #FFF;
}
.process h1 {
font-family: 'Roboto', sans-serif;
padding-bottom: 1vw;
font-size: 3vw;
line-height: 1.2em;
text-align: center;
font-weight: bolder;
color: #333;
text-transform: none;
}
.process-bg {
background-image: url(../images/shap-bg-grey.png);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
height: 25vw;
margin-top: 3vw;
padding-left: 5vw;
padding-right: 5vw;
padding-top: 3vw;
}
.process-bg-grid {
margin-bottom: 2vw;
}
.process-bg-grid img {
width:100%!important;
}
.process-1 {
margin-left:1.5vw;
margin-top:.1vw;
margin-right:-1vw;
}
.process-1 h2 {
font-family: 'Roboto', sans-serif;
padding-bottom: 1vw;
padding-top: 2vw;
font-size: 1.6vw;
line-height: 1.3em;
text-align: center;
font-weight: bolder;
color: #000;
text-transform: none;
}
.process-1 p {
font-family: 'Roboto', sans-serif;
font-size: 1.2vw;
color: #000;
text-align: center;
line-height: 1.3em;
font-weight: 300;
padding-bottom: 0;
padding-left: 1vw;
padding-right: 1vw;
}
.process-2 {
margin-left: .8vw;
margin-right: 0vw;
margin-top: .4vw;
}
.process-2 h2 {
font-family: 'Roboto', sans-serif;
padding-bottom: 1vw;
padding-top: 2vw;
font-size: 1.6vw;
line-height: 1.3em;
text-align: center;
font-weight: bolder;
color: #000;
text-transform: none;
}
.process-2 p {
font-family: 'Roboto', sans-serif;
font-size: 1.2vw;
color: #000;
text-align: center;
line-height: 1.3em;
font-weight: 300;
padding-bottom: 0;
padding-left: 1vw;
padding-right: 1vw;
}
.process-3 {
margin-left: .3vw;
margin-right: .8vw;
margin-top: .5vw;
}
.process-3 h2 {
font-family: 'Roboto', sans-serif;
padding-bottom: 1vw;
padding-top: 2vw;
font-size: 1.6vw;
line-height: 1.3em;
text-align: center;
font-weight: bolder;
color: #000;
text-transform: none;
}
.process-3 p {
font-family: 'Roboto', sans-serif;
font-size: 1.2vw;
color: #000;
text-align: center;
line-height: 1.3em;
font-weight: 300;
padding-bottom: 0;
padding-left: 1vw;
padding-right: 1vw;
}
.process-4 {
margin-left: -.5vw;
margin-right: 1.8vw;
margin-top: .3vw;
}
.process-4 h2 {
font-family: 'Roboto', sans-serif;
padding-bottom: 1vw;
padding-top: 2vw;
font-size: 1.6vw;
line-height: 1.3em;
text-align: center;
font-weight: bolder;
color: #000;
text-transform: none;
}
.process-4 p {
font-family: 'Roboto', sans-serif;
font-size: 1.2vw;
color: #000;
text-align: center;
line-height: 1.3em;
font-weight: 300;
padding-bottom: 0;
padding-left: 1vw;
padding-right: 1vw;
}
.bg-color {
background-color: #f6f6f6;
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, #ededed 4px, #f6f6f6 6px);
}

.mission img {
width:100%;
}
.vision img {
width:100%;
}
.no-padding-right {
padding-right:0 !important;
}
.no-padding-left {
padding-left:0 !important;
}
.why-choose {
background-color:#302f2f;
padding:1.5vw 0 .8vw 2vw;
color:#FFF;
}
.why-choose-green {
background-color:#0078bf;
}
.careers {
background-color: #FFF;
}
.careers-box {
width: 100%;
height: 55vw;
border-radius: 0 0 45vw 45vw;
background-color: #f6f6f6;
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, #ededed 4px, #f6f6f6 6px);
margin-bottom:4vw;
}
.careers-box h1 {
font-family: 'Roboto', sans-serif;
padding-bottom: 0.5vw;
padding-top: 2vw;
font-size: 3.5vw;
line-height: 1.2em;
text-align: center;
font-weight: bolder;
color: #000000;
text-transform: none;
}
.careers-box h1 span {
font-size: 3.5vw;
font-family: 'Libre Baskerville', serif;
font-weight: 400;
font-style: italic;
color: #0078bf;
text-transform: none;
}
.careers-box p {
font-family: 'Roboto', sans-serif;
font-size: 1.4vw;
color: #000;
line-height: 1.5em;
font-weight: 300;
padding-bottom: 1vw;
text-align:center;
}
.careers-logo {
width:55%;
margin: 0 auto;
margin-bottom: 2vw;
margin-top:2vw;
}
.why-choose h1 {
font-family: 'Roboto', sans-serif;
padding-bottom: 1vw;
font-size: 3vw;
line-height: 1.5em;
font-weight: bolder;
color: #FFF;
text-transform: capitalize;
}
.why-choose p {
font-family: 'Roboto', sans-serif;
font-size: 1.4vw;
color: #FFF;
line-height: 1.5em;
font-weight: 300;
padding-bottom: 1vw;
font-weight:500;
}
.margin-top {
margin-top:4vw !important;
}
.margin-bottom {
margin-bottom:4vw !important;
}
.section-top-margin {
margin-top:8vw;
}
.careers-section {
margin-top:10vw;
padding:4vw;
}
.portfolio-margin-top {
margin-top:11vw !important;
}
.careers-content-box {
width:96%;
margin-top:4vw;
margin-bottom:2vw;
}
.careers-content-box li {
display:block;
border-top:.1vw solid #d5d5d5;
font-family: 'Roboto', sans-serif;
font-size: 1.5vw;
color: #000;
line-height: 1.5em;
padding-bottom:1.5vw;
padding-left:2vw;
padding-top:1.5vw;
font-weight:400;
padding-right:0;
text-align:left;
}
.careers-content-box li:hover {
display:block;
background:#0078bf;
border-top:.1vw solid #d5d5d5;
font-family: 'Roboto', sans-serif;
font-size: 1.5vw;
color: #FFF;
line-height: 1.5em;
padding-bottom:1.5vw;
padding-left:2vw;
padding-top:1.5vw;
font-weight:400;
padding-right:0;
text-align:left;
}
.form-text label {
font-family: 'Roboto', sans-serif;
width:100%;
float:left;
font-size:1.2vw;
font-weight:700;
padding-bottom:.5vw;
padding-top:.5vw;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
font-family: 'Roboto', sans-serif;
width:100%;
margin-right: 0%;
float: left;
padding: 1vw 1vw;
font-size: 1.1vw;
font-weight: 400;
margin-bottom:.5vw;
color: #000;
outline: none;
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
background: #FFF none repeat scroll 0 0;
border: 0;
}
.form select {
font-family: 'Roboto', sans-serif;
width:100%;
margin-right: 0%;
float: left;
padding: 1vw 1vw;
font-size: 1.1vw;
font-weight: 400;
margin-bottom:.5vw;
color: #000;
outline: none;
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
background: #FFF none repeat scroll 0 0;
border:0;
}
.form-text input[type="file"] {
font-family: 'Roboto', sans-serif;
width:100%;
margin-right: 0%;
float: left;
padding: 1vw 1vw;
font-size: 1.1vw;
font-weight: 400;
margin-bottom:.5vw;
color: #000;
outline: none;
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
background: #FFF none repeat scroll 0 0;
border:0;
}
.form-text input[type="text"]:hover {
box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
}
.form select:hover {
box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
}
.form-text input[type="file"]:hover {
box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
}
.form input[type="submit"] {
font-size: 1.5vw;
display: inline-block;
padding: 1vw 2.5vw;
z-index: 0;
color: #FFF;
text-align: center;
text-transform: uppercase;
font-weight: 600;
border-radius: 2vw;
text-decoration: none;
background-color: #0078bf;
margin-top: 1vw;
line-height: 1.3em;
padding-top: 1vw;
border:0;
}
.form input[type="submit"]:hover {
background-color:#000;
color:#FFF;
}
.blog {
transition: box-shadow .5s;
border: 1px solid #f5f5fa;
background: #FFF;
margin-bottom:1vw;
margin-top:1vw;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
width:100%;
padding-bottom:1vw;
min-height:42vw;
}
.blog:hover {
box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
cursor:pointer;
}
.blog img {
width:100%;
}
.blog-title {
padding:2vw 1vw 1vw 2vw;
}
.blog-title h2 {
font-family: 'Roboto', sans-serif;
font-size:1.8vw;
line-height: 1.3em;
font-weight: 500;
color: #000;
text-transform: none;
}
.blog-title h2 a {
color: #000;
text-transform: none;
}
.blog-title h2:hover {
color: #0078bf;;
text-transform: none;
}
.blog-title h2 span {
font-weight:bold;
}
.blog-title p {
font-family: 'Roboto', sans-serif;
font-size:1.3vw;
line-height: 1.5em;
font-weight:300;
color: #000;
text-transform: none;
padding-top:1vw;
padding-left: 0;
padding-right:1vw;
text-align:left;
}
.portfolio {
margin-top: 3vw;
width: 100%;
background-color:#FFF;
padding:1vw;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.portfolio:hover {
background-color:#f7fdff;
width: 100%;
}
.portfolio:hover: .portfolio-title h2:hover {
color:#FFF !important;
}
.portfolio img {
width:100% !important;
max-width:100%;
}
.portfolio-title h2 {
font-family: 'Roboto', sans-serif;
font-size:1.3vw;
line-height:1.3em;
font-weight:600;
color: #000;
text-transform: none;
padding-bottom:.5vw;
}
.portfolio-title h3 {
font-family: 'Roboto', sans-serif;
font-size: 0.9vw;
letter-spacing: .1vw;
text-transform: uppercase;
margin-bottom: 1vw;
color: #747474;
font-weight: 600;
text-align: left;
padding-top:1vw;
}
.portfolio-title h3 span {
background: rgba(0, 136, 191, 1);
content: "";
display: block;
height: .2vw;
margin:.5vw 0 0 0;
position: initial;
width:4vw;
}
.portfolio-title p {
font-family: 'Roboto', sans-serif;
font-size:1vw;
line-height: 1.5em;
font-weight:300;
color: #000;
text-transform: none;
padding-top:0;
padding-left: 0;
text-align:left;
}
.next-btn {
font-size:1.3vw;
display: inline-block;
padding:.5vw 1vw;
z-index: 0;
color: #FFF;
text-align: center;
text-transform: uppercase;
font-weight:600;
border-radius:4vw;
text-decoration: none;
background-color:#0078bf;
margin-right:.3vw;
line-height:1.3em;
}
.next-btn:hover {
color: #FFF;
background-color:#444;
text-decoration: none;
}
.next-btn-active {
font-size:1.3vw;
display: inline-block;
padding:.5vw 1vw;
z-index: 0;
color: #FFF;
text-align: center;
text-transform: uppercase;
font-weight:600;
border-radius:4vw;
text-decoration: none;
background-color:#c0c0c0;
margin-right:.3vw;
line-height:1.3em;
}
/* Media Queries
--------------------------------------------- */
@media all and (max-width : 899px) {
.footernav li img {
width:60%!important;
margin-bottom:10px;
}
.inner-page h2 {
font-size: 1.5em;
}
.inner-page li {
font-size: 1.1em;
}
.read-more1 {
font-size: 14px;
padding: 10px 10px;
}
.grid .grid-title {
padding-top: 20px;
}
.process {
padding-top: 8%;
}
.process h1 {
font-size: 1.9em;
}
.inner-header-content h6 {
font-size: 1.2em;
line-height: 1.5em;
}
.grid .grid-title {
height: auto;
text-align: center;
margin-bottom:3vw;
padding-top: 3vw;
padding-left:3vw;
padding-right:3vw;
}
.grid .grid-title h3 {
font-size:30px;
line-height: 1.3em;
}
.why-choose {
padding: 2em;
color: #FFF;
}
.why-choose h1 {
font-size: 1.7em;
line-height: 1.3em;
}
.why-choose p {
font-size: 1.2em;
padding-bottom: 1em;
line-height: 1.3em;
}
.who-we-are h2 {
padding-bottom:10px;
padding-top:10px;
font-size:18px;
}
.who-we-are h4 {
padding-bottom: 5px;
padding-top: 5px;
font-size: 15px;
text-align:center;
color:#fff!important;
}
.get-a-space1 {
padding-top: 1em!important;
padding-bottom: 0;
}
.who-we-are h3 {
font-size:22px;
padding-top:0;
}
.locations-icon {
font-size:36px;
}
.mobile-show {
display: block;
}
.desktop-show {
display:none;
}
.get-btn {
font-size:12px;
padding:8px 15px;
border-radius:20px;
margin-top:10px;
line-height:1.3em;
}
.get-btn i {
background-color:#FFF;
width:25px;
height:25px;
line-height:25px;
border-radius:20px;
color:#444;
margin-left:10px;
font-size:15px;
}
.top-section {
position: relative;
}
.top-section li {
padding:8px;
}
.top-section li i {
font-size:20px;
}
header {
position: relative;
width: 100%;
z-index: 22;
top: 0;
left: 0;
/*background: rgba(255, 255, 255, 1);*/
}
header.tr-header.sticky {
position: relative;
left: 0;
right: 0;
top: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
z-index: 9999999;
}
.tr-header {
height: auto;
margin-top:0;
box-shadow:0;
}
.logo-holder {
float:left;
margin:0 auto;
padding:10px;
}
.logo-holder img {
width:150px;
}
.call-icon {
cursor: pointer;
position: absolute;
top:22px;
right:55px;
height:33px;
width:33px;
}
.call-icon img {
width:100%;
}
.menu-holder {
z-index: 10;
width: 100%;
float: left;
margin-right: 0;
margin-top: 0;
}
.section {
padding:20px 0;
}
.section-heading {
margin: 0 0 10px;
}
.section-heading h2 {
font-size: 25px;
}
.who-we-are {
padding: 20px 0 10px 0;
}
.services {
background-image:none;
background-color:#f6f6f6;
height:auto;
margin-top:20px;
padding-bottom:20px;
}
.services-left h1 span {
font-size:30px;
}
.services-left {
padding-left:0;
padding-top:20px;
}
.services-left h1 {
font-size:40px;
line-height: 1.2em;
text-align:center;
}
.development {
padding-top:20px;
padding-bottom: 20px;
}
.corporate-identity {
padding: 0 0 0 0;
padding-top: 20px;
margin-top:0;
}
.mobile-pic img {
width:100%;
}
.development h1 {
padding-bottom:10px;
font-size:24px;
}
.development h1 span {
font-size:24px;
}
.development p {
font-size:15px;
padding-bottom:10px;
padding-left:0;
padding-right:0;
}
.technology-logo {
display:none;
}
.indus-section {
padding-top: 20px;
padding-bottom: 20px;
}
.indus-section h1 {
padding-bottom:10px;
font-size:30px;
}
.indus-section h1 span {
font-size:30px;
}
.indus-section p {
font-size:15px;
padding-bottom:10px;
padding-left: 10px;
padding-right: 10px;
}
.indus-box {
padding-bottom:10px;
padding-top:10px;
border-bottom:1px solid#efefef;
border-top:1px solid#efefef;
border-left:1px solid#efefef;
border-right:1px solid#efefef;
}
.indus-box-title h2 {
font-size:14px;
margin-top:10px;
padding:10px;
}
.paymnt-box {
padding-bottom:10px;
padding-top:10px;
border-bottom:1px solid#efefef;
border-top:1px solid#efefef;
border-left:1px solid#efefef;
border-right:1px solid#efefef;
}
.chat {
padding:20px;
}
.chat h1 {
padding-bottom: 0;
font-size:25px;
}
.chat h1 span {
font-size:25px;
}
.chat-grid {
margin-top:30px;
margin-bottom: 0;
}
.chat-grid img {
width:30%;
}
.chat h2 span {
font-size:20px;
}
.chat-grid h2 {
padding-bottom: 10px;
padding-top:10px;
font-size:15px;
}
.request-info {
font-size:18px;
padding: 10px 20px;
margin-top:20px!important;
}
.services-right {
padding-left:20px;
padding-top:20px;
}
.shap-bg {
background-image:none;
height: auto;
margin-bottom:0;
margin-top:0;
}
.strategy p {
font-size:15px;
padding-left: 10px;
padding-right: 10px;
padding-bottom:10px;
}
.strategy-1, .strategy-2, .strategy-3, .strategy-4 {
margin-left:0!important;
margin-top:0!important;
}
.strategy-1 h2, .strategy-2 h2, .strategy-3 h2, .strategy-4 h2 {
padding-bottom:0!important;
padding-top:10px!important;
font-size:18px!important;
color:#FFF!important;
}
.strategy-1 p, .strategy-2 p, .strategy-3 p, .strategy-4 p {
padding-bottom:0!important;
padding-top:10px!important;
font-size:14px!important;
color:#FFF!important;
}
.strategy-1 img, .strategy-2 img, .strategy-3 img, .strategy-4 img {
width:90%!important;
}
.request-info {
margin-top:0;
}
.box-title h2 {
font-family: 'Roboto', sans-serif;
font-size: 20px;
line-height: 1.3em;
text-align:center;
}
.box-arrow {
margin-top: 0;
margin-bottom:10px;
}
.box-arrow i {
font-size:30px;
}
.strategy {
padding:10px;
padding-top:20px;
}
.strategy h1 {
padding-bottom:10px;
font-size:24px;
line-height:30px;
}
.strategy h1 span {
font-size:24px;
}
.client-logo {
width:100%;
padding-bottom:0;
}
.client-box {
padding:20px;
height:100%;
border-radius: 0 0 80px 80px;
}
.client-box h1 {
padding-bottom:10px;
padding-top:10px;
font-size:26px;
}
.client-box h1 span {
font-size:30px;
}
.button-box {
width:100%;
margin:0 auto;
}
.client-box-dot {
display:none;
}
.platform-box-dot {
display:none;
}
.platform h1 {
padding-bottom: 10px;
padding-top: 10px;
font-size:30px;
}
.platform h1 span {
font-size:30px;
}
.platform p {
font-size:15px;
padding-left: 10px;
padding-right: 10px;
padding-bottom:10px;
}
.platform-icon {
width: 90%;
margin: 0 auto;
}
.platform-grid img {
width:40%;
}
.platform-grid {
width: 100%;
}
.platform-grid h2 {
padding-bottom: 10px;
padding-top:10px;
font-size:15px;
}
.platform h2 span {
font-size:18px;
}
.service-grid {
margin-bottom:10px;
padding:0;
}
.service-grid img {
width:100%;
}
.client-logo-grid {
border-bottom: .1vw solid#efefef;
border-right: .1vw solid#efefef;
}
.client-logo-grid:nth-child(1) {
border-top: .1vw solid#efefef;
border-left: .1vw solid#efefef;
}
.client-logo-grid:nth-child(2) {
border-top: .1vw solid#efefef;
}
.client-logo-grid:nth-child(3) {
border-bottom: .1vw solid#efefef;
border-right: .1vw solid#efefef;
border-left: .1vw solid#efefef;
}
.client-logo-grid:nth-child(4) {
border-bottom: .1vw solid#efefef;
border-right: .1vw solid#efefef;
}
.client-logo-grid:nth-child(5) {
border-bottom: .1vw solid#efefef;
border-right: .1vw solid#efefef;
border-left: .1vw solid#efefef;
}
.client-logo-grid:nth-child(6) {
border-bottom: .1vw solid#efefef;
border-right: .1vw solid#efefef;
}
.social-icon {
width:100%;
margin: 0 auto;
}
.social-icon li {
margin-right:5px;
font-size:13px;
}
.social-icon li i {
font-size:25px;
}
.arrow {
display:none;
}
.who-we-are p {
padding-left: 0;
padding-right:0;
}
.who-we-are h1 {
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
font-size:24px;
}
.who-we-are h1 span {
font-size:24px;
}
.who-we-are p {
font-size:15px;
padding-left:0;
padding-right:0;
padding-bottom:10px;
}
.read-more {
font-size: 15px;
padding:10px 30px;
border:1px solid#0078bf;
margin-top:10px;
}
.ftr-nav {
background-color:#f8f7f7;
padding-bottom:10px;
border-bottom:1px solid #d6d6d6;
}
.contact-grid h5 {
font-size:18px;
margin-top:10px;
margin-bottom:10px;
}
.contact-grid h4 {
font-size:16px;
margin-top:10px;
margin-bottom:0;
}
.footernav li {
display:inline-block;
font-size:14px;
line-height: 1.5em;
padding-top:10px;
margin-right:15px;
}
.footernav li i {
font-size:25px;
}
.footernav li img {
width:60%!important;
margin-bottom:10px;
}
.footernav p {
font-size:15px;
padding-bottom:10px;
}
.contact-grid {
margin-top:30px;
}
.copyright {
padding:20px 0 20px 0;
}
.copyright p {
font-size:14px;
}
.border-top {
border-top:0;
padding-top:0;
}
.header-bg {
background-image: url(../images/header-bg.png);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.inner-header {
margin-top: 0;
padding: 10px 0 10px 0;
}
.background-curve {
display:none;
}
.inner-header-image {
margin-top: 0;
position: relative;
}
.inner-header-image1 {
margin-top: 0;
position: relative;
}
.inner-header-image2 {
margin-top: 0;
position: relative;
}
.inner-header-image3 {
margin-top: 0;
position: relative;
}
.inner-header-image4 {
margin-top: 0;
position: relative;
}
.inner-header-image5 {
margin-top: 0;
position: relative;
}
.inner-header-content h3 {
font-size:12px;
letter-spacing:1px;
margin-bottom:10px;
}
.inner-header-content h3 span {
height:2px;
margin:5px 0 0 0;
position: initial;
width:30px;
}
.inner-header-content h2 {
font-size:20px;
font-weight: 600;
line-height:1.2em;
}
.inner-header-content p {
font-size:15px;
margin-top: 10px;
margin-bottom:5px;
}
.dots-arrow-left {
background:none;
}
.dot-arrow-box {
padding-bottom:10px;
margin-bottom: 10px;
padding-left: 0;
padding-top: 10px;
}
.inner-page h1 {
font-size:24px;
line-height:1.3em;
}
.inner-page h1 span {
font-size:24px;
}
.inner-page p {
font-size:16px;
padding-bottom:0;
padding-right:0;
margin-top: 5px;
}
.team-section {
padding:30px 10px 10px 10px;
position: relative;
background-color:#ededed;
}
.testimonials-image {
position:relative;
top:0;
margin-bottom:0;
}
.no-padding-right {
padding-right: 15px !important;
}
.process-bg {
background-image: none;
height: auto;
margin-bottom:10px;
margin-top:10px;
padding:10px;
}
.process-bg-grid {
margin-bottom:10px;
}
.process-1, .process-2, .process-3, .process-4 {
margin-left: 0;
margin-top:20px;
}
.process-1 h2, .process-2 h2, .process-3 h2, .process-4 h2 {
padding-bottom:10px;
padding-top:20px;
font-size: 22px;
}
.process-1 p, .process-2 p, .process-3 p, .process-4 p {
font-size: 15px;
padding-bottom:10px;
padding-left:0;
padding-right:0;
}
.careers-content-box {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.careers-content-box li {
font-size:15px;
padding-bottom:10px;
padding-left:10px;
padding-top:10px;
}
.careers-content-box li:hover {
font-size:15px;
padding-bottom:10px;
padding-left:10px;
padding-top:10px;
}
.careers-box {
height: 100%;
border-radius: 0 0 130px 130px;
margin-bottom:30px;
padding-bottom:20px;
}
.careers-box h1 {
padding-bottom: 10px;
padding-top:10px;
font-size:30px;
}
.careers-box h1 span {
font-size:30px;
}
.careers-box p {
font-size:15px;
padding-bottom:10px;
}
.careers-logo {
width: 90%;
margin-bottom:10px;
margin-top:10px;
}
.careers-section {
margin-top:0;
padding:10px;
}
.form-text label {
font-size:14px;
padding-bottom:5px;
padding-top:5px;
}
.form-text input[type="text"], .contact-right textarea, .contact form select {
padding: 5px 5px;
font-size:15px;
margin-bottom:10px;
}
.form select {
padding: 5px 5px;
font-size:15px;
margin-bottom:10px;
}
.form-text input[type="file"] {
padding: 5px 5px;
font-size:15px;
margin-bottom:10px;
}
.form input[type="submit"] {
font-size:15px;
padding: 10px 20px;
padding-top: 10px;
margin-top: 10px;
padding-top: 10px;
}
.blog {
margin-bottom:20px;
margin-top:10px;
padding-bottom:10px;
}
.blog-title {
padding: 20px 10px 10px 20px;
}
.blog-title h2 {
font-size:18px;
}
.strategy-box {
width:100%;
}
.support-box {
padding-bottom:20px;
padding-top:20px;
border-bottom:1px solid rgba(255, 255, 255, .2);
border-right:1px solid rgba(255, 255, 255, .2);
border-top:1px solid rgba(255, 255, 255, .2);
border-left:1px solid rgba(255, 255, 255, .2);
}
.support-box i {
padding-bottom:10px;
font-size:30px;
}
.support-box h2 {
padding-bottom:10px;
font-size:15px;
}
.support-box h2 span {
font-size:15px;
color:#FFF!important;
}
.portfolio {
margin-top:20px;
padding:5px;
}
.portfolio-title h3 {
font-size:12px;
letter-spacing:1px;
margin-bottom:15px;
padding-top:10px;
}
.portfolio-title h3 span {
background:rgba(0, 163, 235, 1);
height:2px;
margin:5px 0 0 0;
width:30px;
}
.portfolio-title {
padding:10px;
}
.portfolio-title h2 {
font-size:18px;
padding-bottom:10px;
}
.portfolio-title p {
font-size:15px;
text-align: left;
}
.more, .less {
font-size:15px;
padding: 10px 0;
width:100%;
margin-bottom:10px;
}
.more:hover, .less:hover {
font-size:15px;
padding: 10px 0;
width:100%;
margin-bottom:10px;
}
.portfolio-section {
padding: 20px 20px 25px 20px;
}
.logo-box {
padding-bottom:5px;
padding-top:5px;
border:1px solid#efefef!important;
border-bottom:0;
border-right:0;
background-color:#FFF;
}
.seo-grid {
padding:10px;
}
.seo-grid-border {
border-right:0;
border-bottom: .1vw solid rgba(0, 0, 0, 0.07);
}
.seo-grid img {
width: 35%;
}
.seo-grid h2 {
margin-top:10px;
font-size:18px;
}
.seo-section {
padding:20px;
border-right:0;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.seo-bottom-border {
border-bottom:0;
}
.testimonials-image img {
width:100%;
}
.seo-box {
margin-top:0;
}
.smm-section h1 {
padding-bottom:10px;
font-size:30px;
}
.smm-section h1 span {
font-size:30px;
}
.smm-section p {
font-size:15px;
padding-left:0;
padding-right:0;
padding-bottom:10px;
}
.responsive-box {
padding: 0;
position: relative;
margin-top:20px;
margin-bottom:20px;
}
.responsive-box li {
margin-right:0;
margin-bottom:20px;
}
.responsive-box li img {
width:100%!important;
}
.res-box-grid img {
width:20% !important;
}
.res-box {
margin-bottom: 10px;
margin-top: 10px;
padding:10px;
}
.mobile-no-padding {
padding:0;
}
.res-box-title h2 {
font-size:18px;
padding-bottom:10px;
padding-top:10px;
}
.res-box-title {
padding: 20px 10px 10px 10px;
}
.grey-res-box h1 {
padding-bottom:20px;
font-size:30px;
}
.grey-res-box h1 span {
font-size:30px;
}
.grey-res-box p {
font-size:15px;
padding:0;
border-left:0;
line-height:1.5em;
}
.res-box-grid {
padding: 20px 10px;
height: auto;
border-radius:10px;
margin-bottom:20px;
}
.word-whitebg {
margin-top:0;
height: auto;
}
.res-mobile-bg {
background-image:none;
height: auto;
border-radius:10px;
margin-bottom:20px;
}
.word-whitebg {
padding: 20px 20px;
border-radius:10px;
margin-bottom:20px;
}
.word-whitebg h5 {
min-height:30px;
font-size:18px;
margin-bottom:10px;
margin-top:10px;
}
.word-whitebg h5::after {
width: 30px;
height:2px;
}
.word-whitebg p {
font-size: 15px;
padding: 0;
border-left: 0;
line-height: 1.5em;
}
.no-padding-left {
padding-left: 15px !important;
}
.res-box-grid h5 {
min-height:50px;
font-size:18px;
margin-bottom:20px;
margin-top:20px;
}
.res-box-grid h5::after {
width:30px;
height:2px;
}
.joomla-section {
margin-top:20px;
margin-bottom: 20px;
}
.joomla-section h2 {
font-size:18px;
padding-top:10px;
}
.wordpress-section h4 {
font-size:15px;
padding-top:10px;
}
.green-res-box h1 {
padding-bottom:10px;
font-size:30px;
}
.green-res-box h1 span {
font-size:30px;
}
.green-res-box p {
font-size:15px;
padding:0;
border-left:0;
}
.wordpress-section h3 {
font-size:15px;
padding-top:10px;
padding-bottom:10px;
text-transform: uppercase;
}
.green-res-box {
padding:10px;
padding-top:20px;
}
.shape-white {
background-image:none;
background-color:#0087ca;
width:100%;
height:auto;
float:left;
margin-right:0;
margin-left:0;
padding: 10px 10px;
margin-bottom:0;
margin-top:5px;
}
.shape-white h2 {
font-size:15px;
padding-top:10px;
}
.shape-white p {
font-size:14px!important;
padding-top:10px;
}
.wordpress-section i {
font-size: 30px;
padding-top: 10px;
}
.shopify-banner-pic img {
width: 100% !important;
}
.wordpress-section-pic {
width:30%;
}
.wordpress-section {
margin-top:20px;
margin-bottom: 20px;
}
.wordpress-section h2 {
margin-top:20px;
}
.wordpress-section li {
margin-bottom:20px;
margin-top:20px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.custom-banner-pic img {
width: 100% !important;
}
.development h3 {
padding-bottom:10px;
padding-top:20px;
font-size:25px;
}
.development h3 span {
font-size:25px;
}
.testimonial-box {
margin-top:20px;
}
.testimonial-bubble .testimonial-content {
border:1px solid transparent;
padding: 10px 10px;
border-radius:5px;
}
.testimonial-content p {
font-size:15px;
}
.testimonial-bubble .testimonial-content::before {
bottom: -10px;
width:20px;
height:20px;
}
.testimonial-title {
font-size:15px;
}
.testimonial-subtitle {
font-size:12px;
padding-bottom:20px;
}
.support-box h3 {
font-size:14px;
}
.google-map iframe {
height:250px;
}
/*.to-top {
bottom:10px;
right:10px;
width:60px;
height: 60px;
line-height: 60px;
}*/
.contact-wrap {
padding:0;
}
.contact-form .input-block {
background-color: 
rgba(255, 255, 255, 1);
border: solid 1px rgba(255, 255, 255, 1);
width: 100%;
height:45px;
padding:10px;
position: relative;
margin-bottom:10px;
}
.contact-form .square-button {
font-size:18px;
padding:10px;
height: auto;
width: 100%;
}
.contact-form .input-block .form-control {
font-size:16px;
}
input[type="file"] {
font-size:16px;
}
.upload-txt {
font-style: italic;
color: #fff;
font-size:12px;
padding-bottom:10px;
padding-top:0;
}
.mobile-margin-top {
margin-top: 0 !important;
}
}
@media (min-width:480px) and (max-width:639px) {
.footernav li img {
width:60%!important;
margin-bottom:10px;
}
.indus-box {
height:35vw!important;
}
.wordpress-section-pic {
width:14%;
margin-right:2.6%;
}
.wordpress-section-pic img {
width:100%;
}
.wordpress-section h2 {
margin-top:0;
padding-top:0;
}
.wordpress-section p {
padding-bottom:20px;
}
.portfolio-title p {
font-size: 14px;
text-align: left;
}
.portfolio-title h2 {
font-size: 18px;
padding-bottom:5px;
}
.portfolio-section {
padding: 10px 10px 15px 10px;
}
.seo-grid-border {
border-right: 0;
border-bottom:0;
}
}
@media (min-width:768px) and (max-width:899px) {
.footernav li img {
width:60%!important;
margin-bottom:10px;
}
.footernav li img {
width:50% !important;
margin-bottom: 10px;
}
.get-a-space {
padding-top:10px !important;
padding-bottom: 0 !important;
}
.blog {
height:58vw;
}
.portfolio {
height: 50vw;
}
.contact-form .input-block label {
font-size: 17px!important;
}
.contact-form select {
font-size: 17px!important;
height: 40px;
}
.res-box-grid img {
width: 20% !important;
}
.word-whitebg img {
width: 20% !important;
}
.res-box-grid {
padding: 20px 10px !important;
height:auto!important;
border-radius: 10px !important;
margin-bottom: 20px !important;
}
.word-whitebg {
padding: 20px 10px !important;
height:auto!important;
border-radius: 10px !important;
margin-bottom: 20px !important;
}
.res-box-title {
padding: 20px 15px 15px 15px!important;
}
.circlealign {
padding-left: 0;
}
.inner-page h3 {
font-size: 18px;
padding-top:1em;
color:#0587c8;
}
.inner-header-image img {
width: 60%;
}
.seo-pic img {
width: 50% !important;
}
.smm-pic img {
width: 60% !important;
}
.ppc-pic img {
width: 50% !important;
}
.mobile-pic img {
width:70% !important;
}
.email-pic img {
width:55% !important;
}
.responsive-pic img {
width:55% !important;
}
.ecommerce-pic img {
width:60% !important;
}
.cms-pic img {
width:65% !important;
}
.wordpress-pic img {
width:100% !important;
}
.shopify-banner-pic img {
width: 60% !important;
}
.woo-commerce-pic img {
width:60% !important;
}
.software-pic img {
width:60% !important;
}
.custom-banner-pic img {
width:80% !important;
}
.domain-pic img {
width:55% !important;
}
.hosting-pic img {
width:45% !important;
}
.bulk-sms-pic img {
width:60% !important;
}
.ios-app-pic img {
width:60% !important;
}
.client-logo-grid {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.client-logo-grid:nth-child(1) {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.client-logo-grid:nth-child(2) {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.client-logo-grid:nth-child(3) {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.client-logo-grid:nth-child(4) {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.client-logo-grid:nth-child(5) {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.client-logo-grid:nth-child(6) {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.box-title h2 {
font-size:16px;
}
.button-box {
width:100%;
}
.client-box {
padding:20px 40px 60px 40px;
height: 100%;
border-radius: 0 0 50px 50px;
}
.shap-bg {
margin-top:20px;
}
.strategy-1 h2, .strategy-2 h2, .strategy-3 h2, .strategy-4 h2 {
padding-bottom:10px;
padding-top:10px;
font-size:16px;
}
.strategy p {
font-size:14px;
padding-left: 0;
padding-right: 0;
padding-bottom:10px;
}
.contact-form .square-button {
margin-bottom: 20px;
}
.portfolio-title p {
font-size: 13px;
text-align: left;
}
.portfolio-title h2 {
font-size: 16px;
padding-bottom: 10px;
}
.seo-grid-border {
border-right: 0;
border-bottom:0;
}
.testimonials-image img {
width:60%;
}
.indus-box-title {
padding-left:20px;
padding-right:20px;
}
.indus-box-title h2 {
font-size: 14px;
margin-top: 10px;
}
.reputation-pic img {
width:70% !important;
}
.newsletter-pic img {
width:55% !important;
}
.responsive-box li {
display: table-cell;
margin-right:10px;
vertical-align: bottom;
}
.word-whitebg {
margin-top:0;
}
.shape-white {
background-image: none;
background-color:#0078bf;
width:100%;
height:auto;
float: left;
margin-right: 0;
margin-left: 0;
padding: 10px 10px;
margin-bottom:5px;
margin-top:15px;
}
.development h3 {
padding-bottom: 10px;
padding-top:10px;
font-size:24px;
}
.who-we-are h2 {
padding-bottom: 5px;
padding-top: 0;
font-size: 24px;
}
.indus-box img {
width: 30%;
}
.drupal-pic img {
width:70% !important;
}
.email-getway-pic img {
width:60% !important;
}
.android-app-pic img {
width:70% !important;
}
.google-map iframe {
height:175px;
}
.contact-wrap {
width:90%;
margin: auto;
}
}
@media (min-width:900px) and (max-width:1080px) {
.footernav li img {
width:60%!important;
margin-bottom:10px;
}
.contact-form .input-block label {
font-size: 17px!important;
}
.contact-form select {
font-size: 17px!important;
height: 40px;
}
.testimonial-content p {
font-size: 14px;
}
.testimonial-subtitle {
font-size: 12px;
}
.inner-header-image2 img {
width: 60%;
}
.footernav li {
font-size: 12px;
}
.testimonial-bubble .testimonial-content::before {
bottom: -13px;
left: 20px;
width: 22px;
height: 22px;
}
.blog {
min-height:41vw;
}
.get-btn {
margin-top: 0;
}
.circlealign {
padding-left: 0;
}
.service-grid img {
width:100%;
}
.seo-pic img {
width:50% !important;
}
.smm-pic img {
width:50% !important;
}
.ppc-pic img {
width:40% !important;
}
.mobile-pic img {
width:100% !important;
}
.email-pic img {
width:50% !important;
}
.reputation-pic img {
width:50% !important;
}
.corporate-identity {
margin-top:0;
}
.who-we-are {
padding:2vw 0 2vw 0;
}
.wordpress-pic img {
width:50% !important;
}
.magento-pic img {
width:50% !important;
}
.wordpress-development-pic img {
width:50% !important;
}
.shopify-pic img {
width:50% !important;
}
.wordpress-section-pic img {
width:100%;
}
.woo-commerce-pic img {
width: 50% !important;
}
.drupal-pic img {
width:50% !important;
}
.software-pic img {
width:50% !important;
}
.domain-pic img {
width:40% !important;
}
.hosting-pic img {
width:40% !important;
}
.bulk-sms-pic img {
width:50% !important;
}
.email-getway-pic img {
width:40% !important;
}
.ios-app-pic img {
width: 50% !important;
}
.android-app-pic img {
width:55% !important;
}
.section-top-margin {
margin-top:2vw;
}
.newsletter-pic img {
width:50% !important;
}
.responsive-pic img {
width:50% !important;
}
.ecommerce-pic img {
width:50% !important;
}
.cms-pic img {
width:50% !important;
}
.testimonials-image {
margin-bottom: 0;
z-index: 11;
top: 0;
right: 0;
}
.seo-box {
margin-top:0;
}
.testimonial-box {
margin-top:0;
}
.logo-box {
background-color:#FFF;
}
.client-logo {
width:65%;
margin: 0 auto;
margin-bottom: 0px;
margin-bottom: 2vw;
}
.background-curve {
display:none;
}
.header-bg {
background-image: url(../images/header-bg.png);
background-repeat: no-repeat;
background-position: center top;
background-size:cover;
margin-top: 9vw;
padding: 9vw 0 5vw 3vw;
}
.inner-header-image {
margin-top:0;
z-index: 11;
position:relative;
top:2vw;
right: 0;
}
.inner-header-image1 {
margin-top:0;
z-index: 11;
position:relative;
top:2vw;
right:0;
}
.inner-header-image2 {
margin-top:0;
z-index: 11;
position:relative;
top:2vw;
right:0;
}
.inner-header-image3 {
margin-top:0;
z-index: 11;
position:relative;
top:2vw;
right:0;
}
.inner-header-image4 {
margin-top:0;
z-index: 11;
position:relative;
top:2vw;
right:0;
}
.inner-header-image5 {
margin-top:0;
z-index: 11;
position:relative;
top:2vw;
right:0;
}
.inner-header {
margin-top: 9vw;
padding:4vw 0 1vw 1vw;
}
.inner-header-image img {
width:60%;
}
.top-menu {
z-index: 10;
width:70%;
float: right;
margin-top: 1vw;
}
.services {
background-image: none;
background-color: #f6f6f6;
height: auto;
margin-top: 20px;
padding-bottom: 20px;
}
.services-left {
padding-top:40px;
padding-left:0;
}
.services-left h1 {
text-align:center;
font-size:40px;
}
.services-right {
padding-left:10px;
padding-top:30px;
}
.shap-bg {
background-image: none;
height: auto;
margin-bottom: 0;
margin-top: 0;
}
.box-arrow {
margin-top:0;
}
.box-title h2 {
font-size:1.7vw;
}
.strategy-1, .strategy-2, .strategy-3, .strategy-4 {
margin-left: 0;
margin-top: 28px;
}
.strategy-1 h2, .strategy-2 h2, .strategy-3 h2, .strategy-4 h2 {
padding-bottom:10px;
padding-top:20px;
font-size:18px;
}
.strategy-1 p, .strategy-2 p, .strategy-3 p, .strategy-4 p {
font-size: 14px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
}
.button-box {
width: 50%;
margin: 0 auto;
}
.process-bg {
background-image: none;
height: auto;
margin-top: 20px;
padding-bottom:0;
margin-bottom:0;
}
.process-1, .process-2, .process-3, .process-4 {
margin-left: 0;
margin-top: 28px;
}
.process-1 h2, .process-2 h2, .process-3 h2, .process-4 h2 {
padding-bottom:10px;
padding-top:20px;
font-size:18px;
}
.process-1 p, .process-2 p, .process-3 p, .process-4 p {
font-size: 14px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
}
.dots-arrow-left {
background:none;
}
.dot-arrow-box {
padding-bottom: 0;
margin-bottom: 0;
padding-left: 0;
padding-top: 0;
}
}
@media (min-width:640px) and (max-width:767px) {
.footernav li img {
width:60%!important;
margin-bottom:10px;
}
.contact-form .input-block label {
font-size: 17px!important;
}
.res-box-grid img {
width:20% !important;
}
.word-whitebg img {
width:20%;
}
.indus-box {
height:22vw!important;
}
.res-box-grid {
padding: 20px 10px !important;
height:auto!important;
border-radius: 10px !important;
margin-bottom: 20px !important;
}
.word-whitebg {
padding: 20px 10px !important;
height:auto!important;
border-radius: 10px !important;
margin-bottom: 20px !important;
}
.res-box-title {
padding:0!important;
}
.contact-form select {
font-size: 17px!important;
height: 40px;
}
.border-top {
border-top:0;
padding-top: 0;
}
.blog {
margin-bottom:20px;
margin-top:10px;
padding-bottom:10px;
min-height:450px;
}
.portfolio-title {
padding: 10px;
min-height:200px;
}
.logo-box {
padding-bottom: 5px;
padding-top: 5px;
border: 1px solid #efefef!important;
border-top: 0;
border-right:0;
border-left: 0;
background-color:#FFF;
}
.res-box {
margin-bottom: 10px;
margin-top: 10px;
padding: 10px;
}
.inner-page h3 {
font-size: 18px;
padding-top:1em;
color:#0587c8;
}
.client-logo-grid {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.client-logo-grid:nth-child(1) {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.client-logo-grid:nth-child(2) {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.client-logo-grid:nth-child(3) {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.client-logo-grid:nth-child(4) {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.client-logo-grid:nth-child(5) {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.client-logo-grid:nth-child(6) {
border-bottom:1px solid#efefef;
border-right:1px solid#efefef;
border-left:1px solid#efefef;
border-top:1px solid#efefef;
}
.box-title h2 {
font-size:16px;
}
.button-box {
width:100%;
}
.client-box {
padding:20px 40px 60px 40px;
height: 100%;
border-radius: 0 0 50px 50px;
}
.shap-bg {
margin-top:20px;
}
.strategy-1 h2, .strategy-2 h2, .strategy-3 h2, .strategy-4 h2 {
padding-bottom:10px;
padding-top:10px;
font-size:16px;
}
.strategy p {
font-size:14px;
padding-left: 0;
padding-right: 0;
padding-bottom:10px;
}
.portfolio-title p {
font-size: 13px;
text-align: left;
}
.portfolio-title h2 {
font-size: 16px;
padding-bottom: 10px;
}
.seo-grid-border {
border-right: 0;
border-bottom:0;
}
.testimonials-image img {
width: 80%;
}
.indus-box-title {
padding-left:20px;
padding-right:20px;
}
.indus-box-title h2 {
font-size: 13px;
margin-top: 10px;
padding:0;
}
.reputation-pic img {
width: 100% !important;
}
.newsletter-pic img {
width:75% !important;
}
.responsive-box li {
display: table-cell;
margin-right:10px;
vertical-align: bottom;
}
.word-whitebg {
margin-top:0;
}
.shape-white {
background-image: none;
background-color:#0087ca;
width: 100%;
height: auto;
float: left;
margin-right: 0;
margin-left: 0;
padding: 10px 10px;
margin-bottom: 0;
margin-top: 5px;
}
.development h3 {
padding-bottom: 10px;
padding-top:10px;
font-size:18px;
}
.who-we-are h2 {
padding-bottom: 5px;
padding-top: 5px;
font-size: 15px;
}
.who-we-are h4 {
padding-bottom: 5px;
padding-top: 5px;
font-size: 15px;
text-align:center;
color:#fff;
}
.drupal-pic img {
width: 90% !important;
}
.email-getway-pic img {
width:80% !important;
}
.android-app-pic img {
width: 100% !important;
}
.google-map iframe {
height:175px;
}
.shape-white img {
width: 28%;
}
}
.clearfix {
clear:both;
}
@media (min-width:320px) and (max-width:640px) {
.footernav li img {
width:60%!important;
margin-bottom:10px;
}
.indus-box {
height:40vw;
}
.contact-form .input-block label {
font-size: 17px!important;
}
.contact-form select {
font-size: 17px!important;
height: 45px;
margin-bottom:10px;
}
.circlealign {
padding-left:0;
}
.get-btn {
margin-top:10px!important;
margin-bottom:10px!important;
}
.contact-form .square-button {
font-size: 20px;
padding: 10px;
height: auto;
}
.development {
padding-top: 20px;
padding-bottom:0;
}
.platform-icon {
width:94%;
margin: 0 auto;
}
.inner-page h3 {
font-size: 18px;
padding-top:1em;
color:#0587c8;
}
.res-box img {
width: 36%;
}
.read-more1 {
letter-spacing: 0;
}
.platform-grid {
width: 100%;
}
.shape-white img {
width: 35%;
}
.grid .grid-title {
height: auto;
text-align: center;
margin-bottom:5vw;
padding-top: 5vw;
padding-left:5vw;
padding-right:5vw;
}
.grid .grid-title h3 {
font-size: 1.8em;
line-height: 1.2em;
}
.get-a-space {
padding-top: 10px !important;
padding-bottom:10px !important;
}
}
@media (max-width:375px) {
.footernav li img {
width:60%!important;
margin-bottom:10px;
}
}
@media (max-width:360px) {
.footernav li img {
width:60%!important;
margin-bottom:10px;
}
.who-we-are h4 {
font-size: 13px;
height:60px;
}
.get-btn i {
width: 15px;
height: 15px;
line-height: 15px;
margin-left:5px;
font-size: 12px;
}
.get-btn {
font-size: 14px;
padding: 8px 15px;
border-radius:5px;
margin-top:0;
margin-bottom:10px;
}
.contact-form .square-button {
font-size:20px;
padding:10px;
height:auto;
}
}
#landscape {
position: absolute;
top: 0px;
left: 0px;
background: #000000;
width: 100%;
height: 100%;
display: none;
z-index: 20000;
opacity: 0.9;
margin:0 auto;
}
#landscape div {
color: #FFFFFF;
opacity: 1;
top: 50%;
position: absolute;
text-align: center;
display: inline-block;
width: 100%;
}