*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, blockquote, th, td { margin: 0; padding: 0; direction: ltr; }
body { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; overflow-x: hidden;  font-family: 'Montserrat', sans-serif;}

p { line-height: 25px; }

.row img {height: auto; max-width: 100%;}
a, .la-ball-triangle-path {color:#0a405b;}

a { text-decoration: none; line-height: inherit; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
iframe { border: 0 !important; }
#wrapper { margin:0 0px; padding: 0px 0; position: relative; }

/*---------- Layout Elements ---------------------------*/

section {clear: both;overflow: hidden;padding: 0;}
.row { max-width: 1400px; margin: 0 auto; padding:51px 0px 0px 0; position: relative; }
/*[class*='col-'] { float: left; padding: 20px; }*/
#service-list .row .col-1 { float: left; padding:0px; }


.clearfix:after { content: ""; display: table; clear: both; }

/* Main Widths */
.col-1 {width: 100%;max-width: 100%;display: block;flex: auto;}
.col-2 {width: 50%;max-width: 50%;flex: auto;}
.col-3 { width: 33.33%; }
.col-4 {width: 25%;max-width: 25%;flex: auto;}
.col-5 { width: 20%; }
.col-6 { width: 16.6666666667%; }
.col-7 { width: 14.2857142857%; }
.col-8 { width: 12.5%; }
.col-9 { width: 11.1111111111%; }
.col-10 { width: 10%; }
.col-11 { width: 9.09090909091%; }
.col-12 { width: 8.33%; }
.col-2-3 { width: 66.66%; }
.col-3-4 {width: 75%;max-width: 70%;flex: auto;}
.col-9-10 { width: 90%; }

/* Golden Ratio */
.col-61 { width: 61.8%; }
.col-38 { width: 38.2%; }
/*Alignment*/

img { vertical-align: top;}

h1 { padding: 20px 0;}
h2 { padding: 14px 0;}
h3 { padding: 10px 0;}
h4 { padding: 7px 0; }
h5 { padding: 7px 0; }
h6 { padding: 7px 0;}


/* Section Headings */
.section-heading { padding: 0 0 15px 0;}
.section-subtitle { font-size: 18px; padding-top: 0; }
.section-heading h3 { font-size: 14px; font-weight: bold; color: #ccc; letter-spacing: 2px; padding-bottom: 0;}
#service-list input {height: 40px;outline: none;line-height: normal;font-size: 14px;width: 100%;font-family: 'Montserrat', sans-serif;border-radius: 5px;border: 0px;padding: 0;line-height: 20px;}
.skills-bar input { height: 24px; margin: 3px 0; outline: none; line-height: normal; font-size: 14px; width: 100%; font-family: 'Montserrat', sans-serif; padding-left: 0px; border-radius: 5px; border: 0px; }
.submit{content:"";/* position: relative; */right: 0;margin-top: -34px;background: url(../images/search.png) no-repeat;border: none;width: 20px;height: 20px;background-size: cover;cursor: pointer;opacity: 0.5;float: right;margin-right: 15px;}

.seach-bar {margin: 20px 20px 14px 0px;float: right;}
.seach-bar .col-2 {float: right;width: 47.3%;}
.content { background: #eee; float: left; width: 100%; border-radius: 6px; padding-bottom: 6px;}
.skills-box {margin-bottom: 0;float: left;width: 50%;}
.skills{max-width: 190px;background: #5b929c;text-align: center;color: #fff;border-radius:8px;padding: 14px 0px;font-size: 15px;font-weight: normal;margin-left: 20px;float: left;}
.skills-bar {padding: 0;font-size: 14px;margin-top: 12px;width: 424px;float: left;}
.skills-bar .col-4{padding: 0px 0px 0px 31px;margin-top: -11px;float: left;}
.skills-bar .col-3-4{padding: 0 13px;width: 70%;margin-left: 20px;margin-top:-1px;float: left;}
.tabs .col-2{padding: 0;}
output {display: block;font-size: 13px;text-align: center;width: 10px;position: absolute;margin: -9px 0px 0px 296px;}

/* -------------  Tabt Content -------------  */
.tabs { width:98%; margin: 0 auto; border-radius: 6px; overflow: hidden; font-family: 'Montserrat', sans-serif; }
.tabs .bar { width: 100%; display: flex; }
.tabs [data-tabby-bar]:first-child { border-left: none; }
.tabs [data-tabby-bar] {font-weight: 500;padding: 1.25rem;text-align: center;cursor: pointer;flex: 1;color: rgba(33,33,33,10);border-radius:6px 6px 0px 0px;font-family: "Raleway", "Helvetica", "Arial", sans-serif;font-size: 12px;font-weight: 700;text-transform: uppercase;}
.tabs [data-tabby-bar]:hover {color: #005766;}
.tabs [data-tabby-bar][data-tabby-active] { color: rgba(33,33,33,1); border-bottom:0; background: #eee; }
.tabs [data-tabby-content] { padding: 1.25rem; }
.tab2, .tab3, .tab4, .tab5, .tab6 { border-top-left-radius: 6px !important;}
.tab6 { border-top-right-radius: 0px !important;}
.content{border-radius: 0px 6px 6px 6px}
/* ----------------- Range Slider ----------------- */
input[type=range] {
    -webkit-appearance: none
}
.range { background: linear-gradient(to left, #e2e2ea 100%, #005766  0%); height: 3px !important; max-width: 100%; width: 100%;
  position: relative; border: none; border-radius: 0px; margin: 20px 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.range [type="range"] {padding: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent;
  width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 30px; }
.range [type="range"]:focus { outline: none; }
.range [type="range"]::-webkit-slider-runnable-track { background: transparent; }
.range [type="range"]::-moz-range-track { background: transparent; }
/*.range [type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 30px; height: 10px; border-radius: 5px; background: #5B939E ; cursor: pointer; border: none; }*/
/*.range [type="range"]::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 30px; height: 10px; border-radius: 5px; background: #5B939E ; cursor: pointer; border: none; }*/
/*.range [type="range"]::-ms-thumb { appearance: none; width: 30px; height: 10px; border-radius: 5px; background: #5b929c; cursor: pointer; border: none; }*/
.range [type="range"]:enabled::-webkit-slider-thumb{ -webkit-appearance: none;width: 20px; height: 20px;  border-radius: 50%; appearance: none; background: #005766 ; cursor: pointer; border: none; }
.range [type="range"]:disabled::-webkit-slider-thumb { -webkit-appearance: none;width: 20px; height: 20px;  border-radius: 50%; appearance: none; background: lightgrey; cursor: pointer; border: none; }
.range [type="range"]:enabled::-moz-range-thumb { -moz-appearance: none; width: 20px; height: 20px;  border-radius: 50%;appearance: none; background: #005766 ; cursor: pointer; border: none; }
.range [type="range"]:disabled::-moz-range-thumb { -moz-appearance: none; width: 20px; height: 20px;  border-radius: 50%;appearance: none; background: lightgrey ; cursor: pointer; border: none; }
.range [type="range"]:enabled::-ms-thumb {appearance: none; width: 20px; height: 20px;  border-radius: 50%;background: #005766; cursor: pointer; border: none; }
.range [type="range"]:disabled::-ms-thumb {appearance: none; width: 20px; height: 20px;  border-radius: 50%;background: lightgrey; cursor: pointer; border: none; }
.range [type="range"]::-ms-fill-lower { background: #005766; }
.range [type="range"]::-ms-fill-upper { background: #e2e2ea; }
.range [type="range"]::-ms-track { color: transparent; border: 0 solid transparent; background: transparent; }
.range [type="range"]::-ms-tooltip { display: none; }
.range { max-width: 100%; }
@media (max-width: 1000px) {
  .range {
    max-width: 100%;
  }
}









/*----------------- Candidate List-----------------------------*/
#service-list .col-1, #candidate-list .col-1{ padding: 0; }
#candidate-list .col-6{ float: left; min-height: 750px; border: 1px solid #acacac; border-radius: 10px; padding: 0; text-align: center; margin-left: 12px; width: 15.6666666667%; margin-bottom: 32px; }
#candidate-list .col-6:last-child{margin-left: 0; float: right;}
.candidate-pic{border-radius: 10px 10px 0px 0px; width: 100%;}
.candidate-profile {padding: 0px 14px;font-size: 14px;margin: 0;line-height: 20px;color: #5b5b5b;min-height: 90px;}
.candidate-name {margin: 0px;padding:16px 10px 5px 10px;font-size: 22px;min-height: 80px;}
.candidate-rating {font-size: 14px;color: #5b5b5b;margin: 15px 0px;line-height: 30px;}
.candidate-rating span{background:green; color:#fff; border-radius:4px; padding:3px 6px; letter-spacing:1px }
.candidate-exp {font-size: 14px;color: #5b5b5b;line-height: 26px;min-height: 30px;}
.candidate-exp a{;background: #5b929c;color: #fff;border-radius: 50%;font-weight: bold;margin-top: 3px;margin-left: 5px;padding: 2px 10px 4px 10px;text-align: center;}
.candidate-exp span{display:block;}
.candidate-skills { font-size: 14px;color: #5b5b5b; padding: 0; }
#candidate-list .more-btn a{background:#5B939E;padding:10px 30px;border-radius:8px;color:#fff;width: 80%;margin-bottom: 20px;float: left;margin-left: 10%;font-family: "Open Sans", "Helvetica", "Arial", sans-serif;}
#candidate-list .more-btn a:hover{background:#115866; border:none}
.more-btn { position: absolute; width: 100%; bottom: 0px; }

.tooltip-box { display: none; background:#ececec; float:left; min-width: 250px; max-width: 300px; border-radius:6px; padding:10px; position:absolute; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 0; margin-top: -165px; margin-left: 18px; text-align: left; z-index: 100; }
.tooltip-box h3{ font-size: 22px; font-weight: 600; border-bottom: 1px solid #fff; margin-bottom: 10px; }
.tooltip-box:after{ content:""; width:15px; height:15px; background:#ececec; position:absolute; border-radius:2px; transform:rotate(45deg); margin-left:98px }
.candidate-rating:hover .tooltip-box {opacity:1; display: block;}


.tooltip-box1 { display: none; color:#000; font-weight:normal; background:#ececec; float:left; min-width: 250px; max-width: 300px; margin-left: 36px; border-radius:6px; padding:10px 10px 10px 20px; position:absolute; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 0; margin-top: -217px; text-align: left; z-index: 100; }
.candidate-exp:hover .tooltip-box1 {opacity:1; display: block;}
.tooltip-box1 h3{ font-size: 22px; font-weight: 600; border-bottom: 1px solid #fff; margin-bottom: 10px; }
.tooltip-box1:after{content:"";width:15px;height:15px;background:#ececec;position:absolute;border-radius:2px;transform:rotate(45deg);margin-left: 113px;}

.skills{background: transparent;}
.skills h5{color:#fff;font-family: 'Montserrat', sans-serif;font-size: 15px;font-weight: normal;text-shadow: none;text-transform: none;    width: 170px; max-width: 170px;}
.skills .bizmoduleselect { margin-top: -11px; }
label.btn-default.active{ background-color:#115866 !important; color:#FFF; }
label.btn-default:hover{ background-color:#115866 !important; color:#FFF; }
label.btn-default{ width: 100%; border: 0px solid #115866; margin: 0; border-radius: 0.2vw; color: #ffffff; background-color: #5B939E !important; padding: 0px 0px; }
label .itemcontent{ width:100%; }
.items-collection .btn-group{ width:90%}
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none;}


.btn:hover, .btn:focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active{ outline: 0 !important; background-color: #47882b; border-color:transparent; color: #fff; border: 0px;}
.btn:hover{ outline: 0 !important; background-color: #47882b; border-color: transparent; color: #fff; border: 0px; }
.pro-pic { min-height: 300px; text-align:center; overflow:hidden; width: 100%; display: flex; justify-content: center; height: 300px; border-radius: 10px 10px 0px 0px; }
.pro-pic img{ width: 100%; }


#candidate-list .more-btn a { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #5B939E; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border-radius: 0.2vw;}
#candidate-list .more-btn a:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #115866; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 0.2vw; }
#candidate-list .more-btn a:hover, #candidate-list .more-btn a:focus, #candidate-list .more-btn a:active { color: white; }
#candidate-list .more-btn a:hover:before, #candidate-list .more-btn a:focus:before, #candidate-list .more-btn a:active:before { -webkit-transform: scaleX(1); transform: scaleX(1);}



.seach-bar .col-2:nth-child(1) { float: left; margin-top: 8px;    padding-left: 35px;}
.seach-bar .col-2 .search-fillter{width: 90%;margin-left: -17px;}
.seach-bar .col-2 .search-fillter .ui-autocomplete-input{padding-left: 20px !important;}
.seach-bar .col-2 .col-3 { text-align: center;}
.seach-bar .col-2 .col-3{width:15%;margin-left: 11px;padding: 0;float:left;}
.seach-bar .col-2 .col-3:nth-child(2){margin-left: -32px;}
.seach-bar .col-2 .col-3:nth-child(3){margin-left: -22px;}
.seach-bar .col-2:nth-child(2) { float: right;}

/*.seach-bar label {transition: none}*/
/*.seach-bar label h5{color:#fff;text-shadow: none;font-weight: normal;font-size: 14px; padding: 3px 0px;}*/
/*.seach-bar label.btn-default.active{background-color:#3390ce !important;color:#FFF; padding: 0px 18px; }*/
/*.seach-bar label.btn-default:hover{ background-color:#3390ce !important; color:#FFF; padding: 0px 18px; }*/
/*.seach-bar label.btn-default{ width: 100%; border: 0px solid #305891; margin: 0; border-radius: 0.2vw; color: #ffffff; background-color: #5B939E !important; padding: 0px 18px; }*/




.ck-button { margin:0px 2px; background-color:#5B939E; border-radius:0.2vw; overflow: hidden; float:left; min-width: 47px; max-width: 67px; color: #fff; }
.ck-button:hover { background:#115866; }
.ck-button label { float:left; width:4.0em; margin-bottom: 0;cursor: pointer }
.ck-button label span { text-align:center; padding:3px 0px; display:block; }
.ck-button label input {position:absolute;top: 0;opacity: 0;width: 1px !important;height: 1px !important;}
.ck-button input:checked + span { background-color:#3390ce; color:#fff; }

/*.seach-bar .col-2:nth-child(2) { float: right; max-width: 612px;margin-right: 42px;}*/
/*.seach-bar .focus #rating-a{position: relative;left: 23px!important;}*/
/*.seach-bar .active #rating-a{position: relative;left: 23px!important;}*/


/*.seach-bar .focus #rating-aa{position: relative;left: 29px!important;}*/
/*.seach-bar .active #rating-aa{position: relative;left: 29px!important;}*/







/*------------------------------------------------------------------------------------------*/
/* Responsive Elements */
/*------------------------------------------------------------------------------------------*/
@media screen and (min-device-width: 1024px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1) {
  #candidate-list .col-6{width: 32%;  }
  .content .col-2{width: 50%;}
  .search-fillter{width: 90%; float: left}
  .skills-box .skills { width: 25%; margin:0  }
  .skills-box .skills-bar{width: 61%;float: left;margin-left: 40px;}
  .skills-bar .col-4{font-size:16px; text-align:left}
  output{font-size:16px;margin: -10px -16px 0px 0px;right: 0;}
  .skills-bar .col-3-4{width: 53%;}
  .skills-bar .col-4 {margin-left: 0px;padding: 0px 0px 0px 3px;width: 34%;max-width: 39%;float: right;font-size: 14px;}
  .seach-bar { margin: 40px 50px 40px 0px; float: right; width: 90%; }
  .tooltip-box {margin-left: 120px;margin-top: -150px;min-width:200px;max-width: 230px;font-size: 15px;}
  .tooltip-box1 {margin-left: 120px;margin-top: -200px;min-width:200px;max-width: 260px;font-size: 15px;}
  .tooltip-box:after{display: none;}
  .tooltip-box1:after{display: none;}
  .candidate-rating a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left: 18px; }
  .candidate-exp a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left:-6px; }
  .tabs{width: 98%;}
  .seach-bar{width:100%; margin: 17px 0}
  .submit{right: 77px;}
  .seach-bar .col-2 .col-3{margin-left: 5px;}
  .seach-bar .col-2 .col-3:nth-child(2) {margin-left: -19px;}
  .seach-bar .col-2 .col-3:nth-child(3){margin-left: -8px;}
}

@media only screen and (max-width: 1024px) {
  #candidate-list .col-6{width: 31% ; margin: 0px 0px 20px 8px  }
  .content .col-2{width: 100%;}
  .skills-box .skills { width: 25%; }
  .skills-box .skills-bar{ width: 70%; }
  .skills-bar .col-4{font-size:24px; text-align:left}
  output{font-size:24px;margin:-27px 0px 0px 440px;}
  .skills-bar .col-3-4{width: 70%;}
  .skills-bar .col-4 { margin-left: 11px; }
  .seach-bar { margin: 40px 50px 40px 0px; float: right; width: 90%; }
  .tooltip-box { margin-left: 10px; margin-top: -177px; min-width:200px;max-width: 200px; font-size: 15px;}
  .tooltip-box1 { margin-left: 10px; margin-top: -220px; min-width:200px;max-width: 200px; font-size: 15px;}
  .tooltip-box:after{display: none;}
  .tooltip-box1:after{display: none;}
  .candidate-rating a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left: 18px; }
  .candidate-exp a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left:-6px; }
  /*------- Range Responsive ---------*/
  .tabs{width: 97%;display:block;margin-left: 1.3%;}
  .tabs .bar{display: block;}
  .tabs .bar div{ width: 50%; float: left; }
  .seach-bar {width: 100%; margin: 17px 0}
  .submit{right: 70px;}
  .skills-box .skills {width: 100%;margin:0px;float: left;}
  .skills-box{margin-left: 0px;}
  .skills-box .skills-bar{width: 100%;margin:7px 0px 0px 0px;float: left;max-width: 100%;flex: none;}
  .skills-bar .col-3-4{width: 49%; margin:0px 0px 20px 10px;}
  .skills-bar .col-4{width:46%;font-size:14px;text-align:left;margin-left: 0;padding: 0px 0px 0px 23px;margin-bottom: 9px;margin-top: -9px;max-width: 50%; float: right}
  output{font-size:14px;margin: -9px -13px 0px 0px;right: 0;}

  .seach-bar .col-2:nth-child(2){width: 50%; margin: 0}
  .seach-bar .col-2 .col-3:nth-child(1){width: 10%;margin: 0 0 0 26px;}
  .seach-bar .col-2 .col-3:nth-child(2){width: 10%;margin-left: 26px;}
  .seach-bar .col-2 .col-3:nth-child(3){width: 17%;margin-left: 37px;max-width: 17%;}
}



/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
  .tabs{width: 97%;}
  #candidate-list .col-6{width: 32%;}
  .content .col-2{width: 50%;}
  .seach-bar .col-2 .col-3{margin-left: 15px;}
  .seach-bar .col-2 .col-3:nth-child(2) {margin-left: 3px;}
  .seach-bar .col-2 .col-3:nth-child(3){margin-left: 13px;}
  .seach-bar .col-2:nth-child(1){width: 45%;float: left;}
  .seach-bar .col-2:nth-child(2) {float: right;max-width: 50%;margin-right: 16px;}
  .seach-bar { margin: 40px 50px 40px 0px; float: right; width: 100%; }
  .skills-box .skills { width: 25%; }
  .skills-box .skills-bar{ width: 70%; margin-top: 14px;}
  .skills-bar .col-4{font-size:24px; text-align:left}
  output{font-size:24px;margin:-27px 0px 0px 440px;}
  .skills-bar .col-3-4{width: 70%;}
  .skills-bar .col-4 { margin-left: 11px; }
  .seach-bar { margin: 40px 50px 40px 0px; float: right; width: 100%; }
  .tooltip-box {margin-left: 10px;margin-top: -197px;min-width:200px;max-width: 200px;font-size: 15px;}
  .tooltip-box1 {margin-left: 10px;margin-top: -240px;min-width:200px;max-width: 200px;font-size: 15px;}
  .tooltip-box:after{display: none;}
  .tooltip-box1:after{display: none;}
  .candidate-rating a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left: 18px; }
  .candidate-exp a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left:-6px; }
  .skills-box{margin-bottom: 16px;}
  .skills-box .skills { margin:0px; padding: 0; }
  .skills-box .skills-bar{width: 100%;margin:18px 0px 0px 0px;max-width: 100%;}
  .skills-bar .col-3-4{width: 50%; margin: 0px;}
  .skills-bar .col-4{width:50%;font-size:14px;text-align:left;margin-left: 0;padding: 0px 0px 0px 23px;margin-bottom: 6px;margin-top: -8px;width: 30% !important;max-width: 30%;}
  output{font-size:14px;margin: -9px -13px 0px 0px;right: 0;}
  .seach-bar .col-2:nth-child(1){width: 45%;}
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
  .tabs{width: 97%;}
  #candidate-list .col-6{width: 30.5%; margin-left: 16px;}
  .content .col-2{width: 100%;}
  .skills-box .skills { width: 25%; }
  .skills-box .skills-bar{ width: 70%; margin-top: 14px;}
  .skills-bar .col-4{font-size:24px; text-align:left}
  output{font-size: 16px;margin: -6px -20px 0px 0;right: 0;}
  .skills-bar .col-3-4{width: 70%;}
  .skills-bar .col-4 { margin-left: 11px; font-size: 16px; margin-top: -8px; }
  .seach-bar { margin: 40px 50px 40px 0px; float: right; width: 91%; }
  .submit{right: 78px;}
  #candidate-list .col-6:last-child { margin-left: 16px; float: left; }
  /*------- Range Responsive ---------*/
  .tabs{width: 97%;display:block;margin-left: 1.3%;}
  .tabs .bar{display: block;}
  .tabs .bar div{ width: 50%; float: left; }
  .seach-bar { margin:17px 0px; width: 100%; }
  .seach-bar .col-2 .col-3{margin-left: 5px;}
  .submit{right: 70px;}
  .skills-box .skills {width: 30%;margin:0px;}
  .skills-box{margin-left: 10px;}
  .skills-box .skills-bar{width: 100%;margin: 11px 0px 0px 0;float: right;}
  .skills-bar .col-3-4{width: 50%;margin:0px 0px 20px 0px;max-width: 50%;}
  .skills-bar .col-4{width:46%;font-size:14px;text-align:left;margin-left: 0;padding: 3px 0px 3px 23px;margin-bottom: 5px;margin-top: -11px;max-width: 46%;}
  output{font-size:14px;margin: -9px -13px 0px 0px;right: 0;}
  .seach-bar .col-2 .col-3:nth-child(1){width: 10%;margin: 0 0 0 16px;}
  .seach-bar .col-2 .col-3:nth-child(2){margin-left: 15px;}
  .seach-bar .col-2 .col-3:nth-child(3){margin-left: 27px;}
  .seach-bar .col-2:nth-child(2) {float: right;max-width: 337px;margin-right: 20px;}
  .skills-box { margin-left: 0px; }
}





/* ----------- iPhone 4 and 4S ----------- */

/* Landscape */
@media only screen
and (min-device-width : 412px)
and (max-device-width : 846px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
  #candidate-list .col-6{width: 31.4%; float: left; margin-left: 12px;}
  #candidate-list .col-6:last-child {margin-left: 0; float: right; margin-right: 10px; }
  .tooltip-box { margin-left: 10px; margin-top: -177px; min-width:200px;max-width: 200px; font-size: 15px;}
  .tooltip-box1 { margin-left: 10px; margin-top: -220px; min-width:200px;max-width: 200px; font-size: 15px;}
  .tooltip-box:after{display: none;}
  .tooltip-box1:after{display: none;}
  .candidate-rating a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left: 18px; }
  .candidate-exp a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left:-6px; }
  /*------- Range Responsive ---------*/
  .tabs{width: 97%;display:block;margin-left: 1.3%;}
  .tabs .bar{display: block;}
  .tabs .bar div{ width: 50%; float: left; }
  .seach-bar { margin: 5%; width: 91%; }
  .submit{right: 70px;}
  .skills-box .skills { width: 30%; margin:0px; }
  .skills-box{margin-left: 10px;}
  .skills-box .skills-bar{ width: 70%; margin:7px 0px 0px 0px; }
  .skills-bar .col-3-4{width: 50%; margin:0px 0px 0px 10px;}
  .skills-bar .col-4{width:46%;font-size:14px;text-align:left;margin-left: 0;padding: 0px 0px 0px 23px;margin-bottom: 18px;margin-top: -6px;}
  output{font-size:14px;margin:-6px -13px 0px 0px; right: 0}
}


/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
  #candidate-list .col-6{width: 31.4%; float: left; margin-left: 12px;}
  #candidate-list .col-6:last-child {margin-left: 0; float: right; margin-right: 10px; }
  .tooltip-box {margin-left: 10px;margin-top: -197px;min-width:200px;max-width: 200px;font-size: 15px;}
  .tooltip-box1 {margin-left: 10px;margin-top: -240px;min-width:200px;max-width: 200px;font-size: 15px;}
  .tooltip-box:after{display: none;}
  .tooltip-box1:after{display: none;}
  .candidate-rating a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left: 18px; }
  .candidate-exp a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left:-6px; }

  /*------- Range Responsive ---------*/
  .tabs{ width:90%; display:block; margin-left: 5%; }
  .tabs .bar{display: block;}
  .tabs .bar div{ width: 50%; float: left; }
  .seach-bar { margin: 5% 5% 14px 5%;  width: 91%; }
  .submit{right: 70px;}
  .skills-box .skills { width: 30%; margin:0px; }
  .skills-box .skills-bar{ width: 70%; margin:12px 0px 0px 0px }
  .skills-bar .col-3-4{width: 50%; margin:0px 0px 0px 10px;}
  .skills-bar .col-4{width:46%;font-size:14px;text-align:left;margin-left: 0;padding: 0px 0px 0px 23px;margin-bottom: 6px;margin-top: -9px;max-width: 30%;}
  output{font-size:14px;margin:-9px -13px 0px 0px; right: 0}
  .skills-box{width: 100%;margin-left: 11px;}
  .seach-bar .col-2:nth-child(2){margin-top: 3px; position: absolute;}
  .seach-bar .col-2:nth-child(1){position: relative; margin-top:60px; }
  .seach-bar .col-2 .col-3{width: 33%;margin-left: -18px;}
  .seach-bar .col-2 .col-3:nth-child(2) {margin-left: -16px;}
  .seach-bar .col-2 .col-3:nth-child(3) {margin-left: -7px;}
  .skills h5{max-width: 100%; width: 100%;}
  .skills .bizmoduleselect{width: 100%;}
}


/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
  #candidate-list .col-6{width: 31.4%; float: left; margin-left: 10px;}
  #candidate-list .col-6:last-child {margin-left: 0; float: right; margin-right: 10px; }
  .tooltip-box {margin-left: 10px;margin-top: -195px;min-width:200px;max-width: 200px;font-size: 15px;}
  .tooltip-box1 {margin-left: 10px;margin-top: -244px;min-width:200px;max-width: 200px;font-size: 15px;}
  .tooltip-box:after{display: none;}
  .tooltip-box1:after{display: none;}
  .candidate-rating a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left: 18px; }
  .candidate-exp a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left:-6px; }
  /*------- Range Responsive ---------*/
  .tabs{ width:90%; display:block; margin-left: 5%; }
  .tabs .bar{display: block;}
  .tabs .bar div{ width: 50%; float: left; }
  .seach-bar { margin: 5% 5% 3% 5%;  width: 91%; }
  .submit{right: 70px;}
  .skills-box .skills { width: 30%; margin:0px; }
  .skills-box .skills-bar{ width: 70%; margin:12px 0px 0px 0px }
  .skills-bar .col-3-4{width: 50%; margin:0px 0px 0px 10px;}
  .skills-bar .col-4{width:46%;font-size:14px;text-align:left;margin-left: 0;padding: 0px 0px 0px 23px;margin-bottom: 6px;margin-top: -9px;max-width: 30%;}
  output{font-size:14px;margin:-9px -13px 0px 0px; right: 0}
  .skills-box{width: 100%;margin-left: 9px;}
  .seach-bar .col-2:nth-child(2){margin-top: 3px; position: absolute;}
  .seach-bar .col-2:nth-child(1){position: relative; margin-top:61px; }
  .seach-bar .col-2 .col-3{width: 33%;margin-left: -15px;}
  .seach-bar .col-2 .col-3:nth-child(2) {margin-left: -14px;}
  .seach-bar .col-2 .col-3:nth-child(3) {margin-left: -4px;}
  .skills h5{max-width: 100%; width: 100%;}
  .skills .bizmoduleselect{width: 100%;}

}


/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
  #candidate-list .col-6{width: 31.4%; float: left;margin-left: 1.4%;}
  .tooltip-box {margin-left: 10px;margin-top: -196px;min-width:200px;max-width: 200px;font-size: 15px;}
  .tooltip-box1 {margin-left: 10px;margin-top: -243px;min-width:200px;max-width: 200px;font-size: 15px;}
  .tooltip-box:after{display: none;}
  .tooltip-box1:after{display: none;}
  .candidate-rating a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left: 18px; }
  .candidate-exp a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left:-6px; }

  /*------- Range Responsive ---------*/
  .tabs{ width:90%; display:block; margin-left: 5%; }
  .tabs .bar{display: block;}
  .tabs .bar div{ width: 50%; float: left; }
  .seach-bar { margin: 5% 5% 3% 5%;  width: 91%; }
  .submit{right: 70px;}
  .skills-box .skills { width: 30%; margin:0px; }
  .skills-box .skills-bar{ width: 70%; margin:12px 0px 0px 0px }
  .skills-bar .col-3-4{width: 50%; margin:0px 0px 20px 10px;}
  .skills-bar .col-4{width:46%;font-size:14px;text-align:left;margin-left: 0;padding: 0px 0px 0px 23px;margin-bottom: 6px;margin-top: -9px;max-width: 30%; float: left;}
  output{font-size:14px;margin:-9px -13px 0px 0px; right: 0}
  .skills-box{width: 100%; margin-left: 3px;}
  .seach-bar .col-2:nth-child(2){margin-top: 3px;position: absolute;width: 100%;max-width: 100%;}
  .seach-bar .col-2:nth-child(1){position: relative;margin-top:61px;padding: 0px;margin-left: -6px;}
  .seach-bar .col-2 .col-3{width: 33%;margin-left: -6px;}
  .seach-bar .col-2 .col-3:nth-child(2) { margin-left: -3px; }
  .seach-bar .col-2 .col-3:nth-child(3) { margin-left: 3px; }
  .skills h5{max-width: 100%; width: 100%;}
  .skills .bizmoduleselect{width: 100%;}
  .seach-bar .col-2 .search-fillter{width: 100%; margin-left: 0;}
  .seach-bar .col-2 .search-fillter .ui-autocomplete-input{width: 100%;}


}

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
  #candidate-list .col-6 {width: 90%;float: left;margin-left: 5%;margin-right: 5%;max-width: 100%;}
  .candidate-pic{border-radius: 10px 10px 0px 0px; width: 100%;}
  .candidate-profile {padding: 0px 14px;font-size: 18px;margin: 0;line-height: 26px;color: #5b5b5b;}
  .candidate-name { margin: 0px; padding: 16px 0px 5px 0px;}
  .candidate-rating {font-size: 18px;color: #5b5b5b;}
  .candidate-rating span{background:green; color:#fff; border-radius:4px; padding:3px 6px; letter-spacing:1px }
  .candidate-exp {font-size: 18px;color: #5b5b5b;}
  .candidate-exp a{;background: #5b929c;color: #fff;border-radius: 50%;font-weight: bold;margin-top: 3px;margin-left: 5px;padding: 2px 12px 1px 12px;text-align: center;}
  .candidate-skills {font-size: 18px;color: #5b5b5b;padding: 0;}
  .tooltip-box1 {margin-left: 50px;margin-top: -221px;max-width: 250px;font-size: 15px;}
  .tooltip-box {margin-left: 24px;margin-top: -173px;max-width: 250px;font-size: 15px;}
  .tooltip-box:after{display: none;}
  .tooltip-box1:after{display: none;}
  .content .col-2{width: 100%;max-width: 100%;flex: auto;}





  .skills-bar .col-4 { margin-left: 11px; }

  .candidate-rating a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left: 18px; }
  .candidate-exp a:hover:before{ content:""; width:15px; height: 15px; border:4px solid #ececec;position:absolute; background: #ececec; margin-top: -23px; transform: rotate(45deg); margin-left:-6px; }

  /*------- Range Responsive ---------*/
  .tabs .bar { width:90%; display:block; margin-left: 5%; }
  .tabs .bar div{ width: 50%; float: left; }
  .content{width: 90%;}
  .seach-bar { margin: 5%; width: 90%; }
  .skills-box .skills {max-width: 100%; width: 100%; margin:0px; }
  .skills-box .skills-bar{width: 100%;margin: 5px 0px 0px 0px;max-width: 100%;}
  .skills-bar .col-3-4{width: 50%;margin:0px 0px 20px 0px;max-width: 50%;}
  .skills-bar .col-4{width:50%;font-size:14px;text-align:left;margin-left: 0;padding: 0px 0px 0px 23px;margin-bottom: 9px;margin-top: -7px;max-width: 50%;}
  output{font-size:14px;margin: -9px -13px 0px 0px;right: 0;}
  .skills-box{width: 100%;}
  .seach-bar .col-2:nth-child(2){margin-top: 3px; position: absolute;width: 100%;}
  .seach-bar .col-2:nth-child(1){position: relative; margin-top:61px; }
  .seach-bar .col-2 .col-3{width: 33% !important;}
  .seach-bar .col-2 .col-3:nth-child(2) { margin-left: -10px; }
  .seach-bar .col-2 .col-3:nth-child(3) { margin-left: 0; }
  .skills h5{max-width: 100%; width: 100%;}
  .skills .bizmoduleselect{width: 100%;}
  .seach-bar .col-2 .search-fillter{width: 100%; margin-left: 0;}
  .seach-bar .col-2 .search-fillter .ui-autocomplete-input{width: 100%;}
}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
  #candidate-list .col-6 { width: 46%; float: left; margin-left: 2.6%; }
  .candidate-pic{border-radius: 10px 10px 0px 0px; width: 100%;}
  .candidate-profile {padding: 0px 14px;font-size: 18px;margin: 0;line-height: 26px;color: #5b5b5b;}
  .candidate-name { margin: 0px; padding: 16px 0px 5px 0px;}
  .candidate-rating {font-size: 18px;color: #5b5b5b;}
  .candidate-rating span{background:green; color:#fff; border-radius:4px; padding:3px 6px; letter-spacing:1px }
  .candidate-exp {font-size: 18px;color: #5b5b5b;}
  .candidate-exp a{;background: #5b929c;color: #fff;border-radius: 50%;font-weight: bold;margin-top: 3px;margin-left: 5px;padding: 2px 12px 1px 12px;text-align: center;}
  .candidate-skills {font-size: 18px;color: #5b5b5b;padding: 0;}
  .tooltip-box1 {margin-left: 24px;margin-top: -223px;max-width: 250px;font-size: 15px;}
  .tooltip-box1:after{margin-left: 170px;}
  .tooltip-box {margin-left: 24px;margin-top: -178px;max-width: 250px;font-size: 15px;}
  .tooltip-box:after{margin-left: 121px;}

  /*------- Range Responsive ---------*/
  .tabs{ width:90%; display:block; margin-left: 5%; }
  .tabs .bar{display: block;}
  .tabs .bar div{ width: 50%; float: left; }
  .seach-bar { margin: 5% 5% 3% 5%;  width: 91%; }
  .submit{right: 70px;}
  .skills-box .skills { width: 30%; margin:0px; }
  .skills-box .skills-bar{ width: 70%; margin:12px 0px 0px 0px }
  .skills-bar .col-3-4{width: 50%; margin:0px 0px 20px 10px;}
  .skills-bar .col-4{width:46%;font-size:14px;text-align:left;margin-left: 0;padding: 0px 0px 0px 23px;margin-bottom: 6px;margin-top: -6px;max-width: 30%;}
  output{font-size:14px;margin:-9px -13px 0px 0px; right: 0}
  .skills-box{width: 100%; margin-left: 3px;}
  .seach-bar .col-2:nth-child(2){margin-top: 3px;position: absolute;width: 100%;max-width: 100%;}
  .seach-bar .col-2:nth-child(1){position: relative;margin-top:61px;padding: 0px;margin-left: -6px;}
  .seach-bar .col-2 .col-3{width: 33%;margin-left: -6px;}
  .seach-bar .col-2 .col-3:nth-child(2) { margin-left: -3px; }
  .seach-bar .col-2 .col-3:nth-child(3) { margin-left: 3px; }
  .skills h5{max-width: 100%; width: 100%;}
  .skills .bizmoduleselect{width: 100%;}
  .seach-bar .col-2 .search-fillter{width: 100%; margin-left: 0;}
  .seach-bar .col-2 .search-fillter .ui-autocomplete-input{width: 100%;}
}
/*------------------ Email Popup Box ---------------------*/
.email-box form { width: 50%; margin: 0px auto; }
.email-box form .form-row{ width: 100%; margin: 15px 0px;}
.email-box form .form-row input{ width: 100%; margin:0px; }
.email-box form .form-row textarea{ border-radius: 0; box-shadow: none; height: auto; line-height: 1.33333; padding: 12px 18px; border-radius: 5px; border: 1px solid #ececec; transition: all .3s ease; }
.email-box form .btn-success{margin-bottom:15px !important;min-height: 24px; width:123px !important;line-height:15px !important;}
.email-box form .btn-success:hover{width:123px !important; line-height:15px !important; margin-bottom:15px !important; min-height: 24px !important;}
.email-close{ margin: 10px 10px 0px 0 !important; position: absolute; right: 0; background-color: #368fce !important; border-radius: 5px; line-height: 6px; }