html,
body {
    height: 100%;
}
body p
{
  text-align: justify;
}

.carousel,
.item,
.active {
    height: 100%;
}
@media (min-width: 320px) and (max-width: 420px)
{
  .carousel-item img 
  {
    max-height: 300px;
  }
  .why
  {
     max-height: 300px;
  }
img.index3 {
    max-width: 101%;
    margin-bottom: 2%;
}
.single-footer-widget.text-white {
    margin-left: 14%;
}
div#foot-end {
    margin-left: 2%;
}
body p
{
    margin-left: 2%;
    margin-right: 2%;
}





}
.h3-responsive {
    font-size: 29px;
    margin-top: 4%;
}

.carousel-inner {
  height: 100%;
  background: #000;
}

.carousel-caption{padding-bottom:20%;}

h2{font-size: 35px;}
p{padding:10px}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity:0.6;
}

#mainServices{
  background-color: #040481;
}
.margin{
  margin: 15%;
}

.fa:hover {
    opacity: 0.7;
    color: red;
}
.fa {
    padding: 20px;
    font-size: 16px;
    width: 60px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
} 
.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}
.fa-skype {
  background: #00aff0;
  color: white;
}




/**
 * Button
 */
.btn-transparent {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.btn-transparent:hover {
  background-color: #fff;
}

.btn-rounded {
  border-radius: 70px;
}

.btn-large {
  padding: 11px 45px;
  font-size: 18px;
}

/**
 * Change animation duration
 */
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


#services p{
  color: #fff;
  text-align: justify;
  font-size: 16px;
}
#services h1, #services h3{
  color: #fff;
  font-weight: bold;
}
#contractStaffing h2,#MLMH h2, #corporate h2, #Refer h2, #Work4Home h2{
      font-weight: bold;
      color: #fff;
      margin-top:60px;
    }

#ELH h2, #executive h2, #ResumeWriting h2, #SubmitResume h2{
  font-weight: bold;
  color: #fff;
  margin-top:60px;
}
.description{
   color:#fff;
   text-align: justify;
   font-size: 16px;
}
#contractStaffing{
  color:#fff;
}





* {
    box-sizing: border-box;
}

.columns {
    float: left;
    width: 33.3%;
    padding: 8px;
}

.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.price .header {
    background-color: #111;
    color: white;
    font-size: 25px;
}

.price li {
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
    color:#fff;
}

.price .grey {
    background-color: #eee;
    font-size: 20px;
}

.button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}

@media only screen and (max-width: 600px) {
    .columns {
        width: 100%;
    }
}
.carousel-caption br
{
  line-height: 0.9;
}

@media (min-width: 320px) and (max-width: 420px)
{
  .carousel-item img 
  {
    max-height: 300px;
  }
  .why
  {
     max-height: 300px;
  }
img.index3 {
    max-width: 101%;
    margin-bottom: 2%;
}
.single-footer-widget.text-white {
    margin-left: 14%;
}
div#foot-end {
    margin-left: 2%;
}
a.nutantek.text-white {
    margin-left: 17%;
}
}
.lifeplus
{
  max-height: 250px;max-width: 90%;
}
.nutantek.text-white {
    margin-left: 42%;
}
#carousel-example-1z {
    margin-top: 8%;
}
.cl4

{
  max-height: 150px;
}
.cl11
{
  max-height: 150px;
}
.jk
{
  font-size: 30px;
}
.number
{
  font-size: 20px;
}
.careerbanner
{
  width:100%; height:680;
}
.tophead
{
  margin-top: 8%;
}