@charset "utf-8";
/* CSS Document */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
/* display: block;*/
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu #menu-button {
display: none;
}
#cssmenu {
background: #333333;
}
#cssmenu > ul > li {
float: left;
}
#cssmenu.align-center > ul {
font-size: 0;
text-align: center;
}
#cssmenu.align-center > ul > li {
display: inline-block;
float: none;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu > ul > li > a {
padding: 17px;
font-size: 12px;
text-decoration: none;
color: #dddddd;
font-weight: 700;
text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
position: absolute;
top: 22px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu > ul > li.has-sub > a:before {
position: absolute;
top: 19px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
top: 23px;
height: 0;
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
}
#cssmenu.align-right ul ul {
text-align: right;
}
#cssmenu ul ul li {
height: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu li:hover > ul {
left: auto;
}
#cssmenu.align-right li:hover > ul {
left: auto;
right: 0;
}
#cssmenu li:hover > ul > li {
height: 35px;
}
#cssmenu ul ul ul {
margin-left: 100%;
top: 0;
}
#cssmenu.align-right ul ul ul {
margin-left: 0;
margin-right: 100%;
}
#cssmenu ul ul li a {
border-bottom: 1px solid rgba(150, 150, 150, 0.15);
padding: 11px 15px;
width: 170px;
font-size: 12px;
text-decoration: none;
color: #dddddd;
font-weight: 400;
background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
position: absolute;
top: 16px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
right: auto;
left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
position: absolute;
top: 13px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
right: auto;
left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
top: 17px;
height: 0;
}
@media all and (max-width: 900px) {
#cssmenu {
width: 100%;
}
#cssmenu ul {
width: 100%;
display: none;
}
#cssmenu.align-center > ul {
text-align: left;
}
#cssmenu ul li {
width: 100%;
border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu ul ul li,
#cssmenu li:hover > ul > li {
height: auto;
}
#cssmenu ul li a,
#cssmenu ul ul li a {
width: 100%;
border-bottom: 0;
}
#cssmenu > ul > li {
float: none;
}
#cssmenu ul ul li a {
padding-left: 25px;
}
#cssmenu ul ul ul li a {
padding-left: 35px;
}
#cssmenu ul ul li a {
color: #dddddd;
background: none;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
color: #ffffff;
}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu.align-right ul ul {
position: relative;
left: 0;
width: 100%;
margin: 0;
text-align: left;
}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before {
display: none;
}
#cssmenu #menu-button {
display: block;
padding: 17px;
color: #dddddd;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
width:36px;
float:right;
}
#cssmenu #menu-button:after {
content: '';
}
#cssmenu #menu-button:before {
position: absolute;
top: 11px;
right:0px;
display: block;
height:23px;
width:36px;
background: #dddddd;
content: ''; background:url(../images/menu-btn.png) no-repeat; width:36px; height:21px;
}
#cssmenu #menu-button.menu-opened:after {
top: 23px;
border: 0;
height: 2px;
width: 15px;
background: #ffffff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cssmenu .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
border-left: 1px solid rgba(120, 120, 120, 0.2);
height: 46px;
width: 46px;
cursor: pointer;
}
#cssmenu .submenu-button.submenu-opened {
background: #262626;
}
#cssmenu ul ul .submenu-button {
height: 34px;
width: 34px;
}
#cssmenu .submenu-button:after {
position: absolute;
top: 22px;
right: 19px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu ul ul .submenu-button:after {
top: 15px;
right: 13px;
}
#cssmenu .submenu-button.submenu-opened:after {
background: #ffffff;
}
#cssmenu .submenu-button:before {
position: absolute;
top: 19px;
right: 22px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
}
#cssmenu ul ul .submenu-button:before {
top: 12px;
right: 16px;
}
#cssmenu .submenu-button.submenu-opened:before {
display: none;
}
}
body{ width:auto; height:auto;margin:0px 0px ; padding:0px 0px;color:#000; font-size:13px;font-family: 'Poppins', sans-serif;}
a:hover{outline:none;text-decoration:none!important;}
a{outline:none;}
a:focus{outline:none;outline-offset:0px;text-decoration:none!important;}
.header {
/* background-color:rgba(38, 162, 255, 1); */
background: url(../images/topbg.png) no-repeat top right;
padding: 0px;
height: auto;
margin: 0px;
z-index: 200;
position: fixed;
top:0;
width: 100%;
-webkit-transition: all 0.6s ease-in-out;
}
.mrgn0{margin:0px; margin:0px;}
.pdng0{padding:0px; padding:0px;}
.logoC {
height: auto;
margin:0px 0px 0px;
overflow: hidden;
padding: 0;
width: auto;
-webkit-transition: all 0.6s ease-in-out;
}
.logoC img {
-webkit-transition: all 0.6s ease-in-out;
}
.menusec{margin:25px 0px 0px;-webkit-transition: all .6s ease-in-out; float:right;}
#cssmenu{ background:none; z-index:1; margin:0px;-webkit-transition: all 0.6s ease-in-out;}
#cssmenu ul{line-height:0;}
#cssmenu > ul > li > a{color:#000;font-size:14px;font-weight:400;padding:5px 32px 5px;text-transform:uppercase;font-family: 'Poppins', sans-serif;}
#cssmenu > ul > li > a:hover{color:#000;}
#cssmenu ul ul li a{color:#000;background:#151515;font-size:14px; padding:10px 15px; text-transform:none;}
#cssmenu > ul > li.has-sub > a::before{ display:none;}
#cssmenu > ul > li.has-sub > a::after{display:none;}
#cssmenu > ul > li.has-sub > a{padding-right:32px;}
#cssmenu > ul > li:last-child a{color:#FFFFFF;}
.banner{height:auto; width:auto; padding-bottom:38px;margin:110px 0px 0px; position:relative;}
.banner-bg-box {
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.B-cnt{margin:85px 75px 0px 0px; overflow:hidden; text-align:left;}
.banner h1 {
font-size:12px;
margin: 0px 0px 15px;
text-transform: uppercase;
color: #000c11;
line-height:18px;
}
.banner h2 {
font-size:33px;
margin: 0px 0px 15px;
text-transform:none;
color: #002429;
line-height:46px;
font-weight:400;
}
.banner p {
font-size:13px;
margin: 0px 0px 10px;
text-transform:none;
color: #405a5e;
line-height:25px;
}
.rdmr{
outline: medium none;
text-decoration: none;
text-transform: uppercase;
padding:10px 15px;
margin:15px 0px 0px;
background: url(../images/rdmr1.png) no-repeat;
display: inline-block;
width: 96px;
height: 96px;
color:#FFFFFF;
}
.rdmr:hover{background: url(../images/rdmr2.png) no-repeat;ackground-size:100% 100%; cursor:pointer;}
.rdmr:hover span{color:#661872;}
.rdmr span{
position: absolute;
bottom: 12px;
color:#FFFFFF;
font-size:11px;
left: 10px;
}
.carousel-caption{
-webkit-animation-delay:1s;
animation-delay:1s;
}
.sliderC {
margin:0px 0px 0px;
overflow: hidden;
padding:0px 0px 20px;
position: relative;
width: 100%;
-webkit-transition: all 0.6s ease-in-out;
}
.sliderC .carousel-inner > .item > img, .carousel-inner > .item > a > img{width:100%;}
.P-rdmr {
font-size: 10px;
color: #0a282e;
text-transform: uppercase;
transition: all 0.4s ease 0s;
padding:0;
line-height: 12px;
border: none;
margin:0px 0px 0px;
}
.P-rdmr:hover{color:#FFF;}
#wowslider-container1:hover .ws_fullscreen{display:none;}
#wowslider-container1 .ws_playpause{display:none;}
#wowslider-container1 .ws-title h1 {
font-size:10px;
margin: 0px 0px 10px;
text-transform: uppercase;
color: #FFF;
line-height:12px;
background:url(../images/slidebg.png) no-repeat center left;
padding-left:30px;
}
#wowslider-container1 .ws-title h2 {
font-size:14px;
margin: 0px 0px 5px;
text-transform:none;
color: #FFF;
line-height:18px;
padding-left:30px;
}
#wowslider-container1 .ws-title h3 {
font-size:14px;
margin: 0px 0px 5px;
text-transform:none;
color: #FFF;
line-height:18px;
padding-left:30px;
}
#wowslider-container1 .ws-title h4 {
font-size:10px;
margin: 0px;
text-transform:uppercase;
line-height:10px;
padding-left:30px;
}
#wowslider-container1 .ws-title{
max-width: 50%;
position: absolute;
left:24px;
margin-right:0px;
z-index: 50;
background: none;
background-color:none;
color: #fff;
padding:0px;
bottom:177px;
top: auto;
opacity: 1;
border-radius:0em;
}
#wowslider-container1 a.ws_prev{display:none;}
#wowslider-container1 a.ws_next{display:none;}
#wowslider-container1 .ws_controls{position:static;}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev{top:75%;}
.Do-section{margin:137px 0px 0px; height:auto; width:auto;}
.D-cnt{margin:0px 75px 0px 0px; overflow:hidden; text-align:left;}
.Do-section h1 {
font-size:12px;
margin: 0px 0px 15px;
text-transform: uppercase;
color: #000c11;
line-height:18px;
}
.Do-section h2 {
font-size:27px;
margin: 0px 0px 15px;
text-transform:none;
color: #002429;
line-height:37px;
font-weight: normal;
}
.Do-section p {
margin: 0px 0px 25px;
text-transform:none;
color: #405a5e;
line-height:25px;
}
.Drdmr{
text-decoration: none;
border:1px solid #661872;
text-transform: uppercase;
padding:12px 17px;
margin:15px 0px 0px;
background:#FFF;
display: inline-block;
color:#002429;
font-size:10px;
}
.Drdmr:hover{background:#661872; color:#FFFFFF;}
.D-box{text-align:left; overflow:hidden; margin-bottom:45px;}
.D-icon{margin-bottom:16px; height:46px;}
.D-box h4{color:#102d32; font-size:14px; margin:0px 0px 16px; text-transform: uppercase;}
.D-box p{
margin: 0px 0px 0px;
text-transform: none;
color: #405a5e;
line-height: 25px;
}
.D-box:nth-child(3){margin-bottom:0px;}
.MrgnB{margin-bottom:0px;}
.customer{width:auto; margin:100px 0px 88px;padding-top:45px; height:auto;background:url(../images/customerbg.jpg) no-repeat;background-size: 100% 100%;min-height:509px;}
.C-inner{margin-top: -82px;}
.C-box{background:#661872; padding:120px 104px 100px 45px; height:auto; width:auto;}
.C-box h1 {
font-size:12px;
margin: 0px 0px 5px;
text-transform: uppercase;
color: #FFF;
line-height:18px;
font-weight: normal;
}
.C-box h2 {
font-size:27px;
margin: 0px 0px 30px;
text-transform:none;
color: #FFF;
line-height:37px;
font-weight:400;
}
.C-box p {
margin: 0px 0px 17px;
text-transform:none;
color: #aba5f1;
line-height:25px;
}
.Crdmr{
text-decoration: none;
border:1px solid #FFF;
text-transform: uppercase;
padding:12px 17px;
margin:0px;
background:#661872;
display: inline-block;
color:#FFF;
font-size:10px;
}
.Crdmr:hover{background:#FFF; color:#661872;}
.client-box {
height: auto;
width: auto;
overflow: hidden;
}
.client-box img{width:100%;}
.logoz{margin:28px 0px 0px;}
.case-study{background:url(../images/casebg.png) no-repeat top left;}
.case-study h3{
font-size:27px;
margin: 0px;
text-transform: none;
color: #00171d;
line-height:25px;
text-align:center;
font-weight: normal;
}
.slider-outer{margin:0px 0px 140px; background:#FFFFFF;-webkit-box-shadow: 0px 0px 9px 2px rgba(122,122,122,1);
-moz-box-shadow: 0px 0px 9px 2px rgba(122,122,122,1);
box-shadow: 0px 0px 9px 2px rgba(122,122,122,1);}
.sliderD {
margin:70px 0px 0px;
overflow: hidden;
padding: 0px 0px 140px;
width: 100%;
}
.C-img-box{padding:0px 5px 0px 80px; height:auto; width:auto;}
.C-img-box img{width:100%;}
.carousel-indicators .active {
background-color: #002429;
height:10px;
width:10px;
margin:0px 9px 0px 0px;
border-color:#002429
}
.carousel-indicators li{width:10px; height:10px; background:#dbe0e1; margin:0px 9px 0px 0px;border-color:#dbe0e1}
.C-cnt-box{margin:0px 90px 0px 0px; overflow:hidden; text-align:left;}
.C-cnt-box h1 {
font-size:12px;
margin: 0px 0px 15px;
text-transform: uppercase;
color: #661872;
line-height:18px;
}
.C-cnt-box h2 {
font-size:27px;
margin: 0px 0px 15px;
text-transform:none;
color: #002429;
line-height:37px;
font-weight:400;
}
.C-cnt-box h4 {
font-size:20px;
margin: 0px 0px 10px;
text-transform:none;
color: #002429;
line-height:18px;
font-weight:400;
}
.C-cnt-box p {
margin: 0px 0px 12px;
text-transform:none;
color: #405a5e;
line-height:25px;
}
.carousel-indicators {bottom: -98px;}
.career {
width: auto;
margin:20px 0px 63px;
padding-top: 45px;
height: auto;
background: url(../images/bigbg.jpg) no-repeat;
background-size: auto;
background-size: 100% 100%;
min-height: 550px;
}
.career-inner {margin-top: -65px;}
.career-box{background:#661872; width:347px; height:335px;float: right;margin-right: -59px; padding:100px 45px 30px 27px;}
.career-box h1 {
font-size:12px;
margin: 0px 0px 8px;
text-transform: uppercase;
color: #FFF;
line-height:18px;
font-weight:normal;
}
.career-box h2 {
font-size:27px;
margin: 0px 0px 10px;
text-transform:none;
color: #FFF;
line-height:37px;
font-weight:400;
}
.career-box p {
margin: 0px 0px 17px;
text-transform:none;
color: #aba5f1;
line-height:25px;
}
.CRrdmr{
text-decoration: none;
border:1px solid #FFF;
text-transform: uppercase;
padding:8px 11px;
margin:0px;
background:#661872;
display: inline-block;
color:#FFF;
font-size:10px;
}
.CRrdmr:hover{background:#FFF; color:#661872;}
.footer{background:#f2f3f4; height: auto; width:auto; padding:50px 0px 65px}
.foot-logo{height: auto; width:auto; text-align:left; margin:0px 0px 45px;}
.footer h2 {
font-size:27px;
margin: 0px 0px 38px;
text-transform: none;
color: #001f24;
line-height:25px;
font-weight:400;
}
.feedback-box{padding:0px 57px 0px 0px;}
.txtfielD1 {
background: #fff;
border: none;
color: #001f24;
height:47px;
margin: 0px 0px 30px;
padding: 0px 0px 0px 14px;
width: 100%;
font-size:11px;
}
.txtfielD2 {
background: #fff;
border:none;
color: #001f24;
height: 170px;
margin: 0px;
padding: 9px 0 0 14px;
width: 100%;
font-size:11px;
}
.submitBtn2:hover {
background:#FFF;
color:#661872;
}
.submitBtn2 {
background: #661872;
color: #FFF;
padding:12px 17px;
text-transform: uppercase;
transition: all 0.4s ease 0s;
display: table;
margin:30px 0px 0px 0px;
border: 1px solid #661872;
font-size:10px;
}
.address-box{padding-left:100px;}
.A-box{padding-left:50px; margin-bottom:30px;}
.A-box p {
margin: 0px;
text-transform: none;
color: #405a5e;
line-height: 24px;
}
.A-box p a{color: #405a5e;}
.A1{background:url(../images/a1.jpg) no-repeat top left;background-position-y:2px;}
.A2{background:url(../images/a2.jpg) no-repeat top left;background-position-y: 4px;}
.A3{background:url(../images/a3.jpg) no-repeat top left;background-position-y: 4px;}
.copyright {
background:#f2f3f4;
height: auto;
overflow: hidden;
padding: 20px 0px;
width: auto;
}
.footbtmmenu {
height: auto;
margin: 0px auto;
overflow: hidden;
padding: 0;
width: auto;
display: table;
float:left;
}
.footbtmmenu li {
float: left;
line-height: 13px;
margin: 0;
outline: medium none;
text-decoration: none;
list-style: none;
font-weight:normal;
font-size:12px;
}
.footbtmmenu li a {
color: #113237;
text-decoration: none;
text-transform: uppercase;
transition: all 0.4s ease 0s;
margin-right:50px;
}
.footbtmmenu li a:hover{color:#661872;}
.copyright p {
margin: 0px;
text-align: right;
line-height: 13px;
color: #113237;
font-size:12px;
}
.modal-header {background: #661872;}
.modal-header h4{color:#FFFFFF;margin: 0px 0px;text-transform: uppercase;font-weight: bold; font-size:16px;}
.modal-body p{
font-size: 13px;
margin: 0px 0px 0px;
text-transform: none;
color: #405a5e;
line-height: 25px;
}
.close {
color: #FFF;
text-shadow: 0 1px 0 #ffffff;
opacity:1;
text-shadow:none;
}
.modal-dialog{margin:220px auto;width:920px;}
.I1{background:url(../images/01.png) no-repeat top right;}
.I2{background:url(../images/02.png) no-repeat top right;}
.I3{background:url(../images/03.png) no-repeat top right;}
.I4{background:url(../images/04.png) no-repeat top right;}
.I5{background:url(../images/05.png) no-repeat top right;}
.I6{background:url(../images/06.png) no-repeat top right;}
.I7{background:url(../images/07.png) no-repeat top right;}
.I8{background:url(../images/08.png) no-repeat top right;}
.carousel-inner > .item{padding:175px 0px 0px;}
#coding2 {
height:115px;
overflow: hidden;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
#coding5 {
height:72px;
overflow: hidden;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
#coding6 {
height:104px;
overflow: hidden;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
#coding7 {
height:72px;
overflow: hidden;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
#coding8 {
height:104px;
overflow: hidden;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
#coding9 {
height:72px;
overflow: hidden;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
#coding10 {
height:104px;
overflow: hidden;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
#coding11 {
height:72px;
overflow: hidden;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
#coding12 {
height:104px;
overflow: hidden;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
@media (min-width: 2800px) and (max-width:2880px) {
.career-box{margin-right: 0;}
.case-study{background-size:16% auto;background-position: -706px 0px;}
.customer{min-height:600px;}
}
@media (min-width: 1910px) and (max-width:1920px) {
.career-box{margin-right: 0;}
.case-study{background-size:16% auto;background-position: 311px 25px;}
.customer{min-height:600px;}
.career{min-height:640px;}
}
@media (min-width: 1020px) and (max-width:1024px) {
.footbtmmenu li a{margin-right: 20px;}
.career-box{margin-right: 0;}
.case-study{background-size:34% auto;background-position: -24px 45px;}
}
@media (min-width:960px) and (max-width:966px) {
.career-box{margin-right: 0;}
}
@media (min-width:861px) and (max-width:899px){
}
@media (min-width:800px) and (max-width:900px){
.banner{background-position-y: 242px;}
}
@media (max-width: 900px){
.sliderC .item img{ width:auto;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{ max-width:none;}
.sliderC .carousel-inner > .item > img { width:auto;}
#cssmenu .submenu-button.submenu-opened{background:none!important;}
#cssmenu ul{background:#151515;}
#cssmenu{width:85%!important; float:right; position:fixed!important; top:30px!important; right:13px!important; z-index:1500; margin:0px!important;}
#cssmenu > ul > li > a{padding:16px !important; color:#FFF!important; font-size:13px!important;}
#cssmenu ul ul li a{width:auto!important;font-size:13px!important;margin-left:0px !important;}
#cssmenu ul{margin-top:43px;}
.carousel-caption h1{font-size: 25px; line-height:28px;}
.B-cnt{margin: 10px 32px 0px 0px;}
.banner h2{font-size:24px;line-height: 30px;}
#wowslider-container1 a.ws_next img{width: 15em;}
#wowslider-container1 a.ws_next{top: 80%;}
.D-box h4{height: 32px;}
.D-box{margin-bottom: 30px;}
.case-study{background-size:25% auto;background-position: 30px 50px;}
.slider-outer { margin:0px 0px 56px;}
.C-cnt-box{margin:0px;}
.career{min-height: 352px;}
.footbtmmenu li a{margin-right: 20px;}
.footbtmmenu li{font-size: 10px;}
.copyright p{font-size: 10px;}
.footer{padding: 50px 0px 20px;}
.career-box{margin-right: 0;}
.menusec{margin:0px 0px 0px!important;}
.logoC img{width: 72px!important;}
.header {background: url(../images/topbg.png) no-repeat top right!important;}
.banner-bg-box{display:none;}
.banner{background: url(../images/bannerbg.jpg) no-repeat right bottom;}
.banner{background-size:50% auto;}
.C-cnt-box{padding:0px 5px;}
#coding5{height:auto;}
#coding6{height:auto;}
#coding7{height:auto;}
#coding8{height:auto;}
#coding9{height:auto;}
#coding10{height:auto;}
#coding11{height:auto;}
#coding12{height:auto;}
.modal-dialog {
width: auto;
}
}
@media (min-width: 766px) and (max-width:768px){
.B-cnt{margin: 10px 32px 0px 0px;}
.banner h2{font-size:24px;line-height: 30px;}
.banner{background-size:50% auto;background-position-y: 242px;}
#wowslider-container1 a.ws_next img{width: 12em;}
.D-box h4{height: 32px;}
.D-box{margin-bottom: 30px;}
.case-study{background-size:34% auto;background-position: -24px 56px;}
.slider-outer { margin:0px 0px 56px;}
.C-cnt-box{margin:0px;}
.career{min-height: 352px;}
.address-box {padding-left: 0px;}
.footbtmmenu li a{margin-right: 20px;}
.footbtmmenu li{font-size: 10px;}
.copyright p{font-size: 10px;}
.footer{padding: 50px 0px 20px;}
.banner p{line-height:24px;}
.D-box p{height: 75px;}
}
@media (max-width: 750px){
.B-cnt{margin: 0px 0px 30px;}
#wowslider-container1 .ws_controls{display:none;}
.Do-section{margin: 85px 0px 0px;}
.D-cnt{margin: 0px 0px 30px 0px;}
.D-box{margin-bottom: 30px;}
.C-box{padding: 50px 35px 30px 35px;}
.customer{background:#FFF; min-height:auto;}
.client-box img {width: 50%;}
.case-study{background-size: 30% auto;background-position:-20px 62px;}
.slider-outer{margin:0px 0px 65px;}
.C-img-box{padding: 0px 10px; margin-bottom:20px;}
.C-cnt-box{margin:0px;}
.career-box{margin-right:0px;}
.career{min-height: 363px;margin: 20px 0px 20px;}
.feedback-box{margin-bottom:30px;}
.address-box{padding: 0px 57px 0px 0px;}
.footbtmmenu li a{margin-right: 20px;}
.footbtmmenu li{font-size: 10px;}
.copyright p{font-size: 10px;}
.footer{padding: 50px 0px 20px;}
.career{width:auto;}
}
@media (min-width: 605px) and (max-width:749px) {
}
@media (min-width: 734px) and (max-width:736px){
}
@media (min-width: 682px) and (max-width:684px) {
}
@media (min-width: 666px) and (max-width:667px) {
}
@media (min-width: 665px) and (max-width:667px){
}
@media (min-width: 635px) and (max-width:640px) {
}
@media (min-width:600px) and (max-width:750px){
}
@media (min-width: 569px) and (max-width:597px) {
}
@media (min-width: 567px) and (max-width:568px){
}
@media (min-width: 415px) and (max-width:565px) {
}
@media (min-width: 445px) and (max-width:446px) {
}
@media (max-width:479px){
}
@media (max-width:530px){
.copyright p{text-align:left;margin-top: 10px; float:left;font-size: 10px;}
}
@media (max-width:600px){
}
@media (max-width: 500px){
}
@media (min-width: 415px) and (max-width:460px) {
}
@media (min-width: 410px) and (max-width: 414px){
}
@media (max-width: 414px){
.I1{background-size: 55%;}
.I2{background-size: 55%;}
.I3{background-size: 55%;}
.I4{background-size: 55%;}
.I5{background-size: 55%;}
.I6{background-size: 55%;}
.I7{background-size: 55%;}
.I8{background-size: 55%;}
.case-study {
background-size: 50% auto;
background-position: -20px 70px;
}
}
@media (max-width: 410px){
.career-box{width: 299px;}
}
@media (min-width: 385px) and (max-width:409px) {
}
@media (min-width: 381px) and (max-width:384px) {
}
@media (min-width: 376px) and (max-width:380px) {
}
@media (min-width: 372px) and (max-width:375px) {
}
@media (min-width: 355px) and (max-width:360px) {
.case-study {
background-size: 68% auto;
background-position: -22px 57px;
}
.I1{background-size: 55%;}
.I2{background-size: 55%;}
.I3{background-size: 55%;}
.I4{background-size: 55%;}
.I5{background-size: 55%;}
.I6{background-size: 55%;}
.I7{background-size: 55%;}
.I8{background-size: 55%;}
}
@media (min-width: 310px) and (max-width:320px){
.case-study {
background-size: 68% auto;
background-position: -22px 57px;
}
.I1{background-size: 55%;}
.I2{background-size: 55%;}
.I3{background-size: 55%;}
.I4{background-size: 55%;}
.I5{background-size: 55%;}
.I6{background-size: 55%;}
.I7{background-size: 55%;}
.I8{background-size: 55%;}
}
}