@media only screen and (min-width:150px) and (max-width:480px) {
.hpone {
padding:5px 5px;
font-size:13px;
}
.order-1 {
-ms-flex-order:2;
order:2
}
.order-2 {
-ms-flex-order:1;
order:1
}
.Copyright, body, p {
font-size:13px;
line-height:19px
}
h1, h2, h3, h4, h5, h6, p {
margin:5px
}
.title1, .title10, .title11, .title2, .title3, .title5, .title7, .title8, .title9 {
font-size:20px;
line-height:30px
}
.title4 {
font-size:30px;
line-height:40px
}
.title4:after {
width:0;
height:0
}
.title9::after, .title9::before {
display:none
}
.title6 {
font-size:13px;
line-height:20px
}
.title6 span {
font-size:30px;
line-height:40px
}
.title6::after, .title6::before {
display:none
}
.title11 {
margin:10px 0
}
.navmenusec h2 {
margin:0 auto 10px auto;
font-size:20px;
line-height:30px
}
.button1, .button2, .button3, .button5 {
padding:10px 10px;
margin:10px auto;
font-size:14px
}
.button5::before {
font-size:10px;
margin:2px 10px 0 0
}
.header {
position:relative;
left:inherit;
top:inherit;
padding:0
}
.fixed {
position:relative;
animation:inherit;
height:100%;
z-index:99;
background:#fff
}
.logo {
padding:10px 15px;
width:145px
}
.logo img {
width:100%
}
.flogo {
margin:0 auto 30px auto;
width:250px
}
.menu {
padding:15px 0;
right:15px
}
#cssmenu {
width:90%;
margin:0 auto!important
}
.navmenusec .overlay {
background:#25356e
}
.navmenu ul li ul li:hover ul {
display:none
}
#cssmenu, #cssmenu #menu-button, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
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 ul li a, #cssmenu ul ul li a {
padding:10px;
width:100%;
text-decoration:none;
color:#fff;
font-size:20px;
line-height:30px;
font-weight:700;
border:solid 1px #2b3a73
}
#cssmenu ul li a:hover {
color:#ef7f1a
}
#cssmenu.align-center>ul>li, #cssmenu.align-right>ul>li, #cssmenu>ul>li {
float:none;
display:block
}
#cssmenu ul ul li a {
padding:10px 20px;
font-size:16px;
color:#fff;
background:0 0
}
#cssmenu ul ul li a:hover, #cssmenu ul ul li:hover>a {
color:#ef7f1a
}
#cssmenu ul ul ul li a {
padding-left:40px
}
#cssmenu ul ul, #cssmenu ul ul ul {
position:relative;
left:0;
right:auto;
width:100%;
margin:0;
display:none
}
#cssmenu ul ul li.has-sub>a::after, #cssmenu>ul>li.has-sub>a::after {
display:none
}
#menu-line {
display:none
}
#cssmenu #menu-button {
padding:20px 0;
color:#000;
cursor:pointer;
font-size:0px;
text-transform:uppercase
}
#cssmenu .submenu-button {
position:absolute;
z-index:10;
right:0;
top:0;
display:block;
border-left:1px solid #2b3a73;
height:52px;
width:52px;
cursor:pointer
}
#cssmenu .submenu-button::after {
position:absolute;
top:16px;
right:20px;
width:10px;
height:10px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
content:"";
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:border-color .2s ease;
-moz-transition:border-color .2s ease;
-ms-transition:border-color .2s ease;
-o-transition:border-color .2s ease;
transition:border-color .2s ease
}
#cssmenu .submenu-button::before {
position:absolute;
top:16px;
right:20px;
width:10px;
height:10px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
content:"";
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:border-color .2s ease;
-moz-transition:border-color .2s ease;
-ms-transition:border-color .2s ease;
-o-transition:border-color .2s ease;
transition:border-color .2s ease
}
.navmenusec .overlay .closebtn {
top:20px;
right:38px;
font-size:30px;
color:#fff
}
.navmenusec .sm {
text-align:center
}
.navmenusec .sm ul {
margin:0 0 20px 0
}
.navmenusec .sm ul li {
margin:0 10px 0 0;
width:40px;
height:40px
}
.navmenusec .sm ul li a {
font-size:18px;
line-height:38px;
border:solid 1px #fff;
color:#fff
}
.navmenusec .searchdiv {
margin:0 auto 30px auto;
width:300px
}
.navmenusec .searchdiv form.example input[type=text] {
padding:9px 20px;
height:40px;
font-size:15px;
color:#fff;
border:1px solid #fff
}
.navmenusec .searchdiv form.example button {
font-size:15px;
height:40px;
background:#fff;
color:#25356e;
border:1px solid #fff
}
.banner .content h2 {
font-size:20px;
line-height:30px
}
.bannerbut {
padding:8px 10px;
font-size:16px;
line-height:25px;
margin:10px auto
}
.bannerbut .fa {
margin-right:10px
}
.mpt15 {
margin-top:1px;
margin-bottom:1px
}
.section1, .section5 {
padding:25px 0
}
.section2 {
margin-top:0;
background-image:url(../images/bg1.jpg);
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
position:relative;
min-height:500px
}
.section3 {
margin:0 auto;
padding:50px 0
}
.section3::after {
top:0;
border-left:0 solid #eb7d1a;
border-top:0 solid #eb7d1a;
border-right:0px solid transparent
}
.section3::before {
bottom:0;
border-right:0px solid #eb7d1a;
border-bottom:0 solid #eb7d1a;
border-left:0 solid transparent
}
.section5::before {
display:none
}
.sectionpb100 {
padding:0 0 25px 0
}
.section50 {
padding:25px
}
.sectionmt100 {
margin:25px 0 0 0
}
.sectionmb100 {
margin:0 0 25px 0
}
.contactf {
padding:25px
}
.contactf .title7 {
margin:0 0 10px
}
.image1 {
width:70%
}
.image2 {
border:solid 10px rgba(255, 255, 255, .2)
}
.image2 img {
padding:15px;
margin:0 auto;
width:100%;
height:auto;
border-radius:10px
}
.image3 img {
padding:25px;
margin:10px auto;
width:70%;
border:solid 25px rgba(255, 255, 255, .2)
}
.image4 img {
padding:0;
margin:0 auto;
width:100%;
height:auto
}
.image5 {
padding:0;
margin:0;
position:absolute;
right:0;
top:0;
height:100%;
width:100%;
display:flex;
flex-wrap:wrap;
align-content:center
}
.image5 img {
width:100%;
height:100%;
object-fit:cover
}
.image6 {
padding:0;
margin:0;
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
display:flex;
flex-wrap:wrap;
align-content:center
}
.image6 img {
width:100%;
height:100%;
object-fit:cover
}
.image7 {
padding:30px;
margin:0 auto;
width:330px;
height:auto;
border-radius:5px;
position:relative;
border:solid 30px rgba(27, 39, 83, .1);
background-color:#fff
}
.image7 img {
padding:0;
margin:0 auto;
width:100%;
height:auto;
border-radius:5px
}
.image7::before {
content:"";
background-image:url(../images/d.png);
position:absolute;
width:110px;
height:110px;
left:-24%;
top:-24%;
z-index:-1
}
.image7::after {
content:"";
background-image:url(../images/d.png);
position:absolute;
width:110px;
height:110px;
right:-24%;
bottom:-24%;
z-index:-1
}
.image8 img {
padding:0;
margin:-25% auto 0 auto;
width:70%;
height:auto;
border-radius:5px
}
.image9 img {
padding:0;
margin:10px 0;
width:100%;
height:auto;
border-radius:4px
}
.textdiv {
padding:10px 20px;
width:100%;
float:none
}
.indcpmenu ul {
text-align:center
}
.indcpmenu ul li {
padding:10px;
margin:0 4px 30px 4px;
width:30%;
border:solid 1px #e8e0e0;
font-size:14px;
line-height:20px;
display:inline-block;
vertical-align:top
}
.indcpmenu ul li span {
font-size:20px;
line-height:30px
}
.indsrvsec1 {
min-height:0;
margin-top:0
}
.indsrvsec1::after {
right:0;
border-top:0 solid #eb7d1a;
border-right:0px solid transparent
}
.indsrvsec1::before {
top:0;
right:0;
width:0;
height:0
}
.indcpmenu ul li:last-child {
border-bottom:solid 1px #e8e0e0;
padding-bottom:10px;
margin-bottom:30px
}
.indcpmenu ul li::after {
content:"";
position:absolute;
right:20%;
left:20%;
bottom:-1px;
border-bottom:3px solid #eb7d1a;
width:60%
}
.indsrvsec2 .tabcontent {
padding:30px 0 30px 0
}
.indtesti .title4 {
text-align:center
}
.indsrvsec2 .image2 {
margin:15px auto 0 auto;
width:70%
}
.blog1cont, .blogform {
padding:0 20px 20px
}
.footernav, .footernav1, .footersm {
margin:0 auto 30px auto;
width:95%;
display:block
}
.footernav ul {
margin:5px auto
}
.footernav ul li {
margin:2px auto;
width:100%
}
footer {
padding:20px 0
}
footer h2 {
margin:0 auto 20px auto;
font-size:18px;
line-height:25px
}
.footer1 {
padding-top:20px;
margin-top:0
}
.footersm ul li {
margin:0 10px;
width:auto;
float:none;
display:inline-block
}
.banner1 {
height:auto
}
.banner1 .content {
padding:8%
}
.banner1 .content h2 {
padding:60px 0 0 0;
font-size:20px;
line-height:30px
}
.banner1 .bannerbut {
padding:10px 10px;
margin:10px auto;
font-size:14px;
line-height:20px
}
.banner1 .bannerbut .fa {
margin-right:12px
}
.sk {
height:auto
}
.capabilities ul li {
padding:15px;
margin:10px auto;
width:90%;
min-height:100px
}
.capabilities .agimg1 {
margin:0 0 15px
}
.agcontsec {
padding:20px
}
.agcontsec .contactf h2, .agcontsec .wpcf7-form h2 {
padding:10px 13px;
margin:0;
color:#25356e;
font-size:25px;
font-weight:700;
line-height:35px;
background-color:transparent;
writing-mode:inherit;
position:inherit
}
.atblog1 {
width:80%;
margin:50px auto 30px auto
}
.aboutsec1 .tab {
padding:20px;
border-radius:1px;
width:100%
}
.aboutsec1 .tab button {
padding:10px 0;
font-size:16px;
line-height:20px
}
.aboutsec1 .tab button:before {
width:12px;
height:12px;
margin-right:10px
}
.aboutsec2 .tabcontent {
padding:0
}
.careerdiv1 h4 {
font-size:30px
}
.careerdiv ul li {
padding:15px
}
.careerdiv1::after, .careerdiv1::before {
display:none
}
.ctcapabilities3 ul li {
padding:5%;
margin:2% auto%;
width:90%
}
.ctcapabilities4 ul li::after, .ctcapabilities4 ul li:nth-child(even)::after {
display:none
}
.ctcapabilities4 ul li {
margin:0 auto;
width:100%;
padding:5%
}
.ctcapabilities4 ul li:nth-child(even) {
margin-left:inherit
}
.ctcapabilities4 ul li .homecont, .ctcapabilities4 ul li:nth-child(even) .homecont {
padding:5%;
margin:0 auto;
width:100%;
height:auto
}
.partnerships ul li {
padding:5px;
margin:1px;
width:85px
}
.home2 {
padding:5%;
margin:5%;
width:90%;
min-height:50px
}
.image8 img {
margin:0 auto;
width:100%
}
.home2 .home2cont {
padding:5% 0 0 0
}
.home1 li .homecont {
padding:30px
}
.aisec ul li {
width:90%;
padding:20px
}
.ctcapabilities1 {
padding:15px;
margin:15px auto;
min-height:40px
}
.aisec ul li h2 {
font-size:16px;
line-height:26px;
margin:10px 0 30px 0
}
.aisec ul {
padding:0;
margin:0 auto
}
.menu5 ul {
margin:10px auto
}
.menu5 ul li::before {
font-size:12px;
width:25px;
height:25px;
border-radius:3px;
line-height:25px;
top:1px
}
.menu5 ul li {
padding:0 0 20px 40px
}
.aisec3 ul li {
padding:30px;
margin:15px auto;
width:100%;
border:solid 1px #dfe1e9;
border-radius:1px;
border-left:solid 1px #dfe1e9
}
.agcontsec .contactf input, .contactf textarea {
font-size:13px;
padding:5px 10px;
margin:5px auto
}
.agcontsec .contactf .submit {
padding:10px 30px!important;
line-height:20px!important
}
.erpserv ul li:nth-child(even) {
width:100%
}
.erpserv ul li {
padding:20px;
margin:0 auto
}
.erpserv ul li h2 {
text-align:center;
width:100%;
font-size:16px;
line-height:23px
}
.erpserv ul li p {
text-align:center
}
.solutionsservices ul li {padding:15px; margin:10px auto; width:90%; min-height:100px; display:block;}
.solutionsservices ul li::before {width:40px; height:40px; left:15px; top:15px;}
.solutionsservices ul li::after {width:40px; height:40px; right:15px; bottom:15px;}
}
@media only screen and (min-width:481px) and (max-width:767px) {
.order-1 {
-ms-flex-order:2;
order:2
}
.order-2 {
-ms-flex-order:1;
order:1
}
.Copyright, body, p {
font-size:13px;
line-height:19px
}
h1, h2, h3, h4, h5, h6, p {
margin:5px
}
.title1, .title10, .title11, .title2, .title3, .title5, .title7, .title8, .title9 {
font-size:20px;
line-height:30px
}
.title4 {
font-size:30px;
line-height:40px
}
.title4:after {
width:0;
height:0
}
.title9::after, .title9::before {
display:none
}
.title6 {
font-size:13px;
line-height:20px
}
.title6 span {
font-size:30px;
line-height:40px
}
.title6::after, .title6::before {
display:none
}
.title11 {
margin:10px 0
}
.navmenusec h2 {
margin:0 auto 10px auto;
font-size:20px;
line-height:30px
}
.button1, .button2, .button3, .button5 {
padding:10px 10px;
margin:10px auto;
font-size:14px
}
.button5::before {
font-size:10px;
margin:2px 10px 0 0
}
.header {
position:relative;
left:inherit;
top:inherit;
padding:0
}
.fixed {
position:relative;
animation:inherit;
height:100%;
z-index:99;
background:#fff
}
.logo {
padding:10px 15px;
width:145px
}
.logo img {
width:100%
}
.flogo {
margin:0 auto 30px auto;
width:250px
}
.menu {
padding:15px 0;
right:15px
}
#cssmenu {
width:90%;
margin:0 auto!important
}
.navmenusec .overlay {
background:#25356e
}
.navmenu ul li ul li:hover ul {
display:none
}
#cssmenu, #cssmenu #menu-button, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
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 ul li a, #cssmenu ul ul li a {
padding:10px;
width:100%;
text-decoration:none;
color:#fff;
font-size:20px;
line-height:30px;
font-weight:700;
border:solid 1px #2b3a73
}
#cssmenu ul li a:hover {
color:#ef7f1a
}
#cssmenu.align-center>ul>li, #cssmenu.align-right>ul>li, #cssmenu>ul>li {
float:none;
display:block
}
#cssmenu ul ul li a {
padding:10px 20px;
font-size:16px;
color:#fff;
background:0 0
}
#cssmenu ul ul li a:hover, #cssmenu ul ul li:hover>a {
color:#ef7f1a
}
#cssmenu ul ul ul li a {
padding-left:40px
}
#cssmenu ul ul, #cssmenu ul ul ul {
position:relative;
left:0;
right:auto;
width:100%;
margin:0;
display:none
}
#cssmenu ul ul li.has-sub>a::after, #cssmenu>ul>li.has-sub>a::after {
display:none
}
#menu-line {
display:none
}
#cssmenu #menu-button {
padding:20px 0;
color:#000;
cursor:pointer;
font-size:0px;
text-transform:uppercase
}
#cssmenu .submenu-button {
position:absolute;
z-index:10;
right:0;
top:0;
display:block;
border-left:1px solid #2b3a73;
height:52px;
width:52px;
cursor:pointer
}
#cssmenu .submenu-button::after {
position:absolute;
top:16px;
right:20px;
width:10px;
height:10px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
content:"";
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:border-color .2s ease;
-moz-transition:border-color .2s ease;
-ms-transition:border-color .2s ease;
-o-transition:border-color .2s ease;
transition:border-color .2s ease
}
#cssmenu .submenu-button::before {
position:absolute;
top:16px;
right:20px;
width:10px;
height:10px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
content:"";
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:border-color .2s ease;
-moz-transition:border-color .2s ease;
-ms-transition:border-color .2s ease;
-o-transition:border-color .2s ease;
transition:border-color .2s ease
}
.navmenusec .overlay .closebtn {
top:20px;
right:38px;
font-size:30px;
color:#fff
}
.navmenusec .sm {
text-align:center
}
.navmenusec .sm ul {
margin:0 0 20px 0
}
.navmenusec .sm ul li {
margin:0 10px 0 0;
width:40px;
height:40px
}
.navmenusec .sm ul li a {
font-size:18px;
line-height:38px;
border:solid 1px #fff;
color:#fff
}
.navmenusec .searchdiv {
margin:0 auto 30px auto;
width:300px
}
.navmenusec .searchdiv form.example input[type=text] {
padding:9px 20px;
height:40px;
font-size:15px;
color:#fff;
border:1px solid #fff
}
.navmenusec .searchdiv form.example button {
font-size:15px;
height:40px;
background:#fff;
color:#25356e;
border:1px solid #fff
}
.banner .content h2 {
font-size:20px;
line-height:30px
}
.bannerbut {
padding:8px 10px;
font-size:16px;
line-height:25px;
margin:10px auto
}
.bannerbut .fa {
margin-right:10px
}
.mpt15 {
margin-top:1px;
margin-bottom:1px
}
.section1, .section5 {
padding:25px 0
}
.section2 {
margin-top:0;
background-image:url(../images/bg1.jpg);
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
position:relative;
min-height:500px
}
.section3 {
margin:0 auto;
padding:50px 0
}
.section3::after {
top:0;
border-left:0 solid #eb7d1a;
border-top:0 solid #eb7d1a;
border-right:0px solid transparent
}
.section3::before {
bottom:0;
border-right:0px solid #eb7d1a;
border-bottom:0 solid #eb7d1a;
border-left:0 solid transparent
}
.section5::before {
display:none
}
.sectionpb100 {
padding:0 0 25px 0
}
.section50 {
padding:25px
}
.sectionmt100 {
margin:25px 0 0 0
}
.sectionmb100 {
margin:0 0 25px 0
}
.contactf {
padding:25px
}
.contactf .title7 {
margin:0 0 10px
}
.image1 {
width:70%
}
.image2 {
border:solid 10px rgba(255, 255, 255, .2)
}
.image2 img {
padding:15px;
margin:0 auto;
width:100%;
height:auto;
border-radius:10px
}
.image3 img {
padding:25px;
margin:10px auto;
width:70%;
border:solid 25px rgba(255, 255, 255, .2)
}
.image4 img {
padding:0;
margin:0 auto;
width:100%;
height:auto
}
.image5 {
padding:0;
margin:0;
position:absolute;
right:0;
top:0;
height:100%;
width:100%;
display:flex;
flex-wrap:wrap;
align-content:center
}
.image5 img {
width:100%;
height:100%;
object-fit:cover
}
.image6 {
padding:0;
margin:0;
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
display:flex;
flex-wrap:wrap;
align-content:center
}
.image6 img {
width:100%;
height:100%;
object-fit:cover
}
.image7 {
padding:30px;
margin:0 auto;
width:330px;
height:auto;
border-radius:5px;
position:relative;
border:solid 30px rgba(27, 39, 83, .1);
background-color:#fff
}
.image7 img {
padding:0;
margin:0 auto;
width:100%;
height:auto;
border-radius:5px
}
.image7::before {
content:"";
background-image:url(../images/d.png);
position:absolute;
width:110px;
height:110px;
left:-24%;
top:-24%;
z-index:-1
}
.image7::after {
content:"";
background-image:url(../images/d.png);
position:absolute;
width:110px;
height:110px;
right:-24%;
bottom:-24%;
z-index:-1
}
.image8 img {
padding:0;
margin:-25% auto 0 auto;
width:70%;
height:auto;
border-radius:5px
}
.image9 img {
padding:0;
margin:10px 0;
width:100%;
height:auto;
border-radius:4px
}
.textdiv {
padding:10px 20px;
width:100%;
float:none
}
.indcpmenu ul {
text-align:center
}
.indcpmenu ul li {
padding:10px;
margin:0 5px 30px 5px;
width:30%;
border:solid 1px #e8e0e0;
font-size:14px;
line-height:20px;
display:inline-block;
vertical-align:top
}
.indcpmenu ul li span {
font-size:20px;
line-height:30px
}
.indsrvsec1 {
min-height:0;
margin-top:0
}
.indsrvsec1::after {
right:0;
border-top:0 solid #eb7d1a;
border-right:0px solid transparent
}
.indsrvsec1::before {
top:0;
right:0;
width:0;
height:0
}
.indcpmenu ul li:last-child {
border-bottom:solid 1px #e8e0e0;
padding-bottom:10px;
margin-bottom:30px
}
.indcpmenu ul li::after {
content:"";
position:absolute;
right:20%;
left:20%;
bottom:-1px;
border-bottom:3px solid #eb7d1a;
width:60%
}
.indsrvsec2 .tabcontent {
padding:30px 0 30px 0
}
.indtesti .title4 {
text-align:center
}
.indsrvsec2 .image2 {
margin:15px auto 0 auto;
width:70%
}
.blog1cont, .blogform {
padding:0 20px 20px
}
.footernav, .footernav1, .footersm {
margin:0 auto 30px auto;
width:95%;
display:block
}
.footernav ul {
margin:5px auto
}
.footernav ul li {
margin:2px auto;
width:100%
}
footer {
padding:20px 0
}
footer h2 {
margin:0 auto 20px auto;
font-size:18px;
line-height:25px
}
.footer1 {
padding-top:20px;
margin-top:0
}
.footersm ul li {
margin:0 10px;
width:auto;
float:none;
display:inline-block
}
.banner1 {
height:auto
}
.banner1 .content {
padding:8%
}
.banner1 .content h2 {
padding:60px 0 0 0;
font-size:20px;
line-height:30px
}
.banner1 .bannerbut {
padding:10px 10px;
margin:10px auto;
font-size:14px;
line-height:20px
}
.banner1 .bannerbut .fa {
margin-right:12px
}
.sk {
height:auto
}
.capabilities ul li {
padding:15px;
margin:10px auto;
width:90%;
min-height:100px
}
.capabilities .agimg1 {
margin:0 0 15px
}
.agcontsec {
padding:20px
}
.agcontsec .contactf h2 {
padding:10px 13px;
margin:0;
color:#25356e;
font-size:25px;
font-weight:700;
line-height:35px;
background-color:transparent;
writing-mode:inherit;
position:inherit
}
.atblog1 {
width:80%;
margin:50px auto 30px auto
}
.aboutsec1 .tab {
padding:20px;
border-radius:1px;
width:100%
}
.aboutsec1 .tab button {
padding:10px 0;
font-size:16px;
line-height:20px
}
.aboutsec1 .tab button:before {
width:12px;
height:12px;
margin-right:10px
}
.aboutsec2 .tabcontent {
padding:0
}
.careerdiv1 h4 {
font-size:30px
}
.careerdiv ul li {
padding:15px
}
.careerdiv1::after, .careerdiv1::before {
display:none
}
.ctcapabilities3 ul li {
padding:5%;
margin:2% auto%;
width:90%
}
.ctcapabilities4 ul li::after, .ctcapabilities4 ul li:nth-child(even)::after {
display:none
}
.ctcapabilities4 ul li {
margin:0 auto;
width:100%;
padding:5%
}
.ctcapabilities4 ul li:nth-child(even) {
margin-left:inherit
}
.ctcapabilities4 ul li .homecont, .ctcapabilities4 ul li:nth-child(even) .homecont {
padding:5%;
margin:0 auto;
width:100%;
height:auto
}
.partnerships ul li {
padding:5px;
margin:1px;
width:85px
}
.home2 {
padding:5%;
margin:5%;
width:90%;
min-height:50px
}
.image8 img {
margin:0 auto;
width:100%
}
.home2 .home2cont {
padding:5% 0 0 0
}
.home1 li .homecont {
padding:30px
}
.aisec ul li {
width:90%;
padding:20px
}
.ctcapabilities1 {
padding:15px;
margin:15px auto;
min-height:40px
}
.aisec ul li h2 {
font-size:16px;
line-height:26px;
margin:10px 0 30px 0
}
.aisec ul {
padding:0;
margin:0 auto
}
.menu5 ul {
margin:10px auto
}
.menu5 ul li::before {
font-size:12px;
width:25px;
height:25px;
border-radius:3px;
line-height:25px;
top:1px
}
.menu5 ul li {
padding:0 0 20px 40px
}
.aisec3 ul li {
padding:30px;
margin:15px auto;
width:100%;
border:solid 1px #dfe1e9;
border-radius:1px;
border-left:solid 1px #dfe1e9
}
.agcontsec .contactf input, .contactf textarea {
font-size:13px;
padding:5px 10px;
margin:5px auto
}
.agcontsec .contactf .submit {
padding:10px 30px!important;
line-height:20px!important
}
.erpserv ul li:nth-child(even) {
width:100%
}
.erpserv ul li {
padding:20px;
margin:0 auto
}
.erpserv ul li h2 {
text-align:center;
width:100%;
font-size:16px;
line-height:23px
}
.erpserv ul li p {
text-align:center
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.order-1 {
-ms-flex-order:2;
order:2
}
.order-2 {
-ms-flex-order:1;
order:1
}
.Copyright, body, p {
font-size:13px;
line-height:19px
}
h1, h2, h3, h4, h5, h6, p {
margin:5px
}
.title1, .title10, .title11, .title2, .title3, .title5, .title7, .title8, .title9 {
font-size:20px;
line-height:30px
}
.title4 {
font-size:30px;
line-height:40px
}
.title4:after {
width:0;
height:0
}
.title9::after, .title9::before {
width:20px
}
.title6 {
font-size:13px;
line-height:20px
}
.title6 span {
font-size:40px;
line-height:50px
}
.title6::before {
content:"";
position:absolute;
width:2px;
height:100%;
right:-55px;
top:10%;
background:#25356e
}
.title6::after {
content:"";
position:absolute;
width:2px;
height:100%;
right:-45px;
bottom:0;
background:#ef7f1a
}
.button6::after .navmenusec h2 {
margin:0 auto 10px auto;
font-size:20px;
line-height:30px
}
.button1, .button2, .button3, .button5 {
padding:10px 10px;
margin:10px auto;
font-size:14px
}
.button5::before {
font-size:10px;
margin:2px 10px 0 0
}
.button6::after {
display:none
}
.header {
position:relative;
left:inherit;

top:inherit;
padding:0
}
.fixed {
position:relative;
animation:inherit;
height:100%;
z-index:99;
background:#fff
}
.logo {
padding:10px 15px
}
.logo img {
width:100%
}
.flogo {
margin:0 auto 30px auto;
width:250px
}
.menu {
padding:37px 0;
right:15px
}
#cssmenu {
width:90%;
margin:0 auto!important
}
.navmenusec .overlay {
background:rgba(49, 67, 132, .9)
}
.navmenu ul li ul li:hover ul {
display:none
}
#cssmenu, #cssmenu #menu-button, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
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 ul li a, #cssmenu ul ul li a {
padding:10px;
width:100%;
text-decoration:none;
color:#fff;
font-size:20px;
line-height:30px;
font-weight:700;
border:solid 1px #2b3a73
}
#cssmenu ul li a:hover {
color:#ef7f1a
}
#cssmenu.align-center>ul>li, #cssmenu.align-right>ul>li, #cssmenu>ul>li {
float:none;
display:block
}
#cssmenu ul ul li a {
padding:10px 20px;
font-size:16px;
color:#fff;
background:0 0
}
#cssmenu ul ul li a:hover, #cssmenu ul ul li:hover>a {
color:#ef7f1a
}
#cssmenu ul ul ul li a {
padding-left:40px
}
#cssmenu ul ul, #cssmenu ul ul ul {
position:relative;
left:0;
right:auto;
width:100%;
margin:0;
display:none
}
#cssmenu ul ul li.has-sub>a::after, #cssmenu>ul>li.has-sub>a::after {
display:none
}
#menu-line {
display:none
}
#cssmenu #menu-button {
padding:20px 0;
color:#000;
cursor:pointer;
font-size:0px;
text-transform:uppercase
}
#cssmenu .submenu-button {
position:absolute;
z-index:10;
right:0;
top:0;
display:block;
border-left:1px solid #2b3a73;
height:52px;
width:52px;
cursor:pointer
}
#cssmenu .submenu-button::after {
position:absolute;
top:16px;
right:20px;
width:10px;
height:10px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
content:"";
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:border-color .2s ease;
-moz-transition:border-color .2s ease;
-ms-transition:border-color .2s ease;
-o-transition:border-color .2s ease;
transition:border-color .2s ease
}
#cssmenu .submenu-button::before {
position:absolute;
top:16px;
right:20px;
width:10px;
height:10px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
content:"";
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:border-color .2s ease;
-moz-transition:border-color .2s ease;
-ms-transition:border-color .2s ease;
-o-transition:border-color .2s ease;
transition:border-color .2s ease
}
.navmenusec .overlay .closebtn {
top:20px;
right:20px;
font-size:30px
}
.navmenusec .sm {
text-align:center
}
.navmenusec .sm ul {
margin:0 0 20px 0
}
.navmenusec .sm ul li {
margin:0 10px 0 0;
width:40px;
height:40px
}
.navmenusec .sm ul li a {
font-size:18px;
line-height:38px
}
.navmenusec .searchdiv {
margin:0 auto 30px auto;
width:300px
}
.navmenusec .searchdiv form.example input[type=text] {
padding:9px 20px;
height:40px;
font-size:15px
}
.navmenusec .searchdiv form.example button {
font-size:15px;
height:40px
}
.banner .content h2 {
font-size:30px;
line-height:30px
}
.bannerbut {
padding:10px 20px;
font-size:16px;
line-height:25px
}
.section1, .section5 {
padding:40px 0
}
.section2 {
margin-top:0;
min-height:inherit
}
.section3 {
margin:0 auto;
padding:40px 0
}
.section3::after {
top:0;
border-left:0 solid #eb7d1a;
border-top:0 solid #eb7d1a;
border-right:0px solid transparent
}
.section3::before {
bottom:0;
border-right:0px solid #eb7d1a;
border-bottom:0 solid #eb7d1a;
border-left:0 solid transparent
}
.section5::before {
width:20%
}
.sectionpb100 {
padding:0 0 40px 0
}
.sectionmt100 {
margin:50px 0 0 0
}
.sectionmb100 {
margin:0 0 50px 0
}
.image1 {
width:70%
}
.image3 img {
padding:25px;
border:solid 25px rgba(255, 255, 255, .2)
}
.indsrvsec2 .tabcontent {
padding:30px 0 30px 0
}
.indtesti .title4 {
text-align:center
}
.indsrvsec2 .image2 {
margin:15px auto 0 auto;
width:70%
}
.blog1cont, .blogform {
padding:0 20px 20px
}
.footernav, .footernav1, .footersm {
margin:0 auto 30px auto;
width:95%;
display:block
}
.footernav ul {
margin:5px auto
}
.footernav ul li {
margin:2px auto;
width:100%
}
footer {
padding:20px 0
}
footer h2 {
margin:0 auto 20px auto;
font-size:18px;
line-height:25px
}
.footer1 {
padding-top:20px;
margin-top:0
}
.footersm ul li {
margin:0 10px;
width:auto;
float:none;
display:inline-block
}
.banner1 {
height:auto
}
.banner1 .content {
padding:8%
}
.banner1 .content h2 {
padding:60px 0 0 0;
font-size:20px;
line-height:30px
}
.banner1 .bannerbut {
padding:10px 10px;
margin:10px auto;
font-size:14px;
line-height:20px
}
.banner1 .bannerbut .fa {
margin-right:12px
}
.sk {
height:auto
}
.capabilities ul li {
padding:10px;
margin:5px;
width:46%;
min-height:500px
}
.agcontsec {
padding:20px
}
.agcontsec .contactf h2 {
padding:10px 15px;
margin:0;
color:#25356e;
font-size:25px;
font-weight:700;
line-height:35px;
background-color:transparent;
writing-mode:inherit;
position:inherit;
width:100%
}
.atblog1 {
width:100%
}
.atblog1img::after {
display:none
}
.atblog1img {
margin:0
}
.atblog1cont {
padding:15px
}
.atblogdate::before {
font-size:15px;
margin-right:5px
}
.atblog1cont h3 {
font-size:16px;
line-height:22px
}
.atblog1cont .button4 {
padding:5px 15px;
margin:5px 0
}
.atblog1 {
margin:30px auto 0 auto;
width:100%;
min-height:230px
}
.indcpmenu ul li {
padding:0 25px 20px 0;
margin:0 50px 20px 0;
font-size:15px;
line-height:20px
}
.indcpmenu ul li span {
font-size:30px;
line-height:50px
}
.indcpmenu ul li::after {
content:"";
position:absolute;
right:0;
bottom:-1px;
border-bottom:1px solid #fff;
width:60px
}
.indcpmenu ul li:last-child {
padding-bottom:10px;
margin-bottom:10px
}
.indsrvsec1 .tab button {
padding:10px 5px;
font-size:16px;
line-height:20px;
width:100%;
text-align:left
}
.indsrvsec1 .tab button:before {
width:15px;
height:15px;
margin-right:6px
}
.indsrvsec1 {
min-height:inherit;
margin-top:-20px;
padding:10% 2%
}
.indsrvsec1::after {
content:"";
position:absolute;
top:0;
right:-20px;
border-top:0 solid #eb7d1a;
border-bottom:20px solid #eb7d1a;
border-right:20px solid transparent
}
.indsrvsec1::before {
content:"";
position:inherit;
width:0;
height:0
}
.loop1 .indtesti2 {
padding:30px;
margin:70px auto 5px auto;
width:80%;
min-height:230px
}
.blog1 {
width:100%
}
.blog1cont {
padding:0 20px 20px
}
.blog1cont h3, .blogform h3 {
font-size:15px;
line-height:20px
}
.blogdate {
padding:5px 5px;
font-size:10px;
line-height:20px
}
.blogdate:before {
font-size:14px;
margin-right:5px
}
.blog1cont .button4 {
padding:6px 15px;
margin:10px 0
}
.aboutsec1 .tab {
padding:25px 20px
}
.aboutsec1 .tab button {
padding:10px 0;
font-size:15px;
line-height:20px
}
.aboutsec1 .tab button:before {
width:12px;
height:12px
}
.careerdiv1 h4 {
font-size:30px
}
.partnerships ul li {
padding:10px;
margin:10px;
width:95px
}
.ctcapabilities4 ul li::after, .ctcapabilities4 ul li:nth-child(even)::after {
display:none
}
.ctcapabilities4 ul li:nth-child(even) {
margin-left:inherit
}
.ctcapabilities4 ul li {
width:100%;
margin:0 0 30px 0
}
.aisec ul li {
padding:15px;
margin:10px;
width:29%
}
.home1 li .homecont {
padding:20px
}
.home2 {
width:100%;
min-height:400px
}
.home2 .home2cont {
padding:20px 15px
}
.ctcapabilities {
padding:25px;
margin:5px auto;
width:90%
}
.aisec3 ul li {
margin:15px;
width:45%;
border-radius:5px
}
.aisec3 ul li h2 {
min-height:60px
}
.menu5 ul {
margin:10px auto
}
.menu5 ul li::before {
font-size:12px;
width:25px;
height:25px;
border-radius:3px;
line-height:25px;
top:1px

}
.menu5 ul li {
padding:0 0 20px 40px
}
}
@media only screen and (min-width:992px) and (max-width:1365px) {
.Copyright, body, p {
font-size:13px;
line-height:19px
}
h1, h2, h3, h4, h5, h6, p {
margin:10px 0
}
.title1 {
font-size:25px;
line-height:35px
}
.title2, .title3, .title5, .title8, title9 {
font-size:20px;
line-height:30px
}
.title4 {
font-size:30px;
line-height:40px
}
.title4:after {
width:0;
height:0
}
.title9::after, .title9::before {
width:20px
}
.navmenusec h2 {
margin:0 auto 10px auto;
font-size:20px;
line-height:30px
}
.button1, .button2, .button3 {
padding:10px 20px;
margin:10px auto
}
.banner .content h2 {
font-size:50px;
line-height:60px;
padding-top:15%
}
.navmenu ul li {
padding:30px 40px 30px 0;
font-size:18px;
line-height:30px
}
.section1 {
padding:75px 0
}
.section2 {
margin-top:0;
min-height:inherit
}
.section3 {
margin:0 auto;
padding:75px 0
}
.section3::after {
top:-40px;
border-left:150px solid #eb7d1a;
border-top:100px solid #eb7d1a;
border-right:150px solid transparent
}
.section3::before {
bottom:-40px;
border-right:150px solid #eb7d1a;
border-bottom:100px solid #eb7d1a;
border-left:150px solid transparent
}
.indcpmenu ul li {
padding:0 20px 20px 0;
margin:0 30px 20px 0;
font-size:16px;
line-height:22px
}
.indcpmenu ul li span {
font-size:30px;
line-height:50px
}
.indcpmenu ul li:last-child {
padding-bottom:10px;
margin-bottom:10px
}
.indcpmenu ul li::after {
bottom:-1px;
width:50px
}
.indsrvsec1 .tab button {
padding:10px 5px;
font-size:16px;
line-height:25px;
width:100%;
text-align:left
}
.indsrvsec1 .tab button:before {
width:15px;
height:15px
}
.indsrvsec1 {
min-height:300px;
margin-top:-40px;
padding:50px 10px
}
.indsrvsec1::after {
content:"";
position:absolute;
top:0;
right:-20%;
border-top:325px solid #eb7d1a;
border-right:50px solid transparent
}
.indsrvsec1::before {
content:"";
position:absolute;
top:30%;
right:-15%;
background-color:#25356e;
width:6px;
height:180px;
transform:rotate(-170deg);
z-index:1
}
.indsrvsec2 .tabcontent {
padding:50px 0
}
.aboutsec1 .tab {
padding:50px 30px;
overflow:hidden;
border:0 solid #ccc;
display:inline-block;
box-shadow:0 0 8px rgba(183, 183, 183, .5), 0 0 8px rgba(183, 183, 183, .5);
border-radius:5px;
background-color:#ef7f1a;
width:90%
}
.aboutsec1 .tab button {
background-color:transparent;
display:inline-block;
vertical-align:middle;
border:none;
outline:0;
cursor:pointer;
padding:20px 0;
margin:0 0;
transition:.3s;
font-size:20px;
line-height:20px;
color:#fff;
position:relative;
border-bottom:1px solid #df7618;
width:100%;
text-align:left
}
.aboutsec1 .tab button:before {
width:18px;
height:18px;
content:"";
background-image:url(../images/icon2.png);
margin-right:10px;
display:inline-block
}
.aboutsec1 .tab button.active, .aboutsec1 .tab button:hover {
color:#25356e
}
.aboutsec1 .tab button.active:before, .aboutsec1 .tab button:hover:before {
background-image:url(../images/icon3.png)
}
.aboutsec1 {
width:100%;
height:auto;
margin:0;
padding:0
}
.blog1 {
width:100%
}
.blog1cont {
padding:0 20px 20px
}
.blog1cont h3, .blogform h3 {
font-size:15px;
line-height:20px
}
.blogdate {
padding:5px 5px;
font-size:10px;
line-height:20px
}
.blogdate:before {
font-size:14px;
margin-right:5px
}
.blog1cont .button4 {
padding:6px 15px;
margin:10px 0
}
.ctcapabilities {
padding:25px;
margin:10px;
width:90%
}
.ctcapabilities1 h2 {
font-size:30px;
line-height:40px;
margin:0 0 15px 0
}
.ctcapabilities1 {
padding:20px 20px 20px 20px;
margin:15px auto 0 auto;
min-height:210px
}
.aisec ul {
padding:0;
margin:0 auto
}
.rp .aisec ul li {
min-height:365px
}
.aisec ul {
padding:0 0 35px 0
}
.image9 img {
margin:10px 0
}
.contactf {
padding:30px
}
.mape iframe {
height:300px
}
.contactdiv1 {
padding:15px
}
.aisec3 ul li {
margin:40px 15px 15px;
padding:20px;
width:21%;
border-radius:5px
}
.aisec3 ul li h2 {
min-height:60px
}
.menu5 ul {
margin:10px auto
}
.menu5 ul li::before {
font-size:12px;
width:25px;
height:25px;
border-radius:3px;
line-height:25px;
top:1px
}
.menu5 ul li {
padding:0 0 20px 40px
}
.erpserv ul {
margin:0 auto
}
.erpserv ul li {
padding:15px;
margin:15px auto;
width:49%
}
.erpserv ul li:nth-child(odd) {
width:170px
}
.erpserv ul li:nth-child(even) {
width:60%
}
.erpserv ul li h2 {
font-size:16px;
line-height:23px
}
.erpserv ul li .image1 {
padding:15px;
margin:10px auto
}
.erpserv ul li .image1::before {
width:40px;
height:150px;
left:31%;
top:-20%
}
.erpserv ul li .image1::before {
width:40px;
height:150px;
left:31%;
top:-20%
}
.erpserv ul li .image1::after {
width:150px;
height:40px;
right:-18%;
bottom:35%
}
}