@media screen and (max-width:1280px){
.container {max-width:1250px;  width:100%; margin:0px auto; padding:0px 15px;}
#headSe .nav .log { width: 35%;}
#headSe .nav .menu {width:60%}

}

@media screen and (max-width:1180px){
#peopleSect .popleTexline .popleRight p {font-size: 17px;}
#peopleSect .popleTexline .popleLeft p {font-size: 17px;}
#peopleSect .popleTexline .popleLeft img {padding: 0 20px 0 0;}
#peopleSect .popleTexline .popleRight img {padding: 0 20px 0 0;}
.footer .foot-txt{ padding-left:0; }

   
}

@media screen and (max-width:1024px){
#headSe .nav .log { width: 26%;}
#headSe .nav .menu {width:70%}
#peopleSect .popleTexline .popleLeft img {width: 53%;}
#peopleSect .popleTexline .popleRight img {width: 53%;}
}



@media screen and (max-width:960px){
#headSe .nav .log { width: 20%;}
#headSe .nav .menu {width:75%}
#headSe .nav .menu ul li a {padding: 0 20px;}
.hedText p {font-size: 28px;line-height: 38px;}
.arroLeft {padding-left: 20px;}
.boxTop .finCapital p {font-size: 19px;line-height: 25px;}
.boxTop .humCapital p {font-size: 19px;line-height: 25px;}
.boxTop .humCapital img {padding-right: 10px;}
.boxTop .finCapital img {padding-right: 15px;}
#aboutSect .aboRight ul li {width:31%;}
#aboutSect .aboYellowLeft span {font-size:20px;line-height:25px;}
#aboutSect .aboYellowRight span {font-size:18px; line-height: 25px;}
#aboutSect .aboYellowRight p {font-size: 18px; line-height: 28px;}
#aboutSect .aboYellowLeft p {font-size: 18px; line-height: 28px;}
#aboutSect .aboValue span {font-size: 20px; line-height: 28px; padding-bottom: 20px;}
#aboutSect .aboValueLeft span { padding-bottom: 0px;}
#aboutSect .aboValueLeft p {font-size:18px;line-height:26px;   padding: 10px 0px 20px;}
#peopleSect .popleTexline .popleLeft img { display: block; width:auto;}
#peopleSect .popleTexline .popleRight img { display: block; width:auto;}
#peopleSect .popleTexline .popleLeft p {padding-top:20px;}
#peopleSect .popleTexline .popleRight p {padding-top:20px;}
.soulutonFine .hrsou .ourRight .boxOne .textLeft p {font-size: 15px;line-height: 24px;}
.soulutonFine .hrsou .ourLeft .boxOne .imgLeft img {width:80%; height:73px;}
.soulutonFine .hrsou .ourRight .boxOne .imgLeft img{width:80%; height:73px;}
.soulutonFine .processLeft .boxOne {width: 32%;}
.soulutonFine .processLeft .boxOne p {padding: 20px 10px 0px 0px;}
.boxTop .finCapital a {padding: 10px 50px;}
.boxTop .humCapital a {padding: 10px 50px;}
#approach p{ padding:0px 0px;font-size: 15px;line-height: 22px;}
.hedText p { padding:0px;}

 
}



@media screen and (max-width:768px){
#sticky-anchor{ display:none; overflow:hidden}
#aboutSect .abotext span {font-size: 30px;}
#aboutSect .aboLeft p {font-size: 15px;line-height:22px;}
#aboutSect .aboYellowLeft span {font-size:20px;line-height:25px;}
#aboutSect .aboYellowRight span {font-size:18px; line-height: 25px;}
#aboutSect .aboYellowRight p {font-size: 18px; line-height: 28px;}
#aboutSect .aboYellowLeft p {font-size: 18px; line-height: 28px;}
#aboutSect .aboValue span {font-size: 20px; line-height: 28px; padding-bottom:16px;}
#aboutSect .aboValueLeft span { padding-bottom: 0px;}
#aboutSect .aboValueLeft p {font-size:18px;line-height:26px;   padding: 10px 0px 20px;}
#aboutSect {padding: 30px 0px;}
#aboutSect .aboValue {padding: 50px 0px 50px 25px;}
#peopleSect .popleText span {font-size: 30px;}
#peopleSect .popleTexline .popleLeft {padding: 20px 0 20px;}
#peopleSect .popleTexline .popleRight {padding: 20px 0 20px;}
#soulutonSect .soleText span {font-size: 30px; padding-left:22px;} 
#soulutonSect .soleText .strong { margin-top: -35px;  padding-left:30px;}
#soulutonSect .fullText p {font-size: 18px;line-height: 26px;padding-bottom:29px; padding-top: 24px; padding-left:25px;}
#aboutSect .aboLeft {padding: 20px 0 0 25px;}
#aboutSect .aboYellow { margin-top:30px;}
#peopleSect {padding: 40px 0 48px;}
#soulutonSect { padding: 40px 0 40px;}
#soulutonSect .execuText { margin-top: 30px; padding: 20px 0 20px;}
#soulutonSect .execuText span {font-size: 20px; padding-left:25px;}
#soulutonSect .execuText p {line-height: 26px;padding-top: 10px; font-size: 18px; padding-left:25px; }
#soulutonSect .hrsou .ourLeft .boxOne span {font-size: 14px; line-height: 28px; padding-left: 10px;}
#soulutonSect .hrsou .ourRight .boxOne span {font-size: 14px; line-height: 28px; padding-left: 10px;}
#soulutonSect .hrsou .ourLeft .boxOne p {font-size: 15px;line-height: 24px; padding: 10px 0px 0px 0px;}
#soulutonSect .hrsou .ourRight .boxOne p {font-size: 15px;line-height: 24px;padding: 10px 0 0;}
.soulutonFine {padding: 20px 0px 30px;}
.soulutonFine .finText span { font-size: 30px; padding-left:22px;}
.soulutonFine .fullText p {font-size: 18px;line-height: 26px; padding:20px 0px 20px 25px;}
.soulutonFine .hrsou {padding: 5px 0px; margin:20px 0px 35px 0px}
.soulutonFine .execuText p {font-size: 18px;line-height: 26px;padding-top: 10px; padding-left:25px;}
.soulutonFine .execuText {padding: 14px 20px 30px 0;} 
.soulutonFine .fullTextbottom p {font-size: 18px;line-height:26px; padding:0px 30px 30px;}
.soulutonFine .appText { padding-bottom:25px;padding-top: 25px;}
.soulutonFine .appText h3 {font-size: 20px; padding-left:25px;}
.soulutonFine .appText p {font-size: 15px;line-height: 24px; padding: 8px 0 8px 25px;}
.soulutonFine .proText {padding-bottom:0px;padding-top:40px;}
.soulutonFine .proText h3 {font-size: 20px; padding-left:25px;}
.soulutonFine .processLeft {padding-top: 25px; padding-left:25px;}
.soulutonFine .bottomText p {font-size: 18px;line-height: 26px;padding-bottom: 10px;padding-top:10px; padding-left:25px;}
#contactdetails {padding: 30px 0 3px;}
#contactdetails .contatt-hd span {font-size: 30px; padding-left: 15px;}
#contactdetails .contct-detail {margin: 30px 0 0;}
#contactdetails .contct-form {float: right;margin: 4% 0 0;}
.footer {padding-bottom: 30px;}
#contactdetails .conForm .conBox {width: 100%;     margin-bottom:2px;  padding-bottom: 2px;}
#contactdetails .conForm .contSub {padding: 28px 0;}
    #contactdetails .contatt-hd{    padding-top:10px;}

#aboutSect .aboRight {padding: 18px 0 0 30px;}
#aboutSect .aboYellow {padding: 60px 28px 80px;}
#peopleSect .popleText span {padding-left: 13px;}
#peopleSect .popleTexline .popleTelt {padding: 15px 0 0 28px;}
#soulutonSect .hrsou .ourLeft {padding-left: 25px;}
.soulutonFine .finText .strong {padding-left: 25px;}
.soulutonFine .hrsou .ourLeft {padding-left: 25px;}
#headSe .nav{ border-bottom:1px solid #ccc; }
#headSe .nav .menu {width:250px; padding-top:0px;}
#headSe .nav.navActiv .menu{padding-top:0px;}
#headSe .nav .menu ul li a, #headSe .nav .menu ul li span {color: #fff;font-size: 14px;font-weight: 400;padding:15px 15px; text-transform: uppercase;}
#headSe .nav .menu ul {display: block;}
.hedText p {font-size: 24px;line-height: 32px;}
#headSe .nav .menu ul li {display: block; font-size:0px;}
#headSe .nav .menu ul li span.icon{display:block;}
#headSe .nav .menu ul li span.icon::after { background-position:10% center; transform:rotate(90deg); -webkit-transform:rotate(90deg);  -o-transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg);  right:10px;}
#headSe .nav.navActiv .menu ul li span.icon{display: block; color:#ffcb1f}
#headSe .nav.navActiv .menu ul li span.icon::after {background-position:10% center;transform:rotate(90deg); -webkit-transform:rotate(90deg);  -o-transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); right:10px; background-image: url(../images/arrow.svg);}
#headSe .nav{ background-color:#efefef;}
#headSe .nav.navActiv{ background-color:#efefef; padding:0px;}
#headSe .nav.navActiv span{ display:block}
#headSe .nav.navActiv span.logo2{ display:none}
#headSe{ padding:0px 0px 50px 0px;}
#headSe  span.logoi img{ width:90px; margin-left:10px; margin-top:10px;}
#headSe .nav .social{ margin-top:15px; margin-right:0px;}
.fm-button{ padding-top:20px; padding-bottom:20px;}
#soulutonSect .soleText { padding-top:20px;}
#aboutSect .abotext{ padding-top:40px;}
.soulutonFine .finText{ padding-top:20px;}
#headSe .nav .menu ul li span.icon{background-image:none;}
.soulutonFine .hrsou .ourLeft .boxOne .imgLeft img {height: 61px;}
.soulutonFine .hrsou .ourRight .boxOne .imgLeft img {height: 61px;}
.soulutonFine .processLeft .boxOne span.padLeft {padding-left: 30px;}
.boxTop .humCapital {width: 40%;}
.boxTop .finCapital {width: 40%;}
.boxTop .finCapital a {padding: 10px 37px;}
.boxTop .humCapital a { padding: 10px 37px;}
.boxTop img { width:100%;}



    

}






@media screen and (max-width:640px){
.boxTop .humCapital {width: 47%;}
#aboutSect .aboRight {padding: 22px 0 0 30px;}
.hedText {padding: 20px 0 50px;}
#aboutSect .aboYellow { padding:40px 25px;}
#associate .popleTexline .popleTelt {width: 100%; padding-left:0px;}
#associate .popleTert {width: 100%; padding-left:0px;}
#associate .popleTexline .popleRight { padding:0px;}
#associate {padding:0px 0px 20px 0px;}
#associate .popleTexline .popleTelt .leftText {padding-bottom:0px;}
#associate .popleTexline .popleLeft {padding: 0;}
#associate .popleTexline .popleRight p {padding-bottom:10px;  padding-top:0px;}

#associate .popleTexline .popleLeft p {padding-bottom:10px; padding-top:0px;}
#associate .popleTexline .popleTelt .leftText::after{ display:none; }
#peopleSect {padding: 40px 0px;}
#approach p{ padding:0px 0px;font-size:14px;line-height:21px;}
#approach h3 span { font-size:24px;}
#approach h3 {padding-bottom: 15px;}
.hedText p br{ display:none}
#approach{padding:0px 0px 10px;}
.boxTop{ padding-top:0px;}
#aboutSect .aboRight ul li p {font-size: 12px; line-height: 14px;}
#aboutSect .aboLeft {width:100%;}
#aboutSect .aboRight {padding: 22px 0 0 0px;width:100%;}
#aboutSect .aboRight ul li{ width:19%;}
#aboutSect .aboYellowLeft,#aboutSect .aboValueLeft,#peopleSect .popleTexline .popleTelt{ width:100%;}
#aboutSect .aboYellowRight { width:100%; padding-left: 0px;padding-top:30px;}
#aboutSect .aboValueLeft.ryt {  padding-left: 0px; padding-bottom:10px}
#peopleSect .popleTert{ width:100%; padding-left:30px;padding-top:0px;}
#associate .popleTexline .popleTelt, #associate .popleTert{padding-left:30px;}
.soulutonFine .hrsou .ourLeft,.soulutonFine .hrsou .ourRight{ width:100%; padding:20px ;}
.soulutonFine .processLeft .boxOne {width: 100%; padding-bottom:20px;}
#contactdetails .contct-detail,#contactdetails .contct-form{ width:100%}
.soulutonFine .hrsou .ourRight .boxOne{padding-bottom:30px;}
}

@media screen and (max-width:639px){
.boxTop .finCapital {width: 40%;}
#peopleSect .popleTexline .popleLeft p {padding-top: 0px;  }
#aboutSect .aboLeft {width: 100%;}
#aboutSect .aboRight{width:100%; padding-left:0px;}
#aboutSect .aboRight ul li {width: 24%;}
#aboutSect .aboYellowLeft {width: 100%;}
#aboutSect .aboYellowRight {padding-left:0px;width: 100%; padding-top:10px;}
#aboutSect .aboYellowLeft p{padding:0px;}
#aboutSect .aboYellowRight p {padding:0px;}
#aboutSect .aboValueLeft {width: 100%;}
#aboutSect .aboValue {padding:40px 0 16px 0px;}
#aboutSect .aboValueLeft.ryt {padding-left: 0px;}
#peopleSect .popleTexline .popleTelt {padding:5px 0 0 0px; width: 100%;}
#peopleSect .popleTexline .popleTelt .leftText::after{display:none;}
#peopleSect .popleTert {padding: 15px 0 0 0px;width: 100%;}
#peopleSect .popleTexline .popleTelt .leftText{padding-bottom:0px;}
#soulutonSect .hrsou .ourLeft {width: 100%; padding-right:20px;}
#soulutonSect .hrsou .ourLeft .boxOne {padding-bottom: 20px; }
#soulutonSect .hrsou { padding: 5px 0 0;}
#soulutonSect .hrsou .ourRight {padding-left:25px;padding-right:20px;width: 100%;}
#soulutonSect .hrsou .ourRight .boxOne {padding-bottom: 15px;}
.soulutonFine .hrsou .ourLeft {padding-left: 25px; width: 100%;}
.soulutonFine .hrsou .ourLeft .boxOne {padding-bottom: 15px;}
.soulutonFine .hrsou .ourRight {width: 100%;padding-bottom:0px}
.soulutonFine .processLeft .boxOne {width: 100%; padding-bottom:10px;}
.soulutonFine .processLeft .boxOne p {padding: 10px 10px 0 0;}
#contactdetails .contct-detail {width: 100%;}
#contactdetails .contct-form {width: 100%;}
#contactdetails .conForm .conBox {width: 46%;}
.footer .foot-txt { padding-left: 0;}

#soulutonSect .soleText { padding-top:50px;}
.boxTop .finCapital img {padding-right: 25px;}
#peopleSect .popleTexline .popleTelt .leftText ul {padding: 0 0 0 15px;}
#soulutonSect .fullText p {padding-left:0px;}
#aboutSect {padding: 0px 0px;}
.boxTop .finCapital a {padding: 10px 27px;}
.boxTop .humCapital a { padding: 10px 27px;}

.footer .foot-txt{ width:100%; padding-bottom:0px; }
.footer .credit{ width:100%; text-align:left }
}

@media screen and (max-width:480px){
.hedText {padding: 15px 0 15px;}
.hedText p {font-size: 20px;line-height: 27px;}
#aboutSect .abotext span {font-size: 22px;}
#aboutSect .aboLeft p {font-size: 14px;line-height: 22px}
#aboutSect .aboLeft .paTop {padding-top: 15px;}
#aboutSect .aboLeft {padding: 10px 0 0 0px;}
#aboutSect .aboYellowLeft span {font-size: 16px;line-height: 25px;}
#aboutSect .aboYellowLeft p {font-size: 16px;line-height:24px;}
#aboutSect .aboYellowRight p {font-size: 16px; line-height: 24px;}
#aboutSect .aboValue span {font-size: 16px;line-height: 24px;}
#aboutSect .aboValueLeft p {font-size: 14px;line-height: 22px;padding: 0px 0 10px 0px;}
#peopleSect .popleText span {font-size: 22px;}
#peopleSect .popleTexline .popleTelt .leftText p {font-size: 14px;line-height: 22px;}
#peopleSect .popleTexline .popleLeft p {font-size: 14px;}
#peopleSect .popleTexline .popleRight p {font-size: 14px;}
#peopleSect .popleTexline .popleRight {padding: 5px 0px;}
#peopleSect .popleTexline .popleTert .rytText p {font-size: 14px;line-height: 22px;}
#peopleSect .popleTexline .popleTelt .leftText .paTop {padding-top: 10px;}
#peopleSect .popleTexline .popleTert .rytText .paTop {padding-top: 10px;}
#soulutonSect .soleText span {font-size: 22px;}
#soulutonSect .soleText .strong {margin-top:-20px;padding-left: 22px;}
#soulutonSect .soleText img{width:1%; height:45px;}
#soulutonSect {padding: 10px 0px 15px 0px;}
#soulutonSect .fullText p {font-size: 14px;line-height: 22px;padding-top: 15px;}
#soulutonSect .execuText span {font-size: 16px;padding-left: 24px;}
#soulutonSect .execuText p {font-size: 16px;line-height: 22px;}
#soulutonSect .hrsou .ourLeft .boxOne p {font-size: 14px;line-height: 22px;}
#soulutonSect .hrsou .ourRight .boxOne p {font-size: 14px;line-height: 22px;}
.soulutonFine .finText span {font-size: 22px;}
.soulutonFine .finText .strong {margin-top:-20px;padding-left: 22px;}
.soulutonFine .finText img{width:1%; height:45px;}
.soulutonFine .fullText p {font-size: 14px;line-height: 22px;padding: 10px 0px 10px 0px;}
.soulutonFine .execuText p {font-size: 14px;line-height: 24px;}
.soulutonFine .hrsou .ourLeft .boxOne .textLeft p {font-size: 14px;line-height: 22px;}
.soulutonFine .fullTextbottom p {font-size: 14px; line-height: 22px; padding: 0 30px 31px;}
.soulutonFine .hrsou {margin: 20px 0 0px;}
.soulutonFine .appText h3 {font-size: 18px;}
.soulutonFine .appText p { font-size: 14px;line-height: 22px; }
.soulutonFine .proText h3 {font-size: 18px;}
.soulutonFine .processLeft .boxOne p {font-size: 14px; line-height:22px;}
.soulutonFine .bottomText p {font-size: 14px;line-height: 22px;}
#contactdetails .contatt-hd span { font-size: 22px; vertical-align:top;}
#contactdetails .cont-hd {font-size: 22px;}
#contactdetails .cont-call {padding: 4% 0 2%}
#contactdetails .cont-linkden {padding: 4% 0 2%;}
#contactdetails .contct-detail {margin: 17px 0 0;}
#contactdetails .contct-detail {padding:30px  20px; margin-bottom:20px;}
.soulutonFine .proText {padding-bottom: 6px;}
#soulutonSect .hrsou .ourLeft .boxOne span {font-size: 13px;}
#aboutSect .aboRight ul li { width:31%;}
.soulutonFine .hrsou .ourLeft .boxOne .imgLeft img {height: 53px;}
.soulutonFine .hrsou .ourRight .boxOne .imgLeft img {height: 53px;}
#soulutonSect .hrsou .ourRight .boxOne span {font-size: 13px;}
.soulutonFine .hrsou .ourRight .boxOne .textLeft p {font-size: 14px;}
.soulutonFine .processLeft .boxOne span {font-size: 14px;line-height: 22px;padding-left: 20px;}
.soulutonFine .processLeft .boxOne span.padLeft{padding-left: 20px;}
#soulutonSect .hrsou .ourRight .boxOne span {font-size:11px; font-weight:500;}
#soulutonSect .hrsou .ourLeft .boxOne span {font-size:11px; font-weight:500;}
.soulutonFine .appText h3 {padding-left:0px;}
.soulutonFine .appText p {padding: 8px 0 8px 0px;}
.soulutonFine .proText h3 { padding-left: 0px;}
.soulutonFine .processLeft {padding-left: 0px;}
.soulutonFine .bottomText p {padding-left: 0px;}
#peopleSect .popleTexline .popleTelt .leftText p strong {font-size: 14px;}
#peopleSect .popleTexline .popleTelt .leftText ul li {font-size: 13px;line-height: 18px;padding: 2px 0;}
#associate .popleTexline .popleTelt .leftText p {font-size: 14px;line-height: 22px;}
#associate .popleTexline .popleTert .rytText p {font-size: 14px;line-height: 22px;}
#associate .popleTexline .popleRight p {line-height: 22px; font-size:16px;}
#associate .popleTexline .popleLeft p {font-size: 16px;line-height: 22px;}
#associate .popleText span {font-size: 22px; padding-left: 15px; vertical-align:top;}
#associate .popleTexline .popleTelt .leftText .paTop {padding-top: 10px;}
#associate .popleTexline .popleTert .rytText .paTop {padding-top: 10px;}
#peopleSect .popleText span { vertical-align:top;}
.boxTop .finCapital a {padding: 10px 12px; font-size:12px;}
.boxTop .humCapital a { padding: 10px 12px; font-size:12px;}
.boxTop .humCapital {width: 41%;}
.boxTop .finCapital {width: 40%;}

.boxTop .humCapital a{padding:0; width:180px; display:inline-block }
.boxTop .finCapital a{padding:0; width:180px; display:inline-block }


}

@media screen and (max-width:375px){
.hedText p {font-size: 16px; line-height: 21px;}
.boxTop .humCapital a {padding: 10px 18px;}
.boxTop .finCapital a {padding: 10px 18px;}
.soulutonFine .hrsou .ourRight .boxOne .textLeft p strong {font-size: 13px;font-weight: 500;}
.soulutonFine .hrsou .ourLeft .boxOne .textLeft p strong {font-size: 13px;font-weight: 500;}
#contactdetails .conForm .conBox {width: 100%;}
#associate .popleTexline .popleLeft p {font-size: 14px;}
#associate .popleTexline .popleRight p {font-size: 14px;}
.boxTop .finCapital a {padding: 10px 8px; font-size:11px;}
.boxTop .humCapital a { padding: 10px 8px; font-size:11px;}
.boxTop .humCapital {width: 43%; margin-top:20px;}
.boxTop .finCapital {width: 40%; margin-top:20px;}
 
.boxTop .humCapital a{padding:0; width:140px; display:inline-block }
.boxTop .finCapital a{padding:0; width:140px; display:inline-block }

}

@media screen and (max-width:325px){
.boxTop .humCapital a {padding: 10px 11px;}
.boxTop .finCapital a {padding: 10px 11px;}
#peopleSect .popleTexline .popleLeft img {display: block; width:80%;}
#peopleSect .popleTexline .popleRight img {display: block; width:75%;}
#soulutonSect .hrsou .ourLeft .boxOne img {height: 35px;width: 35px;}
#soulutonSect .hrsou .ourRight .boxOne img {height: 35px;width: 35px;}
.boxTop .finCapital a {padding: 8px 8px; font-size:11px;}
.boxTop .humCapital a { padding: 8px 8px; font-size:11px;}
.row{width:94%; height:auto; float:left;} 


}