/*Sidebars*/
div.nav-bar-menu {
    width: 60px;
    height: 100%;
    position: fixed;
    overflow: hidden;
    left: 0px;
    top: 0px;
    background: rgba(255,255,255,0.9);
    cursor: pointer;
    -webkit-transition:opacity 0.2s ease-out;
    -moz-transition:opacity 0.2s ease-out;
    -o-transition:opacity 0.2s ease-out;
    transition:opacity 0.2s ease-out;
    z-index: 2050;
}
div.nav-bar-menu .small_logo {
    width: 47px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    padding: 7px 0 0 7px;
}
div.nav-bar-menu div {
    position: absolute;
    bottom: 20px;
    padding-bottom: 40px;
    left: 0;
    width: 60px;
    text-align: center;
    font-size: 16pt;
    color: #D65206;
    background: url(../../img/layout2/icon_menu.png) center bottom no-repeat;
}
.logo {
    padding: 7px 0 0 7px;
}
.nav-arrow {
    background: url(../../img/layout2/arrow-left.png)center center no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
}

.nav-bar2 {
    width: 0px;
    height: 100%;
    position: fixed;
    background-color: rgba(255,255,255,0.9);
    overflow: hidden;
    left: 0px;
    top:0px;
    z-index: 2000
}
div#nav_bar3 {
    position: relative;
    z-index: 3000;
}
div.nav-bar3 {
    width: 600px;
    right: -600px;
    -webkit-transform: translate3d(0,0,0)!important;
}
div.nav-bar4 {
    width: 300px;
    right: -300px;
    -webkit-transform: translate3d(0,0,0)!important;
}
.right_0 {
    right: 0!important;
}
.right_300{
    right: 300px!important;
}
div.nav-bar3, div.nav-bar4 {
    /*width: 0px;*/
    position: fixed;
    /*right:0px;*/
    top:0px;
    background-color: rgba(214,82,6,0.9);height: 100%;
    z-index: 2000;
    color: white;
    /*overflow: hidden;*/

    -moz-transition:right 500ms ease-out, height 0.01s;
    -webkit-transition:right 500ms ease-out, height 0.01s;
    -o-transition: right 500ms ease-out, height 0.01s;
    transition: right 500ms ease-out, height 0.01s;


    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.nav-in {
    width: 300px;
    height: 100%;
    position: relative;
    margin-top: 30px;
    padding: 15px;
    display: inline;
    float: left;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.nav-in h2 {
    font-size: 20pt;
    font-weight: 300!important;
    margin-bottom: 30px;
}
.nav-in a {
    font-size: 16pt;
    color: white;
    margin-bottom: 50px;
}

.slider-team a {
    font-size: 12pt;
    color: white;
    margin-bottom: 50px;
}
.nav_bar .nav-in .email:before, .slider-team .mail:before {
    content: " ";
    width: 27px;
    height: 27px;
    background: url('../../img/layout2/icon-email.png') no-repeat center center;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
.slider-team .fb:before {
    content: " ";
    width: 27px;
    height: 27px;
    background: url('../../img/layout2/icon_fb2.png') no-repeat center center;
    margin-right: 5px;
    margin-top: 5px;
    display: inline-block;
    vertical-align: middle;
}

.slider-team .mbile:before {
    content: " ";
    width: 27px;
    height: 27px;
    background: url('../../img/layout2/icon-mobile.png') no-repeat center center;
    margin-right: 5px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
}
.nav_bar .nav-in .contact {
    margin-top: 20px;
}
.nav_bar .nav-in .phone {
    font-size: 20pt;
    margin-top: 5px;
}
.slider-team .phone, .slider-team .mbile {
     font-size: 12pt;
     margin-top: 5px;
 }
.nav_bar .nav-in .phone:before, .slider-team .phone:before {
    content: " ";
    width: 27px;
    height: 30px;
    background: url('../../img/layout2/icon-phone.png') no-repeat center top;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
input[type="text"], input[type="password"], select, textarea {
    border: none;
    background: white;
    width: 100%;
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
    margin-bottom: 15px;
    /*color: black!important;*/
    padding: 0 5px;
    float: left;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
select[name="position"] {
    width: 55%!important;
}
select {
    cursor: pointer;
    padding: 3px 5px;
}
textarea {
    height: 80px;
}
.dis {
    margin-top: -10px;
    color: black!important;
}
.fileUpload {
    position: relative;
    width: 100%;
    cursor: pointer;
}
.fileUpload .upload {
    position: absolute;
    top: 5px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    opacity: 0;
    width: 90px;
    height: 25px;
}
.fileUpload .file_name {
    width: 170px;
    display: inline;
    margin-right: 10px;
    margin-bottom: 0;
}
.fileUpload .fake_btn {
    margin-top: 5px;
    padding: 4px 5px;
    width: 90px;
    background: #D65206;
    height: 25px;
    display: inline-block;
    color: white;
    text-align: center;
    border: 1px solid white;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.nav_bar .nav-in .file-type {
    font-size: 8pt;
    margin-top: 3px;
}
.pass {
    margin-bottom: 3px!important;
}
.nav_bar .nav-in .sidebar-smallText {
    margin-bottom: 15px;
    font-size: 8pt;
    display: block;
    text-align: right;
}
.nav-in .button, .slider .button{
    padding: 5px;
    margin-top: 10px;
    font-size: 12pt;
    font-weight: bold;
    color: #D65206;
    background: white;
    cursor: pointer;
    text-align: center;
    float: right;
    margin-left: 10px;
    border: none;
    height: 28px;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */

}
.slider_btn_bar .button {
    margin-top: 40px!important;
}
.nav-in .button:hover{
    background: black;
    color: white;
}
.slider .button:hover {
    background: #d65206;
    color: white;
}
.nav-in .links {
    font-size: 10pt!important;
    text-align: right!important;
}
.nav_bar input[type="checkbox"] {
    display:none;
}
.nav_bar input[type="checkbox"] + label span {
    display:inline-block;
    float: right;
    cursor:pointer;
    margin-top: -10px;
    margin-bottom: 15px;
}
.nav_bar input[type="checkbox"] + label[for="or"] span {
    float: left;
    margin-left: 5px;
}
.nav_bar input[type="checkbox"] + label span:before {
    display:inline-block;
    content: ' ';
    width: 15px;
    height: 15px;
    border: 1px solid white;
    margin-right: 5px;
}
.nav_bar input[type="checkbox"] + label[for="or"] span:before {
    margin-top: 19px;
}
.nav_bar input[type="checkbox"]:checked + label span:before {
    background: url(../../img/layout2/icon_check_w.png) center bottom no-repeat;
}
#work-place input {
    width: 86px;
    margin-right: 6px;
}
#work-place input:last-child {
    margin-right: 0;
}
#salary input {
    width: 86px;
    margin-left: 6px;
    display: inline-block;
    float: right!important;
}
#salary select {
    width: 56px;
    display: inline-block;
    padding-left: 0px;
    float: left;
}
#salary span {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-left: 6px;
    padding: 9px 0 5px 0;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

#salary span:last-child {
    margin-right: 0!important;
}

.accordion {
    width:260px;
    overflow:hidden;
    padding:20px;
    font-weight: bold;
}
.accordion section{
    float:left;
    overflow:hidden;
    color:#333;
    cursor:pointer;
    margin:3px;
    position: relative;
    width: 100%;
}
.accordion section:hover {
    position: relative;
}
.accordion section .acc-head:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 10px;
    top: 8px;
    background: #D65206 url(../../img/layout2/arrow-down.png) no-repeat center 5px;
    border-radius: 50px;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.accordion section .acc-head {
    padding:8px 10px;
    display:block;
    font-size:18px;
    line-height: 24px;
    font-weight:300;
    color:#D65206;
    text-decoration:none;
}
.accordion section .acc-head:hover {
    background: #D65206 !important;
    color: white;
}
/*.accordion section:nth-child(1):after{ content:'1'; }*/
/*.accordion section:nth-child(2):after{ content:'2'; }*/
/*.accordion section:nth-child(3):after{ content:'3'; }*/
/*.accordion section:nth-child(4):after{ content:'4'; }*/
/*.accordion section:nth-child(5):after{ content:'5'; }*/

.actived:after {
    border-radius: 0!important;
    transform:rotate(180deg);
    -moz-transform:rotate(180deg); /* FireFox */
    -ms-transform:rotate(180deg); /* IE 9 */
    -webkit-transform:rotate(180deg); /* Safari and Chrome */
    background: transparent url(../../img/layout2/arrow-down.png) no-repeat center 5px!important;
}

.accordion section ul {
    display: none;

    font-size: 16px;
    margin: 5px 15px 0 15px;
    font-weight: normal;
    padding:5px 0 5px 0px;
}
.accordion section ul li {
    width: 100%;
    color: black;
    border-left: 1px solid gray;
    padding: 3px 0 3px 15px;
    position: relative;
}
.accordion section ul li:hover, .job-search:hover, .check_icon {
    color: #D65206!important;
    border: none!important;
    padding-left: 16px!important;
}
.accordion section ul li:hover:after {
    content:'';
    width: 30px;
    height: 30px;
    position: absolute;
    left: -15px;
    top: -3px;
    background: url('../../img/layout2/check.png') no-repeat center center;
}
.actived {
    width:100% !important;
    background: #D65206 !important;

    padding: 8px 10px !important;
    color: white !important;
}

input {
    float: left;
}
.clear {
    clear: both;
}
.check_icon:after {
    content: " ";
    width: 30px;
    height: 30px;
    background: url("../../img/layout2/check.png") no-repeat center center;
    position: absolute;
    left: -15px;
    top: -3px;
}

/*Job details slider*/
.slider {
    position: fixed;
    max-height: 100%;
    width: 700px;
    right: -700px;
    top:0px;
    background-color: rgba(214,82,6,0.9);height: 100%;
    overflow: hidden;
    z-index: 1000;
    color: white;
    overflow: hidden;
    -webkit-transition: right 0.8s ease-out;
    -moz-transition: right 0.8s ease-out;
    -o-transition: right 0.8s ease-out;
    transition: right 0.8s ease-out;
}
.opened {
    right: 0!important;
}
.open {
    width: 300px!important;
}
.slider section {
    display: inline-block;
    float: left;
    padding: 15px;
    text-align: justify;
    line-height: 18px;
    height: 100%;

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.slider h2 {
    font-size: 20pt;
    font-weight: 300!important;
    margin-bottom: 20px;
    margin-top: 30px;
    line-height: normal;
}
.slider h3 {
    margin-bottom: 10px;
    font-size: 16pt;
    font-weight: 400;
    line-height: normal;
}
.slider section:first-child {
    width: 280px;
    padding-right: 5px!important;
}
.em-info {
    overflow:hidden;
}
.em-info .inner {
    margin-right: 25px;
}
.slider section:last-child {
    background: rgba(0,0,0,0.7);
    position: relative;
}
.slider section article {
    position: relative;
    overflow-y: auto;
}
.slider section article:nth-child(2) {
    height: 100px;
    margin-bottom: 15px;
}
.apply {
    height: 242px!important;
    overflow: hidden;
}
.job-details, .apply-wrap {
    margin-right: 30px;
    text-align: left;
}
article table tr td:first-child {
    width: 150px;
    vertical-align: top;
}
.pic-email, .pic-phone {
    display: block;
}
.pic-email:before {
    content: " ";
    width: 19px;
    height: 19px;
    background: url('../../img/layout2/icon_e_small.png') center center no-repeat;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
.pic-phone:before {
    content: " ";
    width: 19px;
    height: 19px;
    background: url('../../img/layout2/icon_p_small.png') center center no-repeat;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.app-process div {
    width: 120px;
    height: 60px;
    text-align: center;
    float: left;
    display: table;
    margin-left: -10px;
    line-height: 12pt;

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.step-start {
    background: url('../../img/layout2/step_start.png') center center no-repeat;
}
.step-mid {
    background: url('../../img/layout2/step_middle.png')center center no-repeat;
}
.step-end {
    background: url('../../img/layout2/step_end.png') center center no-repeat;
}
.app-process div span {
    display: table-cell;
    vertical-align: middle;
    width: 100px;

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.app-process div.step-start span {
    padding: 5px 30px 5px 10px;
}
.app-process div.step-mid span {
    padding: 5px 20px;
}
.app-process div.step-end span {
    padding: 5px 10px 5px 30px;
}
.slider .slider_btn_bar {
    position: absolute;
    top: 15px;
    right: 5%;
}
#slider {
    /*position: relative;*/
    z-index: 9999999;
}


/*Team slider*/
.slider-team {
    position: fixed;
    max-height: 100%;
    right: -50%;
    width: 50%;
    top:0px;
    background-color: #411D09;
    height: 100%;
    overflow: hidden;
    z-index: 1000;
    color: white;
    overflow: hidden;
    padding: 15px;
    text-align: justify;

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;

    -webkit-transition: right 0.8s ease-out;
    -moz-transition: right 0.8s ease-out;
    -o-transition: right 0.8s ease-out;
    transition: right 0.8s ease-out;
}
.slider-team h2 {
    font-size: 20pt;
    font-weight: 300!important;
    margin-bottom: 20px;
    margin-top: 30px;
    line-height: normal;
}

.slider-team img {
    width: 300px;
    height: 220px;
    margin-bottom: 15px;
    margin-right: 15px;
    float: left;
}
.center {
    text-align: center;
}
.slider-team h3 {
    margin: 15px 0;
    font-size: 16pt;
    font-weight: 400;
    line-height: normal;
}
div .slider .close_icon {
    fill: #d65206;
}
div .slider svg {
    width: 17px!important;
    height: 17px!important;
    cursor: pointer;
    padding: 0px;
    margin: 0;
}
div .slider a.button2 {
    margin-top: 40px;
    margin-left: 10px;
    line-height: normal;
    font-size: 12pt;
    font-weight: bold;
    color: #D65206;
    background: white;
    cursor: pointer;
    text-align: center;
    float: right;
    border: none;
    padding: 4px 5px 1px ;
}
div .slider a.button2:hover {
    background: #d65206;
}
a.button2:hover svg .close_icon {
    fill: white!important;
}

/*arrow close icon*/
.nav_bar .close_icon {
    fill: #5B270B;
}
svg {
    width: 30px!important;
    height: 30px!important;
    cursor: pointer;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    margin-left: -5px;
}
.nav_bar a.button2 {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 8pt;
    color: #5B270B;
    text-transform: uppercase;
    font-weight: bold;
}
.nav_bar a.button2:hover {
    color: white;
}
.nav_bar a.button2:hover svg .close_icon {
    fill: white!important;
}

a.button3 {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 8pt;
    color: #D65206;
    text-transform: uppercase;
    font-weight: bold;
    background: url('../../img/layout2/arrow_right_30x30_white.png');
    width: 30px;
    height: 30px;
}

.nav_bar a.button3 {
    top: -20px!important;
}

.inner {
    text-align: justify;
}
.jobexpired, .jobexpired:hover {
    background: silver!important;
    /*color: gray!important;*/
    text-decoration: none!important;
    cursor: default!important;
    position:relative;
}
.jobexpired .qtip {
    font-weight: normal!important;
    min-width: 200px;
}
.applied, .applied:hover {
    background: silver!important;
    color: gray!important;
    text-decoration: none!important;
    cursor: default!important;
    position:relative;
}
.applied .qtip {
    font-weight: normal!important;
    min-width: 200px;
}
.jobended, .jobended:hover {
    background: silver!important;
    color: gray!important;
    text-decoration: none!important;
    cursor: default!important;
    position:relative;
}
.jobended .qtip {
    font-weight: normal!important;
    min-width: 200px;
}


/*slider next career*/
.slider_2 {
    position: fixed;
    max-height: 100%;
    width: 300px;
    right: -300px;
    top:0px;
    background-color: rgba(214,82,6,0.9);height: 100%;
    overflow: hidden;
    z-index: 1000;
    color: white;
    overflow: hidden;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    transition: right 0.5s ease;
    text-align: justify;
}
.nav-in div.table {
    margin-bottom: 15px;
    /*background: white;*/
    /*color: black;*/
    width: 100%;
    padding: 2px 4px;
    word-wrap: break-word;

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.nav-in div.table ul {
    clear: both;
}
.nav-in div .table li{
    margin: 4px 0 4px 5px;
}
.nav-in div .table li span:first-child {
    /*float: left;*/
    /*word-break: break-all;*/
    font-weight: bold;
    text-decoration: underline;
}
.nav-in div .table li span:last-child {
    font-weight: normal;
    text-decoration:none!important;
}
/*.nav-in div.table ul li:last-child {
    margin-left: 10px;
    width: 165px!important;
    float: right;
}*/
.nav-in table {
    margin-top: 10px;
    margin-bottom: 15px;
    background: white;
    color: black;
    /*border-collapse: collapse;*/
    /*padding: 24px;*/
    width: 270px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.nav-in table td:first-child {
    width: 92px!important;
    font-weight: bold;
}
.nav-in table td {
    padding: 5px;
}
.career {
    float: left;
    margin: 0!important;
    height: 28px!important;
    padding-top: 5px!important;
    width: 196px!important;
}
#inform_career {
    position: relative;
}
#inform_career img {
    position: absolute;
    top: 0;
    left: -20px;
}
#inform_career select.career {
    border-radius: 50px 0 0 50px;
    margin-left: 30px!important;
    box-shadow: 1px 3px 3px 0 black;
}
#inform_career .button {
    box-shadow:  black 1px 3px 3px 0;
    border-radius: 0 50px 50px 0;
    color: white;
    background: #692702;
    float: left!important;
    margin: 0!important;
}
#inform_career .button input {
    background: none!important;
    float: left!important;
    border: none;
    padding: 0!important;
    box-shadow:  none!important;
    border-radius:  0;
    height: 20px!important;
}
input[type="button"] {
    margin: 0!important;
}
.slider_2 a, .c-per a {
    color: white!important;
    text-decoration: underline!important;
    font-size: 10pt!important;
}
.c-per a.name {
    text-decoration: none!important;
    font-weight: bold;
}
.in-name {
    width: 60%;
    float: left;
}
.in-phone {
    width: 37%;
    float: right;
}
.slider_2 .button {
    padding: 5px!important;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12pt;
    font-weight: bold;
    color: #D65206!important;
    background: white;
    cursor: pointer;
    text-align: center;
    float: right;
    margin-left: 10px;
    text-decoration: none;
}
.slider_2 .button:hover {
    color: white!important;
    text-decoration: underline;
}
.c-per .image, .c-per_info .image {
    background: white;
    padding: 1px;
    display: block;
    float: left;
    margin-right: 5px!important;
}
.slider_2 img, .c-per img, .c-per_info img {
    border: 1px solid #b3b3b3;
    background: white;
    width: 61px;
    height: 61px;
    float: left;
    position: relative;
    z-index: 1000;
}
.haft {
    width: 49%!important;
    float: left;
    margin-right: 5px;
}
.c-per .phone, .c-per_info .phone {
    font-size: 10pt!important;
}
.slider_2 .phone:before, .c-per .phone:before {
    content: " ";
    width: 20px!important;
    height: 20px!important;
    background: url('../../img/layout2/icon-phone.png') no-repeat center top!important;
    background-size: 20px!important;
    margin-right: 5px!important;
    display: inline-block!important;
    vertical-align: middle!important;
}
.slider_2 .email, .c-per .email, .c-per_info .email {
    padding-left: 95px!important;
    position: relative!important;
    font-size: 10pt!important;
    z-index: 200;
}
.slider_2 .email:before, .c-per .email:before {
    content: " ";
    width: 20px!important;
    height: 20px!important;
    background: url('../../img/layout2/icon-email.png') no-repeat center top!important;
    background-size: 20px!important;
    margin-right: 5px!important;
    position: absolute!important;
    top: 2px!important;
    left: 70px!important;
}
.c-per, .c-per_info {
    word-break:break-all;
}
.slider_2 a.button3 {
    top: -20px!important;
}
.slider_2 a, .my_qtip a {
    font-size: 10pt;
}
.slider_2 .inner2 {
    margin-bottom: 30px;
}
.qtip_myClass {
    position: fixed;
}
.hr_tip {
    -moz-transform: translate3d(0,0,0)!important;
}
.my_qtip {
    font-size: 10pt;
    background: white;
    font-family: "Open Sans",tahoma,san-serif;
    border: 1px solid #cccccc;
    line-height: 14pt;
    max-width: 300px;
}
.my_qtip .qtip-titlebar {
    background: #d65206;
    color: white;
    font-weight: bold;
    padding: 10px;
}
.my_qtip .qtip-close {
    background: white;
    color: #d65206;
    border: none;
    border-radius: 0;
}
.my_qtip .qtip-close:hover {
    background: black!important;
    color: white!important;
}
.my_qtip .qtip-icon {
    display: table;
}
.my_qtip .ui-icon {
    width: 20px;
    height: 20px;
    font-size: 13pt;
    display: table-cell;
    vertical-align: middle;
}

.my_qtip .f_button, .my_qtip .button {
    padding: 5px!important;
    font-size: 12pt;
    font-weight: bold;
    color: white!important;
    background: #d65206;
    cursor: pointer;
    text-align: center;
    float: right;
    text-decoration: none;
    border: none!important;
    margin-bottom: 10px;
}
.my_qtip .f_button:hover, .my_qtip .button:hover {
    background: black;
    text-decoration: underline;
}
.my_qtip input {
    border:1px solid #d65206;
}
.my_qtip .qtip-content {
    /*padding: 20px 10px 0 ;*/
}
#register_apply:hover {
    text-decoration: none!important;
}

#register_apply span {
    text-decoration: underline!important;
    position: relative;
    padding-left: 13px;
}
#register_apply span:before {
    position: absolute;
    background: url('../../img/layout2/arrow_right_white_10x7.png') center center no-repeat;
    width: 10px;
    height: 21px;
    left: 0;
    top: 0;
    content: " ";

}

@media (max-width: 1280px) {
    .slider section:first-child {
        width: 200px;
        padding-right: 5px!important;
    }

}
@media (max-width: 1024px) {
    .slider section:first-child {
        width: 180px;
        padding-right: 5px!important;
    }
    .app-process div {
        width: auto;
        height: auto;
        text-align: left;
        float: none;
        display: block;
        margin-left: 0;
        line-height: inherit;
    }
    .step-start, .step-mid, .step-end {
        background: none!important;
    }
    .app-process div span {
        display: block;
        width: auto;
    }
    .app-process div.step-start span, .app-process div.step-mid span, .app-process div.step-end span {
        padding: 0;
    }
}