﻿body{margin:0; padding:0; font-size:16px; font-family: 'Open Sans', sans-serif; }
p{padding:0 0 10px 0;margin:0;text-align:justify;}
h1{padding:0; margin:0 0 10px 0;  font-family: 'Fjalla One', sans-serif;}
h2,h3,h4,h5{padding:0; margin:0 0 10px 0;  font-family: 'Fjalla One', sans-serif;}
a{text-decoration:none}
/*ul li{line-height:21px;}*/
img{border:0;}

.clear{ clear:both;}
h1{font-size:35px;}
h2{font-size: 26px;}
.fbicons ul{ margin:0; padding:0;}
.fbicons{width: 20%;float: left;text-align: center;}
.fbicons li{display:inline-block;padding: 8px 6%;}
.call{width: 70%;float: right;margin: 8px 3% 0 7%;}
.call p,.call a{color:#fff;text-align: right;font-size: 14px;}
.call img,.fbicons img,.staffpic img,.staffingpic img,.staffingsolutions img,.readmore img,.clients img,.happyclientspic img,.visionmissiondiv img,.footer img,.staffcnt img{max-width:100%;}

.header{background-color: #2b3998;}
.logo{width: 20%;float: left;text-align: center;margin: 10px 0 0 0;}
.logo img{max-width:100%;}
.homemenu{width: 75%;float: right;margin: 0 2.5%;}
.homemenu ul{ margin:0; padding:0;text-align: right;}
.homemenu li{display:inline-block;padding: 30px 0 0 1.5%;height: 60px;}
.homemenu li a{color:#000;font-size: 14px;}
.banner { position:relative;}
.banner,.slidebanner{background-image:url("../images/homebannerbg.jpg");background-repeat:no-repeat;background-size: cover;}
/*.staffcnt li{list-style-image:url("../images/rightbannerarrow.png");padding: 5px 0.5%;}*/
.banner ul{ margin:0; padding:0;text-align: center;}
.banner li{display:inline-block;width: 90%;}
.corestaffing h2, #hrsolutions h4{background-image:url("../images/headdingmiddleline.png");background-repeat:no-repeat;background-size: contain;background-position: center;}
/*.happyclientsheading{background-image:url("../images/clientheaddinglinemiddleline.png");background-repeat:no-repeat;background-size: contain;background-position: center;}*/
.staffpic{width: 60%;float: left;}
.staffcnt{width: 35%;float: right;margin: 80px 0 0 5%;}
.staffcnt h1{color: #fff;text-align: left; font-size:42px;font-family: 'Oswald', sans-serif;}
.staffingcnt{width: 90%;margin: auto;padding: 80px 0;}
.staffcnt ul{ margin:0; padding:0;text-align: left;}
.staffcnt li{color:#58a9c9;padding: 5px 1.5%;display: inline-block;width:auto;font-size: 15px;}
.becomepartner{color:#0091b8}
.behappyheading{font-weight: lighter;padding-bottom: 20px;}
.shineinfo h1{text-align:center}
.shineinfo{margin: 60px auto 0 auto;width: 85%;}
.contact{background-color: #0091b8;width: 20%;margin: 20px auto 0 auto;}
.contact a{color:#fff}
.contact p{ text-align:center;padding: 8px 0;}
#email{padding-left: 6%;}
.contact img{vertical-align: top;max-width: 10%;}
.staffingsolutions ul{margin:0; padding:0;text-align: center;}
.staffingsolutions li{display:inline-block;width: 33%;vertical-align: middle;padding: 25px 0;}
.staffingsolutions{ position:relative;padding-top: 60px;}
.corestaffing h2,.happyclientsheading h2{ font-size:1.75em;font-family: 'Fjalla One', sans-serif;}
#hrsolutions h4 { font-size:1.375em;font-family: 'Fjalla One', sans-serif;}
.staffingsolheading{color:#0091b8}
.staffingsolutions p{ text-align:center;font-size: 18px;}
.staffing ul{margin:0; padding:0;}
.staffing{width: 90%;margin: 40px auto;}
.rmtop{padding-top: 0;}
.staffing li{display:inline-block;width: 30%;
padding: 10px 0.5%;vertical-align: top;}
/*.staffingalign{height: 180px;}*/
.staffingpic{width: 15%;float: left;}
.staffingdetails{width: 80%;float: right;margin-right: 5%;}
.staffingdetails p{font-size: 14px;text-align: justify;}
.readmore{text-align:right!important;font-weight: bold; font-size:13px;}
.readmore a:hover .sprite-readmorehome{display:none}
.readmore a:hover .sprite-readmorehome1{display:inline-block}
.readmore a:hover .sprite-readmorehr{display:none}
.readmore a:hover .sprite-readmorehr1{display:inline-block}

.readmore .sprite-readmorehome1, .readmore .sprite-readmorehr1{display:none}
.happyclients{background-color: #000;position: relative;}
.happyclientsheading h2,.happyclientscnt {color:#fff}
.happyclientsheading h2{background-image: url("../images/clientheaddinglinemiddleline.png");
background-repeat: no-repeat;background-size: contain;background-position: center;}
.behappyheading{font-family: 'Antic', sans-serif;}
.clients ul{ margin:0; padding:0;text-align:center}
.clients li{display:inline-block;padding: 25px 8% 30px 8%;width: 60%;
vertical-align: top;}
.happyclientspic{position: absolute;margin-top: -40px;text-align: center;
width: 100%;}
.visionmissiondiv ul,.footer ul{margin:0; padding:0;}
.visionmissiondiv{width: 90%;margin: 60px auto;}
.visionmissiondiv li{ display:inline-block;width: 25%;vertical-align: top;padding: 20px 4%;}
.visionmissiondiv li p,.visionmissiondiv h3{ text-align:center}
.visionmissiondiv li p:last-child{font-size: 14px;text-align: justify;}
.footerbg{ background-color:#000}
.footer{ width:90%; margin:auto}
.footer li p{color:#fff;text-align: left;font-size: 13px;}
.footer li{display: inline-block;width: 20%;vertical-align: top;padding: 20px 2%;}
.abtlft{width: 50%;float: left;}
.abtrgt{width: 50%;float: right;}
.copyright p,.copyright a{ font-size:13px;color: #c8c8c8;text-align:center}
.footerdiv{width:90%; margin:auto;background-color:#202020;border-top: 2px solid #0092ba;}
.copyright{padding: 20px 0;width: 65%;float: left;}
.footermenu{width: 35%;float: right;}
.footer li:first-child{padding-left: 0;}
.footer li:last-child{padding-right: 0;}
.footermenu ul{margin:0; padding:0; text-align:right}
.footermenu li a{color: #c8c8c8;font-size: 13px;}
.footermenu li{ display:inline-block;padding: 20px 5%;}
.footer li p:first-child{ font-weight:bold;}
.abtlft p:first-child,.abtrgt p:first-child{font-weight: lighter !important;}
.readmore a{color: #00a1cb;}
.top {
    position: fixed;
    bottom: 100px;
    display: none;
    right: 20px;
    z-index: 10000000 !important;
}
#innermobilemenus{display:none;}
.visionmissiondiv ul {
       text-align: center;
}
.footermob{ display:none;}
.callicon{display:none;}
.subcatmenu li{ background-image:none;}
.subcatmenu>li:hover{ background-image:none} 
.subcatmenu li img{ padding:5px; vertical-align:middle}
.aboutpic{display:none;}
.stickybottom{background-color: #fff;width: 100%;z-index: 100;border-top: 3px solid #00a1cb;}
.menudiv{border-bottom: 1px solid #afafaf;background-color: #d8dbf1;}
.greyline{border-top: 5px solid #e1e1e1;}
.readmore img{ vertical-align:middle} 
.staffingsolutions li:first-child,.staffingsolutions li:last-child{margin-top: -4px;}

 .bannerlist {
  list-style-type: none;
  overflow: hidden;
  padding: 0;
}

 


.bannerlist li {
  transform: translateX(-100%);
  transition: transform 0.5s, opacity 2s;
  opacity: 0;
}

  .show {
  opacity: 1!important;
  transform: translateX(0%)!important;
}

.icons a:hover .sprite-fbicon{display:none}
.icons a:hover .sprite-fbicon1{display:inline-block!important}
.sprite-fbicon1{display:none!important}

.icons a:hover .sprite-twittericon{display:none}
.icons a:hover .sprite-twittericon1{display:inline-block!important}
.icons .sprite-twittericon1{display:none!important}

.icons a:hover .sprite-googleplus{display:none}
.icons a:hover .sprite-googleplus1{display:inline-block!important}
.icons .sprite-googleplus1{display:none!important}

.icons a:hover .sprite-linkedin{display:none}
.icons a:hover .sprite-linkedin1{display:inline-block!important}
.icons .sprite-linkedin1{display:none!important}

#bannerhead { text-align:center!important;}
.visionhead { text-transform:uppercase;text-align: center;font-size: 1.375em;}
.visionhead span { color: #0091b8;}
.coremain { display: table;}
.stafcontent { display:table-cell;    width: 30%;padding: 10px .5% 0 0.5%;vertical-align: top;}
.visionsubhead { font-family: 'Antic', sans-serif;font-weight: lighter;}
.aligncent { text-align:center!important}
.bannerlist li img{width:12px}
/*Master*/
.innerbanner{background-image:url("../images/innerpagebg.jpg");background-repeat:no-repeat;background-size: cover;margin: 0 auto 20px;position: relative;}
.innerbanner img{max-width: 85%;}
.bannerpic{width: 65%;float: left;margin: 20px auto;}
.bannercnt{width: 35%;float: right;margin: 150px 0 0 0;}
.bannercnt h1{color: #0091b6;text-align: center;font-size: 34px; text-transform:uppercase;font-weight: 700;font-family: 'oswald', sans-serif;}
.bannerpic p{text-align: right;padding-bottom: 0;}
.innerbreadcrump{width: 25%;background-color: #fff;position: absolute;text-align: center;right: 60px;border-top: 2px solid #4a4a4a;padding-top: 5px;font-size: 13px;bottom: 0;}
.breadcrump a{color:#000;font-size: 13px;}
.breadcrumbpage{font-size: 13px;color:#58a9c9}
.breadcrump img,.innerbreadcrump img{width: 2%;vertical-align: middle;}
.innercontentdiv{width:90%;margin:auto}
.pageheading h1, .pageheading h3{color: #00a1cb;}
.pageheading{margin: 10px 0; width:70%;}
.innercntlft{width:70%; float:left}
.enquiryform{position: absolute;top: 16px;right: 88px;}
.enquiryformdiv{position: relative;}
.textbox input,.resumetextbox input,.cnttextbox input,#drpemployees,#drpservices,textarea,#drpfrmservices{
    max-width: 100%;
    border: none;
    width: 100%;
    border-bottom: 1px solid #999;
   background-color: #fff;
   color: #5c5c5c;
}
.menuiconlft{width: 20%;float: left;}
.menuiconlft img{ vertical-align:middle;max-width:100%}
.headingrgt{width: 75%;float: right;margin: 10px 0 0 0 !important;}
.textbox,.resumetextbox,.formdropdown{padding: 20px 0;}
#drpfrmservices{ text-align:left;}
.submitbutn,.uploadbutn,.submitbutncnt {
    background-color: #0191b4;
    padding: 10px 40px;
    display: inline-block;
    border: 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
    margin-top: 5px;
    font-size: 18px;
    font-weight: lighter;
}
.enquiryform h3{color: #00a1cb;letter-spacing: 2px;}
.submitcontact{padding-bottom: 30px;text-align: center;}
#submitres{padding: 30px 0%;}
.phoneicon a{color:#fc7005;font-size: 18px;font-weight: bold;}
.footer a{color:#fff}
.innercontent li{list-style-image:url("../images/rightbulletarrow.png");padding: 2px 0;}
.black{color:#000;}
.pageheading h1{ font-size:2.125em;}


.innercontent h2{color: #00a1cb;}
.innercontent ul{padding-bottom: 10px;margin: 0;}
.footer li p a:hover,.footermenu li a:hover,.footermobmenu a:hover{color:#00a1cb;}
.readmore a:hover{color:#000;}
.call p:hover,.call p a:hover,.call:hover{color:#c2c1c1;}
.phoneicon img{ max-width:100%;vertical-align: middle;}
#txtRequirement{font-family: 'Open Sans', sans-serif;font-size: 12.5px;color: #999;}
.cntrgt h3,.staffingsolutionsdiv h3{font-family: 'Open Sans', sans-serif;}
.drparrow{vertical-align: middle;max-width: 100%;}
/*.sf-menu li{list-style-image:url("../images/dropdownarrow.png")!important;padding: 5px 0.5%!important;}*/


/*About us*/
.about{color:#000}
.blue{color: #00a1cb;}
.cntpadding{padding:10px 0}
.cntlft ul,.cntrgt ul{margin-top: 0;
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 0;}
.cntlft li,.cntrgt li{padding: 6px 0;}
/*.cntpadding li{list-style-image:url("../images/rightbannerarrow.png");padding: 5px 0.5%;}*/
.cntlft{width:50%; float:left;margin-right: 5%;}
.cntrgt{width:45%; float:right;}


/*Clients*/
.clientsdiv ul,.clientimages ul{margin:0; padding:0;text-align: center;}
.clientsdiv li,.clientimages li{display:inline-block;width: 20%;padding: 15px 2%;vertical-align: top;}
.clientsdiv img,.clientimages img{ max-width:100%;}
.clientsdiv p:first-child,.clientimages p:first-child{border: 3px solid #e3e3e3;padding: 10px;height: 50px;text-align: center;}
.clientsdiv h3,.clientimages h3{padding: 15px 0 0 0;text-align: left;text-transform: uppercase;font-size: 16px;}
.clientimages img {
     height: 50px;
    object-fit: contain;
    text-align: center;
}
.clientline img{height:auto!important;}
/*Compliance*/
.scope{color: #00a1cb;}

/*Upload Resume*/
.resumetextbox input{width:60%!important;font-size: 15px;color: #313131;}
.resumetextbox{text-align: center!important;}
.uploadbutn{background-color: #686868;padding: 5px 15px;font-size: 14px;margin-left: 20%;}
.uploadbutn{cursor: unset;}
#flpResume{cursor:pointer;float: right;width: 25%;margin-top: -6px;}
.resume{width: 60% !important;margin: auto;border-bottom: 1px solid #999;padding: 20px 0 0 0;font-size: 14px;
color: #b8b8b8;}
/*Contact*/
.contactname {
    float: left;
    width: 20%;  
    text-align: left;font-size: 15px;padding: 10px 0;
}
.cnttextbox,.dropdown{width: 80%;float: right;padding: 7px 0;}
.cntenquiryform{margin: 20px 5%;}
.cntbg{width: 40%;
background-color: #fff;
position: absolute;
top: 170px;
left: 5%;}
.cntenquiryform h2{color: #0091b7;}
.submitbutncnt{padding: 5px 112px !important;margin-top: 30px!important;}
.cntdetails{margin: 170px auto 45px auto;width: 90%;}
.cntdetails ul,.cntdetailsmob ul{ margin:0; padding:0; text-align:left}
.cntdetails li{ display:inline-block;padding:10px 0;width: 33%;vertical-align: top;}
.cnticon{width: 25%;float: left;text-align: right;padding-right: 5%;}
.cntinfo{width: 70%;float: right;}
.cntdetails img{ max-width:100%}
.cntinfo a{color: #1c1c1c;font-size: 17px;}
.cntinfo{color: #1c1c1c;font-size: 17px;}
.cntdetailsmob{ display:none;}
#drpemployees,#drpservices{ text-align:center}
.cnticon img{ max-width:100%;}

input:focus, textarea:focus, select:focus{ outline: none; }
 ::placeholder {
   color: #bdc5c5;
   opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bdc5c5;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#bdc5c5;
}

/*hrtraining*/
.training{text-align: center;font-weight: bold;}
.staffingsolutionsdiv a{color:#000;}

loading

#page {
    display: none;
}
#loading {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image:url("../images/Loading.gif");
    background-repeat: no-repeat;
    background-position: center;
}


.homemenu img{max-width:100%;}

/*Sprite*/

.sprite {
    background-image: url(../images/spritepics.png);
    background-repeat: no-repeat;
   display: inline-block;
}

.sprite-breadcrumparrow {
    width: 8px;
    height: 11px;
    background-position: -5px -5px;
    
}

.sprite-calliconhome {
    width: 12px;
    height: 13px;
    background-position: -23px -5px;
}

.sprite-calliconinnerpage {
    width: 16px;
    height: 19px;
    background-position: -45px -5px;
}

.sprite-droparrow {
    width: 11px;
    height: 6px;
    background-position: -71px -5px;
    vertical-align: middle;
}

.sprite-fbicon {
    width: 7px;
    height: 13px;
    background-position: -92px -5px;
}

.sprite-fbicon1 {
    width: 7px;
    height: 13px;
    background-position: -109px -5px;
}


.sprite-googleplus {
    width: 20px;
    height: 12px;
    background-position: -111px -28px;
}

.sprite-googleplus1 {
    width: 20px;
    height: 12px;
    background-position: -111px -50px;
}

.sprite-linkedin {
    width: 30px;
    height: 30px;
    background-position: -5px -68px;
}

.sprite-linkedin {
    width: 14px;
    height: 13px;
    background-position: -45px -72px;
}

.sprite-linkedin1 {
    width: 14px;
    height: 13px;
    background-position: -69px -72px;
}

.sprite-readmorehome {
    width: 18px;
    height: 17px;
    background-position: -93px -72px;
    vertical-align: middle;
}

.sprite-readmorehome1 {
    width: 18px;
    height: 17px;
    background-position: -45px -99px;
      vertical-align: middle;
}
.sprite-readmorehr {
    width: 18px;
    height: 17px;
    background-position: -93px -72px;
    vertical-align: middle;
}

.sprite-readmorehr1 {
    width: 18px;
    height: 17px;
    background-position: -45px -99px;
      vertical-align: middle;
}
.sprite-stackoverflow {
    width: 30px;
    height: 30px;
    background-position: -73px -99px;
}

.sprite-topicon {
    width: 42px;
    height: 42px;
    background-position: -141px -5px;
}

.sprite-tumblr {
    width: 30px;
    height: 30px;
    background-position: -141px -57px;
}

.sprite-twitter {
    width: 30px;
    height: 30px;
    background-position: -121px -97px;
}

.sprite-twittericon {
    width: 16px;
    height: 12px;
    background-position: -161px -97px;
}

.sprite-twittericon1 {
    width: 16px;
    height: 12px;
    background-position: -5px -119px;
}

.shineinfo h3{text-align:center; font-size:1.375em;}

.cntlft h4, .cntrgt h4{ font-size:18px;color: #00a1cb;}


.pageheading h3 { background-image: url(../images/blueline.png);background-repeat: repeat-x;display: inline-block;background-position: bottom;font-size:1.375em;}
.innercontent h4 { color: #00a1cb; font-size:1.125em; letter-spacing:1px;}
.staffingsolutionsdiv h2 { font-size:1.75em;}
.custsolution { color: #00a1cb; font-size:1.375em; font-family: 'Fjalla One',sans-serif!important}
.staffingalign h4 { font-size:1.125em; }
.staffingalign h4 a{ color:#000000;}
.staffcnt span, .happyclientsheading span { color: #00a1cb;}

.clients li p { border: 3px solid #e3e3e3;padding: 10px;height: 50px;text-align: center;background-color: #fff;}
/*.clients li img { height: 50px;object-fit: contain;text-align: center;}*/
.enquiryform h4 { letter-spacing:2px;}
.staffingalign h3 a { color:#000000;}
#corestaffinglist .staffingalign h4:hover a{ color:#0091b7;}
.staffing .staffingalign h3:hover a{ color:#0091b7;}
.coremaindiv, .rdmore { display:table-row;}
.readmore { display:table-cell;padding-right:2%}



.stripe-full,
.stripe-bfixw {
    position: relative;
    margin-bottom: 30px
}

.stripe-over:after,
.stripe-over:before,
.stripe-full:after,
.stripe-full:before,
.stripe-bfixw:after,
.stripe-bfixw:before {
    content: "";
    position: absolute;
    bottom: -15px
}

.stripe-full.stripe-1:after {
    height: 0;
    border: 0
}

.stripe-bfixw:after,
.stripe-bfixw:before {
    left: 50%;
    width: 50px;
    margin-left: -25px
}

.stripe-over:after,
.stripe-over:before,
.stripe-full:after,
.stripe-full:before {
    left: 0;
    width: 100%
}

.stripe-over:after,
.stripe-full:after,
.stripe-bfixw:after {
    height: 5px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede
}

.stripe-over:before,
.stripe-full:before,
.stripe-bfixw:before {
    height: 3px;
    border-top: 1px solid #dedede
}

.stripe-over {
    display: inline-block;
    position: relative;
    margin-bottom: 0
}

.stripe-over:after,
.stripe-over:before {
    bottom: -15px;
    z-index: 2
}

.stripe-blue:after,
.stripe-blue:before {
    border-color: #00a1cb
}

.title-container {
    overflow: hidden
}

.striped-title {
    display: inline-block;
    position: relative;
    z-index: 0
}

.striped-title:after,
.striped-title:before,
.stripe-t-left:after,
.stripe-t-left:before,
.stripe-t-right:after,
.stripe-t-right:before,
.stripe-t-back:after,
.stripe-t-back:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3px
}

.stripe-t-back:after,
.stripe-t-back:before {
    left: 0;
    right: 0;
    z-index: -1
}

.stripe-t-left:after,
.stripe-t-left:before {
    width: 1100px;
    right: 100%;
    margin-right: 40px
}

.stripe-t-right:after,
.stripe-t-right:before {
    width: 1100px;
    left: 100%;
    margin-left: 40px
}

#mobreadmore { display:none;}

.bannerheading { font-size:32px!important;} 

.stafpic { margin-top:130px;}
.stafpic span { color:#ffffff;}
.staffdesc{ font-size:30px!important; text-transform:uppercase;}
.staffdesc img, .bannerlist li img { padding-right:5px;}
.show { text-align:center!important;}
.staffcnt ul, .staffcnt h1 { text-align:center!important;}
.stafpic li { font-family: 'Oswald', sans-serif;}

  @media(max-width:1300px)
  {
  #flpResume {width: 40%;text-align: center;}
  .cntenquiryform {margin: 20px 3%;}
  .corestaffing h2, .happyclientsheading h2 {font-size: 25px;}
  .enquiryform {right: 20px;}
  .cntinfo,.cntinfo a {font-size: 15px;}
  .bannerheading { font-size: 30px !important;}
  }

  @media(max-width:1200px)
  {
  h1 {font-size: 31px;}
  /*.staffingalign{height: 205px;}*/
  .homemenu li a {font-size: 12.5px;}
  .cntbg {width: 50%;}
  .cntenquiryform {margin: 20px 3.5%;}
  .innerbreadcrump {width: 30%;right: 15px;}
  .staffingcnt {padding: 80px 8%;}
  .staffcnt {margin: 60px 2% 0px 3%;}
  .staffcnt li {padding: 5px 1%;font-size: 14px;}
  .contact {width: 30%;}
  .shineinfo h1 {font-size: 28px;}
  .staffingdetails h3{font-size: 16px;}
  .footermenu li {
     padding: 20px 2%;
}
.footermenu li a {
    font-size: 13px;
}
.copyright {
      width: 75%;
  }
  .footermenu {
    width: 25%;}
    .footer li p {
     font-size: 14px;
}
.bannercnt {
       margin: 133px 0 0 0;
}
.innercntlft {
    width: 65%;}
    .bannerpic p {
    text-align: center;}


.cntdetails {
   width: 96%;
}
.cnticon{width: 20%;}
.cntinfo{width: 75%;}

.staffcnt h1 { font-size:34px;}

.pageheading { width:65%;}
.bannerheading { font-size: 25px !important;}
.staffdesc { font-size: 23px !important;}
.stafpic { margin-top:110px;}
  }
  
  @media(max-width:999px)
  {
  #flpResume {
    width: 50%;
    text-align: left;
}
  .menuarrow {
    display: none;
}
  .border {
    display: none;
}
  .aboutpic {
    display: inline-block;
}
.headingrgt {
    width: 100%;
    float: none;}
  .menuiconlft img{display: none;}
    .headingrgt {
     margin-left: 0 !important;
}
  #about,#hrsolution,#staffing{color:#fff}

  /*.staffingalign {
  
    height: 235px;
}*/

  .bannercnt {width: 45%;
   margin: 100px 0 0 0;
}
.innerbreadcrump {
    width: 40%;}
.bannerpic {
    width: 55%;}
.logo {
    width: 25%;margin: 10px 0 10px 0;}
    .homemenu {
    width: 75%;}
    .homemenu li a {
       font-size: 14px;
}
.homemenu li {
    padding: 15px 1%;
}


    .call p, .call a {
      font-size: 13px;
}
.staffcnt h1 {
  font-size: 30px;
}
.staffcnt {width: 50%;
    margin: 20px 2% 0 3%;
}
.staffpic {width: 45%;}
.staffcnt li {padding: 5px 0;
      font-size: 13px;
}
.staffingsolutions li {
     width: 32.5%;}
     .corestaffing h2, .happyclientsheading h2 {
   font-size: 21px;
}
.staffingsolutions p {
    font-size: 14.5px;
}
.staffingpic img{max-width: 80%;}

.visionmissiondiv li {
      padding: 20px 3%;
}
.footermob{display:block;margin: 20px 0 0 auto;}
.copyright,.footermenu{ display:none}
.footermob p, .footermob a {
    font-size: 13px;
    color: #c8c8c8;
    text-align: center;
}
.footermobmenu ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
.footermobmenu li {
    display: inline-block;padding: 15px 2%;}
  .innercntlft {
    width: 55%;
}
h2 {
    font-size: 22px;
}
  h1 {
    font-size: 25px;
}
.clientimages li {
    width: 25%;}
    .uploadbutn {
     margin: 0 0 60px 20%;
}
.cntbg {
   width: 65%;
}
.cntdetails li {
      width: 30%;}
      .cntdetails li:last-child{width: 35%;}
       #innermobilemenus{display:block;}
    #innermobilemenus{position: absolute;top: 70px;right: 5%;z-index: 100;}
    #innermobilemenus img {max-width: 100%;cursor: pointer;}
    .homemenu {display:none;background-color: #231f20;z-index: 100;width: 100%;position: absolute;top: 165px;margin: 0 0;}
    .homemenu li{padding: 8px 0;border-bottom: 1px solid #58a9c9;display:block;height: auto;}
    .homemenu ul {text-align: center;}
    .homemenu li:last-child{border-bottom:none;}
    .homemenu li a{color:#fff;}
      .homemenu {
       top: 138px;}
	   
	   

.sf-menu li:hover{ background-image:none}
.sf-menu ul{position: static !important;display: none;}
.subcatmenu{display: none;}
.sf-menu ul li{width: 100% !important;}

.pageheading h1 { font-size:1.7em;}

	.pageheading { width:55%;} 
	.enquiryform { top:8px;}
	.stafpic { margin-top:50px;}  
	   
  }
  @media(max-width:800px)
  {
  .staffingdetails p {
     text-align: left;
}
  .shineinfo p{text-align: left;}
  .contact p{ text-align:center}
  .shineinfo {
    margin: 30px auto 0 auto;}
	.contact {margin: 10px auto 0 auto;}
  .corestaffing h2,.happyclientsheading h2,#hrsolutions h4 {
       background-image: none;
}
 .homemenu {
    top: 122px;
}
  .cntdetails li:last-child {
    width: 33%;
    padding: 10px 0 10px 5%;
}
  .clientsdiv h3,.clientimages h3 {
      font-size: 14px;
}
  .innercontent p{ text-align:left;}
  .innercontentdiv {
    width: 96%;}
  .innercntlft {
    width: 100%;
}
.cntlft {
    width: 100%;}
    .cntrgt {
    width: 100%;}
.enquiryform {
    position: unset;}
  .bannercnt {

    margin: 85px 0 0 0;
}
.innerbreadcrump,.breadcrump a {font-size: 9px;}
.innerbreadcrump{margin-top: -40px;}
.pageheading {
    margin: 25px 0;
}
  .logo img {
    max-width: 80%;
}
  .homemenu li a {font-size: 13px;}
 
    .fbicons li {padding: 8px 4.5%;}
    .logo {width: auto;}
    .staffingcnt {
    width: 96%;padding: 80px 0;}
    
    .staffcnt {
      margin: 25px 2% 0 3%;
}

.contact {
    width: 45%;
}
.shineinfo {
    width: 96%;
}
.shineinfo h1 {
    font-size: 22px;
}
.staffing {
    width: 96%;}
    .clients li {
      padding: 25px 5% 55px 5%;
}
.happyclientspic img{max-width: 90%;}
.staffingsolutions li:first-child img,.staffingsolutions li:last-child img{display:none;}
.staffingsolutions li {
    width: 100%;
}
.corestaffing h2, .happyclientsheading h2 {
    font-size: 22px;
}
.staffingsolutions {
    padding-top: 0;
}
.staffingsolutions li {
     padding: 25px 0 0 0;
}
.staffing {
  margin: 20px auto 35px auto;
}
.visionmissiondiv {
   margin: 0 auto;
}
.happyclientsheading {
    position: unset;}
    .visionmissiondiv {
    width: 96%;}
       .footer {
    width: 96%;}
    .footerdiv {
    width: 96%;}
      .footermob p{padding: 0 1%;}
      .footer li {
    display: inline-block;
    width: 45%;}
     .footer ul {
       text-align: left;
}
.staffingsolutions p {
      padding: 0 1%;
}
.cntbg {
   width: 85%;
}
.footer li:first-child {
    padding: 20px 2%;
}
.cntdetails {
    margin: 180px auto 45px auto;}
    .staffing li {
    width: 100%;padding: 10px 0;}
    .staffingalign {
    height: auto;
}
    .staffingpic {
    width: 10%;}
	.staffingdetails {
    width: 90%;margin-right: unset;}
    .staffcnt h1 { font-size:24px; padding:0;} 
    
    .pageheading { width:100%;}
    /*.clients li { width:40%;}*/
    
    .stafcontent { display:block; width:100%;}
    .rdmore { display:none;}
    #mobreadmore { display:block;}
    .bannerheading { font-size: 23px !important;}
    .staffdesc { font-size: 21px !important;}
    
  }
  
  @media(max-width:600px)
  {
 
  .resumetextbox input,.resume {
    width: 96% !important;}
    
  .visionmissiondiv li p:last-child {
     text-align: center;
}
  .cntdetailsmob{width: 96%;}
  .cntdetails{ display:none;}
   .cntdetailsmob{ display:block;}
   .cntdetailsmob li{list-style-image: none;
display: block;padding: 10px 0;}
  
  
   .clientimages li {
    width: 45%;
}
  .clientsdiv li {
     width: 45%;}
  .innerbanner img {
    max-width: 96%;
}
  .innerbreadcrump {
    width: 60%;
}
  .bannercnt h1{ display:none;}
  .bannerpic {
    width: 100%;
    float: none;padding: 20px 0;}
    .bannercnt {
    margin: 5px 0 0 0;
}
    .bannerpic p {
    text-align: center;}
  .call p{display:none}
.call {
     margin: 8px 0;
  }
  .call p, .call a {
text-align: center;
padding: 3px 0 0 0;
}
.fbicons li {
    padding: 8px 3%;
}
.fbicons {
    width: 85%;text-align: left;
}
.call {
    width: 15%;
}

  
    .staffpic {
    width: 100%;
}
.staffcnt {
    width: 100%;}
    .staffcnt h1 {
     text-align: center;
}
.staffcnt ul {
      text-align: center;
}
.staffingcnt {
      padding: 20px 0;
}

.shineinfo h1 {
    font-size: 20px;
}
.contact {
    width: 50%;
}

    .clients li {
    padding: 10px 0;
  
}
.corestaffing h2, .happyclientsheading h2 {
    font-size: 20px;
}

.visionmissiondiv li {
     width: 100%;padding: 20px 0;}
 .callicon{display: block !important;} 
  .happyclientscnt{padding-bottom: 20px!important;}
 
.cntbg {
    width: 96%;  
    position: unset;  
    margin: 40px auto;

}
.cntdetails li {

    width: 100%;

}
.cntdetails {margin: 0 auto 40px auto;}
.submitbutncnt {
    margin: 30px 0 -20px 0 !important;

}
.cnticon {

    width: 100%;
    float: none;
    text-align: center;
  }
  .cntinfo,.cntinfo a{ text-align:center}
   .cntinfo,.cntdetails li:last-child {width: 100%;padding: 10px 0;}
   .contactname,.cnttextbox,.dropdown {
    float: none;
    width: 100%;}
	#flpResume{width: 50%;
text-align: left;}
.uploadbutn {
    margin: 0 0 10px 20%;
}
#btnsubmitresume{margin-top: 20px;}

}
  @media(max-width:400px)
  {
  .submitbutncnt {padding: 5px 60px !important;}
    .clientimages li {
    width: 100%;
    padding: 20px 0;
      }
  .clientsdiv li {
     width: 100%;padding: 20px 0;}
  .innerbreadcrump {
    width: 80%;
}
  .call p, .call a {
    font-size: 11px;
}
.logo {
    text-align: left;
    margin-left: 5%;

}
.shineinfo h1 {
    font-size: 16px;
}
.staffcnt h1 { font-size:20px;}

.staffcnt li {
  padding: 5px 8%;
}
    .contact {
    width: 75%;
}
.corestaffing h2, .happyclientsheading h2 {
    font-size: 18px;
}
.staffingsolutions p {
    font-size: 13px;
}
.happyclientspic img {
    max-width: 75%;
}
.submitbutn {
      padding: 10px 14px;}

  .submitcontact {
     text-align: center;
}
  
	.phoneicon a {
    font-size: 15px;
}
    }
   