/*--RESET CSS--*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } a{ outline:none;} article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } input, select, textarea, button, img{outline:none;} ul{list-style:none; margin:0; padding:0;} /* ---------------------------------------------- GLOBAL CSS ---------------------------------------------- */ @font-face { font-family: 'aileronlight'; src: url('../fonts/aileron-light-webfont.eot'); src: url('../fonts/aileron-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aileron-light-webfont.woff') format('woff'), url('../fonts/aileron-light-webfont.ttf') format('truetype'), url('../fonts/aileron-light-webfont.svg#aileronlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aileronregular'; src: url('../fonts/aileron-regular-webfont.eot'); src: url('../fonts/aileron-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aileron-regular-webfont.woff') format('woff'), url('../fonts/aileron-regular-webfont.ttf') format('truetype'), url('../fonts/aileron-regular-webfont.svg#aileronregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aileronbold'; src: url('../fonts/aileron-bold-webfont.eot'); src: url('../fonts/aileron-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aileron-bold-webfont.woff') format('woff'), url('../fonts/aileron-bold-webfont.ttf') format('truetype'), url('../fonts/aileron-bold-webfont.svg#aileronbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'manksansregular'; src: url('../fonts/manksans_1-webfont.eot'); src: url('../fonts/manksans_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/manksans_1-webfont.woff') format('woff'), url('../fonts/manksans_1-webfont.ttf') format('truetype'), url('../fonts/manksans_1-webfont.svg#manksansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'manksans-mediumregular'; src: url('../fonts/manksans-medium_1-webfont.eot'); src: url('../fonts/manksans-medium_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/manksans-medium_1-webfont.woff') format('woff'), url('../fonts/manksans-medium_1-webfont.ttf') format('truetype'), url('../fonts/manksans-medium_1-webfont.svg#manksans-mediumregular') format('svg'); font-weight: normal; font-style: normal; } *{ margin:0; padding:0; box-sizing:border-box;} body{font-family: 'aileronlight';} .container{ max-width:1020px; margin:0 auto; padding:0 15px; position:relative; /*overflow:hidden*/} .clear{ clear:both; height:0;} img{max-width:100%;} a{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } /* ---------------------------------------------- HEADER CSS ---------------------------------------------- */ header{ width:100%; float:left; padding:0; position:fixed; top:0; background:#fff; z-index:999} .logo{display:block; float:left; margin-top:50px;} .logo:hover{ opacity:0.8;} .header-ryt{ float:right; width: 64%; margin:28px 0 16px 0;} .hdr-top{width:100%; float:right; font-size:0; text-align: right;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;} .hdr-top li{ display:inline-block; vertical-align: middle; margin:4px 0 0 4px;} .hdr-top li:hover{ opacity:0.9;} .hdr-top li.login{margin:0px 0 0 14px;} .hdr-top li.login a{ font-size:11px; border:1px solid #6c4199; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:55px; text-align:center; padding:4px 0; display:block; text-decoration:none; color:#000000; } .hdr-top li.login a:hover{ background:#6c4199; color:#fff;} .menu{width:100%; float:right; margin-top:16px;} .menu ul{ font-size:0; text-align:right;} .menu ul li{ display:inline-block; margin-left:55px;} .menu ul li:first-child{ margin-left:0;} .menu ul li a{ font-size:15px; font-family: 'aileronregular'; color:#252525; text-transform:none; text-decoration:none; border-bottom:1px solid #6c4199; padding-bottom:3px;} .menu ul li a:after { content: ''; display: block; margin: 4px auto 0 auto; height: 1px; width: 0px; background: transparent; transition: width 1s ease, background-color 1s ease; } .menu ul li a:hover:after { width: 100%; background:#f89c31; } .menu ul li a:hover{color:#f89c31; border-bottom-color:transparent;} header.fixedHeader{ position:fixed; background:#fff; padding: 0; z-index: 9999; border-bottom:1px solid #f89c31;top:-35px; left: 0; z-index: 99999; width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;} /*header.fixedHeader .hdr-top{ display:none;}*/ header.fixedHeader .logo{ margin-top:43px; max-width: 150px;} header.fixedHeader .menu ul li a{ border:0} header.fixedHeader .header-ryt{ margin-bottom:10px;} header.fixedHeader .hdr-top{ margin-top:-20px;} .mobile-menu{ display:none; font-size:18px; float:left;font-family: 'aileronbold'; color:#6c4199;line-height: 27px; cursor: pointer;text-transform: uppercase;} /* ---------------------------------------------- FIXED FORM CSS ---------------------------------------------- */ .fixed-form{position: fixed; right: 0; top:230px; width: 173px; z-index: 9999999;} .fixed-form-inner{ background:#fff; border: 1px solid #e2e2e2; box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.6); float: right; width: 163px; text-align:center; padding:13px 8px; box-sizing:border-box; z-index:99999;} .fixed-form-inner a{ font-family:'aileronregular'; text-decoration:none; color:#f89c31; text-transform:uppercase;} .fixed-form-inner img{display: inline-block; vertical-align: middle;} .calBackForm{z-index: -1; float: right; margin: -50px 0 0; position: relative;display:none; } .calBackForm-inner{ border: 1px solid #e2e2e2; background:#fff; box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.6); width:300px; } #closeForm{ background: #ededed none repeat scroll 0 0; float: right; padding: 15px; } #closeForm em { background: url("../images/cross.png") no-repeat; height: 22px; width: 22px; float: left; } .frm-head {width: 100%; float: left; background: #f7f5f6;} .frm-head p{ float:left;font-family: 'aileronlight'; text-transform:uppercase; padding-left:20px; font-size: 22px; line-height:33px; } .frm-head p span{ display:block; text-transform:none; font-size: 14px; line-height:14px;} .form-input { clear: both; padding: 20px; } .form-input input{ width:100%; border:1px solid #e2e2e2; height:38px; margin-bottom:10px; padding:0 10px; box-sizing:border-box;} .form-input input[type="submit"]{font-family: 'aileronbold'; cursor:pointer; text-transform:uppercase; font-size:18px;} /* ---------------------------------------------- BANNER CSS ---------------------------------------------- */ .banner{ width:100%; float:left; position:relative;} .banner img{ width:100%} .banner-text{ position:absolute; top:0; right:0; width:100%;} .banner-text-inner{ position:absolute; right:33px; top:100px;} .banner-text p{font-family: 'manksansregular'; font-size:27px; color:#4b4b4a; background:#fcfbfa; padding:16px 20px; float: left; clear: both;} .banner-text h3{background:#fcfbfa; margin:7px 0; font-size:32px; color:#f89c31;font-family: 'manksans-mediumregular'; padding:16px 20px; font-weight:normal; text-transform:uppercase; float: left; clear: both; } .banner-bottom{ width:100%; float:left; margin:4px 0 8px 0;} .bnr-left{ float:left; width:50%; background:#f89c31; height:6px;} .bnr-right{ float:left; width:50%; background:#6c4199; height:6px;} /* ---------------------------------------------- MAIN BODY CSS ---------------------------------------------- */ .first{ width:100%; float:left; margin:39px 0 0 0;} .first p{ padding:0 85px; text-align:center; font-size:20px; line-height:32px; color:#040404;font-family: 'aileronlight';} .second{width:100%; float:left; margin:57px 0 0 0;} .second h3{ text-align:center; font-size:30px; line-height:34px; color:#3f3e3d;font-family: 'aileronlight'; font-weight:normal; margin-bottom:58px;} .second ul{font-size:0; text-align:center;} .second ul li{width:18%; display:inline-block; text-align:center; margin-right:58px; vertical-align: top;} .second ul li:last-child{ margin-right:0;} .second ul li .img-col{ display:block; border:1px solid #ada8a8; width:165px; height:165px; border-radius: 50%; -webkit-border-radius: 50%; margin-bottom:27px; position:relative;} .second ul li .img-col img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;} .second ul li p{ font-size:15px; line-height:21px; color:#55565a;font-family: 'aileronbold';} #campus-hiring{ width:100%; float:left; height:57px;} .third{width:100%; float:left; margin:13px 0 0 0; background:#f0f1f3; padding:11px 0 0 0;} .third h3{ text-align:center; font-size:30px; line-height:41px; color:#3f3e3e;font-family: 'aileronlight'; font-weight:normal; margin-bottom:37px; padding: 0 10%; } .third ul#bx-pager{font-size:0; text-align:center;padding-bottom:43px;} .third ul#bx-pager li{width:208px; height:136px; display:inline-block; text-align:center; margin-right:45px; vertical-align: top;} .third ul#bx-pager li:last-child{ margin-right:0;} .third ul#bx-pager .eb{ background:#f89c31;} .third ul#bx-pager .cd{ background:#6f3862;} .third ul#bx-pager .as{ background:#145da1;} .third ul#bx-pager .ob{ background:#289a62;} .third ul#bx-pager li .img-col{ display:block; width: 100%; height:100%; position:relative; transition:all 1s ease;} .third ul#bx-pager li .img-col a{ display:table; width:100%; height:100%; font-size:20px; text-decoration:none; color:#fff;font-family: 'aileronregular'; line-height:23px; font-weight:normal; border: 2px solid transparent;padding: 5px;} .third ul#bx-pager li .img-col a span{ vertical-align: middle; display: table-cell; border: 2px solid transparent;} .third ul#bx-pager li .img-col a:after{content:""; display:block;} .third ul#bx-pager li .img-col a.active{ border: 2px solid #000;} .third ul#bx-pager li .img-col a.active span{border: 2px solid #000;} .third-btm{ width:100%; float:left;} .third-btm h2{ color:#fff; font-size:45px; line-height:58px; font-weight:normal;font-family: 'aileronbold'; border-bottom:2px solid #ffffff; padding-bottom:17px; margin-bottom:15px;} .bxslider2 li.emp-brand{ background:#f89c31; padding:17px 0 0 0;} .bxslider2 li.hire{ background:#6f3862; padding:35px 0 34px 0; } .bxslider2 li.assesment{background:#145da1; padding:57px 0 60px 0; } .bxslider2 li.on-boarding{background:#289a62;padding:46px 0 56px 0;} .third-btm-text{ position:absolute; top:0; right:0; bottom: 0; margin: auto; width:59%;} .third-btm-text ol{list-style-type:lower-alpha!important; margin: 0 0 0 30px;} .third-btm-text ol li{ font-size:18px; line-height:28px; color:#ffffff;font-family: 'aileronregular'; width:100%; margin:0; text-align:left; } .bxslider2 li.emp-brand.bx-clone{ display:none;} .bxslider2 .container{ max-width:920px;} .bx-wrapper .bxslider2 img{ display:inline-block; } .bx-wrapper .bxslider2 li.emp-brand img{vertical-align: bottom; margin-left:52px;} .bx-wrapper .bxslider2 li.hire img{ max-width:450px; vertical-align:top;} .bx-wrapper .bxslider2 li.emp-brand .third-btm-text{ height:180px;} .bx-wrapper .bxslider2 li.hire .third-btm-text{ height:288px;} .fourth{ width:100%; float:left; background:#5f6161 url(../images/bg1.png) repeat; padding:0 0 56px 0;} .fourth h3{ text-align:center; font-size:30px; line-height:38px; color:#fff;font-family: 'aileronlight'; font-weight:normal; margin-bottom:52px; clear:both;} .fourth h5{color:#faa94b; font-size:20px;font-family: 'aileronbold'; font-weight:normal; } .fourth ul{ list-style: outside disc;margin:15px 0 0 15px;} .fourth ul li{ font-size:16px;font-family: 'aileronregular'; color:#fff; margin-bottom:12px } .fourth-row{ float:left; width:100%} .fourth-col{ width:50%; float:left; border-right:1px dashed #bebdc0; border-bottom:1px dashed #bebdc0; padding:4px 40px 17px 15px; box-sizing:border-box;} .fourth-row .fourth-col:nth-child(2n){ border-right:0;padding: 4px 40px 17px 34px; } .fourth-row .fourth-col:nth-child(3){ border-bottom:0; padding-top:24px;padding-bottom: 5px;} .fourth-row .fourth-col:nth-child(4){border-bottom:0;padding-top:24px;padding-bottom: 5px; } #advantages{ width:100%; float:left; height:46px;} .fifth{ width:100%; float:left; background:#fff; padding:0 0 47px 0;} .fifth h3{ text-align:center; font-size:30px; line-height:41px; color:#3f3e3d;font-family: 'aileronlight'; font-weight:normal; margin-bottom:40px; clear:both; } .client ul{ font-size:0; text-align:center;} .client ul li{ display:inline-block; width:19%; border-bottom:2px solid #dcd6d6; border-right:2px solid #dcd6d6; padding:13px 0; } .client ul li:nth-child(5n){ border-right:0;} .client ul li:nth-child(16),.client ul li:nth-child(17),.client ul li:nth-child(18),.client ul li:nth-child(19),.client ul li:nth-child(20){ border-bottom:0} #clients{ width:100%; float:left; height:46px;} .testimonial{ width:100%; float:left; background:#eff1f4 url(../images/t-bg.jpg) no-repeat; background-size:cover; text-align:center; padding:63px 0 41px 0;} .t-text p{ color:#070707; font-size:18px; line-height:36px; font-family: 'aileronlight'; padding:0 10%; margin:20px 0 70px 0;} .t-text .p{ color:#070707; font-size:18px; line-height:36px; font-family: 'aileronlight'; padding:0 10%; margin:20px 0 70px 0;} .t-text .p ul{ list-style:disc outside; margin:14px 0 0 0; text-align:center; font-size:0;} .t-text .p li{ display:inline-block; color:#070707; font-size:18px; line-height:27px; font-family: 'aileronlight'; vertical-align:top; background:url(../images/bullet.png) no-repeat left 10px; padding-left:15px;} .t-text .p li:nth-child(2){ margin:0 28px;} .t-text h5{ color:#282726;font-family: 'aileronregular'; font-weight:normal; font-size:30px; line-height:34px;} .t-text h5 span{ display:block; color:#636160; font-size:18px;font-family: 'aileronlight';} .contact{ width:100%; float:left; background:#6c4199; padding:74px 0 60px 0;} .contact-inner{ max-width:502px; margin:0 auto;} .contact h3{ color:#fff; font-size:43px;font-family: 'manksansregular'; font-weight:normal; text-align:center; margin-bottom:20px; } .contact p{ margin-bottom:15px; width:100%; float:left;} .contact p input[type="text"]{ width:242px; border:0; background:#fff; font-size:13px; color:#000;font-family: 'manksans-mediumregular'; height:33px; line-height:33px; margin:0 17px 0 0; padding:0 14px; box-sizing:border-box; float:left;} .contact p input[type="text"]:last-child{ margin-right:0;} .contact input[type="submit"]{ border:0; background:#f6a84e; height:33px; width:242px; float:left; font-size:16px; color:#fff; text-transform:uppercase; font-family: 'aileronbold'; text-align:center; cursor:pointer; padding-right:14px;} .contact input[type="submit"]:hover{ background:#202020;} ::-webkit-input-placeholder { color:#000; font-family: 'manksans-mediumregular'; font-size:13px;} ::-moz-placeholder { color:#000; font-family: 'manksans-mediumregular'; font-size:13px;} /* firefox 19+ */ :-ms-input-placeholder { color:#000; font-family: 'manksans-mediumregular';font-size:13px; } /* ie */ input:-moz-placeholder { color:#000; font-family: 'manksans-mediumregular';font-size:13px; } /* ---------------------------------------------- FOOTER CSS ---------------------------------------------- */ footer{ float:left; width:100%; background:#24282b; text-align:center; padding:25px 0 18px 0;} footer p{ color:#fff; font-size:10px;font-family: 'manksansregular';} /* ---------------------------------------------------------------------------------------- RESPONSIVE CSS ----------------------------------------------------------------------------------------- */ @media only screen and (min-width:768px) and (max-width:1024px) { header{ padding: 0;} .logo{ max-width:150px; margin-top:25px;} .header-ryt{ width:78%;margin: 10px 0;} header.fixedHeader .hdr-top{ margin-top:-5px;} .menu{ margin-top:20px;} .menu ul li{ margin-left:25px;} .menu ul li a{ font-size:14px;} .banner-text-inner{ top:30px;} .banner-text p{ font-size:20px; padding:10px 17px;} .banner-text h3{ font-size:25px; padding:10px 17px;} .first{margin: 10px 0 0 0;} .first p{font-size: 17px; line-height: 25px; padding:0 10px;} .second{ margin:27px 0 0 0 ;} .second h3{ font-size:25px;margin-bottom: 28px;} .second ul li{ width:23%; margin-right:18px;} .second ul li .img-col{ width:165px; height:165px; margin-bottom: 17px;} .second ul li p { font-size: 13px; line-height: 19px;} .third{padding: 20px 0 0 0;margin: 40px 0 0 0;} .third h3{ font-size:25px;padding: 0 15%; line-height: 30px;margin-bottom: 25px;} .third ul#bx-pager li{ width:23%;margin-right:18px;} .third ul#bx-pager li p{ font-size:16px;} .third ul#bx-pager{ padding-bottom: 20px; } .bx-wrapper .bxslider2 li.emp-brand img{ max-width:180px;} .bx-wrapper .bxslider2 li.hire img{ max-width:250px;} .bx-wrapper .bxslider2 li.assesment img{ max-width:230px;} .bx-wrapper .bxslider2 li.on-boarding img{ max-width:230px;} .third-btm h2{ font-size:27px; line-height: 35px; padding-bottom: 6px; margin-bottom: 5px;} .third-btm-text{ right:15px; width: 62%;} .third-btm-text ol li{ font-size:15px; line-height:22px;} .bxslider2 li.emp-brand{ padding:20px 0 0 0;} .bxslider2 li.hire{padding: 67px 0 93px 0;} .bxslider2 li.assesment{padding: 90px 0 91px 0;} .bxslider2 li.on-boarding{ padding: 90px 0 80px 0;} .bx-wrapper .bxslider2 li.emp-brand .third-btm-text{ height:115px;} .bx-wrapper .bxslider2 li.hire .third-btm-text{ height:197px;} .bx-wrapper .bxslider2 li.assesment .third-btm-text{ height:115px;} .fourth{ padding:26px 0 30px 0} .fourth h3{ font-size:25px; margin-bottom: 28px;} .fourth h5{ font-size:17px;} .fourth-col{padding: 0 10px 10px 10px; min-height: 147px;} .fourth ul li{ font-size:13px;} .fifth{padding: 26px 0 27px 0;} .fifth h3{ font-size:25px; line-height:32px; margin-bottom: 20px;} .client ul li{ width:20%; min-height:90px; vertical-align:top;} .client ul li img{ max-width:90%;} .testimonial{padding: 33px 0 11px 0;} .t-text p{font-size: 16px; line-height: 28px;padding: 0 10%; margin: 10px 0 30px 0;} .t-text h5{ font-size:25px; line-height:30px;} .t-text h5 span{font-size: 15px;} .contact{padding: 34px 0 20px 0;} } @media only screen and (min-width:480px) and (max-width:767px) { .logo{margin:5px auto 0 auto; max-width: 150px; float:none;} header.fixedHeader .logo{margin-top: 38px; max-width: 120px;} header.fixedHeader .hdr-top{ margin-top:0} .hdr-top{ text-align:center;} .header-ryt{ width:100%; margin:5px 0} .menu{ margin-top:5px;} .menu ul{ text-align:center;} .menu ul li{ margin-left:18px;} .menu ul li a{ font-size:13px;} header{ padding:0;} .banner-text-inner{ top:10px; right:15px;} .banner-text p{ font-size:15px; padding:6px 10px; margin-bottom:4px;} .banner-text h3{ font-size:17px; padding:6px 10px; margin: 4px 0;} .second{ margin:20px 0 0 0 ;} .second h3{ font-size:22px; line-height:30px;margin-bottom:28px;} .second ul li{ width:48%; margin-right:2%; margin-bottom: 30px;} .second ul li:nth-child(2n){ margin-right:0;} .second ul li .img-col{ margin:0 auto; margin-bottom:10px;width: 150px; height: 150px;} .second ul li p{ font-size:13px;} .third{margin: 10px 0 0 0; padding:20px 0 0 0;} .third h3{font-size: 22px; line-height: 30px; padding:0;margin-bottom: 27px;} .third ul#bx-pager li{ width:42%; margin-bottom:30px; margin-right:10%;} .third ul#bx-pager li:nth-child(2n){ margin-right:0;} .third ul#bx-pager li p{ font-size:17px;} .third ul#bx-pager{ padding-bottom:0} .third-btm-text{ width:71%; right:15px;} .third-btm h2{ font-size:28px; line-height: 34px; padding-bottom: 7px; margin-bottom: 5px;} .bx-wrapper .bxslider2 li.emp-brand img{ max-width:100px; margin-left:0;} .bx-wrapper .bxslider2 li.hire img{ max-width:100px;} .bx-wrapper .bxslider2 li.assesment img{ max-width:100px;} .bx-wrapper .bxslider2 li.on-boarding img{ max-width:100px;} .bxslider2 li.emp-brand{ padding:52px 0 0 0;} .bxslider2 li.hire{ padding:90px 0 70px 0;} .bxslider2 li.assesment{padding: 76px 0 85px 0;} .bxslider2 li.on-boarding{ padding: 74px 0 82px 0;} .bx-wrapper .bxslider2 li.hire .third-btm-text{ height:205px;} .bx-wrapper .bxslider2 li.assesment .third-btm-text{ height:145px;} .bx-wrapper .bxslider2 li.on-boarding .third-btm-text{ height:110px;} .third-btm-text ol{ margin:0 0 0 15px;} .third-btm-text ol li{ font-size:13px; line-height:20px;} .fourth{ padding: 23px 0 26px 0;} .fourth h3{ font-size: 25px; line-height: 33px; margin-bottom: 17px;} .fourth h5{ font-size:15px;} .fourth-col{padding: 0 7px 7px 7px; min-height: 200px;} .fourth ul li { font-size: 13px; line-height: 19px;} .fifth{ padding:26px 0 27px 0;} .fifth h3{ font-size:25px; line-height:32px; margin-bottom:22px;} .client ul li{ width: 25%; vertical-align: top; min-height: 82px; padding: 10px;} .client ul li:nth-child(4n){ border-right:0;} .client ul li:nth-child(5n){ border-right: 2px solid #dcd6d6;} .client ul li:nth-child(16){ border-bottom: 2px solid #dcd6d6;} .client ul li:last-child{ border-right:0;} .testimonial{padding:25px 0 11px 0;} .t-text p{font-size: 14px; line-height: 22px;padding: 0; margin: 7px 0 20px 0;} .t-text h5{ font-size:20px; line-height:27px;} .t-text h5 span{font-size: 13px;} .contact{padding:26px 0 15px 0;} .contact-inner {max-width: 435px;} .contact h3{ font-size:30px;} .contact p input[type="text"]{ width:208px;} .contact input[type="submit"]{ width:208px;} } @media only screen and (max-width:767px) { .first{ margin:10px 0 0 0;} .first p{ font-size:15px; line-height:24px; padding:0;} .bx-controls{ display:none;} .fixed-form{right:-60px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);} .calBackForm{transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); top: -88px;} } @media only screen and (max-width:479px) { .container{ padding:0 10px;} header{ padding:5px 0 10px 0;} .logo{margin: 0 auto; max-width: 150px; float:none;} .hdr-top{ text-align:center;border-top: 1px solid #6c4199; border-bottom: 1px solid #6c4199; padding: 7px 0;margin: 7px 0 0 0;} header.fixedHeader .logo{ max-width:100px;} header.fixedHeader .hdr-top{ margin-top:5px;} .hdr-top ul{ float:right;} .header-ryt{ width:100%; position:relative; margin:0} .mobile-menu{ display:block;} .menu{ display:none; position: absolute; top: 100%; z-index: 999; background: #6c4199;margin-top: 0; padding:10px;} .menu ul{ text-align:left;} .menu ul li{width: 100%; display: block; margin: 0 0 15px 0;} .menu ul li a{ color:#fff;} .banner-text-inner{ top:5px; right:10px;} .banner-text p{ font-size:14px; padding:5px 6px; margin-bottom:2px;} .banner-text h3{ font-size:15px; padding:5px 6px;margin: 2px 0;} .second{ margin:20px 0 0 0 ;} .second h3{ font-size:18px; line-height:27px;margin-bottom:22px;} .second ul li{ width:100%; margin-right:0; margin-bottom: 30px;} .second ul li:nth-child(2n){ margin-right:0;} .second ul li:last-child{ margin-bottom:0;} .second ul li .img-col{ margin:0 auto; margin-bottom:10px;width: 150px; height: 150px;} .second ul li p{ font-size:16px;} .third{margin: 10px 0 0 0; padding:20px 0 0 0;} .third h3{font-size: 18px; line-height:26px; padding:0;margin-bottom:20px;} .third ul#bx-pager li{ width:49%; margin-bottom:20px; margin-right:2%;} .third ul#bx-pager li:nth-child(2n){ margin-right:0;} .third ul#bx-pager li .img-col a{ font-size:17px;} .third ul#bx-pager{ padding-bottom:0} .bx-wrapper .bxslider2 img{ display:none;} .third-btm-text{ position:relative; height:auto!important;margin: 0; width: 100%;} .third-btm h2{ font-size:22px; line-height:28px;padding-bottom: 7px; margin-bottom: 5px;} .third-btm-text ol li{ font-size:14px;line-height: 22px;} .bxslider2 li.emp-brand{ padding:57px 0;} .bxslider2 li.hire{padding:12px 0 8px 0;} .bxslider2 li.assesment {padding: 69px 0 45px 0;} .bxslider2 li.on-boarding { padding: 54px 0 60px 0;} .third-btm-text ol{ margin:0 0 0 16px;} .fourth{ padding:17px 0 19px 0;} .fourth h3{ font-size:20px; line-height:28px; margin-bottom:9px;} .fourth h5{ font-size:16px;} .fourth-col{padding:17px 0; width:100%;border-right:0;} .fourth ul li { font-size: 14px; line-height: 22px;} .fourth-row .fourth-col:nth-child(2n){ padding:17px 0;} .fifth{ padding:18px 0 19px 0;} .fifth h3{ font-size:20px; line-height:28px; margin-bottom:16px;} .client ul li{ width:50%; vertical-align:top;min-height: 90px;} .client ul li:nth-child(5n){ border-right:2px solid #dcd6d6;} .client ul li:nth-child(2n){ border-right:0;} .client ul li:nth-child(11), .client ul li:nth-child(16), .client ul li:nth-child(17), .client ul li:nth-child(18){border-bottom:2px solid #dcd6d6;} .client ul li:last-child{ border-right:0;} .testimonial{padding:18px 0 4px 0;} .t-text p{font-size: 13px; line-height: 21px;padding: 0; margin: 7px 0 15px 0;} .t-text .p{font-size: 13px; line-height: 21px;padding: 0; margin: 7px 0 15px 0;} .t-text .p li{font-size: 13px; line-height:18px;} .t-text h5{ font-size:17px; line-height:24px;} .t-text h5 span{font-size: 12px;} .testimonial img{ max-width:20%!important} .contact{padding:19px 0;} .contact h3{ font-size:22px;} .contact p{ margin-bottom:0} .contact p input[type="text"]{ width: 100%; margin: 0 0 10px 0;} .contact input[type="submit"]{ width:100%;} footer{padding: 15px 0 10px 0;} .calBackForm-inner{ width:280px;} }