*{margin:0;padding:0;}


body {
    margin: 0;
    font-family:sans-serif;
}

body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
    outline: none;
}

 .dont_move{overflow:hidden !important;}

 .whatsapp {
    position: relative;
    display:none;
}
.whatsapp a {
    position: fixed;
    bottom:0;
    left: 0;
    z-index: 9999;
}

  .whatsapp img {
    width: 100%;
  }

 .client img {
        box-shadow: 0px 5px 10px #ddd;
        height:auto;
        width:9%;
  } 

 input#submitt {
    background: #f75314;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
}
 
  .ftr-img input{color:#000 !important;}

  .ftr-img textarea {color:#000 !important;}

  .avi::-webkit-input-placeholder {
    color: #fff !important;
  }

  .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    /* opacity: .2; */
}

  .group{width: 76%;
    text-align: left;
    float: left;}

  .group p{color:#ddd;font-size:14px;line-height:2;position: relative;
    left: 41px;}

  .group i{color:#ddd;border:1px dashed #ccc;border-radius:50%;text-align:center;font-size:17px;padding:10px;margin-top: 15px;}

  .group a{color:#ddd;font-size:14px;}

  .grid_view p{color:#000;}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family:sans-serif;
}

p {
    margin: 0;
    line-height: 2;
    font-size: 1em;
    color: #777;
}

ul,
label {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

body a:hover,
body a:focus {
    text-decoration: none;
    outline: none;
}


/*-- header --*/

.header-top {
      box-shadow: 0px 3px 3px #ddd;
    margin-bottom: 0px;
    position: fixed;
    z-index: 999;
    width: 100%;
    background: #fff;
}

.logo.navbar-left img {
    width:62%;
    padding:0px;
 }

/*-- header-top --*/

.nav-right {text-align: center;float: right;margin-top: 20px;position: relative;left:0px;}


.nav-right ul li {
    display: inline-block;
    color: #000;
    font-size: 2em;
    font-weight: 300;
    text-align: center;
    padding:0em 0;
    margin: 0 0em;
}

.nav-right ul li span.fa {
    margin-right: -10px;
    padding: 0 0.5em;
    color:#ea0101;
    font-size:1.5em;
}

.nav-right ul li a {
    color: #ea0101 !important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
    font-size:1.5em;
}

.nav-right ul li a:hover {
    color: #142340;
}


/*-- //header-top --*/


/*-- header-top --*/


/*-- logo --*/

.header-top.logo {
    text-align: center;
    margin: 2em 0 0.5em;
}

.logo h1 a,
.logo-nav-left h2 a {
    font-size: 1.2em;
    display: inline-block;
    line-height: 1.3em;
    color: #ed1c24;
    font-family: 'Alegreya Sans', sans-serif;
}

.logo h1 a span,
.logo-nav-left h2 a span {
    font-size: 0.7em;
    color: #1da1f2;
    padding: 0 1px;
    margin-left: -6px;
}

ul.nav-list li span {
    color: #000;
    font-size: 0.9em;
    font-weight: 400;
}


/*-- //header-top --*/


/*-- top-nav --*/

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border: none;
    background:#0c6792;
   
}
p {
    margin: 0 0 0px !important;
}

.header-nav ul.nav.navbar-nav {
   float: none;
width: 60%;
text-align: center;
position: relative;
left: 30%;
}

.navbar-default {
    background: none;
    border: none;
    margin: 0;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background: none;
}

.navbar-nav>li {
    display: inline-block;
    float: none;
    margin: 0 1em;
}

.navbar-default .navbar-nav>li>a,
.dropdown-menu>li>a {
    color:#fff;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 1.3em 1.5em;
    position: relative;
    text-transform: uppercase;
    z-index: 9;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav li a.active,
.dropdown-menu>li>a:hover {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:before,
.dropdown-menu>li>a:before {
    content: '';
    position: absolute;
    bottom: 0;
    background: #ed1c24;
    height: 0px;
    width: 100%;
    left: 0;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
    z-index: -1;
}

.navbar-default .navbar-nav li a:hover:before,
.navbar-default .navbar-nav li a.active:before,
.dropdown-menu>li>a:hover:before {
    height: 100%;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus,
.dropdown-menu>li>a:before {
    color: #fff;
    background:#214478;
}

.dropdown-menu>li>a {
    display: block;
    padding: 12px 15px;
}

.dropdown-menu {
    min-width: 180px;
    padding: 20px;
    text-align: center;
}

.open>.dropdown-menu {
    display: block;
    background: #fff;
}


/* header-responsive */

.w3ls-common-bg {
    background: url(http://www.example.com/main/404_not_found.html) no-repeat left #030504;
    background-size: contain;
    min-height: 300px;
}

.agileinfo-home-text {
    padding-top: 9em;
}

.agileinfo-home-text h4 {
    color: #fff;
    text-transform: capitalize;
    font-size: 4em;
    font-weight: 300;
}


   .assigned {background:url('../images/ravi.jpg')no-repeat;background-size:cover;width:100%;height:160px;    position: relative;
    top: 20px;}

   .navbar-nav {float: none;margin: 0;}

/*   .testimonial{padding:30px;position:relative;background-color:#31c1e4;margin-top: 2em;}

   .testimonial p{color:#fff;font-size:15px;line-height:1.6;width:100%;}*/

   .client h2{text-align:center;padding:1em;color:#517bdc;}

   .border{background-color: #52a8cc;
    margin: -15px auto;
    display: block;
    text-align: center;
    width: 30%;
    padding: 2px;}

   .testimonial::before{
      content: '\f10d';
    font-size: 34px;
    font-family: FontAwesome;
    color: #fff;
    width: auto;
    height: auto;
    position: relative;
    bottom: auto;
    left: 0;
    top: -7px;
    border: none;
    display: inline-block;
    vertical-align: top;
    padding: 0 18px 0 0;
   }

  .satisfaction{padding:3em 0px 2em 0px;margin-top:2em;background:url('../img/background.jpg')no-repeat;width:100%;background-size:cover;}

  .satisfaction h1{text-align: center;
    padding: 0;
    color: #fff;
    font-size:4em;
    font-weight: bold;}

  .aj span{width: 150px;
    height: 150px;
    margin: auto;
    display: block;
    text-align: center;
    border-radius: 50%;
    background-color: #20658252;
    border: 5px solid #5dbce4e0;
  }

 /* .aj i{font-size: 5em;
    text-align: center;
    padding: 40px 0;
    margin: auto;
    color: #fff;}*/

  .aj h4{text-align:center;font-size:20px;color:#fff;padding:20px 0px;}

  .aj{margin-top:5em;} 

  .linee{background-color: #ccc;padding: 1px;margin: auto;display: block;text-align: center;width: 30%;}


  .carousel-control.left,.carousel-control.right  {background:none;width:25px;}
.carousel-control.left {left:-25px;}
.carousel-control.right {right:-25px;}
.broun-block {
    background: url("../myinstantcms.ru/images/bg-broun1.html") repeat scroll center top rgba(0, 0, 0, 0);
    padding-bottom: 34px;
}
.block-text {
    border-radius: 5px;
    font-size: 14px;
    margin-top: 27px;
}
.block-text a {
 color: #7d4702;
    font-size: 25px;
    font-weight: bold;
    line-height: 21px;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.mark {
    padding: 12px 0;background:none;
}
.block-text p {
    color: #fff;
    font-family: sans-serif;
    line-height: 20px;
    font-size: 13px;
}
     .sprite {
    border-width: 34px 51px 0 0;
    border-style: solid;
    border-color: #046cc1 transparent transparent transparent;
}

.sprite-i-triangle {
    background-position: 0 -1298px;
    height: 44px;
    width: 50px;
}
.block-text ins {
    bottom: -44px;
    left: 50%;
    margin-left: -60px;
}


.block {
    display: block;
}
.zmin {
    z-index: 1;
}
.ab {
    position: absolute;
}

.ak h2{text-align: center;padding: 1em;color: #20418a;font-weight: bold;}

.person-text {
    padding: 10px 0 0;
    text-align: center;
    z-index: 2;
    margin-top: 30px;
}
.person-text a {
color: #046cc1;
display: block;
font-size: 17px;
margin-top: -1px;
text-align: left;
padding-left: 59px;
}
.person-text i {
    color: #fff;
    font-family: Georgia;
    font-size: 13px;
}
.rel {
    position: relative;
}

   .block-text{
    background: #046cc1;
    padding: 20px;
    height: 166px;
   }

  .benefits {padding:0em 0px 0em 0px;}

  .cpy-text span{color:yellow;}

  #service p {
    text-align: center;
    color: #fff;
    font-size: 20px;
}

    #service {background:url('../images/satisfaction.jpg')no-repeat;background-size:cover;width:100%;padding-bottom: 10em;}

  .benefits h3{
    text-align: center;
    padding: 1.5em 0px 16px;
    color: #fff;
    font-size: 40px;
}

  .jk{margin:auto;text-align:center;}

  .grid_view{display: flex;
    background-color: #fff;
    padding: 19px;
    margin-top: 5em;
    height: 170px;
    border-radius:4px;
    
 }

  #ravi{ border-radius: 5px;
    border:1px dashed #ccc; }

   .grid_view:hover{box-shadow:0px 4px 10px #ddd;}

    .grid_view1{display: flex;
    background-color: #fff;
    padding: 19px;
    margin-top: 5em;
    height: 158px;
    border-radius: 5px;}

    .choose h3{text-align: center;color: #3a22b5;padding-bottom: 0em;font-size: 3em;}

    .choose {padding: 1em 0px 1em 0px;}

    .choose p{text-align:center;padding:10px;color:#333;font-size:17px;}

    .choose img{width: 40%;margin: 0em auto;padding: 13px;text-align: center;display: block;border: 1px dashed #ccc;
      border-radius: 50%;}

    .choose figcaption {text-align:center;padding:10px;}
  
    .choose figcaption h4{color: navy;font-size: 20px;text-align: center;text-transform: uppercase;font-weight: bold;}

    .choose figcaption p{text-align:center;line-height:1.6;font-size:14px;color:#555;}



  .jk span{padding:0;margin:auto;text-align:center;}

  .jk i{font-size: 4em;
    text-align: center;
    margin: auto;
    padding: 10px 0;
    color:skyblue;}

  .jk figcaption h5{color: #d2453b;
    text-align:left;
    padding:0px;
    font-size: 16px;
    font-weight: bold;}

    .raj figcaption h5{color: navy;text-align: left;padding: 0px;font-size: 17px;text-transform: uppercase;
        font-weight: bold;}
  
  .jk img {width: 100px;height: 90px;margin: 15px -2px;}

  .raj img {
width: 105px;
height: 105px;
margin: 15px 10px;
background: #fff;
border: 5px solid #ddd;
border-radius: 50%;
padding: 10px;
 }
 .grid_view figcaption {
    margin: 0px 0px;
}

  .aj {background-color:#032736;padding:10px;margin:0;}

  .last_one img{width:100%;margin:auto;display:block;border:1px solid #ccc;padding:10px;}

  .last_one h3{text-align:center;padding:10px;color:#fff;}

  .last_one ul{padding:0px;margin:0;}

  .last_one ul li{list-style:none;line-height:2 !important;color:#fff;font-size:18px;}

  .last_one li i{font-size:15px;padding-right:10px;color:yellow;}

  .jk figcaption p{text-align:justify !important;font-size:14px !important;color:#000 !important;line-height:1.8;}\

  .raj figcaption p{text-align:justify !important;font-size:14px !important;color:#000 !important;line-height:1.8;}

  .services ul{margin:10px;padding:0;}

 /* .services ul li{line-height:2em;color:#333;font-size:20px;text-align:left;padding-left:10px;}*/

  .services img{width: 75%;
border: 1px dashed #ccc;
padding: 10px}

 .header-nav {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 90px;
}

  #jssor_1{position:relative;margin:-20px auto;top:168px;left:0px;width:1300px;height:370px;overflow:hidden;visibility:hidden;}

  .call_us{position:relative;}

  .call_us a{position: fixed;
float: right;
top: 200px;
padding: 10px;
text-align: center;
right: 6px;
z-index: 9999;
background: #fcfcfc;
border-radius: 50%;
height: 150px;
width: 150px;
border:5px solid #135ac3;
}

  .call_us img{width: 60%;padding:28px 0px;}
  
  .area figcaption{text-align:center;padding:10px;margin:0;border: 1px solid blanchedalmond;width:100%;}

  .area figcaption h3{text-align: center;
color: #fff;
padding: 7px;
margin: 0;
font-size: 16px;
background: #032736;}

  .about-grids {padding-bottom: 30px;}

  .area figcaption p{text-align:center;padding:0;margin:0;font-size:14px;color:#0c5265;}

  .services h1{text-align:center;padding:10px;margin:auto;color:#20418a;margin-bottom: 1.3em;text-transform:uppercase;font-weight:bold;}

  .services {padding:2em 0px 1em 0px;}

  .area img{width:100%;}

  /*.benefits {background:url('../images/satisfaction.jpg')no-repeat;background-size:cover;width:100%;background-color:#000;opacity:1;}*/

  .service1 {box-shadow: 0px 1px 7px #ddd;padding: 0em 0px 2em 0px;}

  
  ul.nav-list li h3 {
    font-size: 28px;
    color: navy;
    font-weight: bold;
    border: none;
    position: relative;
    bottom: 7px;
}


















/* -- Responsive code -- */

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1280px) {
    .navbar-default .navbar-nav>li>a {
        padding: 1em 1.5em;
    }
}

@media screen and (max-width: 1080px) {
    .navbar-default .navbar-nav>li>a {
        padding: 1em 1.2em;
    }
    .nav-right ul li {
        margin: -6px 1.8em;
    }

    #jssor_1 {top:138px;}

    .nav-right {
        margin: 0 1em;
    }
}

@media screen and (max-width:1024px){
     .nav-right ul li {
        margin: -6px 1.8em !important;
    }

    #jssor_1 {top:138px;}

  }


@media screen and (max-width: 991px) {
    .nav-right {
        padding: 0 0.1em;
    }
    .nav-right ul li {
        font-size: 1.05em;
        margin: 0 6px;
    }
    .logo.navbar-left img {
        margin-right: 3px;
        width: 18%;
    }
    .navbar-default .navbar-nav>li>a {
        padding: 1.1em 1.2em;
        font-size: 1em;
    }
    .logo.navbar-left img {
        margin-right: 3px;
        width:70%;
    }
}

@media screen and (max-width: 900px) {
    .logo h1 a,
    .logo-nav-left h2 a {
        font-size: 1.1em;
    }
}

@media screen and (max-width: 768px) {
    .navbar-default .navbar-nav>li>a {
        padding: 1.1em 1em;
    }
     .nav-list ul li:nth-child(2){
          display:block;
     }
     .header-nav ul.nav.navbar-nav {
    float: none;
    width: 100%;
    text-align: center;
    position: relative;
    left: 12%;
}
 .nav-right {
    padding: 0px 0.1em;
    text-align: right;
}
.navbar-nav {
    text-align: left;
    margin: 0;
}
  .logo.navbar-left img {
    margin-right: 3px;
    width: 28%;
}
}

@media(max-width:767px) {
    .navbar-nav {
        margin: 1em 0;
    }
     .call_us img {
    width: 40%;
}
    button.navbar-toggle {
        margin: 0;
        background:#0e4766;
        float: none;
        text-align: center;
        width: 100%;
    }

    .whatsapp {
    display:block;
   }

.address::after {

    position: absolute;
    content: '';
    border-right: 1px dashed #ccc;
    width: 10px;
    height: 300px;
    right: 40px;
    top: 20px;
    display: none;

}
    .navbar-default .navbar-toggle {
        border: none;
        font-size: 1.2em;
        padding: 12px 10px;
        color: #fff;
        -webkit-transition: .5s all;
        -moz-transition: .5s all;
        transition: .5s all;
    }
    .navbar-default .navbar-toggle:hover {
        letter-spacing: 5px;
    }
    .navbar {
        min-height: inherit;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background: none;
    }
    div#bs-example-navbar-collapse-1 {
        position: absolute;
        width: 100%;
        background: rgba(0, 0, 0, 0.85);
        z-index: 999;
        padding-bottom: .5em;
    }
    .banner-text p {
        margin-bottom: 1.5em;
    }
    .navbar-nav>li {
        margin: 0;
        display: block;
    }
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        font-size: 1em;
        padding: 1em 0.5em;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        text-align: center;
    }
    .header-top {
        padding: 0em 0 0.5em;
    }
    .navbar-default {
        background: #0856b4;
    }
    .logo.navbar-left {
        text-align: center;
    }
    .nav-right {
        padding: 0;
        margin: 0;
    }
     .header-nav ul.nav.navbar-nav {
    float: none;
    width: 100%;
    text-align: center;
 }
 .about-left-grid img {
    border: 1px solid #CCC;
    margin: auto;
    display: block;
    padding: 10px;
    width: 100%;
 }

.call_us a {

    position: fixed;
    float: right;
    top: 200px;
    padding: 10px;
    text-align: center;
    right: 0px;
    z-index: 9999;


}

.modal-dialog.width-h2 {
    width: 314px;
    margin:12% auto;
    border:5px solid #ddd;
}

}

@media screen and (max-width: 736px) {
    .header-top {
            height: 115px;
            background: #fff;
    }
    .nav-right ul li {
        padding: 0.8em 0 1em;
    }
    .about-left-grid img {
    border: 1px solid #CCC;
    margin: auto;
    display: block;
    padding: 10px;
    width: 100%;
 }
}

@media screen and (max-width: 568px) {
    .navbar-default .navbar-toggle {
        font-size: 1.1em;
        padding: 7px 10px;
    }
    .nav-right ul li {
        font-size: 1em;
    }
    .services-text {
    padding: 12px;
    background: rgb(245, 245, 245);
    height: 210px;
    margin-bottom: 30px;
}
.about-left-grid img {
    border: 1px solid #CCC;
    margin: auto;
    display: block;
    padding: 10px;
    width: 100%;
 }
  .call_us a {
    position: fixed;
    float: right;
    top: 200px;
    padding: 10px;
    text-align: center;
    right: 6px;
    z-index: 9999;
    background: #fcfcfc;
    border-radius: 50%;
    height: 100px;
    width: 100px;
}
  .call_us img {
    width: 60%;
    padding: 18px 0px;
}

}

@media screen and (max-width: 480px) {
    .nav-right ul li span.fa {
        margin-right: 8px;
        padding: 0;
    }
    .nav-right ul li {
        padding: 0.8em 0;
    }
     .feedback-info {
    margin: 0em !important;
    background: #fff;
    padding: 1em;
  }
  .carousel-control.right {
    right: 10px;
}

}

@media screen and (max-width: 414px) {
    .logo.navbar-left {
        float: none;
        text-align: center;
    }
    .nav-right ul li {
        padding: 0.5em 0 0;
    }
    .nav-right {
        width: 100%;
        text-align: center;
        float: none;
    }
    .logo.navbar-left {
        float: none;
        text-align: center;
    }
     .logo h1 a, .logo-nav-left h2 a {
    color: rgba(13, 94, 120, 0.97);
    font-size: 38px !important;
    text-transform: uppercase;
}
.header-top {
       height: 105px;
    background: #fff;
}

ul.nav-list {
    height: 65px;
    float: right;
    margin: -22px -17px auto;
}

 .nav-right ul li {
    margin: -8px 0em -3px;
    position: relative;
    right: 50px;
}

 .about-left-grid img {
    border: 1px solid #CCC;
    margin: auto;
    display: block;
    padding: 10px;
    width: 100%;
 }
  .line2::before {
    position: absolute;
    left: 36%;
    bottom: 25px;
    background: #0b3966;
    content: '';
    width: 100px;
    height: 4px;
    z-index: 9999;
    }

    .line2::after {
    position: absolute;
    content: '';
    width: 39%;
    background: #00a5ff;
    height: 2px;
    left: 31%;
    bottom: 26px;
    }
      .nav-right ul li {
    margin: -8px 0em -3px;
    position: relative;
    right: 50px;
   }
   ul.nav-list li h3 {
    font-size: 18px;
    color: navy;
    font-weight: bold;
    border: none;
    position: relative;
    bottom: 5px;
    }
    ul.nav-list {
    height: 65px;
    float: right;
    margin: -13px -15px auto !important;
}

  .navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    bottom: 20px;
}


 }

@media screen and (max-width: 375px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 0.9em;
        padding: 0.8em 0.5em;
    
    }
     ul.nav-list li h3 {
    font-size: 18px;
    color: navy;
    font-weight: bold;
    border: none;
    position: relative;
    bottom: 5px;
}
 ul.nav-list {
    height: 65px;
    float: right;
    margin: -13px -15px auto !important;
}
   
      .nav-right ul li {
    margin: -8px 0em -3px;
    position: relative;
    right: 50px;
 }

     .line2::before {
    position: absolute;
    left: 36%;
    bottom: 25px;
    background: #0b3966;
    content: '';
    width: 100px;
    height: 4px;
    z-index: 9999;
    }

    .line2::after {
    position: absolute;
    content: '';
    width: 39%;
    background: #00a5ff;
    height: 2px;
    left: 31%;
    bottom: 26px;
    }


    .nav-right ul li span.fa {
    margin-right: 5px;
    padding: 0 0.5em;
    color: #1da1f2;
    font-size:20px!important;
 }
   .logo h1 a, .logo-nav-left h2 a {
    color: rgba(13, 94, 120, 0.97);
    font-size: 30px !important;
    text-transform: uppercase;
 }
   .call_us img {
    width: 100% !important;
    padding: 0px 0px;
}
  .call_us a {
    position: fixed;
    float: right;
    top: 200px;
    padding: 10px;
    text-align: center;
    right: 6px;
    z-index: 9999;
    background: #fcfcfc;
    border-radius: 50%;
    height: 80px;
    width: 80px;
}
#a1{position: relative !important;left:10px;top:0px;}

 .wthree-footer-grid1 p, .wthree-footer-grid1 a {
    display: contents !important;
    letter-spacing: 1px;
    font-weight: 300;
    text-transform: capitalize;
}

}

@media screen and (max-width: 320px) {
    .nav-right ul li {
        padding: 0.5em 0;
        font-size: 1em;
        margin: 0 2px;
    }
      ul.nav-list {
    height: 68px;
    float: right;
    margin: -20px -17px auto;
   }

    .assigned {
    background: url(../images/ravi.jpg)no-repeat;
    background-size: cover;
    height: 56px;
    top: 20px;
    position: relative;
    }

    .logo h1 a, .logo-nav-left h2 a {
    color: rgba(13, 94, 120, 0.97);
    font-size: 30px !important;
    text-transform: uppercase;
 }
  .about-left-grid img {
    border: 1px solid #CCC;
    margin: auto;
    display: block;
    padding: 10px;
    width: 100%;
 }
  .raj img {
    width: 70px;
    height: 70px;
    margin: 25px 1px;
    background: #fff;
    border: 5px solid #ddd;
    border-radius: 50%;
    padding: 10px;
   }
    .raj figcaption h5 {
    color: navy;
    text-align: left;
    padding: 0px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

  #service p {
    text-align: center;
    color: #fff;
    font-size: 13px !important;
    text-align: left;
  }

  .address::after{display:none;}

  .choose h3 {
    text-align: center;
    color: #3a22b5;
    padding-bottom: 0em;
    font-size: 2em;
  }

}


/* -- //Responsive code -- */


/* //header-responsive */


/*-- banner slider--*/

.banner-bg {
    min-height: 645px;
}

.layer {
    background: url(http://www.example.com/main/404_not_found.html)repeat 0px 0px;
    background-size: 3px;
    -webkit-background-size: 3px;
    -moz-background-size: 3px;
    -o-background-size: 3px;
    -ms-background-size: 3px;
    min-height: 645px;
}

.banner-bg {
    background: url(http://www.example.com/main/404_not_found.html) no-repeat center;
    background-size: cover;
}

.banner-bg1 {
    background: url(http://www.example.com/main/404_not_found.html) no-repeat center;
    background-size: cover;
}

.banner-bg2 {
    background: url(http://www.example.com/main/404_not_found.html) no-repeat center;
    background-size: cover;
}

 
/*onload-popup*/

.text-center {
    text-align: center !important;
    color:#ddd;
}

.modal-body input, option{color:#fff !important;}


button.close.c3 {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin-top: -9px;
    background: maroon;
    width: 38px;
    height: 38px;
    border-radius: 77%;
    border: 1px solid #000;
    opacity: 1;
}
.btn-primary {
    background: #1dc1f8;
    border-left: 5px solid #0d8eb9;
    color: #FFF !important;
    transition: all ease-in-out 0.3s;
}
.modal-content {
    position: relative;
    -webkit-background-clip: padding-box;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px;
    background:#000 !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.2);
    border-image: initial;
    border-radius: 6px;
    outline: 0px;
}

 .form-control{ background:#000!important;color:#fff !important;}

 .modal-body input{color:#fff !important;margin-top:10px !important;}

 .modal-body option{margin--top:10px !important;}

 input.raju{width: 100%;padding-left:15px; color:#fff !important;margin-bottom:8px;}
 
 .modal-body input{color:#fff !important;}

.modal-dialog.width-h2 {
    width: 380px;
    margin:12% auto;
    border:5px solid #ddd;
}

.model {
      background: #000000ad !important;
}

/*//onload-popup*/
/*--responsive slider--*/

#slider2,
#slider3 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto;
}

.rslides_tabs li:first-child {
    margin-left: 0;
}

.rslides_tabs .rslides_here a {
    background: rgba(255, 255, 255, .1);
    color: #fff;
    font-weight: bold;
}

.events {
    list-style: none;
}

.callbacks_container {
    position: relative;
    float: left;
    width: 100%;
}

.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.callbacks li {
    position: absolute;
    width: 100%;
}

.callbacks img {
    position: relative;
    z-index: 1;
    height: auto;
    border: 0;
}

.callbacks .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    left: 0;
    right: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
    top: 10%;
    text-align: center;
}

.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    bottom: 355px;
    left: 0;
    z-index: 9;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    width: 62px;
    height: 62px;
    background: transparent url(http://www.example.com/main/404_not_found.html) no-repeat left top;
}

.callbacks_nav.next {
    left: auto;
    background-position: right top;
    right: 3%;
}

.callbacks_nav.prev {
    right: auto;
    background-position: left top;
    left: 3%;
}

#slider3-pager a {
    display: inline-block;
}

#slider3-pager span {
    float: left;
}

#slider3-pager span {
    width: 100px;
    height: 15px;
    background: #fff;
    display: inline-block;
    border-radius: 30em;
    opacity: 0.6;
}

#slider3-pager .rslides_here a {
    background: #FFF;
    border-radius: 30em;
    opacity: 1;
}

#slider3-pager a {
    padding: 0;
}

#slider3-pager li {
    display: inline-block;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    height: auto;
    border: 0;
}

.callbacks_tabs {
    list-style: none;
    position: absolute;
    top: 87%;
    left: 12%;
    padding: 0;
    margin: 0;
    /* display: block; */
    z-index: 99;
}

.slider-top span {
    font-weight: 600;
}

.callbacks_tabs li {
    display: inline-block;
    margin: 0;
}


/*----*/

.callbacks_tabs a {
    visibility: hidden;
}

.callbacks_tabs a:after {
    content: "\f111";
    font-size: 0;
    font-family: FontAwesome;
    visibility: visible;
    display: block;
    height: 7px;
    width: 20px;
    display: inline-block;
    background: #ffffff;
    border: 1px solid #ffffff;
    /* border-radius: 50%; */
    /* -webkit-border-radius: 50%; */
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}

.callbacks_here a:after {
    background: #0aab8a
}


/*-- //responsive slider --*/


/*-- slider-up-arrow --*/

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 6%;
    right: 3%;
    overflow: hidden;
    width: 32px;
    height: 32px;
    border: none;
    text-indent: 100%;
    background: url("../images/move-up.png") no-repeat 0px 0px;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}

#toTop:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#toTopHover {
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(1);
}


/*-- //slider-up-arrow --*/


/* footer */


/*-- //fixed social icons --*/

span.logo-ftr {
    background: #fff;
}

.footer-social {
    float: right;
    -webkit-box-shadow: 5px 10px 10px 0px rgba(216, 216, 216, 0.78);
    -moz-box-shadow: 5px 10px 10px 0px rgba(216, 216, 216, 0.78);
    box-shadow: 5px 10px 10px 0px rgba(216, 216, 216, 0.78);
    padding: 10px;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-color: #e4e4e4;
}

.footer-top {
    padding-bottom: 1em;
}

.footer-social ul li {
    display: inline-block;
}

span.icon_twitter {
    background: #1da1f2;
}

span.icon_facebook {
    background: #3b5998;
}

span.icon_dribbble {
    background: #ea4c89;
}

span.icon_g_plus {
    background: #dd4b39;
}

.footer-social ul li a {
    color: #212121;
}

.footer-social ul li span {
    margin-right: 10px;
    color: #fff;
    padding: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 15px;
    text-align: center;
}

.footer-social ul {
    padding: 0px;
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    transform: translate(0px, 0);
}

.footer-social ul li a {
    color: #212121;
}

.footer-social ul li:hover a {
    color: #fff;
    text-decoration: none;
}


/*-- //fixed wthree-social icons --*/

.footer-bottom {
    padding: 1em 0 3em;
}

.wthree-footer-grid1 h4,
.subscribe-grid h4,
.blog-text h5 {
    color: #fff;
    font-weight: 400;
    font-size: 26px;
    margin-bottom: 25px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}

.subscribe-grid h4 {
    display: inline;
    font-weight: 300;
    letter-spacing: 1px;
}

.footer-social h4 {
    color: #031f9a;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 20px;
}

.wthree-footer-grid1 ul li {
    margin: 15px 0;
    line-height: 4;
}

 .ftr-img input, textarea{width:100%;padding:10px;margin:5px;border:none;font-size:13px;color:#333;}

 .ftr-img textarea {margin:5px;} 

 .address{position:relative;}

 .address::after{
      position:absolute;
      content: '';
      border-right:1px dashed #ccc;
      width:10px;
      height:300px;
      right:40px;
      top:20px;
 }

.wthree-footer-grid1 ul li span {
    font-size: 1em;
    margin: 0px 15px 0 0;
}

.wthree-footer-grid1.address ul li span {font-size: 20px;margin: 0px 29px 0px 0;color: #fff;border: 1px dashed #ccc;width: 50px;
      height: 50px;padding: 14px 12px;border-radius: 50%;text-align: center;}

 #sumiit {background-color:#0deb14;color:#fff;font-weight:bold;font-size:16px;}

.wthree-footer-grid1 ul li a {
    color: #fff;
}

.wthree-footer-grid1 p,
.wthree-footer-grid1 a {
    display: inline;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 300;
    text-transform: capitalize;
}

.subscribe-grid p {
    color: #fff;
    font-weight: 600;
    font-size: 25px;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    word-spacing: 1px;
    line-height: 2;
}

.footer-main {
    /*background: url(../images/y3.jpg) center no-repeat;*/
    background-size: cover;
    background-color:#000;
}

.footer-dot {
    /* background: url(../images/dott.png)repeat 0px 0px; 
    background-size: 2px;
    -webkit-background-size: 2px;
    -moz-background-size: 2px;
    -o-background-size: 2px;
    -ms-background-size: 2px;*/
    padding: 3em 0 0;
}

.subscribe-grid img {
    width: 8%;
}

.subscribe-grid input[type="email"] {
   display: inline-block;
background: #fff;
border: none;
width: 48%;
outline: none;
padding: 10px;
font-size: 1em;
color: #000;
margin: 5px;
}

.subscribe-grid i.fa.fa-paper-plane-o {
    color: #FFFFFF !important;
    font-size: 1.2em !important;
}

.subscribe-grid form {
    width: 60%;
    margin: 20px auto 0;
}

.subscribe-grid button.btn1 {
    color: #ffffff;
    font-size: 1em;
    width: 28%;
    letter-spacing: 1px;
    border: none;
    outline: none;
    padding: 15px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    background: #153660;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.subscribe-grid {
    border:solid #64a6fb;
    border-width: 0px 4px 0px;
    border-radius: 10px;
    padding: 40px 0;
    background: rgba(0, 0, 0, 0.51);
}

button.btn1:hover {
    background: #000;
}

button.btn1:hover i.fa.fa-paper-plane-o {
    color: #2f2f2f !important;
}

.logo-nav-left.footer-top1 p {
    color: #ababab;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.cpy-footer {
    padding:0em 0 0;
}

.cpy-text {
    background:#000;
    margin:0px 0 0;
    border-top: 1px dashed #ccc;
}

.cpy-text p {
   text-align: center;
padding: 1em 0;
color: #fff;
}

.cpy-text p a {
    color: #fff;
}

.logo-nav-left.footer-top1 {
    float: left;
    padding: 10px;
}

.wthree-footer-grid1.ftr-img li {
    display: inline-block;
    width: 26%;
    margin: 2px;
}


/* -- footer responsive-- */

@media screen and (max-width: 1080px) {
    .wthree-footer-grid1 p,
    .wthree-footer-grid1 a {
        letter-spacing: 0.4px;
    }
    .wthree-footer-grid1 h4,
    .subscribe-grid h4 {
        font-size: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .subscribe-grid img {
        width: 10%;
    }
}

@media screen and (max-width: 991px) {
    .footer-dot {
        padding: 0;
    }
    .wthree-footer-grid1.ftr-img {
        width: 51%;
    }
    .wthree-footer-grid1:nth-child(4) {
        width: 49%;
    }
    .wthree-footer-grid1 {
        margin: 30px 0 0;
    }
    .subscribe-grid {
        padding: 40px 0;
    }
    .subscribe-grid form {
        width: 65%;
    }
    .subscribe-grid img {
        width: 15%;
    }
}

@media screen and (max-width: 900px) {
    .wthree-footer-grid1 h4,
    .subscribe-grid h4 {
        font-size: 22px;
    }
    .agileinfo-home-text h4 {
        font-size: 3.8em;
    }
}

@media screen and (max-width: 800px) {
    .w3ls-common-bg {
        min-height: 260px;
    }
    .agileinfo-home-text {
        padding-top: 6em;
    }
    .agileinfo-home-text h4 {
        font-size: 3.6em;
    }
}

@media screen and (max-width: 768px) {
    .subscribe-grid input[type="email"],
    .subscribe-grid button.btn1 {
        padding: 10px 15px;
    }
    .nav-list li:nth-child(2){
          display:block;
     }
     .header-nav ul.nav.navbar-nav {
    float: none;
    width: 100%;
    text-align: center;
    position: relative;
    left: 12%;
}
  .nav-right {

    text-align: center;
    float: right;
    margin-top: 0px;
    position: relative;
    right: 0px;
    top: -60px;

}

  .nav-right {

    margin: 0 0em;
        margin-top: 0px;

}

   .modal-dialog.width-h2 {
    width: 314px;
    margin:12% auto;
    border:5px solid #ddd;
    }

  .navbar-nav {

    float:none !important;
    margin: 0;

}

.header-nav {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 115px;
}
   

}

@media only screen and (max-width:767px){
       .logo.navbar-left img {
    margin: 0;
    width: 28%;
    float: left;
     }
      .logo.navbar-left img {
    margin: 0;
    width: 28%;
    float: left;
    } 

       .nav-right {

    text-align: center;
    float: right;
    margin-top: 0px;
    position: relative;
    right: 0px;
    top: 16px;
    }
     .header-nav ul.nav.navbar-nav {
    float: none;
    width: 100%;
    text-align: center;
    position: relative;
    left: 0%;
   }
}


@media screen and (max-width: 736px) {
    .subscribe-grid {
        padding: 20px 0 40px;
    }
    .w3ls-common-bg {
        min-height: 235px;
    }
     .nav-right ul li a {
    color: #000;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
    font-size: 30px;
}
 .nav-right ul li span.fa {
    margin-right: 5px;
    padding: 0 0.5em;
    color: #153660;
    font-size: 2.1em;
}
  .navbar-left {
    margin-top: 0px;
}
}

@media screen and (max-width: 667px) {
    .subscribe-grid form {
        margin: 16px auto 0;
    }
    .subscribe-grid p {
        font-size: 18px;
    }
    .footer-social ul li span {
        padding: 8px;
        width: 30px;
        height: 30px;
    }
    .section {
        padding: 3.5em 0;
    }
    .wthree-footer-grid1.res {
        width: 40%;
    }
    .wthree-footer-grid1.address {
        width: 60%;
    }
    .wthree-footer-grid1:nth-child(4) {
        width: 39%;
    }
    .wthree-footer-grid1.ftr-img {
        width: 61%;
    }
     .nav-right ul li a {
    color: #000;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
    font-size: 30px;
}
 .nav-right ul li span.fa {
    margin-right: 5px;
    padding: 0 0.5em;
    color: #153660;
    font-size: 2.1em;
}

  .nav-right ul li {
    padding: 0.8em 0 -1em;
}
    .nav-right {
    text-align: center;
    float: right;
    margin-top: 0px;
    position: relative;
    right: 0px;
    top: -72px;
} 
  .nav-right ul li {
    padding:0.8em 0 0em;
} 
  ul.nav-list li h3 {
    font-size: 28px;
    color: navy;
    font-weight: bold;
    border: none;
    position: relative;
    bottom: -29px;
}
}

@media screen and (max-width: 600px) {
    .subscribe-grid {
        padding: 20px 20px 40px;
    }
    .subscribe-grid form {
        width: 70%;
    }
    .footer-social {
        margin: 0 auto;
        text-align: center;
    }
    .cpy-footer {
        padding: 0;
    }

    ul.nav-list li h3 {
    font-size: 23px;
    color: navy;
    font-weight: bold;
    border: none;
    position: relative;
    bottom: -2px;
     }

    .benefits h3 {

    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    line-height: 2em;

}
}

@media screen and (max-width: 568px) {
    .subscribe-grid p {
        font-size: 16px;
    }
  ul.nav-list li h3 {
    font-size: 18px;
    color: navy;
    font-weight: bold;
    border: none;
    position: relative;
    bottom: 0px;
}  
  .nav-right ul li {
    padding: 0.8em 0 0em;
}  
 .assigned {
    background: url('../images/ravi.jpg')no-repeat;
        background-size: auto auto;
    background-size: cover;
    width: 100%;
    height: 45px;
    position: relative;
    top: 20px;
} 
.benefits h3 {

    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    line-height: 2em;

}
  ul.nav-list li h3 {
    font-size: 23px !important;
    color: navy;
    font-weight: bold;
    border: none;
    position: relative;
    bottom: -2px;
}

}

@media screen and (max-width: 480px) {
    .w3ls-common-bg {
        min-height: 210px;
    }
    .agileinfo-home-text {
        padding-top: 5.5em;
    }
    .agileinfo-home-text h4 {
        font-size: 3em;
    }
    .wthree-footer-grid1 h4,
    .subscribe-grid h4,
    .blog-text h5 {
        font-size: 20px;
    }
    .subscribe-grid form {
        width: 100%;
    }

.benefits h3 {

    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    line-height: 1 !important;

}
  .nav-right {
    text-align: center;
    float: right;
    margin-top: 0px;
    position: relative;
    right: 12px;
    top: -8px;
}
  .logo.navbar-left img {
    margin: 0;
    width: 30%;
    float: none;
  }
    ul.nav-list li h3 {
    font-size: 18px !important;
    color: navy;
    font-weight: bold;
    border: none;
    position: relative;
    bottom: 0px;
   }
    .nav-right ul li a {font-size:24px;}
    .nav-right ul li span.fa {font-size:23px;}
    .footer-social {
        margin: 0 auto;
        text-align: center;
        float: none;
    }
    .nav-right,
    .footer-social {
        float: none;
    }
    .footer-social {
        width: 50%;
        text-align: center;
        margin: auto;
    }
    .nav-right ul li {
        margin: 0 2em;
        padding: 0;
    }
    ul.nav-list {
    height: 65px;
    float: right;
    margin: -8px -17px auto;
    }
    .navbar-nav {
        margin: 0 0 0.5em;
    }
    .wthree-footer-grid1,
    .wthree-footer-grid1.address {
        width: 100%;
        float: none;
    }
    .wthree-footer-grid1:nth-child(even) {
        margin: 30px 0 0;
    }
    .subscribe-grid img {
        width: 18%;
        margin: 10px auto;
        display: block;
    }
    .footer-social h4 {
        font-size: 18px;
    }
    .subscribe-grid p {
        margin-top: 7px;
    }
    .wthree-footer-grid1.res,
    .wthree-footer-grid1.ftr-img {
        width: 100%;
    }
     .feedback-info {
    margin: 0em !important;
    background: #fff;
    padding: 1em;
   }
   ul.nav-list li h3 {
    font-size: 18px;
    color: navy;
    font-weight: bold;
    border: none;
    position: relative;
    bottom: -20px;
}
}

@media screen and (max-width: 414px) {
    .w3ls-common-bg {
        min-height: 180px;
    }
    .agileinfo-home-text {
        padding-top: 4.5em;
    }
    .agileinfo-home-text h4 {
        font-size: 3em;
    }
    .navbar-nav {
        margin: 0 0 0.5em;
    }
    .w3l-index-banner-info {
        padding: 4em 0 0;
    }
    .footer-social {
        margin: 0.7em auto 0;
        width: 59%;
    }
    .subscribe-grid img {
        width: 27%;
        display: block;
        margin: 0 auto 10px;
    }
    .footer-top {
        padding-top: 1em;
    }
    ul.nav-list li h3 {
    font-size: 18px !important;
    color: navy;
    font-weight: bold;
    border: none;
    position: relative;
    bottom: -1px;
  }

  .line2 {
    position: relative;
    display: none;
}
 .about-left-grid p {
    margin: -13px auto;
    color: #000;
    font-size: 15px;
    line-height: 2em;
    text-align: justify;
    font-weight: 400;
  }

}

@media screen and (max-width: 384px) {
    .agileinfo-home-text h4 {
        font-size: 2.8em;
    }


      ul.nav-list li h3 {
    font-size: 18px !important;
    color: navy;
    font-weight: bold;
    border: none;
    position: relative;
    bottom: -1px;
}
    .header-nav {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 123px;
}
 .header-nav {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 123px;
}
 .logo.navbar-left img {
    margin: 0;
    width: 28%;
    float: none !important;
}
  .nav-right {
    text-align: center;
    float: right;
    margin-top: 0px;
    position: relative;
    right: 0px;
    top: 0px;
}
.logo.navbar-left img {

    margin: 0 auto;
    width: 35%;
    display: block;

}
  ul.nav-list li h3 {
    font-size: 28px;
    color: navy;
    font-weight: bold;
    border: none;
    position: relative;
    bottom: 5px !important;
}

  .nav-right ul li a {
    color: #000;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
    font-size: 25px !important; 
   }

   .nav-right ul li span.fa {
    margin-right: 0px !important;
    padding: 0 0em !important;
    color: #1da1f2;
    font-size: 25px !important;
  }
   .group {
    width: 100%;
    text-align: left;
}
 .group a {
    color: #ddd;
    font-size: 15px !important;
}

 .group i {
    color: #ddd;
    border: 1px dashed #ccc;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
    padding: 5px;
    margin-top: 15px;
}
 .group {
    width: 100%;
    text-align: left;
}
 .group a {
    color: #ddd;
    font-size: 15px;
}
 .nav-right {
    text-align: center;
    float: right;
    margin-top: 0px;
    position: relative;
    right: 0px;
    top: -8px;
  }
   ul.nav-list {

    height: 65px;
    float: right;
    margin: -5px -56px auto !important;

   }

  .client {
    padding: 0em 0px 0em 0px;
    position: relative;
    top:50px;
}

  .section {
    padding:5em 0 1em;
}

h3.index-title {
    font-size: 1.2em;
}
h3.index-title {
    color: #20418a;
    font-size: 2.8em;
    font-weight: 700;
    text-align: center;
    margin-bottom: 3em !important;
    position: relative;
    top: 29px !important;
}
.navbar {
    position: relative;
    height:30px !important;
    margin-bottom:0px !important;
    border: 1px solid transparent;
}


  .navbar {
  position: relative;
  min-height:34px !important;
  margin-bottom: 0px !important;
  border: 1px solid transparent;
}

  .raj figcaption h5 {
    color: navy;
    text-align: left;
    padding: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}


    .subscribe-grid input[type="email"],
    .subscribe-grid button.btn1 {
        width: 90%;
    }
    .footer-social {
        width: 63%;
    }
    .subscribe-grid {
        padding: 20px 5px 40px;
    }
    .nav-right ul li {
          margin: -6px 0em -3px;
    position: relative;
    right: 50px;

    }

     .line2::before {
    position: absolute;
    left: 36%;
    bottom: 25px;
    background: #0b3966;
    content: '';
    width: 100px;
    height: 4px;
    z-index: 9999;
    }

    .line2::after {
    position: absolute;
    content: '';
    width: 39%;
    background: #00a5ff;
    height: 2px;
    left: 31%;
    bottom: 26px;
    }
  .client img {
    box-shadow: 0px 5px 10px #ddd;
    height: auto;
    width: 18%;
    z-index: 999;
}

#jssor_1 {
    position: relative;
    margin: -11px auto;
    top: 155px;
    left: 0px;
    width: 1300px;
    height: 370px;
    overflow: hidden;
    visibility: hidden;
}

 .client {
    padding: 8em 0px 0em 0px;
}

}

@media screen and (max-width: 375px) {
    .footer-social {
        width: 65%;
    }
     .client img {
    box-shadow: 0px 5px 10px #ddd;
    height: auto;
    width: 16% !important;
    z-index: 999;}
     .navbar {
  position: relative;
  min-height:34px !important;
  margin-bottom: 0px !important;
  border: 1px solid transparent;
}

   #service {
    background: url(../images/satisfaction.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    padding-bottom: 2em !important;
}


  .grid_view {
    display: flex;
    background-color: #fff;
    margin-top: 1em !important;
    padding:5px;
    height: 159px !important;
    border-radius: 4px;
}

    .client {
    padding: 8em 0px 0em 0px !important;
    }

    .agileinfo-home-text h4 {
        font-size: 2.5em;
    }

    #jssor_1 {
    position: relative;
    margin: -10px auto;
    top: 146px !important;
    left: 0px;
    width: 1300px;
    height: 370px;
    overflow: hidden;
    visibility: hidden;
}
}

@media screen and (max-width: 320px) {
    .nav-right ul li {
        margin: 0 0.5em;
    }

.nav-right ul li a {

    color: #000;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
    font-size: 15px;

}
    .nav-right ul li span.fa {
        margin-right: 5px;
        font-size: 20px;
    }
    .footer-social {
        width: 77%;
    }
    .wthree-footer-grid1,
    .wthree-footer-grid1.address {
        padding: 0;
    }
    .wthree-footer-grid1.address ul li span {
        margin: 0px 6px 0 0;
    }
    .footer-bottom {
        padding: 0em 0 3em;
    }
    .wthree-footer-grid1 h4,
    .subscribe-grid h4 {
        font-size: 19px;
    }
}


/* -- //footer responsive-- */